@font-face{font-family:Oswald;src:url(/fonts/oswald-cyrillic.woff2) format("woff2");font-weight:400 700;font-display:swap;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:swap;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:swap;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:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122,U+2212}:root{--ink: #f3ebda;--ink-dim: #a89e8b;--panel: rgba(22, 20, 17, .82);--panel-solid: #191713;--edge: rgba(224, 205, 160, .18);--mine: #6fe3a8;--foe: #e2453a;--gold: #e8c15a;--radius: 10px;--pad: clamp(6px, 1.4vmin, 12px);--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: rgba(224, 205, 160, .16);--accent: #8fc7e6;--accent-deep: #2d4a63;--side-mine: #8fc7e6;--side-foe: #f0c44e;--corner: clamp(112px, 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(152deg, #181510 0%, #0c0b09 62%, #070605 100%)}[data-side=lions]{--accent: #f0c44e;--accent-deep: #6d3f0f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#0e0d0b;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,#ui{position:fixed;top:var(--safe-top);right:var(--safe-right);bottom:var(--safe-bottom);left:var(--safe-left)}#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:#0e0d0b;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:linear-gradient(180deg,#0c0b09f0,#0a0907c7);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-top:none;border-radius:0 0 var(--radius) var(--radius);box-shadow:0 10px 34px #00000080,inset 0 -1px color-mix(in srgb,var(--accent) 14%,transparent);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:linear-gradient(180deg,#0c0b09f0,#0a0907c7);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-top:none;border-radius:0 0 var(--radius) var(--radius);box-shadow:0 10px 34px #00000080,inset 0 -1px color-mix(in srgb,var(--accent) 14%,transparent);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:#e0cda0b8;background:linear-gradient(180deg,#0c0b09e6,#0a0907b8);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:color-mix(in srgb,var(--side-mine) 78%,white)}.side-foe .side-team{color:color-mix(in srgb,var(--side-foe) 78%,white)}.side-player{font-weight:600;font-size:calc(var(--row-type) * .6);color:var(--ink-dim)}.ticket-bar{width:100%;margin-top:5px;height:8px;background:#0000008c;box-shadow:inset 0 0 0 1px #0009,inset 0 1px 3px #000000b3;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:color-mix(in srgb,var(--side-mine) 70%,white)}.side-foe .side-score{text-align:right;color:color-mix(in srgb,var(--side-foe) 70%,white)}.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}.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}}.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}.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}.latency{font-size:.78em;color:var(--ink-dim);font-variant-numeric:tabular-nums;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap}.latency.bad{color:var(--foe)}.icon-button{position:relative;flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;padding:0;background:linear-gradient(180deg,#3a342ae6,#1e1b16f0);color:var(--ink-dim);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 #fff5dc17,0 2px #0006;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,#463f32f0,#24201af5)}.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;position:relative}.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,.screen-crew .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-crew{--face: clamp(62px, 8vmin, 92px);position:absolute;left:0;bottom:calc(100% + 6px);width:var(--face);padding:5px;transition:opacity .18s ease-out,transform .18s ease-out;will-change:opacity,transform;contain:layout style}.screen-crew:not(.shown){pointer-events:none;opacity:0;transform:translate(-10px);transition:none}.screen-crew:not(.shown) .screen-live,.screen-crew:not(.shown) .screen-face:after{animation:none}.screen-chief .screen-face{--bezel: 6px;--bracket: 5px}.screen-crew .screen-face{--bezel: 3px;--bracket: 3px}.screen-crew .screen-title{display:none}.screen-crew .screen-head{gap:4px;padding:0 1px 3px;font-size:calc(var(--row-type) * .5)}.screen-crew .screen-channel{margin-left:auto}.screen-crew .screen-name{margin:0 -4px;padding:3px 0 0;font-size:clamp(7px,calc(var(--face) * .104),12px);letter-spacing:.02em}.screen.talking{border-color:var(--accent);box-shadow:0 0 0 1px #0009,0 0 26px color-mix(in srgb,var(--accent) 34%,transparent)}.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,#1a1713b8,#0c0b09d1);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)}.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:linear-gradient(180deg,#181511eb,#0e0d0af0);border:1px solid rgba(0,0,0,.5);border-left:2px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:3px;box-shadow:inset 0 1px #fff5dc0f;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:#0000009e;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,#3a342aeb,#1e1b16f0)}.action.armed{border-color:var(--accent);border-left-color:var(--accent);color:var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 26%,rgba(58,52,42,.92)),color-mix(in srgb,var(--accent) 12%,rgba(30,27,22,.94)));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;gap:3px;min-width:clamp(46px,6.4vmin,62px);padding:6px 8px 5px;background:linear-gradient(180deg,#3a342aeb,#1e1b16f0);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,#463f32f0,#24201af5)}.action:active{transform:translateY(2px);box-shadow:inset 0 1px #fff5dc0f,inset 0 2px 6px #0000008c}.action[hidden]{display:none}.reinforce-panel{padding:var(--pad);background:linear-gradient(180deg,#181511e6,#0e0d0af0);border:1px solid rgba(0,0,0,.5);border-top:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:3px}.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,#3a342aeb,#1e1b16f0);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:#060605d1;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:calc(100vh - 16px);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}@media(orientation:landscape)and (max-height:330px){.lobby-screen{padding-top:8px;padding-bottom:8px}.lobby-screen .wordmark span{display:inline}.lobby-screen .wordmark .beasts{margin-left:.24em}.lobby-screen .lobby-rail,.lobby-screen .menu{gap:4px}.lobby-screen .lobby-hero{flex-basis:min(34vw,calc(100vh - 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:calc(100vw - 16px);height:calc(100vh - 16px)}.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:linear-gradient(180deg,#1e1b16f5,#13110ef7);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:6px;box-shadow:0 0 0 1px #0000008c,0 30px 80px #0000009e}.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) rgba(0,0,0,.3)}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-track{background:#0000004d}.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:#00000073;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;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,64px);background:var(--ground);background-blend-mode:overlay,normal,normal;font-size:clamp(13px,1.55vmin,16px)}.screen{display:flex;flex-direction:column;justify-content:center;padding:10px;background:linear-gradient(180deg,#14120fe6,#0b0a08f0);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);box-shadow:0 0 0 1px #0009,0 24px 70px #0009,0 0 60px color-mix(in srgb,var(--accent) 12%,transparent)}.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}.lobby-rail{align-self:center}.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)}.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}.screen-face video.screen-line.unseen{opacity:0}: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}}.lobby-row{display:flex;align-items:stretch;gap:clamp(16px,4vw,72px);width:min(1080px,100%)}.lobby-rail{position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:clamp(16px,2.6vh,30px)}.brand{display:flex;flex-direction:column;gap:10px}.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);transition:color .35s ease}.menu{display:flex;flex-direction:column;gap:6px}.side-switch{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px;background:#00000059;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:4px}.side-switch>.row{justify-content:center;padding:0 6px;border-left:0;border-radius:2px}.side-switch>.row-side.chosen{box-shadow:inset 0 -2px 0 var(--accent)}.row{position:relative;display:flex;align-items:center;gap:10px;min-height:var(--row-height);padding:0 clamp(13px,1.5vw,20px);background:linear-gradient(90deg,#2e292180,#2e29210f);border:0;border-left:2px solid var(--rule);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);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-left-color:var(--accent)}.row-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-lead{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 62%,transparent));border-left-color:var(--ink);color:#14120f}.row-lead:after{background:#ffffff38}.row-side.chosen{background:color-mix(in srgb,var(--accent) 16%,rgba(46,41,33,.5));border-left-color:var(--accent)}.lobby-sheet{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:16px;background:#060605d1;animation:lobby-fade .18s ease both}.feed .screen-name{display:flex;align-items:center;gap:6px}.screen-name-text{flex:1 1 auto;min-width:0}.lobby-whole{width:24px;height:24px}.lobby-whole svg{width:14px;height:14px}html:not([data-phone]) .lobby-whole,html:fullscreen .lobby-whole{display:none}.dialog{width:min(440px,100%)}.dialog.dialog-modes{width:min(640px,100%)}.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,#2e292199,#1e1b1699);border:1px solid var(--rule);border-radius:4px;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)}.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}.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,#2e292166,#2e292114);border:1px solid var(--rule);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;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%);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 rgba(224,205,160,.09)}.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,.8));font-size:11px;letter-spacing:.06em;color:var(--ink-dim)}.mode-box .field-card.chosen .tile-name{color:var(--ink)}.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:#e0cda04d;outline:none}.tile.chosen{color:var(--ink);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,rgba(46,41,33,.4))}.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)}.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 rgba(224,205,160,.09)}.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)}.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)}@keyframes lobby-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes lobby-fade{0%{opacity:0}}.brand,.menu{animation:lobby-rise .42s cubic-bezier(.2,.7,.3,1) both}.menu{animation-delay:.08s}@media(prefers-reduced-motion:reduce){.brand,.menu{animation:none}}@media(max-width:760px){.lobby-screen{padding:16px;--row-height: 44px;--row-type: 13px}.lobby-row{gap:12px}.lobby-rail{gap:14px}.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{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{padding:10px clamp(14px,3vw,28px);--row-height: 44px}.lobby-row{gap:clamp(16px,3vw,40px)}.lobby-rail{gap:clamp(8px,1.6vh,14px)}.wordmark{font-size:clamp(28px,7vh,44px)}.lobby-hero{flex:0 1 min(34vw,calc(100vh - 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:linear-gradient(90deg,#2e292180,#2e29210f);border:0;border-left:2px solid var(--rule);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-left-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);white-space:nowrap}.lesson-row.passed{border-left-color:var(--mine)}.lesson-tick{position:absolute;right:clamp(10px,1.4vw,16px);color:var(--mine);font-size:1.1em}.lesson-row.chosen{border-left-color:var(--accent)}.lesson-row.chosen:after{opacity:1}.lesson-row.locked{color:color-mix(in srgb,var(--ink) 38%,transparent);background:linear-gradient(90deg,#2e292138,#2e292105);border-left-color:color-mix(in srgb,var(--rule) 45%,transparent);cursor:default}.row-lead:disabled{background:linear-gradient(90deg,#2e292180,#2e29210f);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)}.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:#00000073;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)}.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:#080706d1;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,#2e292180,#2e29210f);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%,rgba(46,41,33,.5)),#2e29210f)}.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-crew,.screen-crew.shown{display:none}.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}.latency{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)}.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,#463f32f0,#24201af5)}.card:hover .card-name{color:var(--ink)}.action:hover{border-left-color:var(--accent);background:linear-gradient(180deg,#463f32f0,#24201af5)}.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:#e0cda04d;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:#1b1a16;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:#6c6559}.map-window{fill:none;stroke:var(--accent);stroke-width:6;stroke-dasharray:18 12;filter:drop-shadow(0 0 2px rgba(8,7,6,.95))}.map-dot{fill:var(--accent);stroke:#0a0908d9;stroke-width:4}.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:#b9b1a2;text-shadow:-1px -1px 0 #0b0a08,1px -1px 0 #0b0a08,-1px 1px 0 #0b0a08,1px 1px 0 #0b0a08,0 2px 5px rgba(8,7,6,.85);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:#f7efda}.map-label.passed{color:#9fe6c2}.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:#fff}.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(4,minmax(0,1fr));gap:8px}.squad-card{display:flex;flex-direction:column;gap:2px;padding:6px 8px 8px;background:linear-gradient(180deg,#2e292199,#1e1b1699);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:8 / 5;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:linear-gradient(90deg,#2e2921b8,#2e29211a);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-left:2px solid var(--accent);border-radius:2px;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;width:44px;height:44px;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);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{width:34px;height:34px}}.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:#0000006b;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:#2e292199;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(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%)}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.profile-face{width:72px;height:72px;font-size:32px}.profile-nick{font-size:calc(var(--row-type) * 1.3)}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:6px;margin-bottom:12px}.profile-stat{padding:7px 4px;text-align:center;background:#2e292180;border:1px solid var(--rule);border-radius:3px}.profile-stat b{display:block;font-family:var(--font-display);font-size:calc(var(--row-type) * 1.15);font-variant-numeric:tabular-nums}.profile-stat small{color:var(--ink-dim);font-size:12px}.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:#2e2921b3;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{width:36px;height:36px}.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}.leaders-empty{padding:18px 8px;text-align:center;color:var(--ink-dim)}.leaders-list.leaders-me{max-height:none;overflow:visible;margin-top:-4px;border-top:none}.profile-plats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.plat{padding:3px 9px;border:1px dashed var(--rule);border-radius:3px;color:var(--ink-dim);font-size:12px}.plat.on{border-style:solid;border-color:var(--mine);color:var(--mine)}button.plat{display:inline-flex;align-items:center;gap:6px;background:none;font-family:var(--font-ui);cursor:pointer}button.plat:hover,button.plat:focus-visible{outline:none;border-color:var(--foe);color:var(--foe)}.plat-x{font-size:14px;line-height:1}.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)}.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:#2e292180}.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)}.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}.profile-plats .group-label{flex-basis:100%;color:var(--ink-dim);font-size:calc(var(--row-type) * .8)}.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(14,1fr);margin-bottom:10px}.profile-head{margin-bottom:8px}.profile-face{width:52px;height:52px}.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{width:28px;height:28px}.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}.opponent-panel{width:min(640px,94vw)}.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:4px;background:#2e292180}.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)}.opponent-line{margin:0;text-align:center}.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{width:48px;height:48px}.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:#14120fe0;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}