html,body{margin:0;height:100%;background:#0d0f10;overflow:hidden;overscroll-behavior:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}@media(pointer:fine){html[data-yandex] #game,html[data-yandex] #ui{inset:0;margin-inline:auto;width:min(100vw,200vh)}}:root{--font-ui: "Roboto", "Bahnschrift", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-display: "Roboto Condensed", "Bahnschrift", "Arial Narrow", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", "Consolas", monospace;--stretch-display: 75%;--c-bg: #0b0d0e;--c-bg-2: #121516;--c-panel: rgba(18, 20, 21, .8);--c-panel-solid: #17191a;--c-panel-hi: rgba(255, 255, 255, .045);--c-field: rgba(0, 0, 0, .32);--c-line: rgba(255, 255, 255, .07);--c-line-strong: rgba(255, 255, 255, .14);--c-text: #e7e0d6;--c-text-dim: #a69d92;--c-text-faint: #6f6861;--c-accent: #cd412b;--c-accent-hi: #e2553c;--c-accent-lo: #8f2c1d;--c-ok: #718c2f;--c-ok-hi: #8fb240;--c-ok-lo: #4a5d1f;--c-warn: #d8a032;--c-bad: #c8412f;--c-info: #3d8fd1;--c-health: #93d116;--c-calories: #e5832f;--c-hydration: #33a5e1;--c-focus: rgba(226, 85, 60, .55);--c-scrim: rgba(5, 6, 7, .6);--c-hud-bg: rgba(10, 12, 13, .62);--c-hud-line: rgba(255, 255, 255, .1);--c-team: #8fb240;--c-admin: #e2553c;--c-system: #d8a032;--c-voice: #8fb240;--c-sky-top: #0a0d0e;--c-sky-mid: #141a1a;--c-sky-glow: rgba(205, 65, 43, .34);--c-ridge-1: #1b2222;--c-ridge-2: #131919;--c-ridge-3: #0c1010;--c-fog: rgba(150, 165, 150, .1);--c-avatar-1: #cd412b;--c-avatar-2: #7a9a35;--c-avatar-3: #3d8fd1;--c-avatar-4: #d38b2c;--c-avatar-5: #8f5fb0;--c-avatar-6: #3fa58f;--c-avatar-7: #b8603a;--c-avatar-8: #7d8794;--r-sm: 3px;--r-md: 5px;--r-lg: 8px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 19px;--fs-xl: 28px;--fs-hero: 72px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .12s;--t-med: .22s;--t-slow: .42s;--shadow-1: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 24px rgba(0, 0, 0, .35);--shadow-2: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 24px 64px rgba(0, 0, 0, .55);--blur: blur(14px) saturate(1.15);--hud-scale: 1;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}html,body,#game{user-select:none;-webkit-user-select:none}*,*:before,*:after{box-sizing:border-box}#ui{font-family:var(--font-ui);color:var(--c-text);font-size:var(--fs-md);line-height:1.35;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#ui input,#ui textarea,#ui [contenteditable=true]{user-select:text;-webkit-user-select:text}#ui button,#ui input,#ui select{font:inherit;color:inherit}#ui svg.icon{flex:none;display:block}.layer{position:absolute;inset:0;pointer-events:auto}.layer.passthrough{pointer-events:none}.num{font-variant-numeric:tabular-nums}.dim{color:var(--c-text-faint)}.screen{position:absolute;inset:0;pointer-events:auto;animation:screen-in var(--t-slow) var(--ease-out) both}.screen.leaving{animation:screen-out var(--t-med) var(--ease-in-out) both;pointer-events:none}.screen.screen-game{animation:none}.screen:not(.screen-game){inset:0 max(0px,calc((100vw - 200vh)/2))}.screen.passthrough{pointer-events:none}@keyframes screen-in{0%{opacity:0;transform:translateY(8px) scale(1.006)}to{opacity:1;transform:none}}@keyframes screen-out{0%{opacity:1}to{opacity:0;transform:scale(.992)}}.backdrop-wrap{position:absolute;inset:0;overflow:hidden}.title{font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin:0;line-height:1.1}.subtitle{color:var(--c-text-dim);font-size:var(--fs-sm);margin:var(--sp-1) 0 0}.label-caps{font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-faint);font-weight:700}.wordmark{position:relative;display:inline-block;font-family:var(--font-display);font-stretch:var(--stretch-display);font-weight:800;letter-spacing:.07em;text-transform:uppercase;line-height:.92;color:var(--c-text);text-shadow:0 2px 30px rgba(0,0,0,.55);white-space:nowrap}.wordmark.lg{font-size:clamp(54px,9vw,var(--fs-hero))}.wordmark.md{font-size:clamp(30px,5vw,44px)}.wordmark.sm{font-size:24px}.wordmark .wm-b{color:var(--c-accent)}.wordmark .wm-rule{position:absolute;left:0;bottom:-10px;width:64px;height:3px;background:var(--c-accent);transform-origin:left;animation:rule-in .9s var(--ease-out) .25s both}.wordmark:not(.lg) .wm-rule{display:none}@keyframes rule-in{0%{transform:scaleX(0)}}.panel{position:relative;background:var(--c-panel);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.panel:before{content:"";position:absolute;left:-1px;top:-1px;width:52px;height:2px;background:var(--c-accent);border-radius:var(--r-lg) 0 0 0;pointer-events:none}.btn{--btn-bg: rgba(255, 255, 255, .06);--btn-bg-hi: rgba(255, 255, 255, .115);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-5);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--btn-bg);font-family:var(--font-display);font-stretch:var(--stretch-display);font-weight:700;font-size:var(--fs-md);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;cursor:pointer;overflow:hidden;transition:background-color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out),opacity var(--t-med) var(--ease-out)}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.14) 50%,transparent 70%);transform:translate(-120%);pointer-events:none}.btn:hover{background:var(--btn-bg-hi);border-color:var(--c-line-strong)}.btn:hover:after{transform:translate(120%);transition:transform .7s var(--ease-out)}.btn:active{transform:translateY(1px) scale(.982);transition-duration:60ms}.btn:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.btn[disabled]{opacity:.45;cursor:default;pointer-events:none}.btn.primary{--btn-bg: var(--c-ok);--btn-bg-hi: var(--c-ok-hi);border-color:#0000004d;color:#f6f9ec;text-shadow:0 1px 0 rgba(0,0,0,.3);box-shadow:0 1px #ffffff2e inset}.btn.primary[disabled]{--btn-bg: var(--c-ok-lo)}.btn.danger{--btn-bg: var(--c-accent);--btn-bg-hi: var(--c-accent-hi);border-color:#0000004d;color:#fff3ef;box-shadow:0 1px #ffffff29 inset}.btn.ghost{--btn-bg: transparent;--btn-bg-hi: rgba(255, 255, 255, .07);border-color:transparent;color:var(--c-text-dim)}.btn.ghost:hover{color:var(--c-text)}.btn.ghost.armed,.btn.ghost.danger{color:#fff3ef}.btn.lg{height:54px;font-size:var(--fs-lg);padding:0 var(--sp-6)}.btn.sm{height:32px;font-size:var(--fs-sm);padding:0 var(--sp-3)}.btn.icon-only{width:40px;padding:0}.btn .btn-label{position:relative}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.14);border-top-color:var(--c-text);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{position:relative;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.progress>i{position:relative;display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--c-accent-lo),var(--c-accent-hi));transform-origin:left;transition:transform var(--t-slow) var(--ease-out);overflow:hidden}.progress>i:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.35) 50%,transparent 80%);animation:progress-shine 1.6s var(--ease-in-out) infinite;transform:translate(-100%)}@keyframes progress-shine{to{transform:translate(100%)}}.skel{position:relative;display:block;overflow:hidden;border-radius:var(--r-sm);background:#ffffff0f}.skel.round{border-radius:50%}.skel:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.08) 50%,transparent 80%);transform:translate(-100%);animation:skel-shimmer 1.5s var(--ease-in-out) infinite}@keyframes skel-shimmer{to{transform:translate(100%)}}.badge{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:9px;font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-dim);background:#ffffff12;border:1px solid var(--c-line)}.badge.ok{color:var(--c-ok-hi);background:#8fb2401f;border-color:#8fb24047}.badge.warn{color:var(--c-warn);background:#d8a0321f;border-color:#d8a0324d}.badge.accent{color:var(--c-accent-hi);background:#e2553c21;border-color:#e2553c52}.badge.info{color:var(--c-info);background:#3d8fd11f;border-color:#3d8fd14d}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;border-radius:var(--r-sm);border:1px solid var(--c-line-strong);border-bottom-width:2px;background:#ffffff0f;font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;color:var(--c-text)}.state-box{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--c-text-dim);font-size:var(--fs-sm);animation:rise-in var(--t-slow) var(--ease-out) both}.state-box b{color:var(--c-text);font-size:var(--fs-md)}.state-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:var(--sp-1);border-radius:50%;color:var(--c-accent-hi);background:#e2553c1f;border:1px solid rgba(226,85,60,.28)}.state-icon.big{width:60px;height:60px}.state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-3)}.avatar{flex:none;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--av, var(--c-accent)),color-mix(in srgb,var(--av, var(--c-accent)) 55%,#000));box-shadow:0 0 0 1px #ffffff24 inset,0 4px 12px #00000059;font-family:var(--font-display);font-stretch:var(--stretch-display);font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(220px,1.35fr);align-items:center;gap:var(--sp-4);min-height:48px;padding:6px var(--sp-3);border-radius:var(--r-md);transition:background-color var(--t-fast) var(--ease-out)}.row:hover{background:var(--c-panel-hi)}.row-label{display:flex;flex-direction:column;gap:2px;color:var(--c-text);font-size:var(--fs-md);font-weight:500}.row-label-text{display:inline-flex;align-items:center;gap:8px}.row-dot{width:6px;height:6px;border-radius:50%;background:var(--c-warn);animation:pop-dot var(--t-med) var(--ease-spring) both}@keyframes pop-dot{0%{transform:scale(0)}}.row-hint{font-size:var(--fs-xs);color:var(--c-text-faint);font-weight:400}.row-ctl{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.row-ctl>:first-child{flex:1;min-width:0}.row-ctl>.toggle{flex:none;margin-left:auto}.row-reset{flex:none;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--r-sm);background:#d8a03224;color:var(--c-warn);cursor:pointer;animation:reset-in var(--t-med) var(--ease-spring) both;transition:color var(--t-fast),background-color var(--t-fast),transform var(--t-med) var(--ease-out)}@keyframes reset-in{0%{opacity:0;transform:scale(.5) rotate(120deg)}}.row-reset:hover{color:#fff;background:#d8a03266;transform:rotate(-90deg)}.slider{--v: .5;display:flex;align-items:center;gap:var(--sp-3)}.slider input[type=range]{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:28px;background:transparent;cursor:pointer;margin:0;touch-action:pan-y}.slider input[type=range]:focus-visible{outline:none}.slider input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--c-accent) 0 calc(var(--v) * 100%),rgba(255,255,255,.11) calc(var(--v) * 100%) 100%)}.slider input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--c-accent) 0 calc(var(--v) * 100%),rgba(255,255,255,.11) calc(var(--v) * 100%) 100%)}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;border:0;background:var(--c-text);box-shadow:0 0 #cd412b00,0 1px 4px #00000080;transition:box-shadow var(--t-med) var(--ease-out),transform var(--t-fast) var(--ease-out)}.slider input[type=range]:hover::-webkit-slider-thumb,.slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px #cd412b47,0 1px 4px #00000080}.slider input[type=range]:active::-webkit-slider-thumb{transform:scale(1.18);box-shadow:0 0 0 8px #cd412b38,0 1px 4px #00000080}.slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--c-text)}.slider .value{flex:none;width:68px;padding:3px 8px;text-align:right;font-variant-numeric:tabular-nums;font-size:var(--fs-sm);font-weight:600;color:var(--c-text);background:var(--c-field);border:1px solid var(--c-line);border-radius:var(--r-sm)}.toggle{position:relative;display:block;width:46px;height:26px;margin-left:auto;padding:0;border-radius:13px;border:1px solid var(--c-line-strong);background:#ffffff0f;cursor:pointer;transition:background-color var(--t-med) var(--ease-out),border-color var(--t-med) var(--ease-out)}.toggle i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--c-text-dim);box-shadow:0 1px 3px #0006;transition:transform var(--t-med) var(--ease-spring),background-color var(--t-med) var(--ease-out)}.toggle:active i{transform:scaleX(1.18)}.toggle.on{background:var(--c-ok);border-color:#00000040}.toggle.on i{transform:translate(20px);background:#fff}.toggle.on:active i{transform:translate(18px) scaleX(1.18)}.toggle:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.segmented{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:var(--r-md);background:var(--c-field);border:1px solid var(--c-line);overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented .thumb{position:absolute;top:3px;bottom:3px;left:0;transform-origin:0 50%;border-radius:2px;background:linear-gradient(180deg,#ffffff26,#ffffff17);transition:transform var(--t-med) var(--ease-out),opacity var(--t-med);pointer-events:none}.segmented button{position:relative;z-index:1;height:32px;padding:0 var(--sp-3);border:0;border-radius:var(--r-sm);background:transparent;cursor:pointer;font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:var(--fs-md);font-weight:700;color:var(--c-text-dim);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;transition:color var(--t-fast) var(--ease-out)}.segmented.sm button{height:28px;font-size:var(--fs-sm)}.segmented button.active,.segmented button:hover{color:var(--c-text)}.segmented button:focus-visible{outline:2px solid var(--c-focus);outline-offset:-2px}.section+.section{margin-top:var(--sp-5)}.section-title{display:flex;align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-1);padding:0 var(--sp-3)}.section-title:after{content:"";flex:1;height:1px;background:var(--c-line)}.tabs{position:relative;display:flex;flex-direction:column;gap:2px}.tabs button{position:relative;display:flex;align-items:center;gap:var(--sp-3);height:46px;padding:0 var(--sp-4);border:0;border-radius:var(--r-md);background:transparent;color:var(--c-text-dim);font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:var(--fs-lg);font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap;cursor:pointer;transition:color var(--t-fast) var(--ease-out),background-color var(--t-fast) var(--ease-out)}.tabs button:hover{color:var(--c-text);background:var(--c-panel-hi)}.tabs button.active{color:var(--c-text);background:#ffffff0f}.tabs button:focus-visible{outline:2px solid var(--c-focus);outline-offset:-2px}.tabs button .icon{color:var(--c-text-faint);transition:color var(--t-med) var(--ease-out)}.tabs button.active .icon{color:var(--c-accent-hi)}.tabs-ind{position:absolute;left:0;top:0;width:3px;height:100px;background:var(--c-accent);transform-origin:0 0;transform:translateY(calc(var(--iy) * 1px)) scaleY(calc(var(--ih) / 100));transition:transform var(--t-slow) var(--ease-out),opacity var(--t-med);pointer-events:none}.swap{position:relative}.swap-pane.entering{animation:swap-in var(--t-slow) var(--ease-out) both}.swap-pane.entering[data-dir="1"]{--sx: 18px}.swap-pane.entering[data-dir="-1"]{--sx: -18px}.swap-pane.entering[data-dir="0"]{--sx: 0px}.swap-pane.leaving{position:absolute;left:0;right:0;top:0;pointer-events:none;animation:swap-out .17s var(--ease-in-out) both}.swap-pane.leaving[data-dir="1"]{--sx: -14px}.swap-pane.leaving[data-dir="-1"]{--sx: 14px}@keyframes swap-in{0%{opacity:0;transform:translate(var(--sx, 0)) translateY(4px)}to{opacity:1;transform:none}}@keyframes swap-out{to{opacity:0;transform:translate(var(--sx, 0))}}.stagger>*,.rise{animation:rise-in var(--t-slow) var(--ease-out) both}.rise{animation-delay:calc(var(--i, 0) * 45ms + 30ms)}.stagger>*:nth-child(1){animation-delay:30ms}.stagger>*:nth-child(2){animation-delay:75ms}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:165ms}.stagger>*:nth-child(5){animation-delay:.21s}.stagger>*:nth-child(6){animation-delay:255ms}.stagger>*:nth-child(7){animation-delay:.3s}.stagger>*:nth-child(8){animation-delay:345ms}.stagger>*:nth-child(9){animation-delay:.39s}.stagger>*:nth-child(10){animation-delay:.42s}.stagger>*:nth-child(n+11){animation-delay:.45s}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(14px) scale(.975)}}html[data-tier=low] .panel{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:var(--c-panel-solid)}html[data-tier=low] .overlay,html[data-tier=low] .layer.pause{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#050607b8}html[data-tier=low] .scene-grain,html[data-tier=low] .scene-motes{display:none}@media(pointer:coarse){.panel{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#121415e6}.scene-grain{display:none}}@media(prefers-reduced-motion:reduce){#ui *,#ui *:before,#ui *:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}#ui .spinner{animation-duration:1.4s!important;animation-iteration-count:infinite!important}#ui .scene-motes,#ui .scene-grain{display:none}}.audio-notice{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:80;max-width:min(92vw,420px);padding:8px 16px;border-radius:999px;background:var(--c-hud-bg);border:1px solid var(--c-line-strong);color:var(--c-text-dim);font-size:var(--fs-sm);text-align:center;cursor:pointer;animation:audio-notice-in .3s ease-out both,audio-notice-out .5s ease-in 13.5s forwards}@keyframes audio-notice-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}}@keyframes audio-notice-out{to{opacity:0}}.scene{--px: 0;--py: 0;position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,var(--c-sky-top) 0%,var(--c-sky-mid) 52%,#1a1410 100%);contain:strict}.scene-sky{position:absolute;inset:0;background:radial-gradient(90% 55% at 78% 62%,rgba(205,90,43,.2),transparent 70%),radial-gradient(70% 50% at 12% 100%,rgba(122,154,53,.1),transparent 70%)}.scene-sun{position:absolute;right:-14vmax;top:-8vmax;width:62vmax;height:62vmax;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--c-sky-glow),rgba(205,65,43,.08) 38%,transparent 66%);animation:sun-breathe 9s ease-in-out infinite alternate;will-change:opacity,transform}@keyframes sun-breathe{0%{opacity:.7;transform:scale(.97)}to{opacity:1;transform:scale(1.04)}}.scene-layer{position:absolute;inset:0;width:100%;height:100%;will-change:transform;transform:translate3d(calc(var(--px) * var(--dx, -10) * 1px),calc(var(--py) * var(--dy, -5) * 1px),0) scale(1.06);transform-origin:50% 100%}.scene-layer.l1{--dx: -8;--dy: -3}.scene-layer.l2{--dx: -18;--dy: -7}.scene-layer.l3{--dx: -34;--dy: -12}.scene-layer.l1 path{fill:var(--c-ridge-1)}.scene-layer.l2 path{fill:var(--c-ridge-2)}.scene-layer.l3 path{fill:var(--c-ridge-3)}.scene-layer.l3 path.pines{fill:#080b0b}.scene-fog{position:absolute;left:0;width:200%;height:36%;background:radial-gradient(28% 55% at 12% 60%,var(--c-fog),transparent 70%),radial-gradient(22% 45% at 38% 40%,var(--c-fog),transparent 70%),radial-gradient(30% 60% at 66% 62%,var(--c-fog),transparent 70%),radial-gradient(20% 40% at 90% 45%,var(--c-fog),transparent 70%);background-size:50% 100%;background-repeat:repeat-x;will-change:transform}.scene-fog.f1{bottom:30%;animation:fog-drift 130s linear infinite;opacity:.8}.scene-fog.f2{bottom:12%;animation:fog-drift 85s linear infinite reverse;opacity:1}@keyframes fog-drift{to{transform:translate3d(-50%,0,0)}}.scene-motes{position:absolute;inset:0;overflow:hidden;pointer-events:none}.scene-motes i{position:absolute;bottom:-10px;border-radius:50%;background:#e7e0d68c;opacity:0;animation:mote-rise var(--d, 20s) linear var(--dl, 0s) infinite;will-change:transform,opacity}.scene-motes i.hot{background:var(--c-accent-hi);box-shadow:0 0 8px 1px #e2553cb3}@keyframes mote-rise{0%{opacity:0;transform:translateZ(0)}12%{opacity:.75}70%{opacity:.45}to{opacity:0;transform:translate3d(var(--dx, 40px),-105vh,0)}}.scene-grain{position:absolute;inset:-50%;background-image:url(./grain-B0FqNamy.svg);animation:grain 1.4s steps(6) infinite;opacity:.8;pointer-events:none}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.scene-vignette{position:absolute;inset:0;pointer-events:none;transition:opacity .6s var(--ease-out)}.scene-vignette.v-menu{background:linear-gradient(90deg,rgba(5,7,8,.78) 0%,rgba(5,7,8,.35) 38%,transparent 70%),radial-gradient(ellipse at 60% 50%,transparent 45%,rgba(0,0,0,.55) 100%)}.scene-vignette.v-dim{opacity:0;background:linear-gradient(0deg,#050708d9,#05070866 45%,#05070840),radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.6) 100%)}.scene.dim .v-menu{opacity:0}.scene.dim .v-dim{opacity:1}.scene{animation:fade-in .5s var(--ease-out) both}.scene.leaving{animation:fade-out .45s var(--ease-in-out) both;pointer-events:none}.scene-sun{transition:opacity .6s var(--ease-out)}.scene.dim .scene-sun{opacity:.6}.center-col{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-5);padding:var(--sp-4);overflow-y:auto}.center-col>*{flex:none}.menu-left{position:absolute;left:max(clamp(24px,7vw,120px),var(--safe-l));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:64px;max-width:calc(100% - 48px)}.menu-brand{animation:rise-in .7s var(--ease-out) both}.menu-nav{display:flex;flex-direction:column;gap:8px;width:min(360px,100%)}.menu-item{--mi-bg: rgba(10, 12, 13, .5);position:relative;display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:var(--sp-2);height:64px;padding:0 var(--sp-4) 0 var(--sp-2);border:1px solid var(--c-line);border-left:3px solid transparent;border-radius:var(--r-md);background:var(--mi-bg);text-align:left;cursor:pointer;overflow:hidden;animation:rise-in .6s var(--ease-out) both;transition:background-color var(--t-med) var(--ease-out),border-color var(--t-med) var(--ease-out),transform var(--t-med) var(--ease-out)}.menu-item:nth-child(1){animation-delay:.15s}.menu-item:nth-child(2){animation-delay:.22s}.menu-item:nth-child(3){animation-delay:.29s}.menu-item .mi-icon{display:grid;place-items:center;color:var(--c-text-dim);transition:color var(--t-med) var(--ease-out),transform var(--t-med) var(--ease-spring)}.menu-item .mi-text{display:flex;flex-direction:column;gap:1px;min-width:0}.menu-item .mi-label{font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:24px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.1}.menu-item .mi-hint{font-size:var(--fs-xs);color:var(--c-text-faint);letter-spacing:.03em;transition:color var(--t-med)}.menu-item .mi-arrow{color:var(--c-text-faint);opacity:0;transform:translate(-8px);transition:opacity var(--t-med) var(--ease-out),transform var(--t-med) var(--ease-out),color var(--t-med)}.menu-item:hover,.menu-item:focus-visible{--mi-bg: rgba(255, 255, 255, .09);border-color:var(--c-line-strong);border-left-color:var(--c-accent);transform:translate(6px);outline:none}.menu-item:hover .mi-icon,.menu-item:focus-visible .mi-icon{color:var(--c-text);transform:scale(1.1)}.menu-item:hover .mi-arrow,.menu-item:focus-visible .mi-arrow{opacity:1;transform:none;color:var(--c-text)}.menu-item:active{transform:translate(3px) scale(.99);transition-duration:60ms}.menu-item.primary{--mi-bg: var(--c-ok);background-image:linear-gradient(180deg,rgba(255,255,255,.12),transparent 60%);border-color:#0000004d;border-left-color:var(--c-ok-hi);height:72px;box-shadow:0 1px #ffffff29 inset,0 10px 30px #4a5d1f47}.menu-item.primary .mi-icon,.menu-item.primary .mi-arrow{color:#f6f9ec}.menu-item.primary .mi-hint{color:#f6f9ecb3}.menu-item.primary .mi-label{font-size:28px;text-shadow:0 1px 0 rgba(0,0,0,.3)}.menu-item.primary:hover,.menu-item.primary:focus-visible{--mi-bg: var(--c-ok-hi);border-left-color:#cfe58a}.menu-foot{position:absolute;left:max(clamp(24px,7vw,120px),var(--safe-l));right:max(clamp(24px,7vw,120px),var(--safe-r));bottom:max(var(--sp-5),var(--safe-b));display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);font-size:var(--fs-sm);color:var(--c-text-dim);animation:rise-in .7s var(--ease-out) .35s both}.account-chip{display:flex;align-items:center;gap:var(--sp-3);padding:6px 16px 6px 6px;border-radius:999px;background:#0a0c0d8c;border:1px solid var(--c-line)}.chip-text{display:flex;flex-direction:column;line-height:1.15}.chip-text small{font-size:var(--fs-xs);color:var(--c-text-faint)}.chip-text b{color:var(--c-text);font-size:var(--fs-md)}.menu-meta{display:flex;align-items:center;gap:var(--sp-3)}.meta-pill{padding:2px 8px;border-radius:9px;border:1px solid var(--c-line-strong);font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-dim)}.meta-link{text-decoration:none;display:inline-flex;align-items:center;min-height:40px;padding:2px 12px}.meta-link:hover{color:var(--c-text)}.picker{width:min(860px,100%);padding:var(--sp-6);animation:pop-in .6s var(--ease-out) .1s both}.picker-head{text-align:left}.picker-foot{display:flex;justify-content:center;margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--c-line)}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px;margin-top:var(--sp-5)}.account-card{position:relative;display:flex;align-items:center;gap:var(--sp-3);min-height:58px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--c-line);background:#ffffff09;text-align:left;cursor:pointer;animation:rise-in var(--t-slow) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 40ms + .12s);transition:background-color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform var(--t-med) var(--ease-out)}.account-card:hover:not(.skeleton),.account-card:focus-visible{background:#ffffff16;border-color:var(--c-line-strong);transform:translateY(-3px);outline:none}.account-card:focus-visible{border-color:var(--c-accent)}.account-card:active:not(.skeleton){transform:translateY(0) scale(.98);transition-duration:60ms}.account-card[disabled]:not(.busy){opacity:.5}.account-card.busy{border-color:var(--c-accent)}.account-card.skeleton{cursor:default;gap:var(--sp-3)}.account-name{flex:1;min-width:0;font-family:var(--font-display);font-stretch:var(--stretch-display);font-weight:700;font-size:var(--fs-lg);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-go{position:absolute;right:10px;top:50%;margin-top:-8px;display:grid;place-items:center}.account-card .avatar{transition:transform var(--t-med) var(--ease-spring)}.account-card:hover:not(.skeleton) .avatar,.account-card:focus-visible .avatar{transform:scale(1.1)}.servers{position:absolute;inset:max(clamp(12px,5vh,56px),var(--safe-t)) max(clamp(12px,5vw,110px),var(--safe-r)) max(clamp(12px,5vh,56px),var(--safe-b)) max(clamp(12px,5vw,110px),var(--safe-l));margin:auto;width:min(1240px,calc(100% - (2*max(clamp(12px,5vw,110px),var(--safe-l)))));height:fit-content;max-height:calc(100% - (2*max(clamp(12px,5vh,56px),var(--safe-t))));display:flex;flex-direction:column;padding:var(--sp-5);gap:var(--sp-4);animation:pop-in .55s var(--ease-out) .05s both}.servers-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-4)}.servers-title .subtitle{margin-top:4px}.btn.refresh.spinning .icon{animation:spin .7s var(--ease-in-out) infinite}.server-table{display:flex;flex-direction:column;min-height:0;flex:1}.server-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:2px 2px var(--sp-2) 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.server-body>*{flex:none}.server-row{display:grid;grid-template-columns:minmax(220px,2.4fr) minmax(90px,.9fr) minmax(150px,1.25fr) minmax(130px,1.15fr) minmax(100px,.9fr) 150px;align-items:center;gap:var(--sp-3);min-height:68px;padding:8px var(--sp-4);border-radius:var(--r-md);border:1px solid var(--c-line);background:#ffffff08;font-size:var(--fs-md);animation:rise-in var(--t-slow) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 60ms + 80ms);transition:background-color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform var(--t-med) var(--ease-out)}.server-row:not(.head):not(.skeleton):hover{background:#ffffff12;border-color:var(--c-line-strong);transform:translate(3px)}.server-row.head{min-height:28px;padding-top:0;padding-bottom:0;border-color:transparent;background:transparent;animation:none;margin-right:8px}.server-row.skeleton{pointer-events:none}.server-row.local{border-style:dashed;background:transparent}.server-name{display:flex;flex-direction:column;gap:3px;min-width:0}.server-name .sn-top{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.server-name b{font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:var(--fs-lg);font-weight:700;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-name small{color:var(--c-text-faint);font-size:var(--fs-xs);letter-spacing:.04em}.cell{display:flex;align-items:center;gap:var(--sp-2);min-width:0;color:var(--c-text)}.cell .icon{color:var(--c-text-faint)}.cell.act{justify-content:flex-end}.cell.act .btn{width:100%}.players{display:flex;flex-direction:column;gap:5px;width:100%;max-width:150px}.players-count b{font-size:var(--fs-lg);font-weight:700}.players-count span{color:var(--c-text-faint)}.players .fill{position:relative;height:4px;border-radius:2px;background:#ffffff1a;overflow:hidden}.players .fill i{display:block;height:100%;background:var(--c-ok-hi);transform-origin:left;transition:transform .8s var(--ease-out),background-color var(--t-med)}.players-queue{color:var(--c-warn);font-size:11px}.players .fill.warn i{background:var(--c-warn)}.players .fill.bad i{background:var(--c-bad)}.ping{--ping-c: var(--c-text-faint);display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--ping-c);font-weight:600}.ping.good{--ping-c: var(--c-ok-hi)}.ping.ok{--ping-c: var(--c-warn)}.ping.bad{--ping-c: var(--c-bad)}.ping .bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.ping .bars i{width:3px;border-radius:1px;background:#ffffff24;transition:background-color var(--t-med)}.ping .bars i:nth-child(1){height:4px}.ping .bars i:nth-child(2){height:7px}.ping .bars i:nth-child(3){height:10px}.ping .bars i:nth-child(4){height:14px}.ping .bars.b1 i:nth-child(-n+1),.ping .bars.b2 i:nth-child(-n+2),.ping .bars.b3 i:nth-child(-n+3),.ping .bars.b4 i{background:var(--ping-c)}.ping.pending{gap:3px}.ping.pending i{width:5px;height:5px;border-radius:50%;background:var(--c-text-faint);animation:dot-pulse 1s ease-in-out infinite}.ping.pending i:nth-child(2){animation-delay:.15s}.ping.pending i:nth-child(3){animation-delay:.3s}@keyframes dot-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media(max-width:900px){.servers-head{gap:var(--sp-2)}.servers{padding:var(--sp-4)}.server-row.head{display:none}.server-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr) minmax(0,1.2fr) minmax(0,.9fr) 150px;grid-template-areas:"name name name name act" "map wipe players ping act";gap:var(--sp-2) var(--sp-4);min-height:0;padding:var(--sp-3) var(--sp-4)}.server-row>:nth-child(1){grid-area:name}.server-row>:nth-child(2){grid-area:map}.server-row>:nth-child(3){grid-area:wipe}.server-row>:nth-child(4){grid-area:players}.server-row>:nth-child(5){grid-area:ping}.server-row>:nth-child(6){grid-area:act;align-self:center}.players{max-width:none}.server-row:not(.head):not(.skeleton):hover{transform:none}}@media(max-width:600px){.server-row{grid-template-columns:1fr 1fr;grid-template-areas:"name name" "map wipe" "players ping" "act act"}.server-row>:nth-child(6){align-self:stretch}.server-row>.cell{align-items:flex-start;align-self:start}.server-row .cell{flex-wrap:wrap;row-gap:2px}.server-row .cell[data-label]:before{content:attr(data-label);flex:0 0 100%;font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-faint)}}.sb-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3)}.sb-tabs{display:flex;flex-wrap:wrap;gap:6px}.sb-tab{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:var(--r-md);border:1px solid var(--c-line);background:#ffffff08;color:inherit;font-family:var(--font-display);font-stretch:var(--stretch-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;opacity:.8;transition:background-color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.sb-tab:hover{background:#ffffff12;opacity:1}.sb-tab.on{border-color:var(--c-line-strong);background:#ffffff1a;opacity:1}.sb-n{font-size:11px;opacity:.6;font-variant-numeric:tabular-nums}.sb-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)}.sb-search,.sb-sort select{min-height:40px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--c-line);background:#00000040;color:inherit;font:inherit}.sb-search{width:200px;max-width:100%}.sb-check,.sb-sort{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:13px;cursor:pointer}.sb-check input{width:18px;height:18px}.fav-btn{display:inline-grid;place-items:center;width:28px;height:28px;margin:-4px 0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--c-text-faint);cursor:pointer}.fav-btn:hover{color:inherit}.fav-btn.on{color:#f2b84b}.wipe-col{display:flex;flex-direction:column;gap:2px}.wipe-col small{color:var(--c-text-faint);font-size:11px}@media(max-width:900px),(pointer:coarse){.fav-btn{width:40px;height:40px;margin:-8px -6px -8px -10px}.sb-search{width:100%}}.loading-brand{position:absolute;left:max(clamp(24px,7vw,120px),var(--safe-l));top:max(clamp(24px,6vh,60px),var(--safe-t));opacity:.9}.loading{position:absolute;left:max(clamp(24px,7vw,120px),var(--safe-l));right:max(clamp(24px,7vw,120px),var(--safe-r));bottom:max(clamp(28px,10vh,100px),var(--safe-b));max-width:680px;display:flex;flex-direction:column;gap:var(--sp-3)}.loading-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4)}.loading-stage{font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:.05em;text-transform:uppercase;animation:stage-in .45s var(--ease-out) both}@keyframes stage-in{0%{opacity:0;transform:translateY(8px)}}.loading-pct{font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:var(--fs-lg);font-weight:700;color:var(--c-text-dim)}.loading-steps{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);margin:var(--sp-1) 0 0;padding:0;list-style:none}.loading-steps li{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:var(--fs-sm);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-faint);transition:color var(--t-med) var(--ease-out)}.loading-steps .dot{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--c-text-faint);color:#fff;transition:background-color var(--t-med),border-color var(--t-med),transform var(--t-med) var(--ease-spring)}.loading-steps li.done{color:var(--c-text-dim)}.loading-steps li.done .dot{background:var(--c-ok);border-color:var(--c-ok)}.loading-steps li.active{color:var(--c-text)}.loading-steps li.active .dot{border-color:var(--c-accent-hi);background:var(--c-accent);animation:dot-ring 1.4s ease-out infinite}@keyframes dot-ring{0%{box-shadow:0 0 #e2553c99}to{box-shadow:0 0 0 9px #e2553c00}}.loading-tip{max-width:560px;margin-top:var(--sp-3);padding-left:var(--sp-3);border-left:2px solid var(--c-accent);color:var(--c-text-dim);font-size:var(--fs-md);animation:stage-in .6s var(--ease-out) both}.tip-label{display:block;margin-bottom:2px;font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent-hi)}.loading-error,.fatal{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);width:min(560px,100%);padding:var(--sp-6);text-align:center;animation:pop-in .5s var(--ease-out) both}.err-text{margin:0;max-width:100%;color:var(--c-text-dim);line-height:1.45}.err-code{color:var(--c-text-dim);opacity:.7;font-size:var(--fs-xs);letter-spacing:.04em;user-select:text}.fatal-msg{user-select:text;word-break:break-word}@media(max-width:720px){.menu-left{left:24px;gap:40px}.menu-item{height:58px}.menu-item.primary{height:64px}.menu-foot{left:24px;right:24px;flex-direction:column;align-items:flex-start}.picker{padding:var(--sp-4)}.loading{left:24px;right:24px}.loading-stage{font-size:var(--fs-lg)}}@media(max-height:520px){.menu-left{gap:20px}.menu-brand .wordmark{font-size:40px}.menu-item{height:46px}.menu-item.primary{height:52px}.menu-item .mi-hint{display:none}.menu-item .mi-label{font-size:20px}.menu-item.primary .mi-label{font-size:22px}.menu-foot{bottom:10px}.center-col{justify-content:flex-start}}@media(max-height:520px){.state-box{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--sp-2) var(--sp-3);padding:var(--sp-3)}.state-box .state-icon{display:none}.state-box .state-actions{margin-top:0}.picker-foot{margin-top:var(--sp-3);padding-top:var(--sp-2)}}.pw-step{display:flex;flex-direction:column;gap:var(--sp-4);max-width:460px;margin:0 auto;animation:rise-in var(--t-slow) var(--ease-out) both}.pw-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 2px;border:0;background:transparent;color:var(--c-text-dim);font-family:var(--font-display);font-stretch:var(--stretch-display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.pw-back:hover{color:var(--c-text)}.pw-who{display:flex;align-items:center;gap:var(--sp-4)}.pw-who .subtitle{margin-top:2px}.pw-name{font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.1}.pw-field{display:flex;flex-direction:column;gap:6px}.pw-input{display:flex;align-items:center;height:48px;padding:0 4px 0 var(--sp-4);border-radius:var(--r-md);border:1px solid var(--c-line-strong);background:var(--c-field);transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.pw-input:focus-within{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-focus)}.pw-input.shake{animation:shake .42s var(--ease-out) both}.pw-input input{flex:1;min-width:0;height:100%;border:0;outline:none;background:transparent;color:var(--c-text);font-size:var(--fs-lg);letter-spacing:.04em;user-select:text;-webkit-user-select:text}.pw-eye{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--r-sm);background:transparent;color:var(--c-text-faint);cursor:pointer}.pw-eye:hover{color:var(--c-text);background:#ffffff12}.pw-msg{min-height:20px;font-size:var(--fs-sm);color:var(--c-warn);opacity:0;transform:translateY(-4px);transition:opacity var(--t-med) var(--ease-out),transform var(--t-med) var(--ease-out)}.pw-msg.on{opacity:1;transform:none}.picker-msg{margin-top:var(--sp-3)}.pw-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3) var(--sp-4)}.pw-forgot{padding:4px 2px;border:0;background:transparent;color:var(--c-text-dim);font-size:var(--fs-sm);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.pw-forgot:hover{color:var(--c-text)}.pw-forgot-text{margin:0;padding:var(--sp-3);border-radius:var(--r-md);background:#ffffff0b;border:1px solid var(--c-line);font-size:var(--fs-sm);color:var(--c-text-dim);animation:rise-in var(--t-med) var(--ease-out) both}.store .subtitle{margin-top:4px}.store-servers{display:flex;gap:6px;flex-wrap:wrap}.store-tab{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:120px;padding:8px 14px;border:0;background:var(--c-panel-hi);color:var(--c-text-dim);font-family:var(--font-display);font-stretch:var(--stretch-display);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .15s var(--ease-out),color .15s var(--ease-out)}.store-tab small{font-size:11px;letter-spacing:.08em;color:var(--c-text-faint)}.store-tab:hover{color:var(--c-text);background:#ffffff14}.store-tab.on{background:var(--c-info);color:#fff}.store-tab.on small{color:#fffc}.store-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-5);padding-right:2px}.store-h{margin:0 0 2px}.store-hint{margin:0 0 var(--sp-3);color:var(--c-text-faint);font-size:13px}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}.store-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-4);align-items:center;padding:var(--sp-3) var(--sp-4);background:var(--c-panel-hi);border-left:3px solid var(--c-line-strong);animation:pop-in .4s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 45ms)}.store-card.skin{border-left-color:var(--c-info)}.store-card.bundle{border-left-color:var(--c-warn);grid-column:span 2}.store-card.owned{border-left-color:var(--c-ok-hi)}.store-art{display:grid;grid-template-columns:repeat(2,52px);gap:4px}.store-art.skin{grid-template-columns:72px}.store-ico{position:relative;display:block;width:52px;height:52px;background:#00000047}.store-art.skin .store-ico{width:72px;height:72px}.store-ico b{position:absolute;right:3px;bottom:1px;font-size:11px;text-shadow:0 1px 2px #000}.store-ico .tile-name{font-size:10px;padding:3px}.store-info{display:flex;flex-direction:column;gap:4px;min-width:0}.store-info .sn-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.store-info b{font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:17px;letter-spacing:.03em}.store-info small{color:var(--c-text-dim);font-size:13px}.store-items{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:2px 12px;font-size:13px;color:var(--c-text-dim)}.store-note{display:flex;gap:6px;align-items:center;margin:0;font-size:13px;color:var(--c-text-dim)}.store-note.ok{color:var(--c-ok-hi)}.store-note.bad{color:#ff8a6a}.store-buy{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.store-price{font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:22px;font-weight:800}.store-scrim{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:var(--c-scrim)}.store-dialog{width:min(460px,100%);display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);animation:pop-in .3s var(--ease-out) both}.store-dialog h2,.store-dialog p{margin:0}.store-dialog-actions{display:flex;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-2)}@media(max-width:900px){.store-grid{grid-template-columns:1fr}.store-card.bundle{grid-column:auto}.store-card{grid-template-columns:auto minmax(0,1fr)}.store-buy{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center}}.bench-line{position:absolute;left:50%;bottom:max(36px,var(--safe-b));transform:translate(-50%);width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;gap:var(--sp-2);text-align:center}.bench-label{font-size:var(--fs-sm);color:var(--text-dim, rgba(255, 255, 255, .8));text-shadow:0 1px 3px rgba(0,0,0,.7)}@media(max-height:520px)and (orientation:landscape){.menu-left{flex-direction:row;align-items:center;gap:28px;left:max(24px,var(--safe-l));max-width:calc(100% - 48px)}.menu-brand .wordmark{font-size:34px}.menu-nav{width:min(320px,46vw);gap:6px}.menu-item{height:44px}.menu-item.primary{height:48px}.menu-foot{bottom:max(8px,var(--safe-b))}.account-chip{padding:4px 12px 4px 4px;gap:var(--sp-2)}}.server-touchonly{color:var(--c-warn)}.loading-stepbar{display:flex;align-items:center;gap:var(--sp-2);margin-top:calc(-1 * var(--sp-1))}.loading-stepbar .progress{flex:1;height:3px;opacity:.75}.loading-stepbar .num{min-width:3.2em;text-align:right;font-size:var(--fs-sm);color:var(--c-text-dim)}.loading-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s var(--ease-out);pointer-events:none}.loading-art.on{opacity:1}.loading-vg{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,#080808f5 0,#080808d1 9%,#08080800 24%),linear-gradient(to right,#080808d9 0,#08080800 8%),linear-gradient(to left,#080808cc 0,#08080800 4%)}.loading-rating{position:absolute;top:max(3vh,var(--safe-t));right:max(3vw,var(--safe-r));display:flex;flex-direction:column;align-items:center;width:max(44px,3.2vw);padding:.2em 0 .25em;background:#111;border:2px solid #e8e6e1;color:#e8e6e1;font-family:var(--font-display);line-height:1;pointer-events:none;user-select:none}.loading-rating b{font-size:max(26px,2.2vw);font-weight:900}.loading-rating small{margin-top:.15em;font-size:max(9px,.62vw);letter-spacing:.08em;font-weight:700}.loading-tipbar{position:absolute;left:max(3.5vw,var(--safe-l));bottom:max(6.5vh,var(--safe-b));right:40vw;display:flex;align-items:center;gap:1.1vw;animation:stage-in .6s var(--ease-out) both}.loading-i{flex:none;display:grid;place-items:center;width:max(26px,1.7vw);height:max(26px,1.7vw);border-radius:50%;background:#cfcbc4;color:#1c1c1a}.loading-tiptext{font-family:var(--font-display);font-stretch:var(--stretch-display);font-weight:700;font-size:max(12px,.8vw);letter-spacing:.02em;text-transform:uppercase;color:#d8d4cc}.loading-state{position:absolute;right:max(3.4vw,var(--safe-r));bottom:max(5.6vh,var(--safe-b));display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.loading-state b{font-family:var(--font-display);font-stretch:var(--stretch-display);font-weight:700;font-size:max(20px,1.9vw);letter-spacing:.01em;text-transform:uppercase;color:#ece6dc}.loading-state .loading-stage{font-size:max(10px,.7vw);font-weight:700;letter-spacing:.04em;color:#a9a49b}.loading-state .loading-pct{font-size:inherit;color:inherit;margin-left:6px}.loading-line{position:absolute;left:0;right:0;bottom:0}.loading-line .progress{height:3px;border-radius:0}@media(pointer:coarse){.loading-state .loading-stage{font-size:12px}.loading-state .loading-pct{font-size:14px;color:#e4ded3}.loading-tiptext{font-size:12px}}.party-scrim{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#0000008c}.party-box{width:min(480px,94vw);max-height:90vh;overflow-y:auto;background:var(--panel);color:var(--c-text);padding:8px 14px 14px}.party-box header{display:flex;align-items:center;justify-content:space-between}.party-box h3,.party-box h4{margin:8px 0 4px;font-family:var(--font-display);font-stretch:var(--stretch-display);text-transform:uppercase;letter-spacing:.06em}.party-box h4{font-size:13px;opacity:.75}.party-body{display:flex;flex-direction:column;gap:8px}.party-err{margin:4px 0;color:#e0573f}.party-btn{min-height:40px;min-width:40px;padding:0 14px;border:0;background:#00000059;color:inherit;font:inherit;cursor:pointer}.party-btn:hover:not(:disabled){background:#64625ce6}.party-btn.primary{background:var(--accent, #738d45)}.party-btn:disabled{opacity:.5;cursor:not-allowed}.party-btn.icon{display:grid;place-items:center;padding:0}.party-join,.party-code,.party-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.party-join input,.party-select{flex:1;min-width:0;min-height:40px;padding:0 10px;background:#00000059;color:inherit;border:1px solid rgba(255,255,255,.2);font:inherit}.party-code b{font-size:22px;letter-spacing:.15em}.party-members{list-style:none;margin:0;padding:0}.party-members li{display:flex;align-items:center;gap:8px;min-height:44px}.party-mname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credits-scrim{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#0000008c}.credits-box{width:min(560px,94vw);max-height:90vh;overflow-y:auto;background:var(--panel);color:var(--c-text);padding:8px 16px 14px;font-size:14px;line-height:1.4}.credits-box header{display:flex;align-items:center;justify-content:space-between}.credits-box h3,.credits-body h3{margin:8px 0 4px;font-family:var(--font-display);font-stretch:var(--stretch-display);text-transform:uppercase;letter-spacing:.06em}.credits-box ul,.credits-body ul{margin:8px 0;padding-left:18px}.credits-box li,.credits-body li{margin:2px 0}.credits-close{background:none;border:0;color:inherit;cursor:pointer;padding:4px}.credits-body{font-size:13px;line-height:1.4;color:var(--c-text);overflow-wrap:anywhere}.settings-credits{margin-top:var(--sp-5, 24px);padding-top:var(--sp-3, 12px);border-top:1px solid rgba(255,255,255,.12)}.settings-credits>h2{margin:0 0 4px;font-family:var(--font-display);font-stretch:var(--stretch-display);text-transform:uppercase;letter-spacing:.06em;font-size:16px}.privacy-box header{position:sticky;top:0;background:var(--panel);z-index:1}.privacy-box .credits-body p{margin:4px 0 8px}@media(pointer:coarse){.privacy-box{max-height:calc(100% - var(--safe-t, 0px) - var(--safe-b, 0px) - 8px);padding-left:max(16px,var(--safe-l, 0px));padding-right:max(16px,var(--safe-r, 0px));overscroll-behavior:contain}.privacy-close{min-width:48px;min-height:48px;display:grid;place-items:center}}.overlay{z-index:50;display:grid;place-items:center;padding:var(--sp-4);background:var(--c-scrim);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade-in var(--t-med) var(--ease-out) both}.overlay.closing{animation:fade-out .19s var(--ease-in-out) both;pointer-events:none}@keyframes fade-out{to{opacity:0}}@keyframes pop-out{to{opacity:0;transform:translateY(10px) scale(.985)}}.settings:focus{outline:none}.settings{width:min(1000px,100%);height:min(740px,100%);display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"head head" "nav main";animation:pop-in var(--t-slow) var(--ease-out) both;overflow:hidden}.overlay.closing .settings{animation:pop-out .19s var(--ease-in-out) both}.settings-head{grid-area:head;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-line)}.settings-nav{grid-area:nav;padding:var(--sp-4) var(--sp-3);border-right:1px solid var(--c-line);background:#00000024}.settings-main{grid-area:main;display:flex;flex-direction:column;min-width:0;min-height:0}.settings-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-4);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;-webkit-overflow-scrolling:touch}.settings-scroll::-webkit-scrollbar{width:8px}.settings-scroll::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:4px}.settings-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff47}.settings-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--c-line);background:#00000024}.foot-hint{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-faint)}.preset-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) 0}.preset-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--c-line);background:#ffffff08;text-align:left;cursor:pointer;overflow:hidden;transition:background-color var(--t-med) var(--ease-out),border-color var(--t-med) var(--ease-out),transform var(--t-med) var(--ease-out)}.preset-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--c-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--t-slow) var(--ease-out)}.preset-card:hover{background:#fff1;border-color:var(--c-line-strong);transform:translateY(-2px)}.preset-card.sel{background:#cd412b17;border-color:#e2553c8c}.preset-card.sel:before{transform:scaleX(1)}.preset-card:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.pc-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;min-height:22px}.pc-name{font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1}.pc-check{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--c-accent);color:#fff;animation:pop-dot var(--t-med) var(--ease-spring) both}.pc-pips{display:flex;gap:4px}.pc-pips i{width:22px;height:4px;border-radius:2px;background:#ffffff24;transition:background-color var(--t-med)}.pc-pips i.on{background:var(--c-text-dim)}.preset-card.sel .pc-pips i.on{background:var(--c-accent-hi)}.pc-desc{font-size:var(--fs-sm);line-height:1.3;color:var(--c-text-dim)}.custom-note{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-3) var(--sp-3) 0;padding:6px 6px 6px var(--sp-3);border-radius:var(--r-md);background:#d8a03214;border:1px solid rgba(216,160,50,.22);color:var(--c-text-dim);font-size:var(--fs-sm);animation:rise-in var(--t-med) var(--ease-out) both}.custom-note .icon{color:var(--c-warn)}.custom-note span{flex:1;min-width:140px}.keys-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px var(--sp-4)}.key-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:50px;padding:6px var(--sp-3);border-radius:var(--r-md);transition:background-color var(--t-fast) var(--ease-out)}.key-row:hover{background:var(--c-panel-hi)}.key-row.ok{animation:key-ok 1.4s var(--ease-out) both}.key-row.swap{animation:key-swap 1.6s var(--ease-out) both}.key-row.bad .keycap{animation:shake .42s var(--ease-out) both;border-color:var(--c-bad)}@keyframes key-ok{0%{background-color:#8fb24047}to{background-color:transparent}}@keyframes key-swap{0%{background-color:#e2553c47}to{background-color:transparent}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.key-label{display:flex;flex-direction:column;min-width:0;font-size:var(--fs-md);font-weight:500}.key-label small{font-size:var(--fs-xs);font-weight:400;color:var(--c-ok-hi);animation:rise-in var(--t-med) var(--ease-out) both}.key-label small.warn{color:var(--c-warn)}.keycap{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;width:144px;height:34px;padding:0 var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--c-line-strong);border-bottom-width:3px;background:#ffffff0e;cursor:pointer;font-family:var(--font-display);font-stretch:var(--stretch-display);font-size:var(--fs-md);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text);transition:background-color var(--t-fast),border-color var(--t-fast),transform var(--t-fast) var(--ease-out),color var(--t-fast)}.keycap:hover{background:#ffffff1a}.keycap:active{transform:translateY(2px);border-bottom-width:1px}.keycap:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.keycap.listening{border-color:var(--c-accent);background:#cd412b24;color:var(--c-accent-hi);animation:pulse-border 1s var(--ease-in-out) infinite}.keycap.listening .kc-wait{font-size:var(--fs-sm);letter-spacing:.04em}.keycap.fixed{cursor:default;pointer-events:none;background:transparent;border-style:dashed;border-bottom-width:1px;color:var(--c-text-faint)}@keyframes pulse-border{50%{border-color:#cd412b59}}.keys-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3);padding:0 var(--sp-3)}.keys-hint{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--c-text-faint)}.chat-preview{margin:var(--sp-3) var(--sp-3) 0;padding:var(--sp-3);border-radius:var(--r-md);border:1px solid var(--c-line);background:rgba(0,0,0,calc(var(--chat-alpha, .85) * .55));color:rgba(231,224,214,var(--chat-alpha, .85));font-size:var(--fs-sm);transition:background-color var(--t-med),color var(--t-med)}.cp-line+.cp-line{margin-top:4px}.cp-name{font-weight:700;color:var(--c-accent-hi)}.cp-name.team,.cp-tag{color:var(--c-team)}.cp-tag{font-weight:700;font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase}@media(max-width:760px){.overlay{padding:0}.settings{width:100%;height:100%;border-radius:0;border:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"head" "nav" "main";padding-top:var(--safe-t);padding-left:var(--safe-l);padding-right:var(--safe-r);padding-bottom:var(--safe-b)}.panel.settings:before{display:none}.settings-head{padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);border-bottom:0}.settings-head .title{font-size:22px}.settings-nav{padding:0 var(--sp-2);border-right:0;border-bottom:1px solid var(--c-line);background:transparent}.tabs{flex-direction:row;gap:0;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:1 0 auto;justify-content:center;height:44px;padding:0 var(--sp-3);font-size:var(--fs-md);border-radius:0}.tabs button:hover,.tabs button.active{background:transparent}.tabs-ind{top:auto;bottom:0;width:100px;height:3px;transform:translate(calc(var(--ix) * 1px)) scaleX(calc(var(--iw) / 100))}.settings-scroll{padding:var(--sp-2) var(--sp-2) var(--sp-4)}.row{grid-template-columns:minmax(0,1fr);gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.row.inline{grid-template-columns:minmax(0,1fr) auto;align-items:center}.pc-name{font-size:24px}.preset-card{gap:6px}.preset-cards{grid-template-columns:minmax(0,1fr);padding-inline:var(--sp-2)}.preset-card{padding:var(--sp-3)}.keys-grid{grid-template-columns:minmax(0,1fr)}.keycap{width:128px}.foot-hint{display:none}.settings-foot{justify-content:flex-end}}@media(max-height:520px){.settings-head{padding-block:6px}.settings-head .title{font-size:20px}.settings-foot{padding-block:6px}.settings-foot .btn{height:32px;font-size:var(--fs-sm)}}@media(max-height:520px)and (min-width:761px){.settings{grid-template-columns:190px minmax(0,1fr)}.settings-nav{padding-block:var(--sp-2)}.tabs button{height:38px;font-size:var(--fs-md)}.preset-card{padding:var(--sp-2) var(--sp-3);gap:4px}.pc-name{font-size:22px}}@media(pointer:coarse){.slider input[type=range]{height:40px}.slider input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}.segmented button{height:38px}.toggle{width:52px;height:30px;border-radius:15px}.toggle i{width:22px;height:22px}.toggle.on i{transform:translate(22px)}.keycap{height:40px}}@media(max-width:480px){.tabs button{flex:1 1 0;padding:0 6px;font-size:14px;letter-spacing:.03em}.tabs button .icon{display:none}.tabs{mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent)}}.auto-gfx{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-3)}.auto-gfx .row{width:100%}.auto-pick{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px 12px;border-radius:var(--r-sm);background:#738d452e;border:1px solid rgba(143,178,64,.4);color:var(--c-ok-hi);font-size:var(--fs-md)}.auto-pick .dim{color:var(--c-text-dim);font-weight:400}.auto-info{font-size:var(--fs-sm);color:var(--c-text-dim)}.settings-search{width:100%;margin-bottom:10px;padding:8px 10px;border-radius:8px;border:1px solid var(--line, rgba(255, 255, 255, .14));background:#ffffff0f;color:inherit;font:inherit;min-width:0}.search-results{display:flex;flex-direction:column;gap:6px}.search-hit{display:flex;gap:12px;align-items:baseline;text-align:left;padding:10px 12px;border-radius:8px;border:1px solid var(--line, rgba(255, 255, 255, .12));background:#ffffff0a;color:inherit;font:inherit;cursor:pointer}.search-hit:hover,.search-hit:focus-visible{background:#ffffff1a}.sh-tab{min-width:84px;opacity:.6}.xhair-preview{position:relative;height:72px;margin-bottom:8px;border-radius:8px;background:linear-gradient(135deg,#3d4a3a,#6b7a5a 50%,#4a5a6a);overflow:hidden}.xhair-anchor{position:absolute;left:50%;top:50%}.xhair-anchor .xhair{position:absolute;left:0;top:0;transform:translate(-50%,-50%);overflow:visible}.xhair-colors{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.xhair-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px #00000080;cursor:pointer}.xhair-swatch.sel{border-color:#fff}.xhair-picker{width:32px;height:26px;padding:0;border:0;background:none}.xhair-code{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.xhair-code input{flex:1 1 200px;min-width:0;padding:7px 10px;border-radius:8px;border:1px solid var(--line, rgba(255, 255, 255, .14));background:#ffffff0f;color:inherit;font:inherit}.gwheel-block{margin:10px 0}.gwheel-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.build-label{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));z-index:40;font:11px/1 var(--font-mono);color:var(--c-text-faint);opacity:.8;pointer-events:none;user-select:none}.build-modal-wrap{z-index:70}.build-modal{width:min(420px,100%);padding:24px;display:flex;flex-direction:column;gap:12px;text-align:center}.build-modal p{margin:0;color:var(--c-text-dim)}.cfg-banner{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:45;width:min(640px,calc(100vw - 32px));padding:8px 14px;background:var(--panel);color:var(--c-text);border:1px solid var(--c-border, rgba(255, 255, 255, .15));font-size:13px;line-height:1.35;text-align:center;overflow-wrap:anywhere;pointer-events:none}.cfg-banner-maint{font-weight:600}.cfg-banner-motd{color:var(--c-text-dim)}.cfg-update{z-index:90}.pt-chip{position:fixed;left:calc(var(--safe-l, 0px) + 8px);bottom:calc(var(--safe-b, 0px) + 8px);z-index:60;width:min(280px,calc(100% - 16px));box-sizing:border-box;padding:8px 10px;display:flex;flex-direction:column;gap:6px;background:#080a0be0;border:1px solid var(--c-line-strong);border-radius:6px;font-size:12px;pointer-events:auto}.pt-chip-hint{opacity:.7}.pt-overlay{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:calc(var(--safe-t, 0px) + 8px) calc(var(--safe-r, 0px) + 8px) calc(var(--safe-b, 0px) + 8px) calc(var(--safe-l, 0px) + 8px);box-sizing:border-box;background:#000000b3;pointer-events:auto}.pt-card{width:min(900px,100%);max-height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#080a0bf5;border:1px solid var(--c-line-strong);border-radius:6px;font-size:12px}.pt-head{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.pt-send.ok,.pt-table td.up{color:#7bd88f}.pt-send.bad,.pt-warn,.pt-table td.down{color:#f0a04b}.pt-info{display:flex;flex-direction:column;gap:1px;opacity:.85;overflow-wrap:anywhere}.pt-ua{opacity:.6;font-size:10px}.pt-scroll{overflow:auto;min-height:0;flex:1 1 auto}.pt-table{width:100%;border-collapse:collapse;white-space:nowrap}.pt-table th,.pt-table td{padding:2px 8px;text-align:right}.pt-table th:first-child,.pt-table td:first-child,.pt-table th:nth-child(2),.pt-table td:nth-child(2){text-align:left}.pt-table th{position:sticky;top:0;background:#080a0bfa;opacity:.8}.pt-table tr.skip td{opacity:.5;text-align:left}.pt-btns{display:flex;gap:8px;justify-content:flex-end}.rotate-overlay{display:none;position:fixed;inset:0;z-index:100000;background:#0b0d0e;color:var(--c-text, #e7e0d6);flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;text-align:center;font:600 18px/1.3 var(--font-display, sans-serif);touch-action:none;user-select:none}@media(pointer:coarse)and (orientation:portrait){.rotate-overlay{display:flex}}.rotate-overlay svg{width:96px;height:96px;animation:rotate-hint 2.4s ease-in-out infinite}@keyframes rotate-hint{0%,15%{transform:rotate(0)}50%,65%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.rotate-overlay svg{animation:none;transform:rotate(-90deg)}}@media(pointer:coarse){html.coarse .btn{height:48px}html.coarse .btn.sm{height:44px}html.coarse .btn.icon-only{width:48px}html.coarse .settings-foot .btn,html.coarse .tabs button{height:48px}html.coarse .segmented button{height:44px}html.coarse .slider input[type=range]{height:48px}html.coarse .toggle:after{content:"";position:absolute;inset:-11px -6px}html.coarse .sb-tab,html.coarse .sb-search,html.coarse .sb-sort select,html.coarse .sb-check{min-height:48px}html.coarse .sb-check input{width:24px;height:24px}html.coarse .fav-btn{width:48px;height:48px;margin:-12px -10px -12px -14px}html.coarse .store-tab{min-height:48px}html.coarse .pw-eye{width:48px;height:48px}html.coarse .pw-forgot,html.coarse .pw-back{min-height:48px;display:inline-flex;align-items:center}html.coarse .credits-close{min-width:48px;min-height:48px;display:grid;place-items:center}html.coarse .search-hit{min-height:48px}html.coarse .party-btn{min-height:48px;min-width:48px}html.coarse .settings-search,html.coarse .preset-card{min-height:48px}html.coarse .held-chips .held-chip{position:relative;min-height:32px;padding:0 10px;font-size:12px}html.coarse .held-chips .held-chip:after{content:"";position:absolute;inset:-8px -4px}html.coarse .gwheel-chips .held-chip{height:auto;min-height:44px;padding:0 12px;font-size:13px}html.coarse [data-qa=photo-report]{min-height:44px;min-width:88px}html.coarse .audio-notice{min-height:44px;display:flex;align-items:center}}@media(pointer:coarse)and (orientation:landscape)and (max-height:460px){html.coarse .menu-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:min(440px,58vw)}html.coarse .menu-item{height:48px;grid-template-columns:36px 1fr}html.coarse .menu-item.primary{height:48px;grid-column:1 / -1}html.coarse .menu-item .mi-arrow{display:none}html.coarse .menu-item .mi-label,html.coarse .menu-item.primary .mi-label{font-size:17px}html.coarse .menu-left{left:max(16px,var(--safe-l));gap:20px}}@media(pointer:coarse){html.coarse .pt-btns .btn,html.coarse .pt-chip .btn{height:48px;min-width:96px}html.coarse .pt-chip{top:calc(var(--safe-t, 0px) + 8px);bottom:auto;left:50%;transform:translate(-50%)}html.coarse .pt-scroll{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}html.coarse .pt-ua{font-size:11px}}@media(pointer:coarse){html.coarse .keycap{height:44px}html.coarse .slot-wrap>.slot .kp-x{width:48px;height:48px}html.coarse .xhair-colors{gap:14px}html.coarse .xhair-swatch{position:relative}html.coarse .xhair-swatch:after{content:"";position:absolute;inset:-9px}html.coarse .xhair-picker{width:44px;height:44px}html.coarse .xhair-code input{min-height:44px;font-size:16px}html.coarse .party-join input,html.coarse .party-select{min-height:48px;font-size:16px}html.coarse .center-col{padding-left:max(var(--sp-4),var(--safe-l));padding-right:max(var(--sp-4),var(--safe-r))}html.coarse .server-body{touch-action:pan-y}html.coarse .store-scrim{padding:max(8px,var(--safe-t)) max(8px,var(--safe-r)) max(8px,var(--safe-b)) max(8px,var(--safe-l))}html.coarse .store-dialog{max-height:calc(100dvh - 16px - var(--safe-t) - var(--safe-b));overflow-y:auto;touch-action:pan-y}}@media(pointer:coarse)and (orientation:landscape)and (max-width:900px){html.coarse .server-row{grid-template-columns:minmax(48px,.7fr) minmax(0,1.5fr) minmax(0,1.2fr) minmax(48px,.8fr) 132px;column-gap:10px}html.coarse .server-row .cell>.icon{display:none}html.coarse .server-name .sn-top{flex-wrap:wrap;row-gap:2px}html.coarse .cell.act .btn{padding-inline:8px;white-space:nowrap}html.coarse .store-grid{grid-template-columns:minmax(0,1fr)}html.coarse .store-card.bundle{grid-column:auto}}@media(pointer:coarse)and (orientation:landscape)and (max-height:460px){html.coarse .servers{inset:max(6px,var(--safe-t)) max(8px,var(--safe-r)) max(6px,var(--safe-b)) max(8px,var(--safe-l));width:auto;height:auto;max-height:none;margin:0;padding:10px 12px;gap:8px;overflow-y:auto;touch-action:pan-y}html.coarse .servers-title .subtitle{display:none}html.coarse .servers-head{gap:8px}html.coarse .server-table{flex:none}html.coarse .server-body,html.coarse .store-body{overflow:visible}html.coarse .store-body{flex:none}html.coarse .sb-bar,html.coarse .sb-filters{gap:6px 8px}html.coarse .sb-search{width:auto;flex:1 1 140px;min-width:120px}}@supports (height: 1dvh){@media(pointer:coarse){html.coarse .screen:not(.screen-game){inset:0 max(0px,calc((100vw - 200dvh)/2))}html.coarse .radial{--W: min(69dvh, 92vw)}html.coarse .radial.touch{--W: min(90dvh, 94vw)}html.coarse .bag-list{max-height:40dvh}html.coarse .apt-term-list{max-height:55dvh}html.coarse .slot-wrap>.slot{max-height:94dvh}html.coarse .sp-canvas{max-height:52dvh}html.coarse .motd-text{max-height:40dvh}html.coarse .rules-card{max-height:min(80dvh,100%)}html.coarse .cl-panel,html.coarse .ct-panel{max-height:min(80dvh,640px)}html.coarse .mg-sb{max-height:70dvh}html.coarse .shop-cart{max-height:40dvh}html.coarse .death{--du: min(max(calc(100dvh / 720), .8px), .15625vw )}}}@supports (-webkit-touch-callout: none){html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-x pan-y}body{touch-action:pan-x pan-y}html,body,#game,#ui{overscroll-behavior:none}}@media(pointer:coarse){html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}body,#ui,#game{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,html.coarse [contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}a,button,html.coarse [role=button],html.coarse .btn{touch-action:manipulation}}@media(pointer:coarse)and (orientation:landscape)and (max-height:520px){html.coarse .layer.pause .pause-nav .btn,html.coarse .layer.pause .pause-nav .btn.lg{white-space:normal;line-height:1.1;letter-spacing:.04em;text-align:center;padding:0 6px;gap:6px}html.coarse .layer.pause .pause-nav [data-qa=pause-kill]{grid-column:1 / -1}}@media(pointer:coarse){html.coarse .tcp-btn{white-space:normal;line-height:1.1;padding:4px;text-align:center;font-size:12px}html.coarse .hud.touch .priv{height:auto;min-height:24px;align-items:stretch}html.coarse .hud.touch .priv-label{white-space:normal;line-height:1.1;font-size:10px;align-self:center;padding:2px 0}html.coarse .map-hint-once{width:max-content;max-width:calc(100% - 160px);text-align:center;border-radius:18px}}@media(pointer:coarse)and (orientation:landscape){html.coarse .build-hint{white-space:normal;flex-wrap:wrap;justify-content:center;width:max-content;max-width:max(220px,min(520px,calc(100vw - 360px)));gap:2px 8px;font-size:13px}}@media(pointer:coarse){html.coarse .layer.pause,html.coarse .inv-root,html.coarse .overlay{backdrop-filter:none;-webkit-backdrop-filter:none}html.coarse .layer.pause{background:#08090ac7}html.coarse .inv-root{background:#0c0e0ab8}html.coarse .overlay{background:#050607c7}html.coarse .team-hud.manage,html.coarse .team-invite{backdrop-filter:none;-webkit-backdrop-filter:none;background:#121415e6}html.coarse .belt-sel{box-shadow:0 0 0 1px #00000073}html.coarse .tc-base{box-shadow:none}html.coarse .tc-knob{box-shadow:0 1px 3px #00000073}html.coarse .tc-sprint-ico{box-shadow:none}html.coarse .tc-btn.use{box-shadow:0 0 0 3px #8fb24059;animation:none}html.coarse .interact-text{text-shadow:0 1px 3px rgba(0,0,0,.9)}html.coarse .pingw,html.coarse .ntag{text-shadow:0 1px 2px rgba(0,0,0,.9)}html.coarse .pingw-ico,html.coarse .lockret,html.coarse .team-crown,html.coarse .cp-tick{filter:none}html.coarse .lockret.locked{outline:1px solid rgba(0,0,0,.6)}html.coarse .pingw,html.coarse .ntag,html.coarse .lockret{left:0;top:0;will-change:transform}html.coarse .vital.low .vital-icon,html.coarse .vital.low .fill{animation:none}html.coarse .vital.low .fill{opacity:.8}html.coarse .click-hint{animation-iteration-count:1}}@media(pointer:coarse){html.coarse .signin-dialog{gap:var(--sp-2);padding:var(--sp-4)}html.coarse .signin-dialog .btn,html.coarse .signin-chip{min-height:48px}html.coarse .signin-dialog .store-dialog-actions{flex-wrap:wrap}html.coarse .signin-dialog .store-dialog-actions .btn{flex:1 1 140px}html.coarse .store-price{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:18px}html.coarse .store-cur{width:20px;height:20px;flex:none}html.coarse .store-buy .btn{min-width:96px}}@media(pointer:coarse)and (orientation:landscape)and (max-height:400px){html.coarse .signin-chip{white-space:nowrap;padding:0 12px}html.coarse .signin-dialog h2{font-size:18px}html.coarse .store-body{padding-left:max(0px,var(--safe-l));padding-right:max(0px,var(--safe-r))}}