@font-face{font-family:Oswald;src:url(/fonts/oswald-cyrillic.woff2) format("woff2");font-weight:400 700;font-display:block;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Oswald;src:url(/fonts/oswald-latin.woff2) format("woff2");font-weight:400 700;font-display:block;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122,U+2212}@font-face{font-family:Onest;src:url(/fonts/onest-cyrillic.woff2) format("woff2");font-weight:300 800;font-display:block;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest;src:url(/fonts/onest-latin.woff2) format("woff2");font-weight:300 800;font-display:block;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122,U+2212}:root{--ink: #f3ebda;--ink-dim: #a89e8b;--panel: color-mix(in srgb, var(--cloth-lo) 82%, transparent);--panel-solid: #191713;--edge: color-mix(in srgb, var(--hair) 18%, transparent);--mine: #6fe3a8;--foe: #e2453a;--gold: #e8c15a;--radius: 10px;--pad: clamp(6px, 1.4vmin, 12px);--cloth-hi: #2a3240;--cloth: #1d2430;--cloth-lo: #141a23;--cloth-deep: #07090d;--hair: #d6dce8;--page: #090c11;--ink-on-accent: #0b0e14;--glass: color-mix(in srgb, var(--cloth-lo) 66%, transparent);--glass-edge: rgba(255, 255, 255, .09);--glass-blur: blur(14px) saturate(1.2);--plate-radius: 14px;--key-radius: 12px;--lift: 0 24px 64px rgba(0, 0, 0, .5);--font-ui: "Onest", "Segoe UI", "Roboto", system-ui, sans-serif;--font-display: "Oswald", "Onest", "Segoe UI", system-ui, sans-serif;--row-height: clamp(46px, 6vmin, 56px);--row-type: clamp(14px, 1.85vmin, 18px);--rule: color-mix(in srgb, var(--hair) 16%, transparent);--accent: #8fc7e6;--accent-deep: #2d4a63;--accent-on-art: #a9d6ee;--side-mine: #8fc7e6;--side-foe: #f0c44e;--corner: clamp(156px, 15vmin, 168px);--ground: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E"), radial-gradient(150% 130% at 74% 42%, color-mix(in srgb, var(--accent) 8%, transparent), rgba(0, 0, 0, 0) 70%), linear-gradient(#090c11, #090c11)}[data-side=lions]{--accent: #f0c44e;--accent-deep: #6d3f0f;--accent-on-art: #f4cf6a}#ui{--accent-ink: var(--accent);--side-mine-ink: color-mix(in srgb, var(--side-mine) 78%, white);--side-foe-ink: color-mix(in srgb, var(--side-foe) 78%, white)}:root[data-theme=light] #ui{--accent-ink: color-mix(in srgb, var(--accent) 62%, #000);--side-mine-ink: color-mix(in srgb, var(--side-mine) 56%, #000);--side-foe-ink: color-mix(in srgb, var(--side-foe) 56%, #000)}#ui.playing{--glass: color-mix(in srgb, var(--cloth-lo) 84%, transparent);--glass-blur: none}:root[data-theme=light] #ui.playing{--glass: color-mix(in srgb, var(--cloth) 88%, transparent)}:root[data-phone],:root[data-quality=low]{--glass: color-mix(in srgb, var(--cloth-lo) 84%, transparent);--glass-blur: none}:root[data-theme=light]{--ink: #1c1d22;--ink-dim: #5a606b;--cloth-hi: #ffffff;--cloth: #ffffff;--cloth-lo: #f7f4ee;--cloth-deep: #e9e2d4;--hair: #3b3528;--page: #e6dccb;--panel: rgba(255, 255, 255, .9);--panel-solid: #f7f4ee;--edge: rgba(59, 53, 40, .16);--rule: rgba(59, 53, 40, .14);--glass: color-mix(in srgb, var(--cloth) 70%, transparent);--glass-edge: rgba(255, 255, 255, .85);--lift: 0 16px 44px rgba(70, 55, 30, .18);--accent: #2f86c2;--accent-deep: #1c5b88;--ink-on-accent: #ffffff;--ground: radial-gradient(150% 130% at 74% 42%, color-mix(in srgb, var(--accent) 10%, transparent), rgba(0, 0, 0, 0) 70%), linear-gradient(#e6dccb, #e6dccb)}:root[data-theme=light][data-phone],:root[data-theme=light][data-quality=low]{--glass: color-mix(in srgb, var(--cloth) 88%, transparent)}:root[data-theme=light] [data-side=lions],:root[data-theme=light][data-side=lions]{--accent: #f2a516;--accent-deep: #c4720a;--ink-on-accent: #241503}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--page);color:var(--ink);font-family:var(--font-ui);font-size:clamp(12px,1.6vmin,15px);-webkit-user-select:none;-webkit-touch-callout:none;user-select:none;touch-action:none;overscroll-behavior:none}:root{--safe-top: max( env(safe-area-inset-top, 0px), calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px)) );--safe-right: max( env(safe-area-inset-right, 0px), calc(var(--tg-safe-area-inset-right, 0px) + var(--tg-content-safe-area-inset-right, 0px)) );--safe-bottom: max( env(safe-area-inset-bottom, 0px), calc(var(--tg-safe-area-inset-bottom, 0px) + var(--tg-content-safe-area-inset-bottom, 0px)) );--safe-left: max( env(safe-area-inset-left, 0px), calc(var(--tg-safe-area-inset-left, 0px) + var(--tg-content-safe-area-inset-left, 0px)) )}#stage,#stage-still,#ui{position:fixed;top:var(--safe-top);right:var(--safe-right);bottom:var(--safe-bottom);left:var(--safe-left)}#stage-still{display:none;width:calc(100% - var(--safe-left) - var(--safe-right));height:calc(100% - var(--safe-top) - var(--safe-bottom))}:root[data-preparing] #stage-still{display:block}:root[data-preparing] #stage,:root[data-preparing] #ui>:not(.overlay){visibility:hidden}#stage{display:block;width:calc(100% - var(--safe-left) - var(--safe-right));height:calc(100% - var(--safe-top) - var(--safe-bottom))}#ui{pointer-events:none}.turn-phone{display:none}@media(orientation:portrait){html[data-phone] .turn-phone{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:var(--page);color:var(--ink);font-family:var(--font-display);font-size:20px;letter-spacing:.08em;text-transform:uppercase}}.turn-phone-icon{width:46px;height:80px;border:3px solid var(--ink);border-radius:9px;animation:turn-phone 2.4s ease-in-out infinite}@keyframes turn-phone{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}#ui>*{pointer-events:auto}#ui .topbar,#ui .bottom{opacity:0;transition:opacity .25s ease;pointer-events:none}#ui.playing .topbar,#ui.playing .bottom{opacity:1}.topbar{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:clamp(10px,2.2vmin,26px);padding:clamp(6px,1.1vmin,10px) clamp(14px,2.6vmin,26px) clamp(7px,1.2vmin,11px);background:var(--glass);border:1px solid var(--glass-edge);border-top:none;border-radius:0 0 var(--plate-radius) var(--plate-radius);box-shadow:var(--lift);max-width:96vw}.topbar.teaching{display:none}.task-strip{position:absolute;top:0;left:50%;transform:translate(-50%);display:none;align-items:baseline;gap:clamp(10px,2vmin,16px);max-width:min(560px,92vw);padding:clamp(7px,1.2vmin,11px) clamp(14px,2.6vmin,22px) clamp(8px,1.3vmin,12px);background:var(--glass);border:1px solid var(--glass-edge);border-top:none;border-radius:0 0 var(--plate-radius) var(--plate-radius);box-shadow:var(--lift);pointer-events:none}.task-strip.shown{display:flex}.tour-skip{position:absolute;bottom:clamp(14px,3vmin,26px);left:50%;transform:translate(-50%);z-index:6;padding:clamp(7px,1.2vmin,11px) clamp(16px,2.6vmin,24px);font-family:var(--font-ui);font-size:clamp(12px,1.5vmin,15px);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--hair) 72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--cloth-deep) 90%,transparent),color-mix(in srgb,var(--cloth-deep) 72%,transparent));border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:var(--radius);cursor:pointer}.film{position:absolute;inset:0;z-index:50;background:#000}.film video{width:100%;height:100%;object-fit:contain}.tour-skip:hover{color:#f0e2bef2;border-color:color-mix(in srgb,var(--accent) 40%,transparent)}#ui.touring .orders{visibility:hidden}.task-step{flex:none;font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .74);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--gold)}.task-text{line-height:1.35;color:var(--ink)}.side{display:flex;flex-direction:column;gap:0;min-width:clamp(90px,18vw,190px)}.side-foe{align-items:flex-end}.side-team,.side-player{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.15;text-align:left}.side-foe .side-team,.side-foe .side-player{text-align:right}.side-team{font-weight:700;font-size:calc(var(--row-type) * .72);color:var(--side-mine-ink)}.side-foe .side-team{color:var(--side-foe-ink)}.side-player{font-weight:600;font-size:calc(var(--row-type) * .6);color:var(--ink-dim)}.topbar-face:empty{display:none}.topbar-portrait{--box: clamp(28px, 4.4vmin, 40px);display:block;width:var(--box);height:var(--box);overflow:hidden;border:1px solid var(--rule);border-radius:3px;background:#26303a}.topbar-portrait[data-side=lions]{background:#3a2d1c}.topbar-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}.side-player .badge-chip{margin-left:6px;font-size:calc(var(--row-type) * .5);vertical-align:1px}.side-foe .side-player .badge-chip{margin:0 0 0 6px}.ticket-bar{width:100%;margin-top:5px;height:8px;background:color-mix(in srgb,var(--ink) 16%,transparent);border-radius:99px;overflow:hidden}.ticket-bar i{display:block;height:100%;width:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--side-mine) 82%,white),var(--side-mine));box-shadow:0 0 12px color-mix(in srgb,var(--side-mine) 45%,transparent);transition:width .3s linear}.side-foe .ticket-bar i{background:linear-gradient(180deg,color-mix(in srgb,var(--side-foe) 82%,white),var(--side-foe));box-shadow:0 0 12px color-mix(in srgb,var(--side-foe) 45%,transparent);float:right}.ticket-row{position:relative;display:flex;align-items:center;gap:8px;width:100%;margin-top:5px}.ticket-row .ticket-bar{margin-top:0;flex:1}.side-score{display:none;font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * 1.05);line-height:1;font-variant-numeric:tabular-nums;min-width:3.4ch;color:var(--side-mine-ink)}.side-foe .side-score{text-align:right;color:var(--side-foe-ink)}.topbar.scored .side-score{display:block}.score-gain{position:absolute;right:0;top:calc(100% + 4px);font-family:var(--font-display);font-weight:700;font-size:calc(var(--row-type) * .7);color:var(--gold);text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none;animation:score-gain 1.1s ease-out forwards}.side-foe .score-gain{right:auto;left:0}@keyframes score-gain{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(12px);opacity:0}}#ui .score-pops{position:absolute;inset:0;overflow:hidden;pointer-events:none}#ui .order-hint{position:absolute;inset:0;overflow:hidden;pointer-events:none;transition:opacity .4s}#ui .order-hint.leaving{opacity:0}.order-hint-box,.order-hint-ring,.order-hint-ripple,.order-hint-ghost{position:absolute;left:0;top:0;will-change:transform}.order-hint-box{border:1.5px solid rgba(255,255,255,.85);background:#ffffff14;border-radius:3px}.order-hint-ring{width:46px;height:28px;margin:-14px 0 0 -23px;border:2px solid #6fe08a;border-radius:50%;box-shadow:0 0 8px #6fe08a99}.order-hint-ripple{width:90px;height:50px;margin:-25px 0 0 -45px;border:2.5px solid #6fe08a;border-radius:50%}.order-hint-ghost{width:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.order-hint-ghost svg{display:block;width:100%;height:auto;transform-origin:50% 0;transition:transform .08s;fill:#ffffffeb;stroke:#1d1d1f8c;stroke-width:1.2;stroke-linejoin:round}.order-hint-ghost.pressed svg{transform:scale(.86)}.order-hint.touch .order-hint-ghost{width:34px;margin:-17px 0 0 -17px}.order-hint.touch .order-hint-ghost svg{transform-origin:50% 50%;fill:#ffffff8c;stroke:#fffffff2;stroke-width:2}.order-hint-say{position:absolute;left:50%;bottom:13%;transform:translate(-50%);white-space:nowrap;font-family:var(--font-display);font-weight:600;font-size:clamp(11px,1.35vw,17px);line-height:1;letter-spacing:.1em;text-transform:uppercase;color:#f4efe6;padding:.55em 1.1em;border-radius:999px;background:#12161d8c;backdrop-filter:blur(4px)}.order-hint.touch .order-hint-say{bottom:25%}.score-pop{position:absolute;left:0;top:0;will-change:transform}.score-pop span{display:block;transform:translate(-50%,-100%);font-family:var(--font-display);font-weight:700;font-size:calc(var(--row-type) * 1.9);color:var(--gold);text-shadow:0 2px 4px rgba(0,0,0,.85),0 0 14px color-mix(in srgb,var(--gold) 45%,transparent);animation:score-pop 1.5s ease-out forwards}@keyframes score-pop{0%{transform:translate(-50%,-60%) scale(.6);opacity:0}12%{transform:translate(-50%,-100%) scale(1.15);opacity:1}25%{transform:translate(-50%,-110%) scale(1)}70%{opacity:1}to{transform:translate(-50%,-260%) scale(1);opacity:0}}.back-note{position:absolute;top:calc(100% + clamp(8px,1.6vmin,14px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.55em;white-space:nowrap;font-family:var(--font-display);font-weight:700;font-size:clamp(14px,1.9vw,24px);line-height:1;letter-spacing:.08em;text-transform:uppercase;color:#f4efe6;padding:.5em 1.1em .5em .8em;border:1.5px solid color-mix(in srgb,var(--side-mine) 70%,transparent);border-radius:999px;background:#12161db8;box-shadow:0 4px 18px #00000059;cursor:pointer;transition:opacity .4s}#ui.playing .topbar .back-note{pointer-events:auto}.back-note[hidden]{display:none}.back-note.leaving{opacity:0}.back-note.pop{animation:back-note-pop .45s ease-out}@keyframes back-note-pop{0%{transform:translate(-50%) scale(.7)}45%{transform:translate(-50%) scale(1.12)}to{transform:translate(-50%) scale(1)}}.back-note-arrow{display:block;width:1.5em;height:1.5em;margin:-.2em 0;flex:none}.back-note-arrow svg{display:block;width:100%;height:100%;fill:var(--side-mine);stroke:#00000073;stroke-width:1;stroke-linejoin:round}.clock-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.clock{font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * 1.5);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--ink);text-shadow:0 0 18px rgba(232,193,90,.28)}.clock.double{color:var(--gold);text-shadow:0 0 12px color-mix(in srgb,var(--gold) 55%,transparent)}.pips{display:flex;gap:6px}.clock-goal{margin-top:-4px;font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .5);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--ink-dim)}.pip{width:28px;height:9px;background:#ffffff1a;box-shadow:inset 0 0 0 1px var(--edge);cursor:pointer;transition:background .25s ease,box-shadow .25s ease}.pip.mine{background:var(--side-mine);box-shadow:inset 0 0 0 1px #00000080,0 0 12px color-mix(in srgb,var(--side-mine) 55%,transparent)}.pip.foe{background:var(--side-foe);box-shadow:inset 0 0 0 1px #00000080,0 0 12px color-mix(in srgb,var(--side-foe) 55%,transparent)}.minimap{display:block;cursor:crosshair}.minimap-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding-top:6px}.icon-button.icon-blank{pointer-events:none}.latency{flex:none;color:var(--ink-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.latency.bad{color:var(--foe)}.page-sheet{position:fixed;inset:0;z-index:2000;background:var(--cloth-lo);pointer-events:auto}.page-sheet-frame{width:100%;height:100%;border:0;display:block}.page-sheet-close{position:absolute;top:calc(var(--safe-top) + 10px);right:calc(var(--safe-right) + 12px);padding:8px 16px;font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-on-accent);background:var(--accent);border:0;border-radius:3px;cursor:pointer;box-shadow:0 4px 14px #00000080}.gpu-note{position:fixed;top:calc(var(--safe-top) + 64px);right:calc(var(--safe-right) + 12px);z-index:30;width:min(330px,calc(100vw - 24px));display:grid;gap:4px;padding:12px 14px;background:var(--glass);border:1px solid var(--glass-edge);border-left:3px solid var(--accent);border-radius:var(--key-radius);box-shadow:var(--lift);color:var(--ink-dim);font-size:13px;line-height:1.4;pointer-events:auto}#ui:not(.playing) .gpu-note{display:none}.gpu-note b{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.gpu-note-card{color:var(--ink)}.gpu-note-keys{display:flex;gap:8px;margin-top:8px}.gpu-note-key{padding:6px 12px;font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:color-mix(in srgb,var(--cloth-hi) 90%,transparent);border:1px solid rgba(0,0,0,.55);border-radius:3px;cursor:pointer}.gpu-note-key.lead{color:var(--ink-on-accent);background:var(--accent)}.icon-button{position:relative;flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;padding:0;background:var(--glass);color:var(--ink);border:1px solid var(--glass-edge);border-radius:10px;backdrop-filter:var(--glass-blur);cursor:pointer;transition:color .07s linear,border-color .07s linear,background-color .07s linear}.icon-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-button:active{transform:translateY(2px);box-shadow:inset 0 2px 6px #0000008c}.icon-button:focus-visible,.icon-button.pressed{color:var(--ink);border-left-color:var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--cloth-hi) 94%,transparent),color-mix(in srgb,var(--cloth) 96%,transparent))}.icon-button.off{color:var(--foe);border-color:color-mix(in srgb,var(--foe) 55%,transparent)}.bottom{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:clamp(6px,1.4vmin,14px);padding:clamp(6px,1.2vmin,12px) clamp(8px,1.6vmin,18px) clamp(6px,1.2vmin,12px) clamp(8px,1.6vmin,18px);pointer-events:none}#ui .bottom,.bottom *{pointer-events:none}#ui.playing .bottom .screen,#ui.playing .bottom .bay,#ui.playing .bottom .card,#ui.playing .bottom .action,#ui.playing .bottom .icon-button,#ui.playing .bottom .buy,#ui.playing .bottom .minimap,#ui.playing .topbar .pip{pointer-events:auto}.call{display:flex;flex-direction:column;align-items:start;gap:6px;justify-self:start}.orders{display:flex;justify-self:center;min-width:0}.call .screen-face,.screen-nav .screen-face{flex:none;width:100%}.screen-chief,.screen-nav{width:var(--corner);padding:7px}.screen-chief{--face: calc(var(--corner) - 14px)}.screen-chief .screen-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-chief .screen-name{display:grid;place-items:center;min-height:26px;padding-top:6px;font-size:clamp(7px,calc(var(--face) * .082),13px);letter-spacing:.03em}.screen-chief .screen-face{--bezel: 6px;--bracket: 5px}.screen-chief{position:relative;contain:layout style}.screen-chief:before{content:"";position:absolute;inset:-1px;border:1px solid var(--accent);border-radius:inherit;box-shadow:0 0 0 1px #0009,0 0 26px color-mix(in srgb,var(--accent) 34%,transparent);opacity:0;transition:opacity .12s linear;will-change:opacity;pointer-events:none}.screen-chief.talking:before{opacity:1}.screen.talking .screen-live{background:var(--gold);box-shadow:0 0 10px var(--gold)}.bay{display:flex;flex-direction:column;min-height:clamp(76px,10.5vmin,104px);gap:5px;padding:6px 8px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--cloth-lo) 72%,transparent),color-mix(in srgb,var(--cloth-deep) 82%,transparent));border:1px solid rgba(0,0,0,.5);border-top:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:3px;box-shadow:inset 0 1px #fff5dc0d}.bay-head{display:flex;flex:none;align-items:baseline;justify-content:center;gap:8px;padding-bottom:4px;border-bottom:1px solid rgba(0,0,0,.45);box-shadow:0 1px #fff5dc0a}.bay>:not(.bay-head){flex:1;display:flex;align-items:center;justify-content:center}.bay-value{font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .7);font-variant-numeric:tabular-nums;color:var(--ink-dim)}.bay-value.ready{color:var(--accent-ink)}.bay-title{flex:none;font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .62);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 72%,var(--ink-dim))}.bay-row{display:flex;gap:5px}.screen-nav{justify-self:end}.screen-nav .screen-face{--bezel: 4px;--bracket: 4px;aspect-ratio:1 / 1;background:#040806e6}.selection{display:flex}.card{min-width:clamp(96px,13vmin,148px);padding:6px 8px;background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--key-radius);cursor:pointer}.card-name{margin-bottom:5px;font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .66);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap}.card.chosen .card-name,.card.pressed .card-name{color:var(--ink)}.meter{height:5px;margin-top:4px;background:color-mix(in srgb,var(--ink) 16%,transparent);box-shadow:inset 0 0 0 1px #00000080,inset 0 1px 2px #000000b3;overflow:hidden}.meter i{display:block;height:100%;background:var(--mine);box-shadow:0 0 8px color-mix(in srgb,var(--mine) 45%,transparent);transition:width .2s linear}.meter-ammo i{box-shadow:0 0 8px color-mix(in srgb,var(--gold) 45%,transparent)}.meter-ammo i{background:var(--gold)}.meter-fuel i{background:#7fb4d8}.meter-supply i{background:#b98ad6}.actions{display:flex;align-items:stretch;gap:clamp(5px,1vmin,10px)}.actions.hidden{display:none}.air-row{display:flex;gap:4px}.air-row[hidden],.bay[hidden]{display:none}.air-button{flex:1 1 0;min-width:0}.action:disabled{opacity:.36;cursor:default}.action:disabled:hover{border-left-color:color-mix(in srgb,var(--accent) 45%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--cloth-hi) 92%,transparent),color-mix(in srgb,var(--cloth-lo) 94%,transparent))}.action.armed{border-color:var(--accent);border-left-color:var(--accent);color:var(--accent-ink);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 26%,color-mix(in srgb,var(--cloth-hi) 92%,transparent)),color-mix(in srgb,var(--accent) 12%,color-mix(in srgb,var(--cloth-lo) 94%,transparent)));box-shadow:inset 0 1px #fff5dc1f,0 0 16px color-mix(in srgb,var(--accent) 32%,transparent)}.setup-bar{position:absolute;top:clamp(58px,11vmin,88px);left:50%;transform:translate(-50%) translateY(-8px);display:none;align-items:center;gap:clamp(8px,2vmin,18px);padding:var(--pad) clamp(10px,2.4vmin,18px);background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);max-width:96vw;opacity:0;transition:opacity .25s ease,transform .25s ease}.setup-bar.shown{display:flex;opacity:1;transform:translate(-50%) translateY(0)}.setup-clock{font-size:clamp(22px,5vmin,34px);font-variant-numeric:tabular-nums;color:var(--gold);min-width:1.8em;text-align:center}.setup-clock.urgent{color:var(--foe)}.setup-title{font-size:clamp(13px,2.4vmin,16px);color:var(--ink)}.setup-hint{font-size:clamp(11px,2vmin,13px);color:var(--ink-dim)}.setup-ready{flex:none;min-height:clamp(32px,5vmin,40px);padding:0 clamp(12px,2vmin,20px)}.setup-ready.armed{background:var(--panel);border-left-color:var(--edge);color:var(--ink-dim)}@media(max-width:620px){.setup-hint{display:none}}.action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:clamp(46px,6.4vmin,62px);padding:6px 8px 5px;background:linear-gradient(180deg,color-mix(in srgb,var(--cloth-hi) 92%,transparent),color-mix(in srgb,var(--cloth-lo) 94%,transparent));color:var(--ink);border:1px solid rgba(0,0,0,.55);border-left:2px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:3px;box-shadow:inset 0 1px #fff5dc1a,inset 0 -2px #0006,0 2px #00000073;font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .62);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:transform .06s ease,box-shadow .06s ease,border-color .14s ease}.action-icon{width:clamp(19px,2.6vmin,24px);height:clamp(19px,2.6vmin,24px);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.action-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.action.pressed{border-left-color:var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--cloth-hi) 94%,transparent),color-mix(in srgb,var(--cloth) 96%,transparent))}.action:active{transform:translateY(2px);box-shadow:inset 0 1px #fff5dc0f,inset 0 2px 6px #0000008c}.action[hidden]{display:none}#ui.playing .bottom .action{transition:none;will-change:transform}.reinforce-panel{padding:var(--pad);background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--key-radius)}.sp-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.sp-label{color:var(--ink-dim);font-size:.82em;text-transform:uppercase;letter-spacing:.08em}.sp-value{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.reinforce{display:flex;gap:5px}.buy{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;min-width:clamp(56px,8vmin,84px);background:linear-gradient(180deg,color-mix(in srgb,var(--cloth-hi) 92%,transparent),color-mix(in srgb,var(--cloth-lo) 94%,transparent));color:var(--ink);border:1px solid rgba(0,0,0,.55);border-radius:3px;box-shadow:inset 0 1px #fff5dc1a,inset 0 -2px #0006,0 2px #00000073;font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .72);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .06s ease,box-shadow .06s ease}.buy:active{transform:translateY(2px);box-shadow:inset 0 2px 6px #0000008c}.buy.pressed:not(:disabled){border-color:var(--gold)}.buy:disabled{opacity:.4;cursor:default}.buy-cost{color:var(--gold);font-variant-numeric:tabular-nums}.select-box{position:fixed;border:1px solid var(--mine);background:#6fe3a81f;pointer-events:none;z-index:5}.select-box.held{border-radius:50%;outline:26px solid rgba(111,227,168,.28)}.bay-status{margin-left:auto;font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .56);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bay-status.warn{color:var(--gold)}.overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:color-mix(in srgb,var(--cloth-deep) 82%,transparent);padding:16px}.overlay.shown{display:flex}.overlay.full{padding:0;background:none;backdrop-filter:none}.overlay.ground{background:var(--ground);background-blend-mode:overlay,normal,normal;backdrop-filter:none}.overlay.full.shown{display:block}@media(max-height:500px){#ui{--row-height: 44px;--row-type: 14px;font-size:14px}.overlay,.lobby-sheet{padding:8px}.overlay>.panel,.overlay>.sheet-card,.lobby-sheet>.panel,.lobby-sheet>.sheet-card{max-height:100%;overflow-y:auto;padding:14px 18px}#ui .title{font-size:24px;margin-bottom:6px}#ui .option{font-size:calc(var(--row-type) * .86)}#ui .setting{padding:4px 0}:root[data-short] .lobby-screen{--row-height: clamp(30px, calc((100vh - var(--safe-top) - var(--safe-bottom)) * .123), 40px)}:root[data-short] .lobby-screen .wordmark{font-size:30px}:root[data-short] .lobby-screen .wordmark span{display:inline}:root[data-short] .lobby-screen .wordmark .beasts{margin-left:.24em}:root[data-short] .lobby-screen .lobby-hero{flex-basis:min(34vw,calc(100vh - var(--safe-top) - var(--safe-bottom) - 150px))}.panel .lobby-buttons{flex-direction:row;margin-top:10px}.panel .lobby-buttons>.row{flex:1 1 0;min-width:0}}@media(min-width:721px),(max-height:500px){.lobby-sheet>.panel.campaign-panel{--list: 340px;--high: min(820px, 100vh - 32px);width:min(100vw - 32px,(var(--high) - 130px) * 1990 / 1240 + var(--list) + 78px);max-width:none;height:var(--high);max-height:none;display:grid;grid-template-columns:minmax(0,1fr) var(--list);grid-template-rows:auto minmax(0,1fr) auto;column-gap:18px;overflow:hidden;container-type:size}.campaign-panel>.title{grid-column:1 / -1}.campaign-panel>.campaign-map{grid-column:1;grid-row:2 / 4;align-self:center;justify-self:center;width:min(100cqw - var(--list) - 18px,(100cqh - 70px) * 1990 / 1240);height:auto;margin:0}.campaign-panel>.lesson-list{grid-column:2;grid-row:2;min-height:0;overflow-y:auto;margin:0 0 8px}.campaign-panel>.lobby-buttons{grid-column:2;grid-row:3}.panel.lessons-panel:not(.campaign-panel){width:min(1080px,96vw)}.lessons-panel:not(.campaign-panel)>.lesson-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--rows),auto);grid-auto-flow:column;gap:6px 10px}}@media(max-height:500px){.lobby-sheet>.panel.campaign-panel{--list: 300px;width:100%;height:100%}.campaign-panel>.lobby-buttons{flex-direction:column;gap:6px}.lobby-sheet>.panel.lessons-panel:not(.campaign-panel){width:calc(100vw - 16px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.lessons-panel:not(.campaign-panel)>.title{grid-column:2;grid-row:1;margin:0}.lessons-panel:not(.campaign-panel)>.lobby-buttons{grid-column:1;grid-row:1;justify-self:start;margin:0}.lessons-panel:not(.campaign-panel)>.lobby-buttons>.row{width:auto;padding:0 18px}.lessons-panel:not(.campaign-panel)>.lesson-list{grid-column:1 / -1;grid-row:2;margin:10px 0 0;gap:5px 8px}}#ui .overlay.thin{background:none;pointer-events:none}.panel,.sheet-card{background:color-mix(in srgb,var(--cloth-lo) 94%,transparent);border:1px solid var(--glass-edge);border-radius:var(--plate-radius);box-shadow:var(--lift);backdrop-filter:var(--glass-blur)}.panel{width:min(560px,94vw);max-height:92vh;overflow-y:auto;touch-action:pan-y;padding:clamp(18px,3.2vmin,30px)}.panel{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 55%,transparent) color-mix(in srgb,var(--cloth-deep) 60%,transparent)}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-track{background:color-mix(in srgb,var(--cloth-deep) 60%,transparent)}.panel::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 55%,transparent)}.panel::-webkit-scrollbar-thumb:hover{background:var(--accent)}.title{margin:0 0 8px;font-family:var(--font-display);font-weight:700;font-size:clamp(24px,5vmin,38px);letter-spacing:.12em;text-transform:uppercase;text-align:center;text-indent:.12em;color:var(--ink)}.lede{margin:0 0 16px;color:var(--ink-dim);line-height:1.5}.panel.loading{width:min(420px,90vw);text-align:center;background:none;border:0;box-shadow:none}.panel.loading .title{font-weight:700;font-size:clamp(26px,5.4vmin,40px);letter-spacing:.14em;color:var(--ink)}.panel.loading .lede{margin:10px 0 0;font-size:.82em;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.load-track{margin-top:14px;height:6px;border-radius:3px;background:color-mix(in srgb,var(--ink) 16%,transparent);box-shadow:inset 0 0 0 1px var(--edge);overflow:hidden}.load-bar{width:0%;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--mine));transition:width .1s linear}.icon-button:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#ffffff1c;opacity:0;transition:opacity .09s linear;pointer-events:none}.icon-button:focus-visible:after,.icon-button.pressed:after{opacity:1}.icon-button:active:after{background:#fff3}.icon-button:focus-visible{outline:none}.lobby-screen{position:absolute;inset:0;display:flex;flex-direction:column;gap:clamp(10px,2.4vh,28px);--margin: clamp(16px, 1.6vw + 1.2vh, 40px);padding:var(--margin) var(--margin) calc(var(--margin) * 1.25);overflow:hidden;font-size:clamp(13px,1.55vmin,16px)}.screen{display:flex;flex-direction:column;justify-content:center;padding:10px;background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--plate-radius);backdrop-filter:var(--glass-blur);box-shadow:var(--lift)}.lobby-hero{flex:0 0 clamp(150px,38%,420px);align-self:center;display:flex;flex-direction:column;gap:8px;min-height:0}.feed{flex:none}.feed .screen-face{flex:none;width:100%;height:auto}.screen-head{display:flex;align-items:center;gap:8px;overflow:hidden;padding:0 2px 8px;font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .66);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}.screen-live{width:7px;height:7px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:feed-pulse 2.4s ease-in-out infinite}.screen-title{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--accent-ink)}.screen-chief .screen-head,.screen-nav .screen-head{gap:6px;font-size:calc(var(--row-type) * .56);letter-spacing:.04em}.screen-channel{margin-left:auto;font-variant-numeric:tabular-nums}.screen-face{position:relative;flex:1 1 auto;min-height:0;align-self:center;max-width:100%;aspect-ratio:1 / 1;background:#000;overflow:hidden;--bracket: 6px;--bezel: clamp(10px, 2.4vmin, 18px)}.screen-face img,.screen-face video,.screen-face canvas{position:absolute;inset:var(--bezel);width:calc(100% - var(--bezel) * 2);height:calc(100% - var(--bezel) * 2);object-fit:contain;transition:opacity .45s ease}.screen-face img,.screen-face video{opacity:0}.screen-face img.ready,.screen-face video.ready{opacity:1}.screen-face img.screen-still:not(.ready){visibility:hidden}.screen-face img.screen-still.warming:not(.ready){visibility:visible;opacity:.01;transition:none}.screen-face video.screen-line{transition:opacity .08s linear}.screen-face video.screen-line:not(.ready){visibility:hidden}.screen-face video.screen-line.ready{transition:opacity .25s linear}:root[data-windows=true] .screen-face video.screen-line.ready,:root[data-windows=true] .screen-face video.screen-idle.ready{filter:brightness(1.001)}.screen-face canvas.screen-noise{position:absolute;inset:var(--bezel);width:calc(100% - var(--bezel) * 2);height:calc(100% - var(--bezel) * 2);object-fit:fill;image-rendering:pixelated;opacity:0;transition:none;pointer-events:none}.screen-face video.screen-idle:not(.ready){visibility:hidden}.screen-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--accent),var(--accent)) var(--bracket) var(--bracket) / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) var(--bracket) var(--bracket) / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) calc(100% - var(--bracket)) var(--bracket) / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) calc(100% - var(--bracket)) var(--bracket) / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) var(--bracket) calc(100% - var(--bracket)) / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) var(--bracket) calc(100% - var(--bracket)) / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) calc(100% - var(--bracket)) calc(100% - var(--bracket)) / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) calc(100% - var(--bracket)) calc(100% - var(--bracket)) / 2px 16px no-repeat,radial-gradient(120% 120% at 50% 45%,#0000 52%,#0000008c),repeating-linear-gradient(180deg,#00000029 0 1px,#0000 1px 3px);opacity:.9;animation:feed-flicker 5.5s ease-in-out infinite}.screen-name{padding:8px 2px 0;font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .82);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}@keyframes feed-pulse{50%{opacity:.25}}@keyframes feed-flicker{0%,92%,to{opacity:.9}94%{opacity:.72}96%{opacity:.95}}:root[data-quality=low] .screen-live,:root[data-quality=low] .screen-face:after{animation:none}@media(prefers-reduced-motion:reduce){.screen-live,.screen-face:after{animation:none}.gesture g{animation:none}}.wordmark{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(38px,7.4vmin,88px);line-height:.86;letter-spacing:.005em;text-transform:uppercase;color:var(--ink)}.wordmark span{display:block}.wordmark .beasts{color:var(--accent-ink);transition:color .35s ease}.hangar-top{display:flex;align-items:center;gap:clamp(10px,1.6vw,22px);min-width:0}.hangar-top .wordmark{flex:none;font-size:clamp(24px,4.4vmin,46px)}.hangar-top .profile-plate{flex:0 1 auto;width:auto;min-width:0;max-width:380px;height:var(--row-height);min-height:0;padding-block:0;padding-left:4px;gap:10px}.hangar-top .plate-face{--box: calc(var(--row-height) - 8px);width:var(--box);height:var(--box)}.hangar-top .plate-words{gap:1px}.hangar-top .plate-nick{font-size:calc(var(--row-type) * .92);line-height:1.15}.hangar-top .plate-line{line-height:1.15}.hangar-gap{flex:1 1 0}.hangar-chip{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--row-height);padding:0 18px;background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--key-radius);backdrop-filter:var(--glass-blur);color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .86);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.hangar-top .hangar-gear{width:var(--row-height);height:var(--row-height);padding:0}.hangar-top .hangar-gear svg{width:46%;height:46%}.hangar-star{width:1.5em;height:1.5em;background:radial-gradient(circle at 35% 30%,#fff6c8,#ffc83a 45%,#f08a00);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.hangar-body{flex:1 1 0;min-height:0;display:grid;grid-template-columns:clamp(170px,21vw,320px) minmax(0,1fr) clamp(220px,24vw,380px);gap:clamp(12px,2vw,32px)}.lobby-screen .lobby-hero{align-self:start;width:100%}.hangar-middle{position:relative;min-width:0}.hangar-stage{position:absolute;inset:0 0 calc(var(--row-height) * 1.5) 0;touch-action:none;cursor:grab}.hangar-stage:active{cursor:grabbing}.hangar-title{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}.hangar-name{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,6.4vmin,68px);line-height:.95;letter-spacing:.02em;text-transform:uppercase}.hangar-type{margin:4px 0 12px;color:var(--ink-dim)}.hangar-paint{pointer-events:auto;height:auto;padding:5px 14px 5px 5px;border-radius:99px;font-size:calc(var(--row-type) * .74)}.hangar-swatch{width:1.9em;height:1.9em;border-radius:50%;background:var(--accent) center / cover;border:2px solid var(--glass-edge)}.hangar-arrow{position:absolute;top:calc(46% - var(--row-height) * .46);width:calc(var(--row-height) * .92);height:calc(var(--row-height) * .92);border-radius:50%}.hangar-arrow svg{width:44%;height:44%}.hangar-prev{left:0}.hangar-next{right:0}.hangar-squad{position:absolute;left:50%;bottom:0;display:flex;gap:8px;transform:translate(-50%)}.hangar-thumb{width:calc(var(--row-height) * 1.7);height:calc(var(--row-height) * 1.1);padding:4px;display:grid;place-items:center;overflow:hidden;background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--key-radius);backdrop-filter:var(--glass-blur);cursor:pointer}.hangar-thumb canvas{width:100%;height:100%;object-fit:contain}.hangar-thumb.chosen{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 18px color-mix(in srgb,var(--accent) 40%,transparent)}.hangar-ways{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-width:0}.hangar-way svg{flex:none;width:1.25em;height:1.25em;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.row.hangar-battle{justify-content:center;min-height:calc(var(--row-height) * 1.7);border-radius:calc(var(--key-radius) + 4px);font-size:calc(var(--row-type) * 2.1);font-weight:700;letter-spacing:.12em}@media(max-height:500px){.hangar-top .wordmark,.hangar-squad{display:none}.hangar-body{grid-template-columns:clamp(96px,15vw,150px) minmax(0,1fr) clamp(170px,27vw,260px)}.lobby-screen .side-switch>.row{min-height:calc(var(--row-height) * 1.05)}.hangar-stage{inset:0}.hangar-arrow{top:auto;bottom:calc(var(--row-height) * .3)}.hangar-name{font-size:clamp(22px,7vh,34px)}.hangar-type{margin:2px 0 6px}.hangar-ways{gap:6px}.row.hangar-battle{min-height:calc(var(--row-height) * 1.5);font-size:calc(var(--row-type) * 1.9)}}.side-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--key-radius);backdrop-filter:var(--glass-blur)}.side-switch>.row{justify-content:center;padding:0 6px;background:none;border:0;border-radius:calc(var(--key-radius) - 4px);backdrop-filter:none}.side-switch>.row-side.chosen{background:color-mix(in srgb,var(--accent) 28%,transparent);box-shadow:inset 0 0 0 2px var(--accent)}.side-switch>.row-side{min-height:calc(var(--row-height) * 1.3)}.side-head{width:auto;height:calc(var(--row-height) * 1.15);max-width:100%;object-fit:contain;filter:grayscale(.7) opacity(.6);transition:filter .2s ease,transform .2s ease}.row-side.chosen .side-head{filter:none;transform:scale(1.06)}.row-side:not(.chosen):hover .side-head{filter:grayscale(.3) opacity(.85)}.row{position:relative;display:flex;align-items:center;gap:10px;min-height:var(--row-height);padding:0 clamp(13px,1.5vw,20px);background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--key-radius);backdrop-filter:var(--glass-blur);color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:var(--row-type);letter-spacing:.07em;line-height:1;text-transform:uppercase;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .14s ease,color .14s ease}#ui .gesture{pointer-events:none}.gesture{position:absolute;left:50%;top:46%;width:min(46vw,34vh);transform:translate(-50%,-50%);pointer-events:none;color:var(--accent-ink);opacity:.9;animation:gesture-in .3s ease-out}.gesture svg{display:block;width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 7px rgba(0,0,0,.85))}@keyframes gesture-in{0%{opacity:0}}.gesture-slide g{animation:gesture-slide 2.2s ease-in-out infinite}@keyframes gesture-slide{0%,to{transform:translate(-14px)}50%{transform:translate(14px)}}.gesture-zoom g{transform-origin:100px 60px;animation:gesture-zoom 2.1s ease-in-out infinite}@keyframes gesture-zoom{0%,to{transform:scale(.78)}50%{transform:scale(1.1)}}.gesture-turn g{transform-origin:100px 84px;animation:gesture-turn 2.4s ease-in-out infinite}@keyframes gesture-turn{0%,to{transform:rotate(-13deg)}50%{transform:rotate(13deg)}}.row:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 26%,transparent),#0000 78%);opacity:0;transition:opacity .14s linear;pointer-events:none}.row:focus-visible:after,.row.pressed:after{opacity:1}.row:focus-visible{outline:none;border-color:var(--accent)}.row-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-lead{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 82%,#fff) 0%,var(--accent) 48%,color-mix(in srgb,var(--accent) 70%,var(--accent-deep)) 100%);border-color:transparent;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 34%,transparent);color:var(--ink-on-accent)}.row-lead:after{background:#ffffff38}.row-side.chosen{background:var(--accent);border-color:transparent;color:var(--ink-on-accent)}.lobby-sheet{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:16px;background:color-mix(in srgb,var(--cloth-deep) 82%,transparent);animation:lobby-fade .18s ease both}.feed .screen-name{display:flex;align-items:center;gap:6px;line-height:1.2;min-height:calc(2.4em + 8px)}.screen-name-text{flex:1 1 auto;min-width:0}.icon-button.lobby-whole{flex:0 0 auto;width:28px;height:28px}.icon-button.lobby-whole svg{width:16px;height:16px}html:not([data-phone]) .lobby-whole,html:fullscreen .lobby-whole{display:none}.dialog{width:min(440px,100%)}.dialog.dialog-modes{width:min(640px,100%)}.dialog-modes .lobby-buttons{flex-direction:row}.dialog-modes .lobby-buttons>.row{flex:1 1 0;min-width:0}.dialog-modes .setting{padding-block:clamp(8px,1.3vmin,18px)}.mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}.mode-card{display:flex;align-items:center;min-height:58px;padding:10px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--cloth) 60%,transparent),color-mix(in srgb,var(--cloth-lo) 60%,transparent));border:1px solid var(--rule);border-radius:var(--key-radius);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease}.mode-name{font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .92);letter-spacing:.07em;text-transform:uppercase}.mode-card.chosen{border-color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.mode-card:focus-visible{outline:none;border-color:var(--accent)}.dialog:has(.versus-cards){width:min(640px,100%)}.versus-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.versus-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 12px 18px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--cloth) 60%,transparent),color-mix(in srgb,var(--cloth-lo) 60%,transparent));border:1px solid var(--rule);border-radius:calc(var(--key-radius) * 1.6);color:var(--ink);cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.versus-card>:not(.versus-glow){position:relative}.versus-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 40%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 72%)}.versus-card:not(.soon):hover,.versus-card:not(.soon):focus-visible{outline:none;border-color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent),0 10px 26px color-mix(in srgb,var(--accent) 22%,transparent)}.versus-art{display:flex;align-items:center;justify-content:center;gap:4%;width:100%;height:clamp(84px,16vmin,140px)}.versus-side{position:relative;display:flex;align-items:center;width:46%;height:100%}.versus-side.them{justify-content:flex-end}.versus-tank{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}.versus-side.them .versus-tank{transform:scaleX(-1)}.versus-side[data-count="2"] .versus-tank{width:74%;height:74%}.versus-side[data-count="2"] .versus-tank+.versus-tank{margin-left:-48%;margin-top:18%}.versus-side.them[data-count="2"] .versus-tank+.versus-tank{margin-left:-48%}.versus-name{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,4.6vmin,44px);letter-spacing:.06em;line-height:1}.versus-card.soon{cursor:default}.versus-card.soon .versus-art,.versus-card.soon .versus-name{opacity:.42;filter:grayscale(.7)}.versus-card.soon .versus-glow{display:none}.versus-soon{position:absolute!important;top:12px;right:12px;padding:4px 10px;border-radius:999px;background:linear-gradient(180deg,#ffe08a,#f2b632 55%,#c98a12);color:#2a1a00;font-family:var(--font-display);font-weight:700;font-size:calc(var(--row-type) * .62);letter-spacing:.1em;text-transform:uppercase;box-shadow:0 4px 12px #f2b63259}.panel .row:disabled:not(.row-lead){color:color-mix(in srgb,var(--ink) 38%,transparent);cursor:default}.dialog-wait,.dialog.working .dialog-asks,.dialog.working .lobby-buttons{display:none}.dialog.working .dialog-wait{display:block}.search-clock,.search-stop{display:none}.dialog.searching .search-clock{display:block;margin:6px 0 2px;text-align:center;font-family:var(--font-display);font-weight:700;font-size:calc(var(--row-type) * 2.4);font-variant-numeric:tabular-nums;letter-spacing:.04em}.dialog.searching .search-stop{display:flex;justify-content:center;width:100%;margin-top:clamp(12px,2vmin,18px)}.dialog.searching .load-percent{visibility:hidden}.dialog.searching .load-bar{width:32%!important;animation:search-run 1.4s ease-in-out infinite}@keyframes search-run{0%{transform:translate(-100%)}to{transform:translate(310%)}}@media(prefers-reduced-motion:reduce){.dialog.searching .load-bar{animation:none;width:100%!important;opacity:.4}}.dialog-asks{display:flex;flex-direction:column;gap:clamp(12px,2vmin,18px)}.dialog-group{display:flex;flex-direction:column;gap:8px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,190px));justify-content:center;gap:8px}.tile{position:relative;display:flex;flex-direction:column;gap:6px;padding:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--cloth) 40%,transparent),color-mix(in srgb,var(--cloth) 8%,transparent));border:1px solid var(--rule);border-radius:var(--key-radius);color:var(--ink-dim);font:inherit;cursor:pointer;transition:border-color .14s ease,color .14s ease}.tile-art{position:relative;display:block;aspect-ratio:1 / 1;background:#070706;border-radius:calc(var(--key-radius) - 6px);overflow:hidden}.tile-art canvas{display:block;width:100%;height:100%}.field-cards{display:flex;justify-content:safe center;gap:10px;min-width:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.field-card{flex:none;width:min(190px,30%,15vh);scroll-snap-align:start;cursor:default}.mode-label{display:none}button.field-card{cursor:pointer}.mode-box{display:flex;flex-direction:column;gap:12px}@media(max-height:500px){.mode-box{gap:0}.mode-box .dialog-group{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}.mode-box .field-row{border-top:1px solid color-mix(in srgb,var(--hair) 9%,transparent)}.mode-label{display:block}.mode-box .group-label{flex:none}.mode-box .mode-cards{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 4px}.mode-box .mode-card{min-height:44px;padding:5px 8px 6px;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--ink-dim)}.mode-box .mode-card.chosen{color:var(--ink);border-bottom-color:var(--accent);box-shadow:none}.mode-box .mode-name{font-size:calc(var(--row-type) * .86);letter-spacing:.06em}.mode-box .field-cards{justify-content:safe flex-end;gap:6px}.mode-box .field-card{width:92px;padding:3px;gap:0}.mode-box .field-card .tile-name{position:absolute;inset:auto 3px 3px;padding:12px 2px 2px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));font-size:11px;letter-spacing:.06em;color:#f3ebdad1;text-shadow:0 1px 2px rgba(0,0,0,.8)}.mode-box .field-card.chosen .tile-name{color:var(--accent-on-art)}.mode-box .field-card .tile-art{aspect-ratio:4 / 3}.mode-box .field-card .tile-art canvas{object-fit:cover}}.tile-art:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 50% 45%,#0000 55%,#00000080),repeating-linear-gradient(180deg,#00000024 0 1px,#0000 1px 3px);pointer-events:none}.tile-name{font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .8);letter-spacing:.1em;text-transform:uppercase;text-align:center}.tile:focus-visible,.tile.pressed{color:var(--ink);border-color:color-mix(in srgb,var(--hair) 30%,transparent);outline:none}.tile.chosen{color:var(--ink);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,color-mix(in srgb,var(--cloth) 40%,transparent))}.dialog .load-bar{transition:none}.load-percent{display:block;margin-top:8px;font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .82);letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--accent-ink)}.dialog .lede{margin:0;color:var(--ink)}.sheet-card{width:min(520px,100%);max-height:88vh;overflow-y:auto;padding:clamp(20px,3.2vmin,32px);animation:lobby-rise .22s cubic-bezier(.2,.7,.3,1) both}.setting{display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,1.4vw,16px);padding:clamp(12px,1.8vmin,18px) 0;border-top:1px solid color-mix(in srgb,var(--hair) 9%,transparent)}.setting:first-of-type{border-top:0;padding-top:0}.setting-name,.group-label{font-family:var(--font-display);font-weight:600;font-size:var(--row-type);letter-spacing:.07em;text-transform:uppercase}.choice{display:flex;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;min-width:0;gap:2px 4px}.setting-name{flex:0 1 auto;min-width:0}.option{padding:6px 9px 7px;background:none;border:0;border-bottom:2px solid transparent;color:var(--ink-dim);font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .74);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:color .14s ease,border-color .14s ease}.option:focus-visible,.option.pressed{color:var(--ink);outline:none}.option.chosen{color:var(--ink);border-bottom-color:var(--accent)}.picker{position:relative}.option.pick{gap:10px;color:var(--ink);border-bottom-color:var(--accent)}.tongue{display:inline-flex;align-items:center;gap:8px}.flag{width:21px;height:14px;flex:none;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #00000073}.flag svg{display:block;width:100%;height:100%}.chevron{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor}.pick-list{position:fixed;z-index:3000;display:grid;padding:4px;background:var(--cloth-lo);border:1px solid var(--glass-edge);border-radius:var(--key-radius);box-shadow:var(--lift)}.pick-list[hidden]{display:none}.option.pick-item{justify-content:flex-start;white-space:nowrap}.option{min-height:38px;display:inline-flex;align-items:center;justify-content:center}@media(pointer:coarse){.option{min-height:44px;min-width:44px}.tour-skip{min-height:44px}}.sheet-card .row{margin-top:clamp(16px,2.6vmin,24px)}.settings-papers{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 8px;margin-top:10px;color:var(--ink-dim);font-size:calc(var(--row-type) * .74)}.settings-papers .paper{padding:2px 0;border:0;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer}.settings-papers .paper:hover,.settings-papers .paper:focus-visible{outline:none;color:var(--accent-ink)}.settings-papers .paper-dot{opacity:.6}@keyframes lobby-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes lobby-fade{0%{opacity:0}}@media(max-width:760px){.lobby-screen{--row-height: 44px;--row-type: 13px}.lobby-hero{flex:0 0 48%;align-self:center}.feed{flex:none;padding:6px}.screen-face{flex:none;width:100%}.screen-head{white-space:nowrap;letter-spacing:.06em}.screen-channel:not(.latency){display:none}.screen-name{letter-spacing:.04em}.wordmark{font-size:clamp(30px,9vw,44px)}.row{gap:7px;padding:0 10px}.row-label{letter-spacing:.04em}.setting{gap:10px;padding:11px 0}.option{padding:5px 8px 6px;font-size:calc(var(--row-type) * .86);letter-spacing:.06em}}@media(orientation:landscape)and (max-height:460px){.lobby-screen{--row-height: 44px}.wordmark{font-size:clamp(28px,7vh,44px)}.lobby-hero{flex:0 1 min(34vw,calc(100vh - var(--safe-top) - var(--safe-bottom) - 128px));gap:6px}}.lobby-buttons{display:flex;flex-direction:column;gap:6px;margin-top:clamp(10px,2vmin,16px)}.panel .row,.sheet-card .row{width:100%;justify-content:center}.panel.lessons-panel{width:min(520px,94vw)}.panel.campaign-panel{width:min(780px,96vw)}.lesson-list{display:flex;flex-direction:column;gap:6px;margin-bottom:clamp(10px,2vmin,16px)}.lesson-row{position:relative;display:flex;flex:none;align-items:center;gap:10px;width:100%;min-height:var(--row-height);padding:0 clamp(30px,3vw,40px) 0 clamp(13px,1.5vw,20px);text-align:left;background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--key-radius);color:var(--ink);font:inherit;cursor:pointer;overflow:hidden;transition:border-color .14s ease}.lesson-row:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 26%,transparent),#0000 78%);opacity:0;transition:opacity .14s linear;pointer-events:none}.lesson-row:focus-visible:after,.lesson-row.pressed:after{opacity:1}.lesson-row:focus-visible{outline:none;border-color:var(--accent)}.lesson-title{font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .92);letter-spacing:.07em;text-transform:uppercase}.lesson-machine{font-size:.82em;color:var(--accent-ink);white-space:nowrap}.lesson-row.passed{border-color:color-mix(in srgb,var(--accent) 45%,var(--glass-edge))}.lesson-tick{position:absolute;right:clamp(10px,1.4vw,16px);color:var(--accent-ink);font-size:1.1em}.lesson-row.chosen{border-color:var(--accent)}.lesson-row.chosen:after{opacity:1}.lesson-row.locked{color:color-mix(in srgb,var(--ink) 38%,transparent);background:color-mix(in srgb,var(--glass) 45%,transparent);border-color:color-mix(in srgb,var(--glass-edge) 45%,transparent);cursor:default}.row-lead:disabled{background:linear-gradient(90deg,color-mix(in srgb,var(--cloth) 50%,transparent),color-mix(in srgb,var(--cloth) 6%,transparent));border-left-color:var(--rule);color:color-mix(in srgb,var(--ink) 40%,transparent);cursor:default}.brief{width:min(600px,100%)}.brief-machine{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:clamp(12px,2vmin,18px);padding-bottom:clamp(10px,1.6vmin,14px);border-bottom:1px solid var(--rule)}.brief-name{flex:none;font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .92);letter-spacing:.07em;text-transform:uppercase;color:var(--accent-ink)}.brief-role{flex:1 1 220px;color:var(--ink-dim);line-height:1.4}.reach{display:flex;flex-direction:column;gap:8px;margin-bottom:clamp(14px,2.4vmin,20px)}.reach-row{display:flex;align-items:center;gap:10px}.reach-label,.reach-metres{flex:none;font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .74);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.reach-label{width:4.6em}.reach-metres{width:3.4em;text-align:right;color:var(--ink)}.reach-track{flex:1;height:6px;border-radius:3px;background:color-mix(in srgb,var(--ink) 16%,transparent);box-shadow:inset 0 0 0 1px var(--edge);overflow:hidden}.reach-fill{height:100%;border-radius:3px}.reach-eyes .reach-fill{background:color-mix(in srgb,var(--ink-dim) 60%,transparent)}.reach-gun .reach-fill{background:linear-gradient(90deg,var(--accent-deep),var(--accent))}.reach-min .reach-fill{background:linear-gradient(90deg,#a32017,#ff3323)}.reach-work .reach-fill{background:linear-gradient(90deg,#17916a,#2fefa0)}.reach-dot{flex:none;width:.62em;height:.62em;border-radius:50%;font-size:var(--row-type)}.reach-eyes .reach-dot{background:#5cc2ff}.reach-gun .reach-dot{background:#ffc21a}.reach-min .reach-dot{background:#ff3323}.reach-work .reach-dot{background:#2fefa0}.reach-legend{margin-top:4px}.reach-note{margin:2px 0 0;color:var(--ink-dim);font-size:.88em;line-height:1.45}.brief-pages{display:flex;flex-direction:column;gap:clamp(8px,1.4vmin,12px);min-height:clamp(150px,26vmin,210px);margin-bottom:clamp(12px,2vmin,18px)}@media(max-height:500px){.brief-pages{min-height:0}}.brief-head{margin:0;font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .82);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink)}.brief-pages .lede{margin:0;color:var(--ink)}.brief-dots{display:flex;justify-content:center;gap:6px;margin-bottom:clamp(12px,2vmin,18px)}.brief-dot{width:18px;height:3px;background:var(--rule);transition:background .16s linear}.brief-dot.here{background:var(--accent)}.stats{position:absolute;top:8px;left:8px;padding:6px 9px;background:color-mix(in srgb,var(--cloth-deep) 82%,transparent);border:1px solid var(--edge);border-radius:8px;color:var(--ink);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11px;line-height:1.5;white-space:pre;pointer-events:none;z-index:5}.countdown{font-family:var(--font-display);font-weight:700;font-size:clamp(60px,18vmin,150px);font-variant-numeric:tabular-nums;color:var(--gold);text-shadow:0 6px 40px rgba(0,0,0,.8)}.results{margin:12px 0 18px;display:flex;flex-direction:column;gap:6px}.result-row{display:flex;gap:10px;align-items:center;padding:clamp(9px,1.4vmin,13px) clamp(12px,1.5vw,18px);background:linear-gradient(90deg,color-mix(in srgb,var(--cloth) 50%,transparent),color-mix(in srgb,var(--cloth) 6%,transparent));border:0;border-left:2px solid var(--rule);font-size:.9em}.result-row.mine{border-left-color:var(--accent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,color-mix(in srgb,var(--cloth) 50%,transparent)),color-mix(in srgb,var(--cloth) 6%,transparent))}.result-keys{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-keys .row-lead.waiting:disabled{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 82%,#fff) 0%,var(--accent) 48%,color-mix(in srgb,var(--accent) 70%,var(--accent-deep)) 100%);color:var(--ink-on-accent);opacity:.65}.result-keys .row-lead.glow{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 60%,transparent),0 0 22px color-mix(in srgb,var(--gold) 55%,transparent);animation:rematch-glow 1.6s ease-in-out infinite}@keyframes rematch-glow{50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 30%,transparent),0 0 10px color-mix(in srgb,var(--gold) 25%,transparent)}}.result-name{flex:1;min-width:0;font-family:var(--font-display);font-weight:600;letter-spacing:.06em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-stat{color:var(--ink-dim);font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:720px),(max-height:500px){#ui{--corner: clamp(72px, 19vw, 92px)}.bottom{display:block;padding:5px 6px}.call{position:fixed;top:calc(var(--safe-top) + 5px);left:calc(var(--safe-left) + 5px);align-items:flex-start}.screen-chief,.screen-nav{padding:4px}.screen-chief{--face: calc(var(--corner) - 8px)}.screen-head{gap:5px;padding:0 0 6px;font-size:clamp(8px,2vw,10px);letter-spacing:.03em}.screen-chief .screen-head,.screen-nav .screen-head{gap:4px;font-size:clamp(7px,1.75vw,9px);letter-spacing:.02em}.minimap-foot{gap:4px;justify-content:center}.screen-nav .screen-title{display:none}.screen-chief .screen-name{min-height:22px;padding-top:4px;white-space:normal;font-size:clamp(9px,2.35vw,12px);line-height:1.16;letter-spacing:.04em}.screen-nav{position:fixed;top:calc(var(--safe-top) + 5px);right:calc(var(--safe-right) + 5px)}.minimap-foot{padding-top:4px}.minimap-foot{display:grid;grid-template-columns:repeat(2,40px);gap:4px;justify-content:center}.icon-button{width:40px;height:40px}.icon-button svg{width:20px;height:20px}.topbar{top:5px;left:calc(var(--corner) + 16px);right:calc(var(--corner) + 16px);transform:none;max-width:none;gap:6px;padding:7px 8px;border-top:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:var(--radius)}.side{min-width:0;flex:1}.side-team{font-size:calc(var(--row-type) * .6)}.side-player{font-size:calc(var(--row-type) * .52)}.clock{font-size:calc(var(--row-type) * 1.1)}.clock-goal{margin-top:-5px;font-size:calc(var(--row-type) * .42)}.pip{width:20px;height:7px}.task-strip{top:5px;left:calc(var(--corner) + 16px);right:calc(var(--corner) + 16px);transform:none;max-width:none;justify-content:center;padding:7px 10px;border-top:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:var(--radius)}.orders{justify-content:center}.actions{flex-wrap:wrap;justify-content:center;gap:5px}.bay{flex:0 0 auto;min-height:clamp(62px,15vw,84px);padding:4px 6px 6px}.action{min-width:44px;min-height:44px;padding:6px 7px}.card{flex:0 0 auto}.reinforce{overflow-x:auto}}@media(hover:hover){.mode-card:not(.chosen):hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.icon-button:hover{color:var(--ink);border-left-color:var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--cloth-hi) 94%,transparent),color-mix(in srgb,var(--cloth) 96%,transparent))}.card:hover .card-name{color:var(--ink)}.action:hover{border-left-color:var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--cloth-hi) 94%,transparent),color-mix(in srgb,var(--cloth) 96%,transparent))}.buy:hover:not(:disabled){border-color:var(--gold)}.icon-button:hover:after{opacity:1}.row:hover:after{opacity:1}.tile:hover{color:var(--ink);border-color:color-mix(in srgb,var(--hair) 30%,transparent);outline:none}.option:hover{color:var(--ink);outline:none}.lesson-row:hover:after{opacity:1}}.campaign-map{position:relative;width:100%;aspect-ratio:1990 / 1240;margin:0 0 14px;border-radius:10px;overflow:hidden;background:var(--cloth-lo);box-shadow:inset 0 0 0 1px var(--rule);container-type:inline-size}.campaign-art,.campaign-marks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.campaign-art{z-index:0}.campaign-marks{z-index:2}.map-dam{fill:color-mix(in srgb,var(--ink) 55%,transparent)}.map-window{fill:color-mix(in srgb,var(--accent) 7%,transparent);stroke:var(--accent);stroke-width:6;rx:18}.map-dot{fill:var(--accent);stroke:var(--cloth);stroke-width:5}.map-label{position:absolute;z-index:1;transform:translate(-50%,-190%);padding:0;border:0;background:none;font-family:var(--font-display);font-weight:600;font-size:clamp(7px,2.1cqw,15px);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--ink-dim);text-shadow:0 0 2px var(--cloth-lo),0 0 4px var(--cloth-lo),0 0 6px var(--cloth-lo);pointer-events:none}.map-label.below{transform:translate(-50%,90%)}@container (max-width: 340px){.map-label{letter-spacing:0}}.map-label.live,.map-label.passed{pointer-events:auto;cursor:pointer;color:var(--ink)}.map-label.passed{color:var(--accent-ink)}.map-label.chosen{z-index:3}.map-hit{cursor:pointer;pointer-events:auto}@media(pointer:coarse){button.map-label:before{content:"";position:absolute;inset:-12px -6px}}.map-hit:hover{fill:var(--ink)}.map-here{pointer-events:none}.squad{display:flex;flex-direction:column;gap:12px}.squad-meter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;font-family:var(--font-display);font-weight:600;letter-spacing:.07em;text-transform:uppercase;font-size:calc(var(--row-type) * .86)}.squad-size{color:var(--ink-dim)}.squad-meter.short .squad-size{color:var(--gold)}.squad-track{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.squad-fill{height:100%;background:var(--accent);transition:width .18s ease}.squad-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.squad-card{display:flex;flex-direction:column;gap:2px;padding:6px 8px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--cloth) 60%,transparent),color-mix(in srgb,var(--cloth-lo) 60%,transparent));border:1px solid var(--rule);border-radius:4px;min-width:0}.squad-card.chosen{border-color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.squad-art{width:100%;aspect-ratio:2 / 1;object-fit:contain}.squad-name{font-family:var(--font-display);font-weight:600;font-size:calc(var(--row-type) * .92);letter-spacing:.07em;text-transform:uppercase}.squad-type{font-size:calc(var(--row-type) * .74);color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squad-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px}.squad-step{width:32px;height:32px;border:1px solid var(--rule);border-radius:4px;background:#ffffff0a;color:var(--ink);font-size:18px;line-height:1;cursor:pointer}.squad-step:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.squad-step:disabled{color:color-mix(in srgb,var(--ink) 30%,transparent);cursor:default}.squad-many{min-width:14px;text-align:center;font-family:var(--font-display);font-weight:600}@media(max-height:500px){.squad{gap:6px}.squad-art{aspect-ratio:3 / 1}.squad-type{display:none}.squad-step{width:28px;height:28px}.squad-card{padding:4px 6px 6px}.squad-foot{margin-top:2px}}.profile-plate{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:var(--row-height);padding:7px clamp(13px,1.5vw,20px) 7px 8px;background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--key-radius);backdrop-filter:var(--glass-blur);color:var(--ink);text-align:left;cursor:pointer}.profile-plate:focus-visible{outline:none;border-color:var(--accent)}.plate-face,.profile-face{flex:none;display:grid;place-items:center;overflow:hidden;--box: 44px;width:var(--box);height:var(--box);border:1px solid var(--rule);border-radius:3px;background:#1f2a30;font-family:var(--font-display);font-weight:700;color:var(--ink-dim)}.plate-face[data-side=lions],.profile-face[data-side=lions],.face-art[data-side=lions]{background:#3a2d1c}.plate-face img,.profile-face img,.face-art img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}.plate-words,.profile-who{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}.plate-nick,.profile-nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:600;font-size:var(--row-type);letter-spacing:.06em}.plate-line{color:var(--ink-dim);font-size:calc(var(--row-type) * .72)}.plate-go{flex:none;color:var(--accent-ink);font-size:calc(var(--row-type) * 1.5);line-height:1}@media(orientation:landscape)and (max-height:460px){.wordmark span{display:inline}.wordmark .beasts:before{content:" "}.profile-plate{min-height:var(--row-height);padding-block:4px}.plate-face{--box: 34px;width:var(--box);height:var(--box)}}.pick-strip{display:grid;gap:6px}.pick-strip .group-label{font-size:calc(var(--row-type) * .74);color:var(--ink-dim)}.pick-tiles{display:flex;flex-wrap:wrap;gap:6px}.pick-tile{display:grid;justify-items:center;align-content:center;gap:4px;min-width:56px;height:56px;padding:4px 6px;background:color-mix(in srgb,var(--cloth) 45%,transparent);border:1px solid var(--rule);border-radius:3px;color:var(--ink-dim);cursor:pointer}.pick-tile.chosen{border-color:var(--accent);background:#8fc7e61f;color:var(--ink)}.pick-tile .face-art{position:relative;display:block;width:34px;height:34px}.pick-tile .badge-chip{min-width:64px;font-size:10px;text-align:center}.badge-chip.badge-none{color:var(--ink-dim);border-style:dashed}.camo-strip .pick-tiles{flex-wrap:nowrap}.camo-strip .pick-tile{flex:1 1 0;height:auto;min-width:0;max-width:96px;padding:5px}.camo-strip .camo-swatch{width:100%}.camo-swatch{width:44px;height:30px;border-radius:2px;background:#3a4048 center / 200% no-repeat}.pick-name{font-family:var(--font-display);font-size:10px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.profile-panel{width:min(520px,94vw)}.profile-panel .lede{text-align:center}.nick-box{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.nick-input{width:100%;min-height:var(--row-height);padding:0 14px;background:color-mix(in srgb,var(--cloth-deep) 60%,transparent);border:1px solid var(--rule);border-left:2px solid var(--accent);border-radius:2px;color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:max(16px,var(--row-type));letter-spacing:.06em}.nick-input:focus{outline:none;border-color:var(--accent)}.nick-input::placeholder{color:color-mix(in srgb,var(--ink-dim) 55%,transparent)}.nick-verdict{min-height:1.4em;font-size:14px;color:var(--ink-dim)}.nick-verdict[data-tone=bad]{color:var(--foe)}.nick-verdict[data-tone=good]{color:var(--mine)}.nick-offers{display:flex;flex-wrap:wrap;gap:6px}.nick-offers:empty{display:none}.nick-offer{min-height:36px;padding:0 12px;background:color-mix(in srgb,var(--cloth) 60%,transparent);border:1px solid var(--rule);border-radius:2px;color:var(--ink);font-family:var(--font-display);font-size:15px;letter-spacing:.05em;cursor:pointer}.nick-offer:hover,.nick-offer:focus-visible{outline:none;border-color:var(--accent)}.face-grid{display:grid;grid-template-columns:repeat(var(--side-faces, 7),1fr);gap:5px;margin-bottom:16px}.face-pick{padding:0;aspect-ratio:1;background:none;border:1px solid var(--rule);border-radius:3px;cursor:pointer;overflow:hidden}.face-pick.chosen{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.face-pick:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.face-art{display:grid;place-items:center;width:100%;height:100%;background:#1f2a30;font-family:var(--font-display);color:var(--ink-dim)}.face-pick:not(.chosen) .face-art img{opacity:.82}.profile-sheet{width:min(480px,100%);max-height:100%;overflow-y:auto}[data-frame]{position:relative;overflow:visible;border-color:transparent;background:none}[data-frame]>img{position:absolute;inset:2%;width:96%;height:96%}[data-frame]:after{content:"";position:absolute;inset:-6%;border-style:solid;border-color:transparent;border-image-width:10%;border-image-repeat:stretch;pointer-events:none}.plate-face[data-frame]:after,.topbar-portrait[data-frame]:after,.face-art[data-frame]:after{inset:-8%;border-image-width:13%}[data-frame=frame-steel]:after{border-image-source:url(/frames/frame-steel.webp);border-image-slice:21.5% 21.5% 24.6% 21.5%}[data-frame=frame-arctic]:after{border-image-source:url(/frames/frame-arctic.webp);border-image-slice:20.3% 19.5% 20.7% 19.5%}[data-frame=frame-jungle]:after{border-image-source:url(/frames/frame-jungle.webp);border-image-slice:20.3% 19.5% 20.7% 19.5%}[data-frame=frame-desert]:after{border-image-source:url(/frames/frame-desert.webp);border-image-slice:20.3% 19.5% 20.7% 19.5%}[data-frame=frame-tiger]:after{border-image-source:url(/frames/frame-tiger.webp);border-image-slice:20.3% 19.5% 20.7% 19.5%}[data-frame=frame-crimson]:after{border-image-source:url(/frames/frame-crimson.webp);border-image-slice:20.3% 19.5% 20.7% 19.5%}[data-frame=frame-neon]:after{border-image-source:url(/frames/frame-neon.webp);border-image-slice:20.3% 19.5% 20.7% 19.5%}[data-frame=frame-lava]:after{border-image-source:url(/frames/frame-lava.webp);border-image-slice:20.3% 19.5% 20.7% 19.5%}[data-frame=frame-gold]:after{border-image-source:url(/frames/frame-gold.webp);border-image-slice:20.3% 19.5% 20.7% 19.5%}.framed{--s: min(1, var(--up, 9) * var(--fw) / var(--fcy), var(--down, 9) * var(--fw) / (1 - var(--fcy)));position:relative;overflow:visible;margin-inline:calc(max(0,(var(--s) / var(--fw) - 1) / 2) * var(--box, 0px));border-color:transparent!important;background:none!important;box-shadow:none!important}.framed>img:not(.frame-art){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;border-radius:inherit}.framed>.frame-art{position:absolute;z-index:1;width:calc(var(--s) * 100% / var(--fw));height:calc(var(--s) * 100% / var(--fw));max-width:none;max-height:none;left:calc(50% - var(--fcx) * var(--s) * 100% / var(--fw));top:calc(50% - var(--fcy) * var(--s) * 100% / var(--fw));pointer-events:none;border-radius:0}.plate-face.framed,.topbar-portrait.framed,.opponent .profile-face.framed{--up: .75;--down: .75}.hangar-top .plate-face.framed{--up: 1.2;--down: 1}@media(orientation:landscape)and (max-height:460px){.hangar-top .plate-face.framed{--up: .95;--down: .78}}#ui:not(.playing) .framed[data-rarity=legend]>.frame-art{filter:drop-shadow(0 0 6px rgba(255,196,80,.55))}#ui:not(.playing) .framed[data-rarity=epic]>.frame-art{filter:drop-shadow(0 0 5px rgba(170,120,255,.45))}.badge-chip.badge-art{width:auto;height:1.5em;padding:0;border:0;background:none;vertical-align:middle;flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.profile-face{--box: 72px;width:var(--box);height:var(--box);font-size:32px}.profile-nick{font-size:calc(var(--row-type) * 1.3)}.leaders-list{list-style:none;margin:0 0 12px;padding:0;max-height:min(56vh,520px);overflow-y:auto;border-top:1px solid var(--rule)}.leader{display:flex;align-items:center;gap:10px;padding:6px 8px;border-bottom:1px solid var(--rule)}.leader.own{background:color-mix(in srgb,var(--cloth) 70%,transparent);box-shadow:inset 3px 0 0 var(--accent)}.leader-place{flex:none;min-width:2.6em;text-align:right;color:var(--ink-dim);font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums}.leader[data-podium="1"] .leader-place{color:#e8c35a}.leader[data-podium="2"] .leader-place{color:#c9ccd1}.leader[data-podium="3"] .leader-place{color:#c98a52}.leader .plate-face{--box: 36px;width:var(--box);height:var(--box)}.leader-words{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.leader-nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:600;letter-spacing:.04em}.leader-rating{flex:none;font-family:var(--font-display);font-weight:700;font-size:calc(var(--row-type) * 1.1);font-variant-numeric:tabular-nums}.leader-blank{flex:1;height:.7em;margin-right:30%;border-radius:999px;background:color-mix(in srgb,var(--ink-dim) 16%,transparent)}.leaders-list.leaders-me{max-height:none;overflow:visible;margin-top:-4px;border-top:none}.link-code{margin:4px 0 6px;padding:10px;border:1px solid var(--accent);border-radius:4px;text-align:center;font-family:var(--font-display);font-weight:700;font-size:clamp(30px,7vmin,44px);letter-spacing:.16em;font-variant-numeric:tabular-nums;color:var(--accent-ink)}.link-code.spent{border-color:var(--rule);color:var(--ink-dim);text-decoration:line-through}.code-left{margin:0 0 10px;text-align:center;color:var(--ink-dim);font-size:14px}.code-input{text-align:center;font-size:clamp(22px,5vmin,30px);letter-spacing:.16em;text-transform:uppercase}.code-owner-line{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:8px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:3px;background:color-mix(in srgb,var(--cloth) 50%,transparent)}.code-owner .lede{margin-bottom:4px;font-size:14px}.link-rows{display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px;margin-top:12px}.link-row{display:block;margin:0;min-height:36px;padding:0 8px;background:none;border:0;color:var(--ink-dim);font-family:var(--font-ui);font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link-row:hover,.link-row:focus-visible{outline:none;color:var(--accent-ink)}.password-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.password-block{display:flex;flex-direction:column;gap:6px}.password-block .group-label{color:var(--ink-dim);font-size:calc(var(--row-type) * .8)}.forgot-steps{margin:0 0 6px;padding-left:22px;color:var(--ink);line-height:1.5}.forgot-steps li{margin:0 0 8px}.password-input{letter-spacing:.12em}.password-input+.nick-verdict:empty{display:none}@media(max-width:420px){.face-grid{grid-template-columns:repeat(5,1fr)}}@media(max-height:480px){.profile-panel .lede{display:none}.profile-panel{width:min(760px,96vw)}.profile-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 10px}.profile-fields .nick-box{margin-bottom:8px}.face-grid{grid-template-columns:repeat(calc(var(--side-faces, 7) * 2),1fr);margin-bottom:10px}.profile-head{margin-bottom:8px}.profile-face{--box: 52px;width:var(--box);height:var(--box)}.lobby-sheet>.panel.profile-sheet{width:min(760px,96vw)}.profile-sheet .lobby-buttons{flex-wrap:wrap}.profile-sheet .lobby-buttons>.row{flex:1 1 30%;white-space:nowrap}.profile-main .lobby-buttons>.row{flex-basis:20%}.leaders-list{max-height:calc(100vh - 170px)}.leaders-sheet:has(.leaders-me) .leaders-list:not(.leaders-me){max-height:calc(100vh - 220px)}.leader{padding-block:2px}.leader .plate-face{--box: 28px;width:var(--box);height:var(--box)}.leader-words{flex-direction:row;align-items:center;gap:12px}.devices-sheet .lobby-buttons>.row-lead{flex-basis:100%}.password-block:has(>.nick-box){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 8px}.password-block>.group-label{grid-column:1 / -1}.profile-fields:has(.password-pair){grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.link-rows{margin-top:6px}}.rank-badge{display:inline-block;flex:none;width:.95em;height:1.45em;color:var(--gold);vertical-align:-.35em}.rank-badge svg{display:block;width:100%;height:100%}.rank-badge .board{fill:#3a3f2a;stroke:var(--gold);stroke-width:1.2}.rank-badge .button{fill:var(--gold)}.rank-badge[data-rank=recruit] .board{stroke:color-mix(in srgb,var(--gold) 50%,transparent)}.rank-badge[data-rank=general]{color:#2a2414}.rank-badge[data-rank=general] .board{fill:var(--gold)}.rank-badge[data-rank=general] .button{fill:#2a2414}.rank-line{display:flex;align-items:center;gap:6px;min-width:0}.rank-line .rank-badge{width:1.15em;height:1.7em}.profile-who .rank-badge{width:18px;height:27px}.rank-mark{margin-right:5px}#ui .dialog:not(.dialog-modes):has(.opponent-vs:not([hidden])){width:min(560px,100%)}.opponent-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:8px 0 12px}.opponent{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid var(--rule);border-radius:var(--key-radius);background:color-mix(in srgb,var(--cloth) 50%,transparent)}.opponent-vs[hidden]{display:none}.opponent-mine{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.opponent-foe{flex-direction:row-reverse;text-align:right;border-color:color-mix(in srgb,var(--foe) 45%,transparent)}.opponent-x{font-family:var(--font-display);font-size:26px;color:var(--gold)}.rating-change{margin:-2px 0 14px;text-align:center}.rating-delta{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,5vmin,36px);color:var(--mine)}.rating-delta.down{color:var(--foe)}.rating-note{margin:2px 0 0;color:var(--ink-dim)}@media(max-width:560px),(max-height:480px){.opponent .profile-face{--box: 48px;width:var(--box);height:var(--box)}.opponent-vs{gap:6px}}.foe-away{position:absolute;top:calc(env(safe-area-inset-top,0px) + max(172px,24vh));left:50%;transform:translate(-50%);padding:6px 14px;background:color-mix(in srgb,var(--cloth-lo) 88%,transparent);border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);border-radius:4px;color:var(--gold);font-family:var(--font-display);font-size:14px;letter-spacing:.06em;white-space:nowrap;pointer-events:none;z-index:5}#ui .foe-away{pointer-events:none}.presence{flex:none;margin-left:auto;padding:2px 8px;border:1px solid currentColor;border-radius:3px;font-size:12px;white-space:nowrap}.presence-online{color:var(--mine)}.presence-battle{color:var(--gold)}.presence-offline{color:var(--ink-dim)}.call-line{margin:4px 0 6px;color:var(--ink-dim);font-size:14px;text-align:center}@media(max-height:500px){#ui .lobby-sheet>.panel,#ui .overlay>.panel{--row-height: 38px;padding:10px 16px}#ui .lobby-sheet>.panel>.title,#ui .overlay>.panel>.title{font-size:20px;margin-bottom:4px}#ui .dialog{width:min(400px,100%)}#ui .dialog.dialog-modes{width:min(540px,100%)}#ui .panel .lobby-buttons{margin-top:6px;gap:6px}#ui .setting{padding:2px 0}#ui .setting-name,#ui .mode-box .group-label{font-size:calc(var(--row-type) * .86)}#ui .mode-box .dialog-group{padding:2px 0}#ui .mode-box .mode-card{min-height:34px;padding:3px 7px 4px}#ui .mode-box .field-card{width:74px}#ui .lobby-sheet>.dialog-modes .setting .option{min-height:34px}#ui .lobby-sheet>.dialog-modes .lobby-buttons{margin-top:4px}#ui .lobby-sheet>.dialog-modes .call-player{padding-block:0}#ui .mode-box .field-cards{padding:7px 0}#ui .option{padding:4px 7px 5px}#ui .lobby-sheet>.panel .option{min-height:38px}#ui .lobby-sheet>.sheet-card .row{margin-top:8px}#ui .lobby-sheet>.sheet-card .option{min-height:34px}#ui .lobby-sheet>.sheet-card .setting{padding:1px 0}#ui .settings-papers{margin-top:5px}#ui .lessons-panel:not(.campaign-panel)>.lesson-list{margin-top:6px;gap:4px 8px}#ui .lessons-panel:not(.campaign-panel)>.lesson-list{--row-height: 36px}#ui .lobby-sheet>.panel,#ui .overlay>.panel{scrollbar-width:none}#ui .lobby-sheet>.panel::-webkit-scrollbar,#ui .overlay>.panel::-webkit-scrollbar{display:none}#ui .squad{gap:6px}#ui .squad-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}#ui .squad-card{padding:3px 4px 4px}#ui .squad-name{font-size:calc(var(--row-type) * .78)}#ui .squad-type{display:none}#ui .squad-foot{margin-top:2px;gap:2px}#ui .squad-step{width:26px;height:26px}#ui .squad-art{aspect-ratio:2 / 1}#ui .camo-strip .pick-tiles{flex-wrap:nowrap;gap:4px}#ui .camo-strip .pick-tile{flex:1 1 0;min-width:0;padding:3px 2px}#ui .camo-swatch{width:100%;height:18px}#ui .camo-strip .pick-name{font-size:8px;letter-spacing:.02em}#ui .profile-sheet{width:min(600px,100%)}#ui .profile-sheet .lobby-buttons>.row{font-size:calc(var(--row-type) * .8);letter-spacing:.03em;padding-inline:6px}#ui .leaders-list{max-height:150px}}.lobby-sheet.room-sheet{padding:0;display:block;background:var(--ground)}.lobby-screen.under-room>:not(.lobby-sheet){visibility:hidden}.room-sheet.swap,.room-sheet.swap>.room{animation:none}.room{--r-common: #aab3bd;--r-rare: #58b4ff;--r-epic: #c58bff;--r-legend: #ffb53a;--rar: var(--r-common);--sunk: rgba(0, 0, 0, .26);--glow: color-mix(in srgb, var(--accent) 42%, transparent);--card-shadow: 0 12px 30px rgba(0, 0, 0, .34);position:absolute;inset:0;display:grid;grid-template-columns:clamp(190px,17vw,260px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2vmin,22px) clamp(16px,2.4vmin,30px);padding:clamp(14px,3vmin,36px) clamp(16px,3vmin,40px);color:var(--ink);font-family:var(--font-ui);animation:lobby-fade .18s ease both}:root[data-theme=light] .room{--r-common: #7b858f;--r-rare: #1f86e0;--r-epic: #9a4fe0;--r-legend: #e98a00;--sunk: rgba(90, 70, 40, .08);--card-shadow: 0 12px 28px rgba(70, 55, 30, .14)}.room .r-common{--rar: var(--r-common)}.room .r-rare{--rar: var(--r-rare)}.room .r-epic{--rar: var(--r-epic)}.room .r-legend{--rar: var(--r-legend)}.room-icon{width:1.2em;height:1.2em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.room-icon.flip{transform:scaleX(-1)}.room-head{grid-column:1 / -1;display:flex;align-items:center;gap:clamp(10px,1.6vmin,18px);min-width:0}.room-back{display:grid;place-items:center;flex:none;width:clamp(40px,5.6vmin,56px);height:clamp(40px,5.6vmin,56px);border-radius:50%;border:1px solid var(--glass-edge);background:var(--glass);color:var(--ink);box-shadow:var(--card-shadow);backdrop-filter:var(--glass-blur);cursor:pointer;font-size:clamp(16px,2.2vmin,22px)}.room-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(26px,5vmin,48px);line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.room-title span{color:var(--accent-ink)}.room-me{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0;height:clamp(40px,5.6vmin,56px);padding:0 18px 0 6px;border-radius:999px;border:1px solid var(--glass-edge);background:var(--glass);color:var(--ink);box-shadow:var(--card-shadow);backdrop-filter:var(--glass-blur);cursor:pointer;font-family:var(--font-display);font-size:clamp(14px,1.9vmin,18px);letter-spacing:.03em}.room-me .plate-face{--box: clamp(30px, 4.4vmin, 44px);width:var(--box);height:var(--box);border-radius:50%}.room-me b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-nav{display:flex;flex-direction:column;gap:8px;min-height:0}.room-tab{display:flex;align-items:center;gap:12px;height:clamp(42px,5.6vmin,56px);padding:0 18px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ink-dim);font-family:var(--font-display);font-weight:600;font-size:clamp(14px,1.9vmin,18px);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer}.room-tab .room-icon{color:var(--accent-ink)}.room-tab:hover{background:color-mix(in srgb,var(--glass) 80%,transparent);color:var(--ink)}.room-tab[aria-selected=true]{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 82%,#fff) 0%,var(--accent) 52%,var(--accent-deep) 100%);color:var(--ink-on-accent);box-shadow:0 8px 22px var(--glow)}.room-tab[aria-selected=true] .room-icon{color:var(--ink-on-accent)}.room-dot{width:8px;height:8px;margin-left:auto;border-radius:50%;background:#ff5a3c;box-shadow:0 0 8px #ff5a3c}.room-tab[aria-selected=true] .room-dot{background:var(--ink-on-accent);box-shadow:none}.room-body{position:relative;min-width:0;min-height:0;display:grid;gap:clamp(12px,2vmin,22px)}.room-line{grid-column:2;min-height:1.4em;margin:0;color:var(--accent-ink);font-family:var(--font-display);letter-spacing:.04em;text-align:center}.room-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:clamp(10px,1.8vmin,20px);border-radius:20px;border:1px solid var(--glass-edge);background:var(--glass);box-shadow:var(--card-shadow);backdrop-filter:var(--glass-blur)}.room-card.r-legend{border-color:color-mix(in srgb,var(--r-legend) 60%,transparent)}.room-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 38%,color-mix(in srgb,var(--rar) 30%,transparent),transparent 72%)}.room-card>:not(.room-glow){position:relative}.room-rarity{display:inline-flex;align-items:center;gap:6px;color:var(--rar);font-family:var(--font-display);font-weight:600;font-size:clamp(10px,1.3vmin,13px);letter-spacing:.1em;text-transform:uppercase}.room-rarity:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.room-name{font-family:var(--font-display);font-weight:700;font-size:clamp(16px,2.6vmin,26px);line-height:1.05;letter-spacing:.04em;text-transform:uppercase}.room-art{flex:1;min-height:0;display:grid;place-items:center}.room-tank{width:112%;max-width:none;max-height:100%;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.35))}.room-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-width:0}.room-ribbon{position:absolute!important;z-index:2;top:14px;left:14px;padding:5px 12px;border-radius:999px;background:#e2452b;color:#fff;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 12px #e2452b73}.room-ribbon.fresh{background:var(--accent);color:var(--ink-on-accent);box-shadow:0 4px 12px var(--glow)}.room-swatch{position:absolute!important;top:12px;right:12px;width:clamp(26px,4vmin,40px);height:clamp(26px,4vmin,40px);border-radius:50%;border:2px solid var(--glass-edge);background-size:cover;box-shadow:0 4px 10px #0000004d}.room-price{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:7px;height:clamp(34px,4.6vmin,48px);padding:0 clamp(12px,1.8vmin,20px);border:0;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 82%,#fff) 0%,var(--accent) 52%,var(--accent-deep) 100%);color:var(--ink-on-accent);box-shadow:0 0 0 1px #ffffff40 inset,0 8px 20px var(--glow);font-family:var(--font-display);font-weight:700;font-size:clamp(15px,2.1vmin,20px);letter-spacing:.04em;white-space:nowrap;cursor:pointer}.room-price.soon{background:var(--sunk);color:var(--ink);box-shadow:inset 0 0 0 1px var(--glass-edge)}.room-price.had{background:var(--sunk);color:var(--ink-dim);box-shadow:none;cursor:default;font-weight:600;font-size:clamp(12px,1.6vmin,15px);letter-spacing:.08em;text-transform:uppercase}.room-price.had:not(:disabled){color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--accent);cursor:pointer}.room-keys{display:inline-flex;flex:none;align-items:center;gap:6px}.room-price.room-try{gap:5px}.room-price.room-try.compact{width:clamp(34px,4.6vmin,48px);padding:0}.room-price.room-try.compact:disabled{color:var(--accent-ink);box-shadow:inset 0 0 0 2px var(--accent)}.room-price.room-try.compact:not(:disabled) .room-try-check{opacity:.5}.room-try-check{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.room-try.compact .room-try-word{display:none}.room-try-icon{width:1.05em;height:1.05em;fill:currentColor;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}.room-decal-cap{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.room-decal-cap .room-try{text-shadow:none;background:#0a0c1099;color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.room-price.earn{gap:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.room-star{display:inline-block;width:1em;height:1em;flex:none;background:radial-gradient(circle at 35% 30%,#fff6c8,#ffc83a 45%,#f08a00);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.room-lane-box{position:relative;min-width:0;min-height:0}.room-lane{height:100%;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 18px) / 4.3);gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.room-lane::-webkit-scrollbar{display:none}.room-lane>*{scroll-snap-align:start}.room-more{position:absolute;z-index:3;top:50%;right:-12px;width:46px;height:46px;margin-top:-23px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--glass-edge);background:var(--panel-solid);color:var(--ink);box-shadow:var(--card-shadow);cursor:pointer;font-size:20px}.room-more.back{right:auto;left:-12px}.room-more[hidden]{display:none}.room-body[data-tab=feature]{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.room-hero{position:relative;overflow:hidden;min-height:0;border-radius:26px;border:1px solid color-mix(in srgb,var(--rar) 60%,transparent);box-shadow:var(--card-shadow)}.room-hero-pattern{position:absolute;inset:0;background-size:340px;opacity:.22;filter:saturate(1.3)}.room-hero-shade{position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 64% 58%,color-mix(in srgb,var(--rar) 30%,transparent),transparent 70%),linear-gradient(90deg,#0a0c12eb,#0a0c128c 45%,#0a0c1233)}:root[data-theme=light] .room-hero-shade{background:radial-gradient(ellipse 60% 70% at 64% 58%,color-mix(in srgb,var(--rar) 30%,transparent),transparent 70%),linear-gradient(90deg,#fffcf5f2,#fffcf5b3 42%,#fffcf526)}.room-podium{position:absolute;left:28%;right:4%;bottom:8%;height:15%;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#2a313d,#141920 70%);box-shadow:0 0 0 2px color-mix(in srgb,var(--rar) 70%,transparent),0 0 50px color-mix(in srgb,var(--rar) 45%,transparent)}:root[data-theme=light] .room-podium{background:radial-gradient(ellipse at 50% 40%,#fffaf0,#d9cdb8 72%);box-shadow:0 0 0 3px var(--rar),0 18px 30px #503c1e40}.room-hero .room-tank{position:absolute;right:-2%;bottom:12%;width:78%;max-height:78%;filter:drop-shadow(0 24px 22px rgba(0,0,0,.45))}.room-hero-words{position:absolute;top:7%;left:5%;width:52%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.room-kicker{color:var(--rar);font-family:var(--font-display);font-weight:600;font-size:clamp(11px,1.6vmin,16px);letter-spacing:.14em;text-transform:uppercase}.room-hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(44px,10vmin,104px);line-height:.9;letter-spacing:.01em;text-transform:uppercase}.room-timer{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--sunk);font-family:var(--font-display);font-size:clamp(12px,1.5vmin,15px);letter-spacing:.06em}.room-hero-buy{position:absolute;left:5%;bottom:7%}.room-side-cards{display:grid;grid-template-rows:1fr 1fr;gap:inherit;min-height:0}.room-small{cursor:pointer}.room-small .room-art{padding-top:26px;grid-auto-flow:column;gap:8%}.room-small .room-tank{width:72%}.room-emblem{width:100%;max-width:120px;aspect-ratio:1;object-fit:contain}.room-body[data-tab=camo] .room-lane{grid-template-rows:1fr 1fr}.room-camo .room-rarity{position:absolute;top:14px;left:16px}.room-camo .room-art{padding-top:18px}.room-body[data-tab=emblem]{grid-template-columns:minmax(0,.85fr) minmax(0,1.7fr)}.room-armour{position:relative;overflow:hidden;min-height:0;border-radius:22px;background-size:300px;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -40px 70px #0006,var(--card-shadow)}.room-rivets{position:absolute;inset:14px;border-radius:12px;border:2px dashed rgba(0,0,0,.25)}.room-decal{position:absolute;left:18%;top:14%;width:64%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.room-decal-cap{position:absolute;left:22px;right:22px;bottom:20px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7)}.room-decal-cap small{display:block;font-family:var(--font-display);font-size:clamp(10px,1.3vmin,14px);letter-spacing:.1em;text-transform:uppercase;opacity:.85}.room-decal-name{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,4vmin,40px);text-transform:uppercase}.room-packs{min-height:0;display:grid}.room-packs .room-lane{grid-template-rows:1fr 1fr;grid-auto-columns:calc((100% - 18px)/2)}.room-pack{gap:clamp(6px,1.2vmin,12px)}.room-pack-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.room-pack-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,minmax(0,1fr));justify-content:center;gap:clamp(6px,1.2vmin,12px)}.room-emb{height:100%;aspect-ratio:1;display:grid;place-items:center;padding:8%;border-radius:16px;border:2px solid transparent;background:var(--sunk);cursor:pointer}.room-emb .room-emblem{width:100%;height:100%;max-width:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}.room-emb.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.room-pack .room-foot{margin-top:auto;align-items:center}.room-body[data-tab=frame] .room-lane,.room-body[data-tab=badge] .room-lane{grid-template-rows:1fr 1fr;grid-auto-columns:calc((100% - 54px)/4)}.room-body[data-tab=badge] .room-lane{grid-auto-columns:calc((100% - 2 * 18px) / 3)}.room-frame,.room-badge{align-items:center;justify-content:space-between;gap:4px}.room-face{--box: clamp(84px, 19vmin, 180px);position:relative;display:block;flex:none;width:var(--box);height:var(--box);margin:0;border-radius:22%}.room-frame .room-face{--box: clamp(50px, 10vmin, 96px);margin-top:calc(var(--box) * .68);margin-bottom:calc(var(--box) * .78)}.room-face>img:not(.frame-art){width:100%;height:100%;border-radius:22%;object-fit:cover}.collage-face.framed{margin-inline:0}.collage-face.framed>img:not(.frame-art){left:calc((var(--fcx) - var(--fw) / 2) * 100%);top:calc((var(--fcy) - var(--fh) / 2) * 100%);width:calc(var(--fw) * 100%);height:calc(var(--fh) * 100%);border-radius:6%}.collage-face.framed>.frame-art{left:0;top:0;width:100%;height:100%}.room-frame .room-name,.room-badge .room-name{text-align:center}.room-frame .room-price,.room-badge .room-price{margin-top:4px}.room-badge .room-art{width:100%}.room-patch{height:100%;max-height:clamp(70px,15vmin,150px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.room-body[data-tab=pack] .room-lane{grid-auto-columns:calc((100% - 18px)/2)}.room-bundle{gap:8px;padding:clamp(14px,3vmin,36px)}.room-bundle-title{max-width:100%;font-family:var(--font-display);font-weight:700;font-size:clamp(22px,4.8vmin,50px);line-height:.92;text-transform:uppercase}.room-gives{display:grid;gap:6px;max-width:100%;margin:4px 0 0;padding:0;list-style:none;font-size:clamp(11px,1.6vmin,16px)}.room-gives li{display:flex;align-items:center;gap:10px}.room-gives li:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.room-collage{position:absolute!important;left:4%;right:4%;bottom:15%;height:46%}.room-collage .room-tank{position:absolute;bottom:0;right:0;width:72%;max-height:100%;object-fit:contain;object-position:right bottom}.room-collage .collage-face{position:absolute;top:auto;bottom:30%;left:2%;width:clamp(54px,10vmin,112px);height:clamp(54px,10vmin,112px);margin:0}.room-collage .collage-patch{position:absolute;top:auto;bottom:2%;left:6%;width:clamp(40px,7vmin,84px)}.room-bundle-buy{position:absolute!important;left:clamp(14px,3vmin,36px);bottom:clamp(14px,3vmin,32px);display:flex;align-items:center;gap:12px}.room-save{padding:8px 14px;border-radius:999px;background:#e2452b;color:#fff;font-family:var(--font-display);font-weight:700;font-size:clamp(13px,1.8vmin,18px);letter-spacing:.06em}.room-worth{color:var(--ink-dim);font-family:var(--font-display);font-size:clamp(13px,1.7vmin,17px)}.room-body[data-tab=support]{grid-template-rows:minmax(0,1fr)}.room-body[data-tab=support] .room-lane{overflow:hidden}.room-body[data-tab=support] .room-lane{grid-auto-columns:calc((100% - 2 * 18px) / 3)}.room-tip{align-items:center;gap:clamp(6px,1.2vmin,12px);text-align:center}.room-tip-art{flex:1;min-height:0;display:grid;place-items:center;width:100%}.room-tip-picture{height:100%;max-width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}.room-gifts{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.room-gift{padding:4px 10px;border-radius:999px;background:var(--sunk);font-family:var(--font-display);font-size:clamp(10px,1.3vmin,13px);letter-spacing:.06em;text-transform:uppercase}.room-body[data-tab=profile]{grid-template-columns:minmax(0,.85fr) minmax(0,1.7fr);grid-template-rows:minmax(0,1fr) auto}.room-who{grid-row:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.6vmin,16px);min-height:0;padding:clamp(14px,3vmin,36px) clamp(12px,2vmin,24px);border-radius:26px;border:1px solid var(--glass-edge);background:radial-gradient(ellipse 80% 55% at 50% 34%,var(--glow),transparent 70%),var(--glass);box-shadow:var(--card-shadow);text-align:center}.room-who{--who-words: calc(clamp(22px, 4.6vmin, 46px) + 26px + 2*clamp(8px, 1.6vmin, 16px)) ;container-type:size}.room-who .profile-face{--tall: 1;--wide: 1;--box: min(clamp(100px, 26vmin, 250px), (100cqh - var(--who-words)) / var(--tall), 100cqw / var(--wide));width:var(--box);height:var(--box);border-radius:22%}.room-who .profile-face.framed{--tall: calc(max(.5, var(--fcy) / var(--fw)) + max(.5, (1 - var(--fcy)) / var(--fw))) ;--wide: calc(2*max(.5, var(--fcx) / var(--fw), (1 - var(--fcx)) / var(--fw))) }.room-who .profile-face.framed,.room-edit-look .room-edit-face.framed{margin-top:calc(max(0,var(--fcy) * var(--s) / var(--fw) - .5) * var(--box));margin-bottom:calc(max(0,(1 - var(--fcy)) * var(--s) / var(--fw) - .5) * var(--box))}.room-who .profile-face>img:not(.frame-art){border-radius:22%}.room-who-nick{display:flex;align-items:center;justify-content:center;gap:10px;max-width:100%;font-family:var(--font-display);font-weight:700;font-size:clamp(22px,4.6vmin,46px);line-height:1;text-transform:uppercase}.room-who-nick b{overflow:hidden;text-overflow:ellipsis}.room-who-nick .badge-art{height:1.1em}.room-who .rank-line{justify-content:center}.room-squad{position:relative;min-height:0;overflow:hidden;border-radius:26px;border:1px solid var(--glass-edge);background:var(--glass);box-shadow:var(--card-shadow)}.room-squad .room-glow{background:radial-gradient(ellipse 55% 60% at 50% 42%,var(--glow),transparent 72%)}.room-squad .room-podium{left:20%;right:20%;bottom:30%;height:16%;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 70%,transparent),0 0 40px var(--glow)}:root[data-theme=light] .room-squad .room-podium{box-shadow:0 0 0 3px var(--accent),0 14px 26px #503c1e33}.room-squad>.room-tank{position:absolute;left:50%;bottom:33%;width:auto;height:58%;max-width:70%;transform:translate(-50%)}.room-worn{position:absolute;left:clamp(8px,1.6vmin,18px);right:clamp(8px,1.6vmin,18px);bottom:clamp(8px,1.6vmin,18px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.2vmin,12px)}.room-worn-slot{display:flex;align-items:center;gap:clamp(6px,1.2vmin,12px);min-width:0;padding:clamp(5px,1vmin,10px);border-radius:16px;border:1px solid var(--glass-edge);background:var(--panel-solid);color:var(--ink);box-shadow:var(--card-shadow);cursor:pointer;text-align:left}.room-worn-slot:hover{border-color:var(--accent)}.room-worn-look{display:grid;place-items:center;flex:none;width:clamp(34px,6.4vmin,62px);height:clamp(34px,6.4vmin,62px)}.room-worn-look>img{width:100%;height:100%;object-fit:contain}.room-worn-look .room-tile-face{width:100%;height:100%}.room-worn-name{display:flex;flex-direction:column;min-width:0;line-height:1.15}.room-worn-name small{color:var(--ink-dim);font-family:var(--font-display);font-size:clamp(9px,1.25vmin,12px);letter-spacing:.1em;text-transform:uppercase}.room-worn-name b{overflow:hidden;font-family:var(--font-display);font-size:clamp(12px,1.9vmin,18px);letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.room-swatch-big{display:block;width:82%;aspect-ratio:1;border-radius:50%;background-size:cover;box-shadow:inset 0 0 0 2px #fff3,0 4px 10px #0000004d}.room-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,1.2vmin,12px)}.room-tile-stat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:clamp(8px,1.6vmin,16px) 6px;border-radius:18px;border:1px solid var(--glass-edge);background:var(--glass);box-shadow:var(--card-shadow);text-align:center}.room-tile-stat>.room-icon{width:clamp(16px,2.6vmin,26px);height:clamp(16px,2.6vmin,26px);color:var(--accent-ink)}.room-tile-side{width:clamp(18px,3vmin,30px);height:clamp(18px,3vmin,30px);object-fit:contain}.room-tile-stat b{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(18px,3.6vmin,36px);line-height:1;white-space:nowrap}.room-tile-stat small{display:block;margin-top:3px;overflow:hidden;color:var(--ink-dim);font-family:var(--font-display);font-size:clamp(9px,1.25vmin,12px);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.room-way{display:flex;flex:1;align-items:center;justify-content:center;gap:10px;min-height:clamp(44px,6.4vmin,64px);padding:0 18px;border-radius:999px;border:1px solid var(--glass-edge);background:var(--glass);color:var(--ink);box-shadow:var(--card-shadow);font-family:var(--font-display);font-weight:600;font-size:clamp(13px,1.9vmin,19px);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.room-way .room-icon{color:var(--accent-ink)}.room-way.lead{border:0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 82%,#fff) 0%,var(--accent) 52%,var(--accent-deep) 100%);color:var(--ink-on-accent);box-shadow:0 8px 20px var(--glow)}.room-way.lead .room-icon{color:var(--ink-on-accent)}.room-way:disabled{opacity:.5;cursor:default}.room-body[data-tab=coll]{grid-template-rows:auto minmax(0,1fr)}.room-kinds{display:flex;flex-wrap:wrap;gap:8px}.room-kind{display:flex;align-items:center;gap:8px;height:clamp(36px,5vmin,48px);padding:0 16px;border-radius:999px;border:1px solid var(--glass-edge);background:var(--glass);color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:clamp(12px,1.7vmin,17px);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.room-kind small{color:var(--ink-dim);font-weight:500}.room-kind[aria-pressed=true]{border-color:transparent;background:var(--accent);color:var(--ink-on-accent);box-shadow:0 6px 16px var(--glow)}.room-kind[aria-pressed=true] small{color:var(--ink-on-accent);opacity:.75}.room-grid-box{position:relative;min-width:0;min-height:0}.room-grid-box>.room-grid{height:100%;scroll-snap-type:y mandatory}.room-grid>.room-tile{scroll-snap-align:start}.room-more.down,.room-more.up{top:auto;right:auto;left:50%;margin:0 0 0 -23px}.room-more.down{bottom:-12px}.room-more.up{top:-12px}.room-more.down .room-icon{transform:rotate(-90deg)}.room-more.up .room-icon{transform:rotate(90deg)}:root[data-short] #ui .room-grid-box>.room-more{display:none}.room-grid{--gap: clamp(8px, 1.4vmin, 16px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:calc((100% - var(--gap)) / 2);gap:var(--gap);min-height:0;overflow-y:auto;scrollbar-width:none;padding:4px}.room-tile{position:relative;min-width:0;min-height:0;container-type:size;display:grid;place-items:center;padding:0;overflow:hidden;border-radius:18px;border:2px solid var(--glass-edge);background:var(--glass);box-shadow:var(--card-shadow);color:var(--ink);cursor:pointer}.room-tile.worn{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow),var(--card-shadow)}.room-tile.room-slot{border:2px dashed color-mix(in srgb,var(--glass-edge) 70%,transparent);background:none;box-shadow:none;cursor:default}.room-thing{width:min(84cqw,66cqh);height:min(84cqw,66cqh);display:grid;place-items:center;margin-top:-10%}.room-thing>*{max-width:100%;max-height:100%}.room-tile.shop .room-thing,.room-tile.earn .room-thing{filter:grayscale(1) opacity(.42)}.room-tile-face{position:relative;display:block;width:100%;height:100%}.room-tile-face:not(.framed)>img:not(.frame-art){width:100%;height:100%;border-radius:22%;object-fit:cover}.room-grid.kind-frame .room-tile-face{width:40%;height:40%}.room-tile-art{width:100%;height:100%;object-fit:contain}.room-none{display:block;width:70%;aspect-ratio:1;border-radius:50%;border:3px dashed color-mix(in srgb,var(--ink-dim) 55%,transparent)}.room-side-sign{display:block;width:80%;aspect-ratio:1;background:var(--accent-ink);mask-size:contain;mask-repeat:no-repeat;mask-position:center}.room-side-sign.wolves{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='66' rx='24' ry='20'/%3E%3Cellipse cx='22' cy='42' rx='9' ry='12'/%3E%3Cellipse cx='38' cy='26' rx='9' ry='13'/%3E%3Cellipse cx='62' cy='26' rx='9' ry='13'/%3E%3Cellipse cx='78' cy='42' rx='9' ry='12'/%3E%3C/svg%3E")}.room-side-sign.lions{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M12 74 L8 30 L32 50 L50 18 L68 50 L92 30 L88 74 Z'/%3E%3Crect x='12' y='78' width='76' height='10' rx='3'/%3E%3C/svg%3E")}.room-state{position:absolute;left:50%;bottom:7%;display:inline-flex;align-items:center;gap:4px;max-width:92%;padding:3px 9px;overflow:hidden;border-radius:999px;transform:translate(-50%);color:var(--ink-dim);font-family:var(--font-display);font-weight:600;font-size:clamp(9px,1.25vmin,12px);letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.room-tile.worn .room-state{background:var(--accent);color:var(--ink-on-accent)}.room-tile.shop .room-state{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 82%,#fff),var(--accent-deep));color:var(--ink-on-accent)}.room-tile.earn .room-state{border:1px solid var(--glass-edge);background:var(--sunk)}.room-rdot{position:absolute;top:8%;left:8%;width:9px;height:9px;border-radius:50%;background:var(--rar);box-shadow:0 0 6px var(--rar)}.room-lock{position:absolute;top:7%;right:7%;color:var(--ink-dim)}.room-meter{position:absolute;left:14%;right:14%;bottom:27%;height:5px;overflow:hidden;border-radius:999px;background:var(--sunk)}.room-meter i{display:block;height:100%;border-radius:999px;background:var(--accent)}.room-body[data-tab=rating]{grid-template-columns:minmax(0,.95fr) minmax(0,1.4fr)}.room-podium-three{display:flex;justify-content:center;gap:clamp(6px,1.4vmin,14px);min-height:0}.room-step{display:flex;flex:1;flex-direction:column;justify-content:flex-end;min-width:0;max-width:clamp(110px,22vmin,220px)}.room-step-who{display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.6vmin,6px);padding-bottom:clamp(8px,1.6vmin,16px)}.room-step-block{--medal: #ffc83a;display:grid;place-items:start center;padding-top:clamp(8px,2vmin,22px);border-radius:18px 18px 6px 6px;border:1px solid color-mix(in srgb,var(--medal) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--medal) 34%,var(--glass)) 0%,var(--glass) 100%);box-shadow:var(--card-shadow),inset 0 1px color-mix(in srgb,var(--medal) 60%,transparent);color:var(--medal);font-family:var(--font-display);font-weight:700;font-size:clamp(34px,9vmin,96px);line-height:1;text-shadow:0 2px 12px color-mix(in srgb,var(--medal) 45%,transparent)}.room-step.p1 .room-step-block{height:46%}.room-step.p2 .room-step-block{height:34%;--medal: #b8c3cf}.room-step.p3 .room-step-block{height:25%;--medal: #d58a4a}:root[data-theme=light] .room-step.p1 .room-step-block{--medal: #d99a00}:root[data-theme=light] .room-step.p2 .room-step-block{--medal: #7d8894}:root[data-theme=light] .room-step.p3 .room-step-block{--medal: #b0642a}.room-step-face{position:relative;display:block;width:clamp(48px,13vmin,128px);height:clamp(48px,13vmin,128px)}.room-step.p1 .room-step-face{width:clamp(56px,16vmin,156px);height:clamp(56px,16vmin,156px)}.leader-noface{visibility:hidden}.room-step-blank{flex:none;width:60%;margin:.4em 0 .2em}.room-step-none{border-radius:50%;border:2px dashed color-mix(in srgb,var(--ink-dim) 45%,transparent)}.room-step-face>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.room-step-nick{max-width:100%;overflow:hidden;font-family:var(--font-display);font-size:clamp(11px,2.1vmin,22px);text-overflow:ellipsis;white-space:nowrap}.room-step-rating{color:var(--accent-ink);font-family:var(--font-display);font-weight:700;font-size:clamp(15px,3.2vmin,34px);line-height:1}.room-board{display:flex;flex-direction:column;gap:8px;min-height:0}.room-board .leaders-list{display:flex;flex-direction:column;flex:1;min-height:0;max-height:none;margin:0;overflow-y:auto;scrollbar-width:none}.room-board .leaders-list>.leader{flex:1 0 auto}.room-board .leader{border-radius:16px;border:1px solid var(--glass-edge);background:var(--glass);margin-bottom:8px}.room-board .leader.slot{border-style:dashed;background:none;box-shadow:none}.room-board .leader.own{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--glass))}.room-board .leaders-me{flex:none}.room-body[data-tab=edit]{grid-template-columns:auto minmax(0,1fr)}.room-edit-faces,.room-edit-form,.room-devices{min-height:0;overflow-y:auto;scrollbar-width:none;padding:clamp(12px,2.4vmin,28px);border-radius:26px;border:1px solid var(--glass-edge);background:var(--glass);box-shadow:var(--card-shadow)}.room-edit-form{display:flex;flex-direction:column;gap:12px}.room-edit-form>.room-way{flex:none;justify-content:flex-start}.room .nick-input,.room .password-input,.room .password-pair input{height:clamp(40px,5.6vmin,54px);padding:0 18px;border-radius:999px;border:1px solid var(--glass-edge);border-left:1px solid var(--glass-edge);background:var(--sunk);color:var(--ink);font-family:var(--font-display);font-size:clamp(14px,1.9vmin,19px);letter-spacing:.03em}.room .nick-input:focus,.room .password-input:focus,.room .password-pair input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.room-edit-faces{height:100%;aspect-ratio:.9;max-width:56vw;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:clamp(10px,2vmin,20px)}.room-edit-side{display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(6px,1vmin,10px);min-height:0}.room-edit-head{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;pointer-events:none;font-family:var(--font-display);font-weight:700;font-size:clamp(13px,2vmin,20px);letter-spacing:.08em;text-transform:uppercase}.room-edit-head img{width:clamp(20px,3.4vmin,34px);height:clamp(20px,3.4vmin,34px);object-fit:contain}.room-edit-grid{--gap: clamp(6px, 1.2vmin, 12px);--cell: min(calc((100cqw - 3 * var(--gap)) / 4), calc((100cqh - var(--gap)) / 2));container-type:size;display:grid;grid-template-columns:repeat(4,auto);grid-template-rows:repeat(2,auto);justify-content:start;align-content:start;gap:var(--gap);min-height:0}.room-edit-grid>.face-pick,.room-edit-slot{width:var(--cell);height:var(--cell);aspect-ratio:auto;border-radius:16px}.room-edit-grid .face-art img{object-position:50% 20%}.room-edit-slot{border:2px dashed color-mix(in srgb,var(--glass-edge) 70%,transparent)}.room-edit-look{flex:1;min-height:0;display:grid;place-items:center}.room-edit-look .room-edit-face{--box: clamp(64px, 15vmin, 150px)}.room-edit-look .room-edit-face:not(.framed)>img{border-radius:22%}.room-edit-keys{display:flex;gap:10px;margin-top:8px}.room-body[data-tab=devices]{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.room-devices{display:flex;flex-direction:column;gap:clamp(10px,1.8vmin,18px)}.room-devices-title{font-family:var(--font-display);font-weight:700;font-size:clamp(18px,3.2vmin,32px);text-transform:uppercase}.room-plats{flex:1;min-height:0;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:clamp(8px,1.6vmin,16px)}.room-plat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.4vmin,14px);min-height:0;border-radius:20px;border:1px solid var(--glass-edge);background:var(--sunk);color:var(--ink-dim);font:inherit}.room-plat.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--glass));color:var(--ink);box-shadow:0 8px 20px var(--glow)}.room-plat-sign{width:clamp(28px,7vmin,68px);height:clamp(28px,7vmin,68px);fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.room-plat.on .room-plat-sign{color:var(--accent-ink);opacity:1}.room-plat-name{font-family:var(--font-display);font-weight:700;font-size:clamp(14px,2.6vmin,26px);letter-spacing:.06em;text-transform:uppercase}.room-plat{--corner: clamp(8px, 1.4vmin, 14px);--x: clamp(22px, 3.4vmin, 32px)}.room-plat-dot,.room-plat-x{position:absolute;top:var(--corner);right:var(--corner)}.room-plat-dot{top:calc(var(--corner) + (var(--x) - 10px) / 2);right:calc(var(--corner) + (var(--x) - 10px) / 2);width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.room-plat-x{display:grid;place-items:center;width:var(--x);height:var(--x);border-radius:50%;background:var(--sunk);color:var(--ink-dim);font-size:clamp(14px,2.2vmin,20px);line-height:1}button.room-plat{cursor:pointer}button.room-plat:hover .room-plat-x,button.room-plat:focus-visible .room-plat-x{background:var(--accent);color:var(--ink-on-accent);box-shadow:0 0 10px var(--glow)}.room-device-ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:clamp(8px,1.6vmin,16px);min-height:0}.room-device-ways .room-way{flex-direction:column;gap:clamp(6px,1.2vmin,12px);height:auto;min-height:0;border-radius:20px;font-size:clamp(13px,2.2vmin,22px);text-align:center}.room-device-ways .room-way .room-icon{width:clamp(22px,4.6vmin,44px);height:clamp(22px,4.6vmin,44px);stroke-width:1.5}.room-device-ways .room-way:last-child:nth-child(odd){grid-column:1 / -1}.room-device-ways .room-way.lead{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 80%,#fff) 0%,var(--accent) 60%,color-mix(in srgb,var(--accent) 70%,var(--accent-deep)) 100%)}@media(max-height:500px){.room{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;padding:8px 14px 6px}.room-back,.room-me{height:38px}.room-back{width:38px}.room-title{font-size:24px}.room-nav{flex-direction:row;gap:4px;overflow-x:auto;scrollbar-width:none}.room-tab{flex:none;height:32px;padding:0 11px;gap:6px;font-size:11px;letter-spacing:.05em}.room-dot{width:6px;height:6px;margin-left:0}.room-line{grid-column:1;font-size:12px;min-height:1.2em}.room-card{border-radius:16px;padding:10px}.room-lane{gap:10px;grid-auto-columns:190px}.room-body[data-tab=camo] .room-lane{grid-template-rows:1fr}.room-camo .room-foot,.room-small .room-foot{flex-direction:column;align-items:flex-start;gap:6px}.room-name{font-size:16px}.room-hero{border-radius:18px}.room-hero-title{font-size:48px}.room-hero-pattern{background-size:200px}.room-side-cards{gap:8px}.room-small .room-art{padding-top:22px}.room-ribbon{top:8px;left:8px;padding:3px 8px;font-size:10px}.room-body[data-tab=emblem]{grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr)}.room-packs .room-lane{grid-auto-columns:calc((100% - 10px) / 2.1)}.room-pack{gap:6px;padding:8px 10px}.room-pack .room-foot>.room-rarity{display:none}.room-pack .room-foot{justify-content:flex-end}.room-pack .room-price{height:30px;font-size:14px}.room-pack-grid{gap:5px}.room-emb{border-radius:10px}.room-decal-cap{left:12px;right:12px;bottom:10px}.room-body[data-tab=frame] .room-lane,.room-body[data-tab=badge] .room-lane{grid-template-rows:1fr;grid-auto-columns:calc((100% - 3 * 10px) / 4.3)}.room-face{--box: 112px}.room-patch{max-height:110px}.room-body[data-tab=pack] .room-lane{grid-auto-columns:calc((100% - 10px)/2)}.room-gives{gap:2px;font-size:10px}.room-packs .room-lane{grid-auto-columns:calc((100% - 10px)/2)}.room-body[data-tab=support] .room-lane{grid-auto-columns:calc((100% - 2 * 10px) / 3)}.room-body[data-tab=profile]{grid-template-columns:minmax(0,.8fr) minmax(0,1.9fr);gap:8px}.room-who{--who-words: 46px ;gap:4px;padding:8px;border-radius:18px}.room-who .profile-face{--box: min(96px, (100cqh - var(--who-words)) / var(--tall), 100cqw / var(--wide))}.room-who-nick{font-size:20px}.room-squad{border-radius:18px}.room-squad>.room-tank{bottom:36%;height:60%}.room-squad .room-podium{bottom:36%}.room-worn{left:6px;right:6px;bottom:6px;gap:5px}.room-worn-slot{gap:5px;padding:4px 6px 4px 4px;border-radius:12px}.room-worn-look{width:32px;height:32px}.room-worn-name b{font-size:11px}.room-worn-name small{font-size:8px}.room-tiles{gap:5px}.room-tile-stat{flex-direction:row;justify-content:center;gap:6px;padding:6px 4px;border-radius:12px}.room-tile-stat b{font-size:17px}.room-tile-stat small{display:none}.room-way{min-height:42px;padding:0 12px;font-size:12px}.room-body[data-tab=coll]{gap:8px}.room-kinds{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.room-kind{flex:none;height:30px;padding:0 10px;font-size:11px}.room-tile{border-radius:12px}.room-state{font-size:8px;padding:2px 6px}.room-body[data-tab=rating]{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr)}.room-board .leader{margin-bottom:4px}.room-edit-faces,.room-edit-form,.room-devices{padding:10px;border-radius:18px}}@media(max-height:500px){.room-body[data-tab=devices]{grid-template-rows:auto minmax(0,1fr);gap:8px}.room-devices{gap:8px}.room-devices-title{display:none}.room-plats{flex:none;gap:6px}.room-plats:has(>:nth-child(4)){grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.room-plat{flex-direction:row;height:36px;gap:8px;border-radius:999px}.room-plat-sign{width:22px;height:22px}.room-plat-name{font-size:14px}.room-plat{--corner: 8px;--x: 22px}.room-plat-dot,.room-plat-x{top:50%;transform:translateY(-50%)}.room-plat-x{font-size:14px}.room-device-ways{grid-auto-rows:minmax(40px,1fr);gap:6px;overflow-y:auto;scrollbar-width:none}.room-device-ways .room-way{flex-direction:row;gap:8px;min-height:40px;border-radius:18px;font-size:13px}.room-device-ways .room-way .room-icon{width:20px;height:20px}.room-hero-title{font-size:38px}.room-hero .room-tank{right:-4%;width:64%;bottom:14%}.room-hero-words{width:46%;gap:4px}.room-small{flex-direction:row;align-items:flex-end}.room-small .room-art{position:absolute!important;top:6px;right:6px;bottom:6px;width:52%;padding-top:0}.room-small .room-tank{width:100%}.room-small .room-emblem{max-width:38px}.room-small .room-foot{max-width:50%}.room-tip{gap:4px}.room-tip-art{flex:none;height:128px}.room-tip-picture{width:128px;height:128px}.room-gift{font-size:9px}.room-body[data-tab=edit]{grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:8px}.room-edit-faces{--face: clamp(110px, 34vh, 150px);width:calc(var(--face) + 20px);height:100%;aspect-ratio:auto;max-width:none;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr);gap:8px 6px;overflow:hidden}.room-edit-side{display:contents}.room-edit-head{grid-row:1;height:34px;justify-content:center;border-radius:999px;background:var(--sunk);opacity:.5;pointer-events:auto;cursor:pointer}.room-edit-side[data-side=lions]>.room-edit-head{grid-column:2}.room-edit-faces[data-show=wolves] [data-side=wolves]>.room-edit-head,.room-edit-faces[data-show=lions] [data-side=lions]>.room-edit-head{opacity:1;box-shadow:inset 0 0 0 2px var(--accent)}.room-edit-head span{display:none}.room-edit-head img{width:24px;height:24px}.room-edit-grid{container-type:normal;grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;gap:8px;min-height:0;height:auto;overflow-y:auto;scrollbar-width:none;scroll-snap-type:y proximity}.room-edit-faces[data-show=wolves] [data-side=lions]>.room-edit-grid,.room-edit-faces[data-show=lions] [data-side=wolves]>.room-edit-grid{display:none}.room-edit-grid>.face-pick,.room-edit-slot{flex:none;width:100%;height:auto;aspect-ratio:1;border-radius:14px;scroll-snap-align:start}.room-edit-look{display:none}.room-edit-form{justify-content:center;gap:6px}.room-edit-form .nick-box{margin:0}.room-edit-keys{margin-top:6px;gap:6px}.room-edit-form>.room-way{display:none}.room-edit-form .password-block .group-label{display:none}.room .nick-input,.room .password-input,.room .password-pair input{height:36px;padding:0 14px;font-size:14px}.room-edit-keys .room-way{min-height:36px}}@media(max-height:500px){.room-pack{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top foot" "grid grid";gap:6px 8px}.room-pack-top{grid-area:top;align-self:center}.room-pack-top .room-rarity{display:none}.room-pack .room-foot{grid-area:foot;margin:0}.room-pack-grid{grid-area:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr);justify-content:stretch}.room-emb{width:100%;height:auto;max-height:100%;justify-self:center}.room-collage .collage-face,.room-collage .collage-patch{display:none}.room-collage{left:40%;bottom:20%;height:52%}.room-collage .room-tank{width:100%}.room-bundle-title{font-size:20px}#ui .room .password-block{display:grid;grid-template-columns:1fr;gap:6px}#ui .room-edit-form .password-pair{grid-template-columns:1fr 1fr;gap:6px}}.room .nick-verdict:empty{display:none}.room-way,.room-price,.room-tile,.room-kind,.room-back,.room-me,.room-emb,.room-more,button.room-plat,.room-edit-grid>.face-pick,.room-edit-head,.room-worn-slot,.room-tab,.hangar-chip,.hangar-thumb,.profile-plate,.pick-tile,.page-sheet-close,.gpu-note-key{transition:transform .12s ease,filter .15s ease,outline-color .15s ease;outline:2px solid transparent;outline-offset:-2px}@media(hover:hover){.room-way:not(:disabled):hover,.room-price:not(:disabled):hover,.room-tile:not(:disabled):hover,.room-kind:not(:disabled):hover,.room-back:not(:disabled):hover,.room-me:not(:disabled):hover,.room-emb:not(:disabled):hover,.room-more:not(:disabled):hover,button.room-plat:not(:disabled):hover,.room-edit-grid>.face-pick:not(:disabled):hover,.room-edit-head:not(:disabled):hover,.room-worn-slot:not(:disabled):hover,.room-tab:not(:disabled):hover,.hangar-chip:not(:disabled):hover,.hangar-thumb:not(:disabled):hover,.profile-plate:not(:disabled):hover,.pick-tile:not(:disabled):hover,.page-sheet-close:not(:disabled):hover,.gpu-note-key:not(:disabled):hover{outline-color:color-mix(in srgb,var(--accent) 65%,transparent);filter:brightness(1.06)}}.room-way:not(:disabled).pressed,.room-price:not(:disabled).pressed,.room-tile:not(:disabled).pressed,.room-kind:not(:disabled).pressed,.room-back:not(:disabled).pressed,.room-me:not(:disabled).pressed,.room-emb:not(:disabled).pressed,.room-more:not(:disabled).pressed,button.room-plat:not(:disabled).pressed,.room-edit-grid>.face-pick:not(:disabled).pressed,.room-edit-head:not(:disabled).pressed,.room-worn-slot:not(:disabled).pressed,.room-tab:not(:disabled).pressed,.hangar-chip:not(:disabled).pressed,.hangar-thumb:not(:disabled).pressed,.profile-plate:not(:disabled).pressed,.pick-tile:not(:disabled).pressed,.page-sheet-close:not(:disabled).pressed,.gpu-note-key:not(:disabled).pressed,.room-way:not(:disabled):active,.room-price:not(:disabled):active,.room-tile:not(:disabled):active,.room-kind:not(:disabled):active,.room-back:not(:disabled):active,.room-me:not(:disabled):active,.room-emb:not(:disabled):active,.room-more:not(:disabled):active,button.room-plat:not(:disabled):active,.room-edit-grid>.face-pick:not(:disabled):active,.room-edit-head:not(:disabled):active,.room-worn-slot:not(:disabled):active,.room-tab:not(:disabled):active,.hangar-chip:not(:disabled):active,.hangar-thumb:not(:disabled):active,.profile-plate:not(:disabled):active,.pick-tile:not(:disabled):active,.page-sheet-close:not(:disabled):active,.gpu-note-key:not(:disabled):active{transform:scale(.96);filter:brightness(.9)}@media(max-height:500px){.room-price.room-try:not(:disabled),.room-price.room-try.compact{width:30px;height:30px;padding:0}.room-try-word{display:none}}.call-player .nick-input{flex:1 1 auto;width:auto;min-width:0;max-width:320px;min-height:calc(var(--row-height) - 10px);margin-left:auto}.call-player .nick-verdict{flex:none;min-height:0;white-space:nowrap}.call-player .nick-verdict .presence{margin-left:0}.call-field{width:clamp(110px,22vmin,170px);margin:10px auto 0;pointer-events:none}.call-player[hidden]{display:none}:root[data-short] .room-tip-art{position:relative;flex:1 1 0;min-height:0;height:auto}:root[data-short] .room-tip-picture{position:absolute;inset:0;width:100%;height:100%}:root[data-short] .room-bundle{gap:3px;padding:10px 12px}:root[data-short] .room-bundle .room-kicker{font-size:10px}:root[data-short] .room-bundle-title{font-size:18px}:root[data-short] .room-gives{gap:0;font-size:10px;line-height:1.25}:root[data-short] .room-gives li{gap:6px}:root[data-short] .room-gives li:before{width:6px;height:6px}:root[data-short] .room-collage{left:48%;right:3%;bottom:34%;height:46%}:root[data-short] .room-bundle-buy{left:auto;right:12px;bottom:10px;flex-direction:column-reverse;align-items:flex-end;gap:4px}:root[data-short] .room-save{padding:3px 9px;font-size:12px}:root[data-short] .room-worth{display:none}:root[data-short] #ui .squad{gap:4px}:root[data-short] #ui .squad-art{aspect-ratio:3 / 1}:root[data-short] #ui .squad-step{width:24px;height:22px}:root[data-short] #ui .squad-foot{margin-top:0}:root[data-short] #ui .camo-swatch{height:12px}:root[data-short] #ui .camo-strip .pick-tile{gap:2px;padding:2px}:root[data-short] #ui .lobby-sheet:not(.steady-sheet)>.dialog.dialog-modes:has(.mode-box){width:min(700px,100%)}:root[data-short] #ui .lobby-sheet:not(.steady-sheet)>.dialog-modes .dialog-asks:has(>.mode-box){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-auto-rows:min-content;column-gap:14px;align-content:start}:root[data-short] #ui .lobby-sheet:not(.steady-sheet)>.dialog-modes .mode-box{grid-column:1;grid-row:1 / span 3;gap:4px;align-self:center}:root[data-short] #ui .lobby-sheet:not(.steady-sheet)>.dialog-modes .dialog-asks>.setting{grid-column:2}:root[data-short] #ui .lobby-sheet:not(.steady-sheet)>.dialog-modes .dialog-asks:has(>.mode-box):not(:has(>.setting~.setting))>.setting{grid-row:1 / span 3;align-self:center;flex-direction:column;gap:6px;border-top:0}:root[data-short] #ui .lobby-sheet:not(.steady-sheet)>.dialog-modes .mode-box .group-label{display:none}:root[data-short] #ui .lobby-sheet:not(.steady-sheet)>.dialog-modes .mode-box .dialog-group{justify-content:center}:root[data-short] #ui .lobby-sheet:not(.steady-sheet)>.dialog-modes .mode-box .mode-cards,:root[data-short] #ui .lobby-sheet:not(.steady-sheet)>.dialog-modes .mode-box .field-cards{justify-content:safe center;width:100%}:root[data-short] #ui .lobby-sheet:not(.steady-sheet)>.dialog-modes .mode-box .field-cards{padding:2px 0}:root[data-short] #ui .versus-card{padding:12px 10px 10px}:root[data-short] #ui .versus-art{height:72px}:root[data-short] #ui .lobby-sheet>.sheet-card .option{min-height:30px}:root[data-short] #ui .lessons-panel:not(.campaign-panel)>.lesson-list{--row-height: 32px;gap:3px 8px}:root[data-short] #ui .room-pack-grid{container-type:size}:root[data-short] #ui .room-emb{--side: min(100cqh, (100cqw - 3 * 5px) / 4);width:var(--side);height:var(--side);max-height:none;align-self:center;padding:6%;border-radius:10px}:root[data-short] #ui .room-pack .room-price{height:26px}:root[data-short] #ui .room-frame .room-face{--box: 30px}:root[data-short] #ui .room-frame .room-price{height:26px}:root[data-short] #ui .room-small .room-ribbon{left:auto;right:8px}:root[data-short] #ui .room-small .room-foot .room-rarity{display:none}:root[data-short] #ui .room-small .room-price{height:28px}:root[data-short] .lobby-screen .screen-title{white-space:nowrap}:root[data-short] .lobby-screen .screen-channel{display:none}:root[data-short] .hangar-body>.lobby-hero{align-self:stretch;min-height:0}:root[data-short] .hangar-body .feed{flex:0 1 auto;min-height:0}:root[data-short] .hangar-body .feed .screen-face{flex:0 1 auto;width:100%;height:auto;min-height:0;aspect-ratio:1}:root[data-short] #ui .room-worn-name b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.05;font-size:clamp(10px,1.7vw,12px)}:root[data-short] #ui .room-grid{display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}:root[data-short] #ui .room-grid>.room-slot{display:none}:root[data-short] #ui .room-tile{flex:none;height:100%;aspect-ratio:.8;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 6px}:root[data-short] #ui .room-thing{flex:none;width:min(96cqw,calc(100cqh - 36px));height:min(96cqw,calc(100cqh - 36px));margin:0}:root[data-short] #ui .room-meter{position:static;flex:none;width:70%;height:4px}:root[data-short] #ui .room-state{position:static;width:100%;max-width:100%;margin-top:auto;transform:none;justify-content:center;padding:2px 4px;border-radius:6px;font-size:8px;letter-spacing:.02em;line-height:1.1;text-align:center;white-space:normal}:root[data-short] #ui .room-patch{max-height:64px}:root[data-short] #ui .room-small .room-name{font-size:15px;white-space:nowrap}:root[data-short] #ui .room-small .room-art{width:42%}:root[data-short] #ui .lobby-sheet>.sheet-card>.row{margin-top:4px}:root[data-short] #ui .room-price.earn{height:auto;min-height:26px;gap:4px;padding:3px 8px;border-radius:12px;font-size:clamp(9px,1.4vw,11px);line-height:1.1;text-align:center;white-space:normal}:root[data-short] #ui .room-price.earn>.room-icon{display:none}:root[data-short] #ui .lesson-machine{white-space:normal;line-height:1.05}:root[data-short] #ui .room-frame .room-name,:root[data-short] #ui .room-badge .room-name{font-size:clamp(12px,2.2vw,16px);white-space:nowrap}:root[data-short] #ui .room-worn-slot{gap:4px}:root[data-short] #ui .room-worn-look{width:clamp(24px,4.4vw,32px);height:clamp(24px,4.4vw,32px)}:root[data-short] #ui .room-worn-name small{letter-spacing:.04em}#ui.arcade .topbar,#ui.arcade .bottom>:not(.call),#ui.arcade .score-pops,#ui.arcade .order-hint,#ui.arcade .task-strip,#ui.arcade .gesture{display:none!important}#ui .arcade-hud{position:absolute;inset:0;pointer-events:none;font-family:var(--font-display);color:var(--ink);text-transform:uppercase;letter-spacing:.06em}#ui .arcade-hud[hidden]{display:none}.ah-clock{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:clamp(6px,1.1vmin,10px) clamp(18px,3vmin,30px) clamp(7px,1.2vmin,11px);background:var(--glass);border:1px solid var(--glass-edge);border-top:none;border-radius:0 0 var(--plate-radius) var(--plate-radius);box-shadow:var(--lift)}.ah-mode{font-size:clamp(10px,1.1vw,13px);font-weight:600;letter-spacing:.14em;color:var(--accent-ink)}.ah-time{font-size:clamp(20px,2.8vw,34px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.ah-time.ah-hurry{color:#ff7a5c;animation:ah-throb .6s ease-in-out infinite alternate}@keyframes ah-throb{0%{transform:scale(1)}to{transform:scale(1.12)}}.ah-board{position:absolute;top:clamp(8px,1.6vmin,16px);right:clamp(8px,1.6vmin,16px);display:grid;gap:3px;min-width:clamp(130px,15vw,200px);padding:7px 9px;background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--plate-radius);box-shadow:var(--lift);font-size:clamp(10px,1.15vw,14px)}.ah-row{display:flex;align-items:center;gap:.5em;padding:2px 6px;border-radius:calc(var(--key-radius) - 2px);transition:background .3s}.ah-row.ah-head{padding-block:0;font-size:.7em;letter-spacing:.12em;color:var(--ink-dim)}.ah-row.ah-head .ah-gained{color:inherit}.ah-sheet .ah-gained{min-width:5em}.ah-sheet .ah-score{min-width:3.4em;text-align:right}#ui .ah-board[hidden]{display:none}.ah-row.ah-me{background:color-mix(in srgb,var(--accent) 22%,transparent)}.ah-row.ah-out{opacity:.4}.ah-dot{width:.8em;height:.8em;border-radius:50%;flex:none;box-shadow:0 0 6px currentColor}.ah-face.plate-face{--box: 1.9em;width:var(--box);height:var(--box);border-radius:22%}.ah-sheet .ah-face.plate-face{--box: 2.3em}.ah-row .badge-chip{flex:none;font-size:.75em}.ah-nick{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:.02em}.ah-score{font-weight:700;font-variant-numeric:tabular-nums}.ah-place{width:1.6em;color:var(--ink-dim)}.ah-gained{color:#5fbf4a;font-weight:600;min-width:2.2em;text-align:right}.ah-air{position:absolute;bottom:clamp(10px,2vmin,20px);left:50%;transform:translate(-50%);min-width:clamp(120px,14vmin,150px);pointer-events:auto}.ah-air[hidden]{display:none}@media(max-height:500px){.ah-air.bay{min-height:0;min-width:104px;padding:3px 6px 5px;gap:3px}}.ah-slot .action-label{font-size:calc(var(--row-type) * .7)}.ah-slot:not(.armed){border-color:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 45%,transparent)}.ah-respawn{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);padding:.5em 1.3em;background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--plate-radius);box-shadow:var(--lift);font-size:clamp(16px,2.4vw,28px);font-weight:700}.ah-respawn[hidden],.ah-hint[hidden],.ah-card[hidden],.ah-sheet[hidden]{display:none}.ah-pops{position:absolute;left:50%;top:15%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.ah-pop{font-size:clamp(22px,3.6vw,44px);font-weight:700;text-shadow:0 3px 6px rgba(0,0,0,.7),0 0 18px currentColor;animation:ah-pop 1.6s ease-out forwards}.ah-pop.ah-end{animation:ah-end .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes ah-end{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.ah-pop.ah-small{order:1;font-size:clamp(14px,1.8vw,22px);animation-duration:.9s}@keyframes ah-pop{0%{transform:scale(.5);opacity:0}15%{transform:scale(1.18);opacity:1}30%{transform:scale(1)}75%{opacity:1}to{transform:translateY(-30px);opacity:0}}.ah-hint{position:absolute;left:50%;bottom:clamp(110px,18vmin,150px);transform:translate(-50%);white-space:nowrap;padding:.55em 1.2em;background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--plate-radius);font-size:clamp(11px,1.35vw,17px);font-weight:600;letter-spacing:.08em}.ah-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;background:radial-gradient(ellipse at center,#0c0f148c,#0c0f14d1);color:#f4efe6;pointer-events:auto}.ah-card-round{font-size:clamp(12px,1.5vw,18px);color:#b9b2a4}.ah-card-name{font-size:clamp(40px,8vw,96px);font-weight:700;letter-spacing:.12em;color:var(--accent);text-shadow:0 6px 24px rgba(0,0,0,.6);animation:ah-card-in .5s cubic-bezier(.2,1.4,.4,1)}@keyframes ah-card-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.ah-card-rule{font-size:clamp(14px,2.2vw,26px);font-weight:600}.ah-card-count{margin-top:.5em;font-size:clamp(30px,5vw,60px);font-weight:700}.ah-sheet.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,86vw);max-height:88vh;pointer-events:auto;text-align:center}.ah-sheet .ah-sheet-title{margin-bottom:0}.ah-sheet-title.ah-big{font-size:clamp(28px,5vw,48px)}.ah-sheet-sub{margin-top:.3em;font-size:clamp(11px,1.3vw,15px);color:var(--ink-dim);letter-spacing:.12em}.ah-rows{display:grid;gap:4px;margin:.9em 0;font-size:clamp(12px,1.5vw,17px);text-align:left}.ah-gain{display:flex;align-items:baseline;justify-content:center;gap:.4em}.ah-gain-number{font-size:clamp(30px,4.6vw,52px);font-weight:700;line-height:1;color:var(--accent-ink)}.ah-gain-word{font-size:clamp(12px,1.4vw,16px);font-weight:600;letter-spacing:.12em;color:var(--ink-dim)}.ah-rank{display:flex;justify-content:center;margin-top:.5em;text-transform:none;letter-spacing:.02em}.ah-keys{display:flex;gap:8px;margin-top:1em}.ah-keys>.row{flex:1 1 0;min-width:0;justify-content:center}.ah-again:disabled{opacity:.55;cursor:default}.ah-exit.row[hidden]{display:none}.ah-exit.row{backdrop-filter:none;position:absolute;bottom:clamp(10px,2vmin,20px);right:clamp(10px,2vmin,20px);min-height:calc(var(--row-height) * .8);font-size:calc(var(--row-type) * .82);pointer-events:auto}.party-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:4px}.party-slot{display:flex;align-items:center;gap:10px;min-width:0;min-height:54px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--hair) 18%,transparent);border-radius:3px;background:color-mix(in srgb,var(--cloth) 50%,transparent)}.party-slot.party-you{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.party-slot.party-free{border-style:dashed;background:transparent}.party-empty{background:transparent;border-style:dashed}.party-free-word{color:var(--ink-dim);font-family:var(--font-display);font-weight:600;font-size:var(--row-type);letter-spacing:.06em;text-transform:uppercase}.party-line{display:flex;align-items:center;gap:6px;min-width:0}.party-mark{flex:none;margin-left:auto;padding:1px 7px;border:1px solid currentColor;border-radius:3px;font-size:11px;white-space:nowrap}.party-mark:empty{display:none}.party-line>:first-child{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.party-lead{color:var(--gold)}.party-in{color:var(--mine)}.party-asked{color:var(--ink-dim);font-variant-numeric:tabular-nums}.party-drop{flex:none;width:32px;height:32px;padding:0;border:1px solid var(--rule);border-radius:3px;background:transparent;color:var(--ink-dim);font-size:18px;line-height:1;cursor:pointer}.party-drop:hover,.party-drop:focus-visible{color:var(--ink);border-color:var(--accent)}.call-player .party-call{flex:none;width:auto;min-height:calc(var(--row-height) - 10px);padding:0 16px}@media(max-width:420px){.party-list{grid-template-columns:1fr}}@media(max-width:520px),(max-height:520px){.party-slot{min-height:46px;padding:4px 8px}.party-slot .plate-face{--box: 36px}}:root[data-short] .party-list{gap:4px}:root[data-short] .party-slot{min-height:44px;padding:3px 8px}@media(max-height:400px){:root[data-short] .party-slot{min-height:36px;padding-block:1px}:root[data-short] .party-slot .plate-face{--box: 30px}:root[data-short] .party-list{gap:3px}}.lobby-sheet.steady-sheet{align-items:flex-start;padding-top:max(16px,calc(50vh - 290px))}@media(max-height:500px){.lobby-sheet.steady-sheet{padding-top:4px;padding-bottom:4px}.lobby-sheet.steady-sheet>.dialog{max-height:100%}}.lobby-sheet.steady-sheet.swap,.lobby-sheet.steady-sheet.swap>.dialog{animation:none}@media(min-height:501px)and (max-height:860px){.lobby-sheet.steady-sheet>.dialog{max-height:calc(100vh - 32px)}.steady-sheet .party-list{gap:4px}.steady-sheet .party-slot{min-height:44px;padding-block:3px}}.arcade-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.6vmin,14px)}.tile.arcade-pick{gap:4px;padding:clamp(5px,.8vmin,8px);text-align:center;cursor:pointer}.arcade-pick .tile-art{aspect-ratio:16 / 9}.arcade-pick-map{font-size:calc(var(--row-type) * .6);letter-spacing:.06em;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-height:500px){.steady-sheet .mode-box .field-card{width:116px;padding:4px;gap:3px}.steady-sheet .mode-box .field-card .tile-name{position:static;padding:0;background:none;text-shadow:none;color:var(--ink-dim)}.steady-sheet .mode-box .field-card.chosen .tile-name{color:var(--accent-ink)}}@media(max-height:500px){.steady-sheet .dialog-modes .title{margin-bottom:2px;font-size:20px}.steady-sheet .dialog-modes .setting{padding-block:3px}.steady-sheet .party-list{margin-block:0}.steady-sheet .dialog-asks{gap:4px}.steady-sheet .party-slot .party-line .rank-line{display:none}}.arcade-art img{display:block;width:100%;height:100%;object-fit:cover}.mode-card.locked{cursor:default}.mode-card.locked:not(.chosen){opacity:.5}.lobby-buttons .row[hidden],.party-list[hidden]{display:none}