@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-devanagari-600-normal-STEjXBNN.woff2)format("woff2"),url(/assets/poppins-devanagari-600-normal-ClASKHrr.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-ext-600-normal-CAhIAdZj.woff2)format("woff2"),url(/assets/poppins-latin-ext-600-normal-Df5ffKXP.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-600-normal-zEkxB9Mr.woff2)format("woff2"),url(/assets/poppins-latin-600-normal-BJdTmd5m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-devanagari-700-normal-O-jipLrW.woff2)format("woff2"),url(/assets/poppins-devanagari-700-normal-fHs-vx92.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-ext-700-normal-cby-RkWa.woff2)format("woff2"),url(/assets/poppins-latin-ext-700-normal-DctTR6Tg.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-normal-Qrb0O0WB.woff2)format("woff2"),url(/assets/poppins-latin-700-normal-BVuQR_eA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/poppins-devanagari-700-italic-CfJNme_e.woff2)format("woff2"),url(/assets/poppins-devanagari-700-italic-DHu10JMQ.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-ext-700-italic-BW-xMzBf.woff2)format("woff2"),url(/assets/poppins-latin-ext-700-italic-D5RyU7I_.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-italic-RKf6esGj.woff2)format("woff2"),url(/assets/poppins-latin-700-italic-CW91C-LJ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-ext-600-normal-CWPPjBOD.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-600-normal-vnfu4DTE.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-600-normal-DJGQ2h05.woff2)format("woff2"),url(/assets/nunito-cyrillic-600-normal-BUjmtIuu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2)format("woff2"),url(/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2)format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2)format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2)format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2)format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2)format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2)format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2)format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--deep:#1e5d4b;--teal:#2e8b74;--mint:#a7e3c1;--ivory:#fff7e6;--sky:#64b5f6;--sun:#ffd166;--sakura:#ff8fa3;--lavender:#9d8df1;--slate:#6b7280;--ink:#1d3a31;--muted:var(--slate);--dim:#9aa39c;--panel:#fff7e6f7;--panel-solid:#fff7e6;--raised:#fffdf7;--tint:#f3ecd9;--line:#1e5d4b24;--line-strong:#1e5d4b47;--accent:var(--deep);--accent-ink:var(--ivory);--danger:#e2566b;--radius:16px;--radius-sm:11px;--shadow:0 10px 28px #1e3c3233, 0 2px 6px #1e3c321a;--font:"Nunito", "Segoe UI", system-ui, sans-serif;--display:"Poppins", "Segoe UI", system-ui, sans-serif;--ease:cubic-bezier(.22, .9, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);font:600 13.5px/1.45 var(--font);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#dff1e6;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible,a:focus-visible{outline:2.5px solid var(--sky);outline-offset:2px}a{color:var(--teal);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,p,dl,dd,ul{margin:0;padding:0}ul{list-style:none}em{font-style:normal}kbd{font:800 10.5px/1 var(--font);text-align:center;min-width:20px;color:var(--ink);white-space:nowrap;background:#fff;border:1.5px solid #d8ccb0;border-bottom-width:3px;border-radius:6px;padding:4px 6px;display:inline-block}.app{background:#cfe2ee;position:fixed;inset:0;overflow:hidden}.world-canvas{touch-action:none;inset:0;position:absolute!important}.world-canvas canvas{touch-action:none;outline:none;display:block}#label-layer{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.map-label{font:800 11.5px/1.35 var(--font);color:var(--ink);white-space:nowrap;will-change:transform;background:#fff7e6f0;border:1.5px solid #1e5d4b29;border-radius:999px;align-items:center;gap:5px;padding:2px 9px 2px 6px;display:flex;position:absolute;top:0;left:0;box-shadow:0 3px 8px #1e3c3238}.map-label i{background:var(--c);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 1.5px #fff}.map-label.is-landmark{font:600 12.5px/1.35 var(--display);color:var(--ivory);background:var(--deep);border-color:#0000;padding:3px 11px 3px 7px;box-shadow:0 4px 12px #1e3c3259}.map-label.is-landmark i{background:var(--sun);box-shadow:none}.map-label.kind-poi{background:#fff7e6db;padding:1px 7px 1px 5px;font-size:10.5px;font-weight:700;box-shadow:0 2px 5px #1e3c322e}.map-label.kind-poi i{width:6px;height:6px}.map-label.kind-area{background:#a7e3c1eb;border-color:#1e5d4b33;font-weight:700}.map-label.kind-area i{display:none}.map-label.kind-road{box-shadow:none;color:#fff;text-shadow:0 1px 3px #142822f2,0 0 2px #142822e6;background:0 0;border:0;font-size:10.5px;font-weight:700}.map-label.kind-road i{display:none}.hud{z-index:3;pointer-events:none;opacity:0;transition:opacity .9s .3s;position:absolute;inset:0}.hud.is-ready{opacity:1}.hud>*{pointer-events:auto}.panel-base,.search-field,.search-drop,.segmented,.hud-btn,.info-panel,.explorer,.hints,.prompt,.nav-card,.settings,.hover-tip,.capture-hint,.bike-badge{background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.top-bar{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:14px;left:14px;right:14px}.top-left,.top-right{pointer-events:auto;align-items:flex-start;gap:9px;display:flex}.top-right{align-items:stretch}.brand{height:50px;color:var(--ivory);background:linear-gradient(135deg, #236b57, var(--deep));border-radius:var(--radius);box-shadow:var(--shadow);flex:none;align-items:center;gap:10px;padding:0 16px 0 8px;display:flex}.brand-text{flex-direction:column;line-height:1;display:flex}.wordmark{font:italic 700 19px/1 var(--display);letter-spacing:.01em}.wordmark em{color:var(--mint)}.brand small{font:700 8.5px/1 var(--font);letter-spacing:.15em;text-transform:uppercase;color:#fff7e6c7;white-space:nowrap;margin-top:5px}.search{width:330px;max-width:40vw;position:relative}.search-field{height:50px;color:var(--teal);cursor:text;border-radius:999px;align-items:center;gap:9px;padding:0 12px 0 15px;transition:border-color .18s,box-shadow .18s;display:flex}.search.is-open .search-field{border-color:var(--teal);box-shadow:var(--shadow), 0 0 0 4px #a7e3c18c}.search-field input{min-width:0;height:100%;color:var(--ink);font:700 13.5px var(--font);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1}.search-field input::placeholder{color:#9aa39c;font-weight:600}.search-kbd{color:var(--muted);align-items:center;gap:4px;font-size:10.5px;font-weight:800;display:inline-flex}.search-drop{animation:drop .22s var(--ease);padding:12px 0 8px;position:absolute;top:58px;left:0;right:0;overflow:hidden}@keyframes drop{0%{opacity:0;transform:translateY(-8px)scale(.985)}}.chips,.presets{flex-wrap:wrap;gap:6px;padding:0 14px;display:flex}.chip{color:var(--deep);border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:800;transition:background .16s,color .16s,transform .16s,border-color .16s}.chip:hover{background:var(--mint);border-color:#0000;transform:translateY(-1px)}.chip.is-on{background:var(--deep);border-color:var(--deep);color:var(--ivory)}.search-caption{font:600 10px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);padding:13px 16px 5px}.search-list{scrollbar-width:thin;scrollbar-color:#cdbf9f transparent;max-height:min(52vh,430px);padding:0 6px;overflow-y:auto}.search-item{text-align:left;border-radius:12px;align-items:center;gap:11px;width:100%;padding:7px 10px;transition:background .12s;display:flex}.search-item.is-active{background:#a7e3c180}.dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 2px #fff}.search-text{flex-direction:column;flex:1;min-width:0;display:flex}.search-text b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:800;overflow:hidden}.search-text small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;font-size:11px;font-weight:600;overflow:hidden}.search-dist{color:var(--teal);font-variant-numeric:tabular-nums;flex:none;font-size:11px;font-weight:800}.search-saved{color:var(--sakura);flex:none;display:inline-flex}.search-empty{color:var(--muted);padding:14px}.hud-btn{height:50px;color:var(--deep);transition:background .16s, color .16s, border-color .16s, transform .16s var(--ease);flex:none;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12.5px;font-weight:800;display:inline-flex}.hud-btn:hover{border-color:var(--line-strong);background:#fff;transform:translateY(-1px)}.hud-btn:active{transform:translateY(1px)scale(.98)}.hud-btn.square{width:50px;padding:0}.hud-btn.is-on{background:var(--mint);border-color:var(--teal)}.top-right .hud-btn.square{background:var(--deep);color:var(--ivory);border-color:#0000}.top-right .hud-btn.square:hover{background:var(--teal)}.top-right .hud-btn.square.is-on{background:var(--teal);box-shadow:var(--shadow), 0 0 0 3px #a7e3c1b3}.hud-btn.clock{justify-content:flex-start;gap:9px;min-width:122px;padding:0 14px 0 11px}.hud-btn.clock svg{color:#f2a81d;width:24px;height:24px}.hud-btn.clock.is-night svg{color:var(--lavender)}.clock-text{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.clock-text b{font:600 12.5px var(--display)}.clock-text small{color:var(--muted);font-size:10.5px;font-weight:700}.only-compact{display:none}.icon-btn{width:30px;height:30px;color:var(--slate);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:800;transition:background .14s,color .14s,transform .14s;display:inline-flex}.icon-btn:hover{color:var(--deep);background:#a7e3c199;transform:scale(1.06)}.icon-btn.ghost{width:22px;height:22px}.segmented{gap:3px;height:50px;padding:5px;display:flex}.segmented button{min-width:76px;color:var(--slate);font:600 10.5px var(--display);white-space:nowrap;border:1.5px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 10px;transition:background .2s,color .2s,border-color .2s;display:flex;position:relative}.segmented button svg{width:17px;height:17px}.segmented button:hover{color:var(--deep);background:#a7e3c159}.segmented button.is-on{background:var(--mint);color:var(--deep);border-color:#2e8b7480}.segmented button kbd{display:none}.segmented.small{height:34px;box-shadow:none;background:var(--tint);border-color:#0000;border-radius:12px;padding:3px}.segmented.small button{min-width:0;font:800 11.5px var(--font);text-transform:capitalize;border-radius:9px;flex-direction:row;padding:0 10px}.segmented.small button.is-on{background:var(--deep);color:var(--ivory);border-color:#0000}.btn{white-space:nowrap;border-radius:var(--radius-sm);height:40px;font:600 12.5px var(--display);color:var(--deep);border:1.5px solid var(--line);transition:background .16s, border-color .16s, transform .16s var(--ease), box-shadow .16s;background:#fff;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex;box-shadow:0 2px 5px #1e3c3214}.btn:hover{border-color:var(--teal);background:#f4fbf6;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--deep);border-color:var(--deep);color:var(--ivory);flex:1;box-shadow:0 5px 12px #1e5d4b52}.btn.primary:hover{background:var(--teal);border-color:var(--teal)}.btn.primary kbd{color:var(--ivory);background:#ffffff29;border-color:#ffffff47;margin-left:2px}.btn.primary.is-stop{border-color:var(--sakura);color:#c93d57;box-shadow:none;background:#fff}.btn.primary.is-stop kbd{color:#c93d57;background:#ff8fa324;border-color:#ff8fa399}.btn.is-saved{border-color:var(--sakura);color:#c93d57;background:#fff0f3}.btn.icon-only{width:40px;padding:0}.btn.wide{flex:none;justify-content:space-between;width:100%}.link{color:inherit;text-underline-offset:2px;font-weight:700;-webkit-text-decoration:underline #1e5d4b59;text-decoration:underline #1e5d4b59}.link:hover{color:var(--teal)}.info-panel{width:356px;max-height:calc(100% - 266px);animation:slide-in .34s var(--ease);border-radius:20px;flex-direction:column;padding:14px 16px;display:flex;position:absolute;top:76px;right:14px}@keyframes slide-in{0%{opacity:0;transform:translate(22px)}}.hud:has(.nav-card) .info-panel{max-height:calc(100% - 340px)}.info-top{align-items:flex-start;gap:12px;display:flex}.info-thumb{color:#fff;background:linear-gradient(150deg, color-mix(in srgb, var(--c) 70%, #fff), var(--c));border-radius:15px;flex:none;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 0 0 0 2px #ffffff8c,0 4px 10px #1e3c3229}.info-thumb svg{width:28px;height:28px}.info-title{flex:1;min-width:0}.info-panel h2{font:600 18.5px/1.2 var(--display);color:var(--ink)}.info-sub{color:var(--muted);margin-top:2px;font-size:11.5px;font-weight:700}.tag{color:var(--deep);background:var(--tint);border:1.5px solid var(--line);border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:3px 10px 3px 8px;font-size:11px;font-weight:800;display:inline-flex}.tag i{background:var(--c);border-radius:50%;width:8px;height:8px}.badges{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.badges:empty{display:none}.badge{color:var(--slate);background:#f1eada;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:800}.badge.gold{color:#8a5a00;background:#ffd1668c}.badge.warn{color:#b4364f;background:#ff8fa340}.tabs{gap:6px;margin-top:12px;display:flex}.tabs button{height:32px;font:600 11.5px var(--display);color:var(--deep);border:1.5px solid var(--line);background:#fff;border-radius:999px;flex:1;transition:background .18s,color .18s,border-color .18s}.tabs button:hover{border-color:var(--teal)}.tabs button.is-on{background:var(--deep);color:var(--ivory);border-color:var(--deep)}.info-scroll{scrollbar-width:thin;scrollbar-color:#cdbf9f transparent;flex:1;min-height:0;margin:11px -16px 0;padding:0 16px 2px;overflow-y:auto}.info-scroll>*{animation:fade-up .26s var(--ease)}@keyframes fade-up{0%{opacity:0;transform:translateY(5px)}}.info-desc{color:#33483f;font-size:13.5px;font-weight:600;line-height:1.5}.facts{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.facts div{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:7px 11px}.facts div:last-child:nth-child(odd){grid-column:span 2}.facts dt{letter-spacing:.08em;text-transform:uppercase;color:var(--teal);font-size:10px;font-weight:800}.facts dd{font-variant-numeric:tabular-nums;text-transform:capitalize;color:var(--ink);margin-top:1px;font-size:12.5px;font-weight:800}.info-panel section{margin-top:12px}.info-panel h3{font:600 10.5px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:7px}.list li{color:var(--ink);border:1.5px solid var(--line);background:#fff;border-radius:12px;margin-bottom:6px;padding:6px 10px 6px 28px;font-weight:700;position:relative}.list li:before{content:"";background:var(--c);border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:11px}.pills{flex-wrap:wrap;gap:6px;display:flex}.pills li{color:var(--ink);border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700}.info-empty{color:var(--muted);padding:6px 0}.source{color:#8b9289;margin-top:12px;font-size:10.5px;font-weight:600;line-height:1.5}.source a{white-space:nowrap}.route-strip{color:var(--deep);background:#a7e3c173;border:1.5px solid #2e8b7459;border-radius:12px;align-items:baseline;gap:9px;margin-top:10px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.route-strip b{font:600 17px var(--display);color:var(--deep);font-variant-numeric:tabular-nums}.info-actions{gap:7px;margin-top:12px;display:flex}.bottom-left{pointer-events:none;position:absolute;bottom:14px;left:14px}.minimap-wrap{pointer-events:auto;flex-direction:column;align-items:flex-start;gap:9px;display:flex}.minimap-shell{position:relative}.minimap{border:5px solid var(--ivory);width:196px;height:196px;box-shadow:var(--shadow), 0 0 0 1.5px var(--line);transition:transform .25s var(--ease);background:#dfe9d3;border-radius:50%;padding:0;position:relative;overflow:hidden}.minimap canvas{cursor:pointer;width:100%;height:100%;display:block}.minimap-shell:hover .minimap{transform:scale(1.015)}.minimap-tools{flex-direction:column;gap:5px;display:flex;position:absolute;bottom:6px;right:-8px}.mini-btn{width:30px;height:30px;color:var(--deep);background:var(--ivory);border:1.5px solid var(--line);border-radius:50%;place-items:center;transition:background .15s,transform .15s;display:grid;box-shadow:0 3px 8px #1e3c3238}.mini-btn:hover{background:var(--mint);transform:scale(1.08)}.mini-btn svg{width:15px;height:15px}.minimap-hide{opacity:0;transition:opacity .15s;position:absolute;top:-2px;right:-8px}.minimap-shell:hover .minimap-hide{opacity:1}.explorer{border-radius:999px;align-items:center;gap:10px;min-width:228px;max-width:280px;padding:6px 16px 6px 6px;display:flex}.explorer-face{border-radius:50%;flex:none;width:46px;height:46px;overflow:hidden;box-shadow:0 0 0 2.5px #fff,0 2px 6px #1e3c3233}.explorer-face svg{width:100%;height:100%;display:block}.explorer-text{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.explorer-row{align-items:baseline;gap:7px;display:flex}.explorer-row b{font:600 13.5px var(--display)}.explorer-row span{color:var(--teal);white-space:nowrap;font-size:11px;font-weight:800}.xp{background:#eadfc4;border-radius:999px;height:6px;margin:4px 0 3px;overflow:hidden}.xp i{border-radius:inherit;background:linear-gradient(90deg, var(--teal), #58c79a);height:100%;transition:width .6s var(--ease);display:block}.explorer-where{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.explorer-where span{font-variant-numeric:tabular-nums}.map-backdrop{pointer-events:auto;z-index:8;background:#1d3a3173;animation:.25s fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.minimap-wrap.is-expanded{z-index:9;pointer-events:none;justify-content:center;align-items:center;position:fixed;inset:0}.minimap-wrap.is-expanded .minimap{pointer-events:auto;width:min(94vw,1080px);height:min(80vh,720px);animation:pop .3s var(--ease);border-width:6px;border-radius:24px;transform:none}@keyframes pop{0%{opacity:0;transform:scale(.95)}}.minimap-wrap.is-expanded canvas{cursor:crosshair}.map-title{background:var(--panel);border:1.5px solid var(--line);z-index:1;border-radius:999px;align-items:center;gap:12px;padding:7px 8px 7px 16px;display:flex;position:absolute;top:10px;left:10px;right:10px;box-shadow:0 4px 12px #1e3c322e}.map-title b{font:600 14px var(--display)}.map-title span{color:var(--muted);flex:1;font-size:11.5px}.bottom-center{pointer-events:none;flex-direction:column;align-items:center;gap:9px;max-width:calc(100vw - 600px);display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.bottom-center>*{pointer-events:auto}.hints{color:var(--ink);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:5px 16px;padding:9px 18px;font-size:12px;font-weight:700;display:flex}.hints span{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.prompt{border-color:var(--teal);animation:rise .3s var(--ease);text-align:left;transition:transform .16s var(--ease);border-radius:999px;align-items:center;gap:11px;padding:8px 18px 8px 9px;display:flex}.prompt:hover{transform:translateY(-2px)}.prompt kbd{background:var(--deep);color:var(--ivory);border-color:#164537;border-radius:50%;min-width:34px;padding:7px 10px;font-size:14px}.prompt span{flex-direction:column;line-height:1.2;display:flex}.prompt b{font:600 13.5px var(--display)}.prompt small{color:var(--muted);font-size:11px;font-weight:700}.bike-hud{animation:rise .3s var(--ease);align-items:center;gap:8px;display:flex}.bike-badge{background:var(--sun);color:#4a3600;font:600 13px var(--display);border-color:#e9b63a;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;display:flex}.bike-badge .bike-icon{font-size:17px}.bike-prompt{border-color:#e9b63a}.bike-prompt kbd{background:var(--sun);color:#4a3600;border-color:#d9a52c}.bike-action{cursor:pointer}.bike-action.bell{background:#fff6d8;border-color:#e9b63a}.bike-action.bell:hover{background:#ffeeb5}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.toast{font:600 12.5px var(--display);color:var(--ivory);background:var(--deep);box-shadow:var(--shadow);animation:rise .3s var(--ease);text-align:center;border-radius:999px;max-width:92vw;padding:9px 18px}.capture-hint{color:var(--slate);box-shadow:none;pointer-events:none;border-radius:999px;padding:6px 15px;font-size:11.5px;font-weight:700}.bottom-right{pointer-events:none;flex-direction:column;align-items:flex-end;gap:9px;display:flex;position:absolute;bottom:14px;right:14px}.bottom-right>*{pointer-events:auto}.tool-row{align-items:flex-end;gap:8px;display:flex}.tool-stack{flex-direction:column;gap:7px;display:flex}.tool-stack .hud-btn.square{border-radius:50%;width:46px;height:46px}.tool-stack.zoom{background:var(--panel);border:1.5px solid var(--line);box-shadow:var(--shadow);border-radius:999px;gap:0;padding:3px}.tool-stack.zoom .hud-btn.square{width:40px;height:40px;box-shadow:none;background:0 0;border:0}.tool-stack.zoom .hud-btn.square:hover{background:var(--mint)}.nav-card{max-width:340px;animation:rise .3s var(--ease);border-radius:20px;align-items:center;gap:11px;padding:9px 10px;display:flex}.nav-icon{background:var(--deep);width:40px;height:40px;color:var(--ivory);border-radius:13px;flex:none;place-items:center;display:grid}.spectate-card .nav-icon{background:var(--sky);color:#fff}.nav-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.nav-text small{letter-spacing:.1em;text-transform:uppercase;color:var(--teal);font-size:9.5px;font-weight:800}.nav-text b{font:600 13.5px var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-text span{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.attribution{color:#ffffffeb;text-shadow:0 1px 3px #142822d9;padding-right:2px;font-size:10px;font-weight:700}.settings{z-index:6;scrollbar-width:thin;scrollbar-color:#cdbf9f transparent;width:356px;max-height:calc(100% - 96px);animation:drop .24s var(--ease);border-radius:20px;padding:14px 18px 8px;position:absolute;top:72px;right:14px;overflow-y:auto}.settings.is-embedded{width:auto;max-height:none;box-shadow:none;background:0 0;border:0;padding:0;animation:none;position:static;overflow:visible}.panel-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.panel-head h3,.pause-main h3{font:600 16px var(--display);color:var(--deep)}.group{border-top:1.5px dashed var(--line);padding:10px 0 12px}.settings .group:first-of-type{border-top:0}.group h4{font:600 10.5px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--deep);background:var(--mint);border-radius:999px;margin-bottom:7px;padding:3px 10px;display:inline-block}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;min-height:40px;padding:2px 0;display:flex}.row>span{flex-direction:column;flex:140px;min-width:0;font-size:13px;font-weight:800;display:flex}.row>.segmented,.row>input,.row>.switch{flex:none;margin-left:auto}.row small{color:var(--muted);font-size:11px;font-weight:600}.presets{padding:2px 0 6px}.switch{background:#e3d9c2;border-radius:999px;flex:none;width:42px;height:24px;transition:background .2s;position:relative}.switch i{width:18px;height:18px;transition:transform .22s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1e3c324d}.switch.is-on{background:var(--deep)}.switch.is-on i{transform:translate(18px)}input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:none;width:150px;height:24px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--mint), #e3d9c2);border-radius:999px;height:7px}input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--mint), #e3d9c2);border-radius:999px;height:7px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--deep);border:3px solid #fff;border-radius:50%;width:18px;height:18px;margin-top:-5.5px;box-shadow:0 2px 5px #1e3c3259}input[type=range]::-moz-range-thumb{background:var(--deep);border:3px solid #fff;border-radius:50%;width:13px;height:13px;box-shadow:0 2px 5px #1e3c3259}.visitor-badge{border:1.5px solid var(--line);font:700 13px var(--display);color:var(--deep);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;display:inline-flex;box-shadow:0 1px 3px #1e3c320f}.visitor-badge svg{color:var(--teal);flex:none;width:15px;height:15px}.overlay{z-index:20;background:#1d3a3180;place-items:center;padding:16px;animation:.25s fade;display:grid;position:fixed;inset:0;overflow:hidden}.pause{background:var(--panel-solid);border:1.5px solid var(--line);width:min(960px,100%);max-height:min(92vh,720px);animation:pop .32s var(--ease);border-radius:26px;grid-template-columns:300px 1fr;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #142d2673}.pause-side{border-right:1.5px solid var(--line);background:linear-gradient(#dff3e6,#f4f3df);flex-direction:column;gap:9px;padding:24px 22px;display:flex;position:relative;overflow-y:auto}.pause-side>*{z-index:1;position:relative}.pause-art{opacity:.9;pointer-events:none;top:-8px;left:-10px;z-index:0!important;position:absolute!important}.pause-brand{color:var(--deep);align-items:center;gap:12px;margin:54px 0 12px;display:flex}.pause-brand .wordmark{margin-bottom:4px;font-size:24px;line-height:1.1;display:block}.pause-brand .wordmark em{color:var(--teal)}.pause-brand small{font:600 10px var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--sakura)}.credits{color:var(--muted);margin-top:auto;padding-top:16px;font-size:11px;font-weight:600;line-height:1.5}.credits b{font:600 10px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:4px;display:block}.pause-main{scrollbar-width:thin;scrollbar-color:#cdbf9f transparent;padding:24px 26px;overflow-y:auto}.pause-main h3{margin:0 0 10px}.pause-main h3:not(:first-child){margin-top:20px}.keys{grid-template-columns:1fr 1fr;gap:7px 22px;display:grid}.keys div{color:var(--ink);align-items:center;gap:10px;font-weight:700;display:flex}.keys kbd{min-width:78px}.loading{z-index:50;background:linear-gradient(180deg, #bfe3ff 0%, #e4f5ea 48%, var(--ivory) 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s,visibility 0s linear 1s;display:flex;position:fixed;inset:0;overflow:hidden}.loading.is-done{opacity:0;visibility:hidden;pointer-events:none}.loading-art{pointer-events:none;position:absolute}.loading-art.tl{width:min(46vw,420px);height:auto;top:-6px;left:-8px}.loading-art.br{width:min(40vw,360px);height:auto;bottom:-6px;right:-8px;transform:rotate(180deg)}.loading-sun{background:radial-gradient(circle, #fff6c9 0%, var(--sun) 46%, #ffd16600 70%);opacity:.9;border-radius:50%;width:120px;height:120px;animation:5s ease-in-out infinite glow;position:absolute;top:9%;right:13%}@keyframes glow{50%{opacity:1;transform:scale(1.08)}}.loading-inner{width:min(400px,84vw);color:var(--deep);flex-direction:column;align-items:center;display:flex;position:relative}.loading-inner .skyline{width:150px;height:auto;margin-bottom:-4px}.loading h1{font:italic 700 clamp(40px, 8vw, 58px)/1 var(--display);letter-spacing:.005em;color:var(--deep)}.loading h1 em{color:var(--teal)}.loading-swoosh{width:250px;height:16px;margin-top:2px}.loading-tag{color:var(--deep);font:600 11px var(--display);letter-spacing:.2em;text-transform:uppercase;margin-top:6px}.bar{width:100%;height:10px;box-shadow:inset 0 0 0 1.5px var(--line);background:#ffffffd9;border-radius:999px;margin-top:34px;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(90deg, var(--teal), #58c79a 70%, var(--mint));transform-origin:0;height:100%;transition:transform .5s var(--ease);display:block}.loading-msg{color:var(--ink);min-height:19px;margin-top:12px;font-size:13px;font-weight:700}.loading-error{border:1.5px solid var(--sakura);text-align:center;-webkit-user-select:text;user-select:text;background:#fff;border-radius:16px;flex-direction:column;gap:5px;margin-top:28px;padding:14px 16px;display:flex}.loading-error span{color:#b4364f;font-size:12px}.loading-foot{color:var(--slate);letter-spacing:.04em;font-size:10.5px;font-weight:700;position:absolute;bottom:20px}.petals{pointer-events:none;position:absolute;inset:0;overflow:hidden}.petals i{width:var(--size,12px);height:calc(var(--size,12px) * .8);background:linear-gradient(135deg, #ffd0da, var(--sakura));opacity:.85;border-radius:80% 10%;animation:linear infinite petal;position:absolute;top:-24px}@keyframes petal{0%{transform:translateY(-4vh)rotate(0)}to{transform:translate3d(var(--drift,60px), 108vh, 0) rotate(540deg)}}.hover-tip{z-index:7;border-radius:14px;flex-direction:column;gap:1px;max-width:280px;padding:8px 14px;display:flex;position:fixed;top:0;left:0;pointer-events:none!important}.hover-tip b{font:600 13px var(--display)}.hover-tip span{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.hover-tip i{background:var(--c);border-radius:50%;width:8px;height:8px}.crosshair{background:var(--ivory);border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #1e5d4bb3;pointer-events:none!important}.fps{font:800 11px var(--font);font-variant-numeric:tabular-nums;color:var(--ivory);background:var(--deep);border-radius:999px;padding:3px 10px;position:absolute;top:72px;left:14px;pointer-events:none!important}.mobile-controls{position:absolute;inset:0;pointer-events:none!important}.mobile-controls>*{pointer-events:auto}.look-pad{touch-action:none;width:55%;position:absolute;top:76px;bottom:0;right:0}.stick{touch-action:none;background:#fff7e699;border:2px solid #1e5d4b59;border-radius:50%;place-items:center;width:124px;height:124px;display:grid;position:absolute;bottom:34px;left:26px}.stick-knob{background:var(--deep);pointer-events:none;border-radius:50%;width:54px;height:54px;box-shadow:0 4px 12px #1e3c3266,inset 0 0 0 3px #ffffff59}.action-buttons{pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:96px;right:22px}.action{pointer-events:auto;width:76px;height:76px;font:600 13px var(--display);color:var(--deep);touch-action:none;background:#fff7e6e6;border:2px solid #1e5d4b59;border-radius:50%;box-shadow:0 4px 12px #1e3c3240}.action.small{width:58px;height:58px;font-size:12px}.action.is-on,.action:active{background:var(--deep);color:var(--ivory);border-color:var(--deep)}@media (max-width:1280px){.segmented button{min-width:48px}.segmented button span{display:none}.segmented button svg{width:20px;height:20px}.brand small{display:none}.bottom-center{max-width:calc(100vw - 560px)}}@media (max-width:860px){.top-bar{gap:6px;top:8px;left:8px;right:8px}.brand{height:46px;padding:0 8px}.brand-text{display:none}.search{width:auto;max-width:none;position:static}.search:not(.is-open){display:none}.search.is-open{z-index:10;position:absolute;top:0;left:0;right:0}.search:not(.is-open)+.only-compact{display:inline-flex}.hud-btn,.segmented{height:46px}.hud-btn.square{width:46px}.hud-btn.clock .clock-text{display:none}.hud-btn.clock{justify-content:center;width:46px;min-width:0;padding:0}.info-panel{z-index:5;width:auto;max-height:54vh;animation-name:rise;inset:auto 8px 8px}.settings,.chat-panel{width:auto;top:62px;left:8px;right:8px}.bottom-left{bottom:8px;left:8px}.minimap{border-width:4px;width:128px;height:128px}.explorer{min-width:0;max-width:190px;padding:4px 12px 4px 4px}.explorer-face{width:34px;height:34px}.explorer-where{display:none}.bottom-right{bottom:8px;right:8px}.bottom-center{max-width:94vw;bottom:196px}.hints,.capture-hint{display:none}.pause{grid-template-columns:1fr;overflow-y:auto}.pause-side{border-right:0;border-bottom:1.5px solid var(--line)}.keys{grid-template-columns:1fr}.hud.is-touch:not(.mode-iso) .bottom-left,.hud.is-touch:not(.mode-iso) .bottom-right{top:62px;bottom:auto}.hud.is-touch:not(.mode-iso) .attribution{display:none}}@media (max-width:520px){.hide-xs{display:none}.segmented button{min-width:40px;padding:0 6px}}@media (max-height:560px){.minimap{width:140px;height:140px}.hints{display:none}.info-panel{max-height:calc(100% - 84px);top:66px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.petals{display:none}}.online-dot{background:#2ecc71;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #2ecc7138}.online-dot.is-off{box-shadow:none;background:#b0b8b4}.online-pill{border:1.5px solid var(--line);height:36px;font:700 12.5px var(--display);color:var(--deep);white-space:nowrap;background:#ffffffeb;border-radius:999px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.name-input{border:1.5px solid var(--line);width:150px;font:600 13px var(--display);color:var(--deep);background:#fff;border-radius:10px;padding:6px 10px}.name-input:focus{border-color:var(--teal);outline:none}.name-form{border:1.5px solid var(--line);background:#ffffffd1;border-radius:18px;flex-direction:column;align-items:stretch;gap:10px;width:100%;margin-top:22px;padding:18px;display:flex;box-shadow:0 10px 30px #1e3c321f}.name-form label{font:700 14px var(--display);color:var(--deep);text-align:center}.name-form input{border:1.5px solid var(--line);font:600 16px var(--display);color:var(--deep);text-align:center;background:#fff;border-radius:12px;padding:11px 14px}.name-form input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #2e8b742e}.name-form button{background:var(--deep);color:#fff;font:700 15px var(--display);cursor:pointer;border:0;border-radius:12px;padding:11px 14px;transition:background .2s,opacity .2s}.name-form button:hover:not(:disabled){background:var(--teal)}.name-form button:disabled{opacity:.55;cursor:progress}.chat-panel{z-index:6;background:var(--panel);border:1.5px solid var(--line);width:356px;max-height:calc(100% - 96px);box-shadow:var(--shadow);animation:drop .24s var(--ease);border-radius:20px;flex-direction:column;padding:0;display:flex;position:absolute;top:72px;right:14px;overflow:hidden}.chat-panel .panel-head{border-bottom:1.5px solid var(--line);flex:none;padding:12px 12px 10px 18px}.chat-panel .panel-head h3{font:600 15px var(--display);color:var(--deep)}.chat-messages{scrollbar-width:thin;scrollbar-color:#cdbf9f transparent;flex-direction:column;flex:1;gap:6px;min-height:0;max-height:380px;padding:10px 14px;display:flex;overflow-y:auto}.chat-empty{color:var(--muted);text-align:center;padding:28px 12px;font-size:12.5px;font-weight:600;line-height:1.5}.chat-msg{border:1px solid var(--line);animation:fade-up .2s var(--ease);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:5px 10px;display:flex}.chat-sender{font:800 12px var(--display);flex:none}.chat-text{font:600 13px var(--font);color:var(--ink);word-break:break-word;flex:1;min-width:0}.chat-time{font:600 10px var(--font);color:var(--dim);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.chat-input-row{border-top:1.5px solid var(--line);background:var(--raised);border-radius:0 0 20px 20px;flex:none;align-items:center;gap:6px;padding:8px 10px;display:flex}.chat-input{border:1.5px solid var(--line);min-width:0;font:600 13px var(--font);color:var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:12px;flex:1;padding:9px 12px}.chat-input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #2e8b7426}.chat-input::placeholder{color:var(--dim);font-weight:600}.chat-send{background:var(--deep);width:38px;height:38px;color:var(--ivory);transition:background .16s, transform .16s var(--ease);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.chat-send:hover:not(:disabled){background:var(--teal);transform:scale(1.06)}.chat-send:disabled{opacity:.4;cursor:default}.chat-badge{min-width:18px;height:18px;font:800 10px var(--font);color:#fff;background:var(--sakura);pointer-events:none;border-radius:999px;place-items:center;padding:0 5px;line-height:1;display:grid;position:absolute;top:4px;right:4px;box-shadow:0 2px 5px #ff8fa373}.top-right .hud-btn.square{position:relative}