:root{--tracking:1;--ink:#fff6dc;--shadow:#2a1408;--danger:#e0302c;--danger-text:#ff6b66;--ui-yellow:#ffc83d;--ui-white:#fff;--ui-dark:#2b2b2b;--ui-panel:#1d1e22;--ui-frame:#8b8b8b;--ui-frame-light:#c9c9c9;--ui-button:#3c3d42;--ui-button-hot:#6b4f12;--mode-free-arena:#ff8a1f;--mode-soon:#737880;--season-bulb-halo:#ffecaabf;--health:#e53935;--shield:#5bc0ff;--bracket:var(--ui-white);--bracket-edge:2px solid var(--ui-dark);--focus-ring:var(--bracket);--focus-edge:var(--bracket-edge);--font-pixel:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--tap-min:48px;--tap-gap:8px;--z-startup-notice:60;--radius:8px;--radius-inner:5px;--corner-gap-min:12px;--text-min:12px;--text-small:14px;--text-body:16px;--text-button:18px;--text-dialogue:18px;--text-heading:24px;--text-title:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px}:root:lang(ja){--tracking:0;word-break:auto-phrase;--font-pixel:ui-monospace, "SF Mono", Menlo, Consolas, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", meiryo, "Noto Sans CJK JP", "Noto Sans JP", monospace}:root:lang(zh-Hans){--tracking:0;--font-pixel:ui-monospace, "SF Mono", Menlo, Consolas, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", monospace}:root[data-input=touch]{--focus-ring:initial;--focus-edge:initial}:root[data-form=phone]{--text-min:10px;--text-small:12px;--text-body:14px;--text-button:16px;--text-heading:20px}:root{font-family:var(--font-pixel)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#2b1b10;margin:0;overflow:hidden}input{-webkit-user-select:text;user-select:text}#title[hidden],#pause[hidden],#dialogue[hidden],#shop .cards[hidden],#hud .health[hidden],#hud .shield[hidden],#hud .turrets[hidden],#hud .mines[hidden],#hud .boss-bar[hidden],#hud .boss-banner[hidden],#hud .crate-toast[hidden],#hud .crate-arrow[hidden],#lobby[hidden],#scoreboard[hidden],#scoreboard .result[hidden]{display:none}#scene,#base-scene{touch-action:none;width:100vw;height:100dvh;display:block}#hud,#base-controls,#title,#dialogue,#pause,#notice{text-transform:uppercase;letter-spacing:calc(.14em * var(--tracking));-webkit-font-smoothing:none;color:var(--ui-white);text-shadow:2px 2px #0009;font-weight:900}.pixel-icon{width:1em;height:1em;image-rendering:pixelated;filter:drop-shadow(2px 2px #0000008c);display:block}#mission-board,#shop,.speaker-card,.logo-plate,#pause .menu,#pause .question,#notice{border:4px solid var(--ui-frame);border-radius:var(--radius);background-color:#1d1e22f0;background-image:radial-gradient(circle, var(--ui-frame-light) 2px, transparent 2.5px), radial-gradient(circle, var(--ui-frame-light) 2px, transparent 2.5px), radial-gradient(circle, var(--ui-frame-light) 2px, transparent 2.5px), radial-gradient(circle, var(--ui-frame-light) 2px, transparent 2.5px);background-position:2px 2px,calc(100% - 2px) 2px,2px calc(100% - 2px),calc(100% - 2px) calc(100% - 2px);background-repeat:no-repeat;background-size:10px 10px;box-shadow:inset 0 0 0 3px #3c3d42,4px 4px #00000080}.pixel-button{font:inherit;letter-spacing:calc(.16em * var(--tracking));color:var(--ui-white);border:4px solid var(--ui-frame);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--ui-dark), 3px 3px 0 #00000080;text-shadow:2px 2px #0009;cursor:pointer;background:#3c3d42;padding:10px 18px;font-size:18px}@media (hover:hover){.pixel-button:hover:enabled{border-color:var(--ui-frame-light)}}.pixel-button:active:enabled{box-shadow:inset 0 0 0 2px var(--ui-dark), 1px 1px 0 #00000080;transform:translate(2px,2px)}.top-bar-tabs>button:active{transform:translateY(2px)}:focus-visible{outline:3px solid var(--focus-ring,transparent)}.pixel-button:disabled{cursor:default;color:var(--ui-frame)}#pause .menu{gap:14px;min-width:340px;display:grid}#base-controls,#hud,#pause,#title,#difficulty-picker,#settings,#lobby,#debrief,#final-score,#scoreboard{zoom:var(--ui-scale,1);container:screen/size}#dialogue,#notice,#leave-hint,#fight-countdown,#watch-banner{zoom:var(--ui-scale,1)}:root[data-form=desktop]{--zoomed-text-min:max(var(--text-min), calc(var(--text-min) / var(--ui-scale,1)));--zoomed-pointer-min:calc(24px / var(--ui-scale,1))}#base-controls{--hub-padding:var(--top-bar-inset);position:fixed;inset:0}#base-controls:not([hidden]){padding:var(--top-bar-layer-top) var(--hub-padding) 16px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px;display:grid}:root[data-form=desktop] #base-controls:not([hidden],[data-tab=home]){padding-bottom:calc(var(--hub-hints-bottom) + var(--hub-hints-height) + 10px)}:root[data-form=desktop] #base-controls{--hub-hints-bottom:14px;--hub-hints-height:calc(1.44 * var(--hub-hints-text) + 2px + 12px);--hub-hints-text:max(13px, var(--zoomed-text-min))}:root[data-form=desktop] #base-controls :is(#mission-board,#shop)>.hint:not([hidden]){left:var(--hub-padding);bottom:var(--hub-hints-bottom);font-size:var(--hub-hints-text);white-space:nowrap;border-radius:var(--radius);background:#1d1e22d9;align-items:center;gap:6px;margin:0;padding:6px 12px;display:flex;position:absolute}:root[data-form=desktop] #shop:has(>.confirm-hint:not([hidden]))>.hint:not(.confirm-hint),#base-controls:not([data-tab=home]) #base-home,#base-controls:not([data-tab=mission]) #mission-board,#base-controls:is([data-tab=home],[data-tab=mission]) #shop{display:none}#base-controls :is(#base-home,#mission-board,#shop){grid-row:2;min-height:0}#base-controls .tab-keys{font-size:var(--top-bar-text);white-space:nowrap;flex:none}#base-controls .tab-keys:empty,:root[data-form=phone] #base-controls .tab-keys{display:none}#base-controls .top-bar .coins{white-space:nowrap;color:var(--ui-yellow);align-items:center;gap:.4em;margin-block:0;font-size:20px;display:flex;position:relative}#base-controls .top-bar .coins .pixel-icon{width:20px;height:20px}#base-controls .top-bar .coin-change{z-index:1;color:var(--ui-white);border:2px solid var(--ui-yellow);border-radius:var(--radius);pointer-events:none;background:#1d1e22f0;align-items:center;gap:.3em;margin-top:4px;padding:2px 8px;display:flex;position:absolute;top:100%;right:0}@media (prefers-reduced-motion:no-preference){#base-controls .top-bar .coin-change{animation:1.2s ease-out forwards coin-change}}@keyframes coin-change{0%{opacity:0;translate:0 -8px}15%{opacity:1;translate:0}70%{opacity:1}to{opacity:0;translate:0 14px}}:root[data-form=phone] #base-controls:not([hidden]){gap:var(--tap-gap);padding:0}:root[data-form=phone] #base-controls .top-bar-tabs>*{padding:0 var(--space-2)}:root[data-form=phone] #base-controls .top-bar .coins{font-size:var(--text-body)}:root[data-form=phone] #base-controls .top-bar .coins .pixel-icon{width:16px;height:16px}@container screen (width<760px){:root[data-form=phone] #base-controls .top-bar{gap:var(--space-1)}:root[data-form=phone] #base-controls .top-bar-tabs>*{letter-spacing:calc(.02em * var(--tracking));padding:0 6px}}@container screen (width<700px){:root[data-form=phone] #base-controls .top-bar .coins .pixel-icon{display:none}}#notice{width:min(760px,90vw);letter-spacing:calc(.04em * var(--tracking));text-transform:none;border-color:var(--health);pointer-events:none;margin:0;padding:12px 20px;font-size:13px;line-height:1.5;position:fixed;top:18px;left:50%;transform:translate(-50%)}#notice[hidden]{display:none}:root:is([data-shell=mobile],[data-form=desktop]) #notice{font-size:max(13px, var(--zoomed-text-min))}:root[data-shell=mobile][data-form=phone] #notice:not([hidden]){top:var(--usable-top);left:calc(var(--usable-left) + var(--top-bar-back-width) + var(--tap-gap));right:calc(var(--sound-button-reserve,var(--usable-right) + var(--tap-min) + var(--tap-gap)) + var(--tap-min) + var(--tap-gap));align-items:start;gap:var(--space-3);width:auto;max-width:420px;max-height:calc(100dvh - var(--usable-top) - var(--usable-bottom));padding:var(--space-3);font-size:var(--text-small);letter-spacing:calc(.02em * var(--tracking));grid-template-columns:40px minmax(0,1fr);margin-inline:auto;font-weight:600;line-height:1.45;display:grid;overflow-y:auto;transform:none}:root[data-form=phone] #notice:before{content:"!";width:40px;height:40px;font-size:var(--text-heading);color:var(--ui-white);background:var(--health);place-items:center;font-weight:900;display:grid}#panel{top:14px;right:var(--sound-button-reserve,14px);backdrop-filter:blur(6px);background:#180e08c7;border-radius:10px;width:290px;padding:14px 16px 10px;font-size:12px;position:fixed;box-shadow:0 6px 24px #0006}#panel h2{letter-spacing:calc(.1em * var(--tracking));text-transform:uppercase;color:var(--ui-yellow);margin:0 0 10px;font-size:13px}#panel .slider{grid-template-columns:1fr auto;gap:2px 8px;margin-bottom:9px;display:grid}#panel .slider input{width:100%;accent-color:var(--ui-yellow);grid-column:1/-1}#panel output{color:var(--ui-yellow)}#panel .toggle{align-items:center;gap:8px;margin:6px 0;display:flex}#panel .toggle input{accent-color:var(--ui-yellow)}#update-browser{z-index:60;justify-content:center;align-items:center;gap:var(--space-6);padding:max(var(--space-5), env(safe-area-inset-top)) max(var(--space-5), env(safe-area-inset-right)) max(var(--space-5), env(safe-area-inset-bottom)) max(var(--space-5), env(safe-area-inset-left));background:radial-gradient(ellipse at center, var(--ui-dark) 0%, var(--ui-panel) 70%);color:var(--ui-white);font-family:var(--font-pixel);-webkit-font-smoothing:none;text-align:center;flex-direction:column;font-weight:900;display:flex;position:fixed;inset:0;overflow-y:auto}#update-browser .logo{width:min(560px,80vw);height:auto;filter:drop-shadow(4px 0 0 var(--ui-dark)) drop-shadow(-4px 0 0 var(--ui-dark)) drop-shadow(0 4px 0 var(--ui-dark)) drop-shadow(0 -4px 0 var(--ui-dark)) drop-shadow(5px 5px 0 #0009);flex:none}#update-browser .update-box{width:min(560px,100%);padding:var(--space-5);border:4px solid var(--ui-frame);background:var(--ui-panel);box-shadow:4px 4px #00000080}#update-browser h1{margin:0 0 var(--space-4);font-size:var(--text-heading);letter-spacing:calc(.14em * var(--tracking));color:var(--ui-yellow);text-shadow:3px 3px #000;line-height:1.2}#update-browser .update-body{font-size:var(--text-body);letter-spacing:calc(.04em * var(--tracking));text-shadow:2px 2px #0009;margin:0;line-height:1.5}#update-browser .update-missing{margin:var(--space-4) 0 0;font-size:var(--text-min);letter-spacing:calc(.06em * var(--tracking));text-transform:uppercase;color:var(--ui-frame-light);line-height:1.5}:root{--logo-shine-loop:3.2s}@media (prefers-reduced-motion:no-preference){.logo-shine-band{animation:logo-sweep var(--logo-shine-loop) infinite}}@keyframes logo-sweep{0%{animation-timing-function:steps(44,end);translate:0}55%,to{translate:88px}}:root{--corner-top-left:0px;--corner-top-right:0px;--corner-bottom-right:0px;--corner-bottom-left:0px;--corner-edge:var(--space-2);--corner-top-left-curve:round(up, var(--corner-top-left) * .29289 + var(--corner-gap-min) * .70711, 1px);--corner-top-left-reach:calc(var(--corner-top-left) - max(var(--safe-top,0px), var(--safe-left,0px)));--corner-top-left-gap:clamp(0px, var(--corner-top-left-reach) * 10000, var(--corner-top-left-curve));--corner-top-right-curve:round(up, var(--corner-top-right) * .29289 + var(--corner-gap-min) * .70711, 1px);--corner-top-right-reach:calc(var(--corner-top-right) - max(var(--safe-top,0px), var(--safe-right,0px)));--corner-top-right-gap:clamp(0px, var(--corner-top-right-reach) * 10000, var(--corner-top-right-curve));--corner-bottom-right-curve:round(up, var(--corner-bottom-right) * .29289 + var(--corner-gap-min) * .70711, 1px);--corner-bottom-right-reach:calc(var(--corner-bottom-right) - max(var(--safe-bottom,0px), var(--safe-right,0px)));--corner-bottom-right-gap:clamp(0px, var(--corner-bottom-right-reach) * 10000, var(--corner-bottom-right-curve));--corner-bottom-left-curve:round(up, var(--corner-bottom-left) * .29289 + var(--corner-gap-min) * .70711, 1px);--corner-bottom-left-reach:calc(var(--corner-bottom-left) - max(var(--safe-bottom,0px), var(--safe-left,0px)));--corner-bottom-left-gap:clamp(0px, var(--corner-bottom-left-reach) * 10000, var(--corner-bottom-left-curve));--corner-gap-top-left:var(--corner-top-left-gap);--corner-gap-top-right:var(--corner-top-right-gap);--corner-gap-bottom-right:var(--corner-bottom-right-gap);--corner-gap-bottom-left:var(--corner-bottom-left-gap);--corner-top-left-x:max(var(--safe-left,0px) + var(--corner-edge), var(--corner-top-left-gap));--corner-top-left-y:max(var(--safe-top,0px) + var(--corner-edge), var(--corner-top-left-gap));--corner-top-right-x:max(var(--safe-right,0px) + var(--corner-edge), var(--corner-top-right-gap));--corner-top-right-y:max(var(--safe-top,0px) + var(--corner-edge), var(--corner-top-right-gap));--corner-bottom-right-x:max(var(--safe-right,0px) + var(--corner-edge), var(--corner-bottom-right-gap));--corner-bottom-right-y:max(var(--safe-bottom,0px) + var(--corner-edge), var(--corner-bottom-right-gap));--corner-bottom-left-x:max(var(--safe-left,0px) + var(--corner-edge), var(--corner-bottom-left-gap));--corner-bottom-left-y:max(var(--safe-bottom,0px) + var(--corner-edge), var(--corner-bottom-left-gap));--corner-inset-top:max(var(--corner-top-left-y), var(--corner-top-right-y));--corner-inset-right:max(var(--corner-top-right-x), var(--corner-bottom-right-x));--corner-inset-bottom:max(var(--corner-bottom-left-y), var(--corner-bottom-right-y));--corner-inset-left:max(var(--corner-top-left-x), var(--corner-bottom-left-x))}:root[data-form=tablet]{--corner-edge:var(--space-5)}.corner-top-left,.corner-top-right,.corner-bottom-right,.corner-bottom-left{position:fixed}.corner-top-left{top:var(--corner-top-left-y);left:var(--corner-top-left-x)}.corner-top-right{top:var(--corner-top-right-y);right:var(--corner-top-right-x)}.corner-bottom-right{bottom:var(--corner-bottom-right-y);right:var(--corner-bottom-right-x)}.corner-bottom-left{bottom:var(--corner-bottom-left-y);left:var(--corner-bottom-left-x)}#unfold-card{z-index:1000;padding:var(--corner-inset-top,0px) var(--corner-inset-right,0px) var(--corner-inset-bottom,0px) var(--corner-inset-left,0px);text-align:center;touch-action:none;background:#0a080699;place-items:center;display:grid;position:fixed;inset:0;container:unfold-card/size}#unfold-card[hidden]{display:none}.unfold-card{justify-items:center;gap:var(--space-4);display:grid}#unfold-card .logo{width:clamp(200px,60cqw,420px);height:auto}.unfold-book{aspect-ratio:1.4;perspective:400px;gap:3px;height:clamp(64px,26cqh,120px);display:flex}.unfold-book span{border:4px solid var(--ui-frame-light);background:var(--ui-dark);border-radius:10px;flex:1}@media (prefers-reduced-motion:no-preference){.unfold-book span:last-child{transform-origin:0;animation:2.4s ease-in-out infinite unfold-book-open}}@keyframes unfold-book-open{0%,15%{transform:rotateY(-150deg)}55%,to{transform:rotateY(0)}}.unfold-message{font-size:var(--text-button);margin:0}.unfold-detail{font-size:var(--text-small);color:var(--ui-frame-light);margin:0}.speaker-card{grid-template-columns:120px 1fr;align-items:center;gap:18px;padding:14px;display:grid}.speaker-card .portrait{border:4px solid var(--ui-dark);background:#3a5a2e;place-items:center;width:120px;height:120px;display:grid;box-shadow:inset 0 0 0 3px #ffffff1f}.speaker-card .portrait .pixel-icon{filter:none;width:84%;height:84%}.speaker-card h3{color:var(--ui-yellow);margin:0 0 8px;font-size:16px}.speaker-card .line{min-height:2.6em;letter-spacing:calc(.06em * var(--tracking));margin:0;font-size:22px;line-height:1.3}.speaker-tanko .portrait{background:#2d7bea}.speaker-sprocket .portrait{background:#c2a35c}.speaker-gearhart .portrait{background:#5a1f19}.speaker-gearhart h3{color:var(--health)}.speaker-chime .portrait{background:#24304f}#dialogue{width:min(900px, 66vw, calc(66% - 1.32 * var(--wide-inset,0px) / var(--ui-scale,1)));gap:6px;display:grid;position:fixed;top:18px;left:50%;transform:translate(-50%)}#dialogue .box{cursor:pointer;position:relative}#dialogue .line .unshown{visibility:hidden}#dialogue .more{color:var(--ui-yellow);font-size:18px;position:absolute;bottom:14px;right:22px}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) #dialogue .more{animation:.8s step-end infinite blink}}#dialogue .caption{letter-spacing:calc(.12em * var(--tracking));color:var(--ui-yellow);text-shadow:2px 2px 0 var(--ui-dark);margin:0;font-size:14px}#dialogue .hint-row{justify-content:flex-end;align-items:center;gap:16px;display:flex}#dialogue .skip{display:none}#dialogue .hint{text-align:right;color:var(--ui-frame-light);margin:0;font-size:12px}:root[data-shell=mobile] #dialogue{--skip-width:calc(88px / var(--ui-scale,1));--skip-inset:18px}:root[data-shell=mobile] #dialogue .box>button.skip{top:var(--skip-inset);right:var(--skip-inset);width:var(--skip-width);min-height:var(--zoomed-tap-min);font:inherit;font-size:calc(var(--text-small) / var(--ui-scale,1));letter-spacing:calc(.08em * var(--tracking));color:inherit;border-radius:var(--radius);touch-action:none;-webkit-tap-highlight-color:transparent;background:#1d1e22cc;border:3px solid #fffc;padding:0;position:absolute;box-shadow:3px 3px #00000059}:root[data-shell=mobile] #dialogue .box>button.skip:active{transform:translate(2px,2px);box-shadow:1px 1px #00000059}:root[data-shell=mobile] #dialogue .speaker-card h3{min-height:var(--zoomed-tap-min);padding-right:calc(var(--skip-width) + var(--tap-gap));align-items:center;margin:0;display:flex}:root:is([data-shell=mobile],[data-form=desktop]) #dialogue .caption{font-size:max(14px, var(--zoomed-text-min))}:root:is([data-shell=mobile],[data-form=desktop]) #dialogue .hint{font-size:var(--zoomed-text-min)}:root[data-shell=mobile][data-form=tablet] #dialogue{top:calc(var(--sound-button-top) / var(--ui-scale,1));left:calc(24px + var(--zoomed-safe-left));right:calc(24px + var(--zoomed-safe-right));gap:var(--space-3);width:auto;transform:none}:root[data-shell=mobile][data-form=phone] #dialogue{--skip-inset:calc(3px + var(--space-3));top:var(--usable-top);left:var(--usable-left);right:var(--sound-button-reserve,calc(var(--usable-right) + var(--tap-min) + var(--tap-gap)));width:auto;max-width:760px;transform:none}:root[data-shell=mobile][data-form=phone]:is([data-screen=battle],[data-screen=netBattle]) #dialogue{left:var(--usable-left);right:var(--touch-corner-reserve,var(--usable-right))}:root[data-form=phone] #dialogue .speaker-card{gap:var(--space-3);padding:var(--space-3);border-width:3px;grid-template-columns:auto minmax(0,1fr)}:root[data-form=phone] #dialogue .speaker-card .portrait{aspect-ratio:1;border-width:3px;width:clamp(56px,18dvh,88px);height:auto}:root[data-form=phone] #dialogue .speaker-card h3{font-size:var(--text-small)}:root[data-form=phone] #dialogue .speaker-card .line{max-width:40ch;min-height:2.8em;margin:var(--space-1) 0 0;font-size:var(--text-dialogue);letter-spacing:calc(.02em * var(--tracking));text-transform:none;text-wrap:balance;font-weight:700;line-height:1.4}:root[data-form=phone] #dialogue .more{right:var(--space-3);bottom:var(--space-2)}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #dialogue .speaker-card h3{font-size:max(16px, var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #dialogue .speaker-card .line{max-width:40ch;min-height:2.8em;font-size:max(22px, var(--zoomed-text-min));letter-spacing:calc(.02em * var(--tracking));text-transform:none;text-wrap:balance;font-weight:700;line-height:1.4}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #dialogue .hint{font-size:max(14px, var(--zoomed-text-min))}:root[data-shell=mobile][data-form=tablet] #dialogue .caption{min-height:calc(var(--sound-button-size) / var(--ui-scale,1));align-items:center;display:flex}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #dialogue .caption{font-size:max(16px, var(--zoomed-text-min))}@keyframes blink{50%{opacity:0}}#hud .weapons{gap:8px;display:flex}#hud .weapon{position:relative}#hud .weapon>.key{color:var(--ui-frame-light);text-shadow:1px 1px 0 var(--ui-dark);pointer-events:none;font-size:11px;position:absolute;top:4px;left:5px}#hud .weapon-slot{border:3px solid var(--ui-frame);border-radius:var(--radius);width:54px;height:54px;box-shadow:inset 0 0 0 2px var(--ui-dark), 3px 3px 0 #00000073;background:#1d1e22d1;place-items:center;display:grid;position:relative;overflow:hidden}#hud .weapon-slot .pixel-icon{width:38px;height:38px}#hud .weapon-slot.selected{border-color:var(--ui-yellow);box-shadow:inset 0 0 0 2px var(--ui-dark), 0 0 0 3px #ffc83d59, 3px 3px 0 #00000073;background:#6b4f12e6}#hud .weapon-slot .cooldown{background:#0a0a0cb8;height:0;position:absolute;bottom:0;left:0;right:0}#hud .weapon-slot.selected+.key{color:var(--ui-yellow)}#hud .weapons .cycle{letter-spacing:normal;color:var(--ui-frame-light);align-self:center;font-size:11px}#hud .weapon-slot .picked-time{color:var(--ui-yellow);font-size:11px;position:absolute;top:2px;right:4px}:root[data-shell=mobile] #hud :is(.weapon>.key,.weapon-slot .picked-time,.weapons .cycle),:root[data-form=desktop] #hud .weapon-slot .picked-time{font-size:max(11px, var(--hud-min-text,12px))}:root[data-form=phone] #hud .weapons{gap:6px}:root[data-form=phone] #hud .weapons.single{display:none}:root[data-form=phone] #hud .weapon-slot{width:var(--arsenal-height,40px);height:var(--arsenal-height,40px);border-width:2px}:root[data-form=phone] #hud .weapon>.key{top:3px;left:4px}:root[data-form=phone] #hud .weapon-slot .pixel-icon{width:28px;height:28px}:root[data-form=phone] #hud :is(.weapon>.key,.weapon-slot .picked-time,.weapons .cycle){font-size:var(--text-min)}:root[data-form=desktop] #hud .weapon>.key{top:calc(100% + var(--cap-gap));left:50%;translate:-50%}:root[data-form=desktop] #hud .weapons .cycle{font-size:var(--key-text)}:root[data-input=pad] #hud .weapon>.key,:root[data-shell=mobile][data-input=touch] #hud .weapon>.key{display:none}#hud{inset:0;left:calc(var(--wide-inset,0px) / var(--ui-scale,1));right:calc(var(--wide-inset,0px) / var(--ui-scale,1));pointer-events:none;--hud-drop:3px 3px 0 #0009;text-shadow:var(--hud-drop);font-size:24px;position:fixed}#hud :is(.counters,.lives,.status,.enemies-count){text-shadow:-1px -1px 0 var(--ui-dark), 0 -1px 0 var(--ui-dark), 1px -1px 0 var(--ui-dark), -1px 0 0 var(--ui-dark), 1px 0 0 var(--ui-dark), -1px 1px 0 var(--ui-dark), 0 1px 0 var(--ui-dark), 1px 1px 0 var(--ui-dark), var(--hud-drop)}#hud .counters{gap:8px;display:grid;position:absolute;top:18px;left:24px}#hud .counter{align-items:center;gap:.6em;display:flex}#hud .counter .value{color:var(--ui-yellow)}#hud .score{transform-origin:0}#hud .award{color:var(--ui-yellow);font-size:15px}#hud .drones{gap:8px;display:flex;position:absolute;top:18px;right:24px}.drone-slot{border:3px solid var(--ui-frame);border-radius:var(--radius);width:46px;height:46px;box-shadow:inset 0 0 0 2px var(--ui-dark), 3px 3px 0 #00000073;background:#1d1e22d1;place-items:center;display:grid}#hud .drones.none{display:none}#hud .drone-slot .pixel-icon{width:32px;height:32px}#hud .enemies{grid-template-columns:repeat(2,24px);gap:6px;display:grid;position:absolute;top:84px;right:24px}:root:not([data-shell=mobile]) #hud :is(.drones,.enemies){right:max(24px, calc(var(--sound-button-reserve) / var(--ui-scale,1)))}:root[data-shell=mobile] #hud :is(.drones,.enemies){right:max(24px, calc((var(--touch-corner-reserve) - var(--safe-right,0px)) / var(--ui-scale,1)))}#hud .enemies .pixel-icon{width:24px;height:22px}#hud .enemies-count{display:none}#hud .lives{position:absolute;bottom:40px;right:24px}#hud .lives .pixel-icon{width:30px;height:27px}#hud .status{gap:10px;display:grid;position:absolute;bottom:40px;left:24px}#hud .health{align-items:center;gap:10px;display:flex}#hud .health .pixel-icon{width:30px;height:26px}#hud .segments{border:3px solid var(--ui-frame-light);background:#121212;gap:3px;padding:3px;display:flex;box-shadow:3px 3px #00000073}#hud .segments.low{border-color:var(--health);position:relative}#hud .segments.low:after{content:"";box-shadow:0 0 10px 3px var(--health), inset 0 0 6px var(--health);pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) #hud .segments.low:after{animation:1.4s ease-in-out infinite alternate low-health-pulse}}@keyframes low-health-pulse{0%{opacity:.2}to{opacity:1}}#hud .segment{background:#3a3a3a;width:22px;height:16px}#hud .segment.full{background:var(--health);box-shadow:inset 0 3px #ffffff47}#hud .base .pixel-icon{width:30px;height:24px}#hud .base-segments .segment.full{background:var(--ui-yellow)}#hud .base-alert{text-align:center;color:var(--health);text-shadow:3px 3px 0 var(--ui-dark), -2px -2px 0 var(--ui-dark);font-size:34px;position:absolute;top:22%;left:0;right:0}#hud .shield{color:var(--ui-frame-light);align-items:center;gap:10px;font-size:14px;display:flex}#hud .shield .pixel-icon{width:26px;height:26px}#hud .shield:not(.ready){opacity:.6}#hud .shield.ready{color:var(--shield)}#hud .charge-bar{border:2px solid var(--ui-frame-light);background:#121212;width:90px;height:10px}#hud .charge{background:var(--shield);height:100%;display:block}#hud .outcome{text-align:center;position:absolute;top:34%;left:0;right:0}#hud .outcome h1{letter-spacing:calc(.1em * var(--tracking));color:var(--health);text-shadow:5px 5px 0 var(--ui-dark), -3px -3px 0 var(--ui-dark), 10px 10px 0 #0006;margin:0;font-size:clamp(56px,8cqw,110px)}#hud .outcome.victory h1{color:var(--ui-yellow)}#hud .outcome p{margin:10px 0 0;font-size:20px}#hud .arsenal{align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}#hud.watching .arsenal{visibility:hidden}#hud .mines .key{color:var(--ui-frame-light);text-shadow:1px 1px 0 var(--ui-dark);font-size:11px;position:absolute;top:1px;left:2px}#hud .mines{border:3px solid var(--ui-frame);border-radius:var(--radius);height:54px;box-shadow:inset 0 0 0 2px var(--ui-dark), 3px 3px 0 #00000073;background:#1d1e22d1;align-items:center;gap:6px;padding:0 12px 0 22px;font-size:22px;display:flex;position:relative}#hud .mines .pixel-icon{width:30px;height:24px}#hud .mines .value{color:var(--ui-yellow)}#hud .turrets{gap:10px;display:flex}#hud .turret{justify-items:center;gap:3px;display:grid}#hud .turret .pixel-icon{width:24px;height:24px}#hud .turret .bar{border:2px solid var(--ui-frame-light);background:#121212;width:30px;height:10px}#hud .turret .fill{background:var(--ui-yellow);height:100%;display:block}#hud .turret.destroyed{opacity:.35}#hud .boss-bar{border:3px solid var(--ui-frame);border-radius:var(--radius);width:min(560px,46cqw);box-shadow:inset 0 0 0 2px var(--ui-dark), 3px 3px 0 #00000073;background:#1d1e22d1;justify-items:center;gap:6px;padding:6px 12px 10px;display:grid;position:absolute;top:18px;left:50%;transform:translate(-50%)}#hud .boss-bar .name{color:var(--health);text-shadow:2px 2px 0 var(--ui-dark), -2px -2px 0 var(--ui-dark);font-size:20px}#hud .boss-bar .bar{border:3px solid var(--ui-frame-light);background:#121212;width:100%;height:22px;padding:3px;box-shadow:3px 3px #00000073}#hud .boss-bar .fill{background:repeating-linear-gradient(90deg, var(--health) 0 18px, #b5241f 18px 21px);height:100%;transition:width .2s steps(4,end);display:block;box-shadow:inset 0 3px #ffffff47}#hud .screen-flash{opacity:0;background:#fff3d6;position:absolute;inset:0}#hud .damage-flash{--flash-side:calc(var(--wide-inset,0px) / var(--ui-scale,1));inset:calc(-1 * var(--zoomed-safe-top,0px)) calc(-1 * (var(--zoomed-safe-right,0px) + var(--flash-side))) calc(-1 * var(--zoomed-safe-bottom,0px)) calc(-1 * (var(--zoomed-safe-left,0px) + var(--flash-side)));box-shadow:inset 0 0 56px 10px var(--health);opacity:0;position:absolute}:root[data-form=phone] #hud .damage-flash{box-shadow:inset 0 0 36px 6px var(--health)}#hud .boss-banner{justify-items:center;gap:22px;display:grid;position:absolute;top:20%;left:0;right:0}#hud .boss-banner .banner-title{letter-spacing:calc(.08em * var(--tracking));color:var(--health);text-shadow:5px 5px 0 var(--ui-dark), -3px -3px 0 var(--ui-dark), 10px 10px 0 #0006;margin:0;font-size:clamp(44px,6cqw,92px)}#hud .boss-banner.fight .banner-title{color:var(--ui-yellow);font-size:clamp(64px,10cqw,150px)}#hud .boss-banner.cleared .banner-title{color:var(--ui-yellow);font-size:clamp(36px,4.5cqw,70px)}#hud .boss-banner .speaker{width:min(640px,60cqw)}#hud .boss-banner .speaker-card .line{min-height:0;font-size:18px}#hud .crate-effects{gap:6px;margin-top:4px;display:grid}#hud .crate-effect{align-items:center;gap:8px;font-size:16px;display:flex}#hud .crate-effect.frozen{outline:2px solid var(--health);outline-offset:2px}#hud .crate-effect .pixel-icon{width:24px;height:24px}#hud .crate-effect .bar{border:2px solid var(--ui-frame-light);background:#121212;width:70px;height:10px}#hud .crate-effect .fill{height:100%;display:block}#hud .crate-effect.speed .fill{background:#ff8a1f}#hud .crate-effect.armor .fill{background:#c9a26a}#hud .crate-effect.stopwatch .fill{background:#9fd4ff}#hud .crate-effect .value{text-align:right;min-width:3ch;color:var(--ui-white)}#hud .crate-toast{color:var(--ui-white);border:3px solid var(--ui-frame);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--ui-dark), 3px 3px 0 #00000073;background:#1d1e22d1;align-items:center;gap:12px;padding:6px 16px;font-size:22px;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%)}#hud .crate-toast.gold{color:var(--ui-yellow);border-color:var(--ui-yellow)}#hud .crate-toast .lines{flex-direction:column;line-height:1.1;display:flex}#hud .crate-toast .detail{color:var(--ui-yellow);font-size:16px}#hud .crate-toast .pixel-icon{width:28px;height:28px;display:block}#hud .crate-arrow{border:3px solid var(--ui-frame-light);background:#1d1e22d9;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:3px 3px #00000073}#hud .crate-arrow.gold{border-color:var(--ui-yellow)}#hud .crate-arrow .pixel-icon{width:24px;height:24px}#hud .crate-arrow .pointer{transform:rotate(var(--pointing,0deg));position:absolute;inset:0}#hud .crate-arrow .pointer:after{content:"";border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:12px solid var(--ui-frame-light);position:absolute;top:50%;right:-16px;transform:translateY(-50%)}#hud .crate-arrow.gold .pointer:after{border-left-color:var(--ui-yellow)}#hud .boss-bar.retreating .name{color:var(--ui-frame-light)}#hud .boss-bar.retreating .fill{background:repeating-linear-gradient(90deg, var(--ui-frame) 0 18px, #5c5f66 18px 21px)}#hud .boss-bar.defeated{animation:.6s ease-in .9s forwards boss-bar-fade}@keyframes boss-bar-fade{to{opacity:0}}:root[data-form=desktop] #hud{--hud-min-text:var(--zoomed-text-min);--key-text:max(13px, var(--hud-min-text));--cap-height:calc(1.44 * var(--key-text) + 2px);--cap-gap:5px;--hud-edge-bottom:18px}:root[data-form=desktop] #hud .award{font-size:max(15px, var(--hud-min-text))}:root[data-form=desktop] #hud .shield{font-size:max(14px, var(--hud-min-text))}:root[data-form=desktop] #hud :is(.crate-effect,.crate-toast .detail){font-size:max(16px, var(--hud-min-text))}:root[data-form=desktop] #hud .arsenal{bottom:calc(var(--hud-edge-bottom) + var(--cap-height) + var(--cap-gap));gap:12px}:root[data-form=desktop] #hud .mines .key{top:calc(100% + 3px + var(--cap-gap));left:50%;translate:-50%}:root[data-form=desktop] #hud :is(.weapon>.key,.mines .key:not(:has(.pad-glyph))){box-sizing:border-box;min-width:1.5em;font-size:var(--key-text);text-align:center;color:#e8e8ec;text-shadow:none;background:#1b1c20;border:1px solid #6b6d76;border-radius:.35em;padding:.12em .3em;font-weight:500;line-height:1.2}#hud .key-hints{display:none}:root[data-form=desktop] #hud .key-hints:not([hidden]){flex-direction:column;gap:6px;display:flex}:root[data-form=desktop] #hud :is(.key-hints.bottom-left,.key-hints.bottom-right){bottom:var(--hud-edge-bottom);position:absolute}:root[data-form=desktop] #hud .key-hints.bottom-left{align-items:flex-start;left:24px}:root[data-form=desktop] #hud .key-hints.bottom-right{align-items:flex-end;right:24px}:root[data-form=desktop] #hud .key-hints.top{flex-direction:row}:root[data-form=desktop] #hud .key-hint{font-size:var(--key-text);letter-spacing:calc(.04em * var(--tracking));white-space:nowrap;color:var(--ui-frame-light);text-shadow:none;border-radius:var(--radius);background:#1d1e22d1;align-items:center;gap:6px;margin:0;padding:4px 8px 4px 6px;font-weight:700;display:flex}:root[data-form=desktop] #hud .top-right{top:18px;right:max(24px, calc(var(--sound-button-reserve) / var(--ui-scale,1)));grid-template-areas:"drones keys""enemies.";align-items:start;gap:14px 16px;display:grid;position:absolute}:root[data-form=desktop] #hud :is(.drones,.enemies){position:static}:root[data-form=desktop] #hud .drones{grid-area:drones}:root[data-form=desktop] #hud .enemies{grid-area:enemies;justify-self:end}:root[data-form=desktop] #hud .top-right .key-hints{grid-area:keys;align-self:center}:root[data-form=desktop] #hud .key-hint:empty{display:none}:root[data-form=desktop] #hud:has(>.outcome:not([hidden])) .key-hints,:root[data-form=desktop]:has(>body>#dialogue:not([hidden])) #hud .key-hints,:root[data-form=desktop] #battle-screen:has(>#pause:not([hidden])) #hud .key-hints{visibility:hidden}:root[data-form=desktop] #hud :is(.counters,.lives,.status){width:fit-content;margin-left:24px;position:static}:root[data-form=desktop] #hud .counters{margin-top:18px}:root[data-form=desktop] #hud .lives{margin-top:8px}:root[data-form=desktop] #hud .status{margin-top:14px}:root[data-shell=mobile] #hud{--arsenal-bottom:40px;--arsenal-height:54px;--low-middle:calc(var(--arsenal-bottom) + var(--arsenal-height) + var(--space-3));--boss-bar-height:84px;--hud-min-text:var(--zoomed-text-min);--coop-reserve:max(calc((var(--touch-hud-left,16px) - var(--safe-left,0px)) / var(--ui-scale,1) + 170px), calc((var(--touch-corner-reserve,0px) - var(--safe-right,0px)) / var(--ui-scale,1)));--wave-strip-top:calc((var(--touch-pause-top,18px) - var(--safe-top,0px)) / var(--ui-scale,1));--wave-strip-height:40px}:root[data-shell=mobile] #hud .boss-bar{top:auto;bottom:var(--low-middle);height:var(--boss-bar-height)}:root[data-shell=mobile] #hud .boss-bar .name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}:root[data-shell=mobile] #hud .arsenal{bottom:var(--arsenal-bottom)}:root[data-shell=mobile] #hud .crate-toast{top:auto;bottom:var(--low-middle)}:root[data-shell=mobile] #hud .award{font-size:max(15px, var(--hud-min-text))}:root[data-shell=mobile] #hud .shield{font-size:max(14px, var(--hud-min-text))}:root[data-shell=mobile] #hud :is(.crate-effect,.crate-toast .detail){font-size:max(16px, var(--hud-min-text))}:root[data-shell=mobile] #hud .mines .key{font-size:max(11px, var(--hud-min-text))}:root[data-form=phone] #hud{--hud-top:calc(var(--corner-top-right-y,8px) - var(--safe-top,0px));--hud-right:calc(var(--touch-corner-reserve,var(--corner-top-right-x,8px)) - var(--safe-right,0px));--drone-size:36px;--arsenal-bottom:var(--space-2);--arsenal-height:40px;--low-middle:calc(var(--arsenal-bottom) + var(--arsenal-height) + var(--space-2));--boss-bar-height:44px;--wave-strip-top:var(--hud-top);--wave-strip-height:28px;font-size:var(--text-body);--hud-drop:2px 2px 0 #0009;text-shadow:var(--hud-drop)}:root[data-form=phone] #hud .counters{gap:var(--space-1)}:root[data-form=phone] #hud .counter{gap:.5em}:root[data-form=phone] #hud :is(.award,.shield,.crate-effect,.crate-toast .detail,.mines .key){font-size:var(--text-min)}:root[data-form=phone] #hud .drones{top:var(--hud-top);right:var(--hud-right);gap:6px}:root[data-form=phone] #hud .drone-slot{width:var(--drone-size);height:var(--drone-size)}:root[data-form=phone] #hud .drone-slot .pixel-icon{width:24px;height:24px}:root[data-shell=mobile][data-form=phone] #hud .enemies{display:none}:root[data-form=phone] #hud:not(.coop) .enemies-count:not([hidden]){top:calc(var(--hud-top) + var(--drone-size) + var(--space-2));right:var(--hud-right);align-items:center;gap:var(--space-1);display:flex;position:absolute}:root[data-form=phone] #hud .drones.none~.enemies-count{top:var(--hud-top)}:root[data-form=phone] #hud .enemies-count .pixel-icon{width:16px;height:15px}#hud .enemies-count .value{color:var(--ui-yellow)}:root[data-form=phone] #hud .lives .pixel-icon{width:22px;height:20px}:root[data-form=phone] #hud .status{gap:6px}:root[data-form=phone] #hud :is(.health,.shield){gap:var(--space-2)}:root[data-form=phone] #hud .health .pixel-icon{width:22px;height:19px}:root[data-form=phone] #hud .base .pixel-icon{width:22px;height:18px}:root[data-form=phone] #hud .segments{border-width:2px;gap:2px;padding:2px;box-shadow:2px 2px #00000073}:root[data-form=phone] #hud .segment{width:14px;height:10px}:root[data-form=phone] #hud .shield .pixel-icon{width:20px;height:20px}:root[data-form=phone] #hud .charge-bar{width:64px;height:8px}:root[data-form=phone] #hud .turrets{gap:6px}:root[data-form=phone] #hud .turret .pixel-icon{width:16px;height:16px}:root[data-form=phone] #hud .turret .bar{width:22px;height:8px}:root[data-form=phone] #hud .crate-effects{gap:var(--space-1) var(--space-3);flex-wrap:wrap;margin-top:2px;display:flex}:root[data-form=phone] #hud .crate-effect{gap:6px}:root[data-form=phone] #hud .crate-effect .pixel-icon{width:16px;height:16px}:root[data-form=phone] #hud .crate-effect .bar{width:48px;height:8px}:root[data-form=phone] #hud .arsenal{gap:var(--space-3)}:root[data-form=phone] #hud .mines{gap:var(--space-1);height:var(--arsenal-height);font-size:var(--text-body);border-width:2px;padding:0 10px 0 18px}:root[data-form=phone] #hud .mines .pixel-icon{width:22px;height:18px}:root[data-form=phone] #hud .boss-bar{border-width:2px;gap:3px;width:min(360px,42cqw);padding:3px 8px 4px}:root[data-form=phone] #hud .boss-bar .name{font-size:var(--text-small);line-height:1.1}:root[data-form=phone] #hud .boss-bar .bar{border-width:2px;height:14px;padding:2px}:root[data-form=phone] #hud .crate-toast{gap:var(--space-2);font-size:var(--text-small);border-width:2px;padding:4px 10px}:root[data-form=phone] #hud .crate-toast .pixel-icon{width:20px;height:20px}:root[data-form=phone] #hud .crate-arrow{width:32px;height:32px}:root[data-form=phone] #hud .crate-arrow .pixel-icon{width:20px;height:20px}:root[data-form=phone] #hud .base-alert{font-size:var(--text-heading)}:root[data-form=phone] #hud .outcome h1{font-size:clamp(40px,14cqh,72px)}:root[data-form=phone] #hud .outcome p{font-size:var(--text-body)}:root[data-form=phone] #hud .boss-banner{gap:var(--space-3)}:root[data-form=phone] #hud .boss-banner .banner-title{font-size:clamp(32px,11cqh,56px)}:root[data-form=phone] #hud .boss-banner.fight .banner-title{font-size:clamp(48px,18cqh,96px)}:root[data-form=phone] #hud .boss-banner.cleared .banner-title{font-size:clamp(28px,9cqh,44px)}:root[data-form=phone] #hud .boss-banner .speaker{width:min(560px,70cqw)}:root:not([data-shell=mobile]) #hud{--wave-strip-top:18px;--wave-strip-height:40px;--coop-reserve:max(260px, calc(var(--sound-button-reserve,0px) / var(--ui-scale,1)))}#hud.coop :is(.score,.enemies,.enemies-count,.drones){display:none}#hud .wave-strip{top:var(--wave-strip-top);max-width:calc(100% - 2 * var(--coop-reserve));height:var(--wave-strip-height);white-space:nowrap;border:3px solid var(--ui-frame);border-radius:var(--radius);background:#1d1e22d1;align-items:center;gap:10px;padding:0 12px 0 4px;font-size:18px;display:flex;position:absolute;left:50%;overflow:hidden;translate:-50%;box-shadow:3px 3px #00000073}#hud .wave-strip[hidden],#hud .wave-strip :is(.pips,.drain)[hidden]{display:none}#hud .wave-strip .plate{color:var(--ui-dark);background:var(--ui-yellow);border-radius:var(--radius-inner);text-shadow:none;padding:2px 8px}#hud .wave-strip[data-stage=breather] .detail{color:var(--ui-yellow)}#hud .wave-strip .drain{background:var(--ui-yellow);height:3px;transition:width .25s linear;position:absolute;bottom:0;left:0}#hud .wave-strip .pips{gap:4px;display:flex}#hud .wave-strip .pip{background:#b8bcc4;width:14px;height:14px;box-shadow:inset 0 0 0 2px #5a5f68}#hud .wave-strip .pip.gone{opacity:.2}:root:not([data-shell=mobile]) #hud.coop .boss-bar{top:calc(var(--wave-strip-top) + var(--wave-strip-height) + 10px)}:root:not([data-shell=mobile]) #battle-screen:has(>#scoreboard[data-board=open]) #hud.coop .boss-bar{width:min(560px, 46cqw, 100% - 2 * var(--board-reserve))}:root:not([data-shell=mobile]) #hud.coop .crate-toast{top:auto;bottom:calc(40px + 54px + var(--space-3))}:root[data-form=phone] #hud .wave-strip{gap:var(--space-2);padding:0 var(--space-2) 0 3px;font-size:var(--text-small);border-width:2px}:root[data-form=phone] #hud .wave-strip .plate{padding:2px var(--space-2)}:root[data-form=phone] #hud .wave-strip .pips{gap:3px}:root[data-form=phone] #hud .wave-strip .pip{width:10px;height:10px}:root[data-shell=mobile] #hud:has(>.boss-bar:not([hidden])) .crate-toast{bottom:calc(var(--low-middle) + var(--boss-bar-height) + var(--space-1))}:root[data-form=desktop] #hud .weapon-slot.selected+.key{color:var(--ui-yellow);border-color:var(--ui-yellow)}:root[data-shell=mobile]{--safe-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--safe-right:var(--safe-area-inset-right,env(safe-area-inset-right,0px));--safe-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--safe-left:var(--safe-area-inset-left,env(safe-area-inset-left,0px));--zoomed-safe-top:calc(var(--safe-top) / var(--ui-scale,1));--zoomed-safe-right:calc(var(--safe-right) / var(--ui-scale,1));--zoomed-safe-bottom:calc(var(--safe-bottom) / var(--ui-scale,1));--zoomed-safe-left:calc(var(--safe-left) / var(--ui-scale,1));--zoomed-tap-min:calc(var(--tap-min) / var(--ui-scale,1));--zoomed-text-min:calc(var(--text-min) / var(--ui-scale,1));--usable-top:calc(var(--safe-top) + max(var(--corner-gap-top-left,0px), var(--corner-gap-top-right,0px), var(--corner-gap-min)));--usable-right:calc(var(--safe-right) + max(var(--corner-gap-top-right,0px), var(--corner-gap-bottom-right,0px), var(--corner-gap-min)));--usable-bottom:calc(var(--safe-bottom) + max(var(--corner-gap-bottom-left,0px), var(--corner-gap-bottom-right,0px), var(--corner-gap-min)));--usable-left:calc(var(--safe-left) + max(var(--corner-gap-top-left,0px), var(--corner-gap-bottom-left,0px), var(--corner-gap-min)))}:root[data-shell=mobile] :is(#base-controls,#hud,#scoreboard,#pause,#title,#difficulty-picker,#settings,#lobby,#debrief,#final-score){border:0 solid #0000;border-width:var(--zoomed-safe-top) var(--zoomed-safe-right) var(--zoomed-safe-bottom) var(--zoomed-safe-left)}:root[data-shell=mobile][data-form=phone] :is(#base-controls,#pause,#title,#difficulty-picker,#settings,#lobby,#debrief,#final-score){border-width:var(--usable-top) var(--usable-right) var(--usable-bottom) var(--usable-left)}:root[data-shell=mobile] :is(#dialogue,#notice){top:calc(18px + var(--zoomed-safe-top))}:root[data-shell=mobile] #watch-banner{top:calc(5rem + var(--zoomed-safe-top))}:root[data-shell=mobile][data-input=touch] #dialogue .skip{display:block}#radio{--radio-top:70px;--radio-left:260px;--radio-corner:max(260px, calc(var(--sound-button-reserve,0px) / var(--ui-scale,1)));--radio-right:var(--radio-corner);z-index:2;top:var(--radio-top);left:var(--radio-left);right:var(--radio-right);width:min(560px, 100% - var(--radio-left) - var(--radio-right));letter-spacing:calc(.08em * var(--tracking));-webkit-font-smoothing:none;color:var(--ui-white);text-shadow:2px 2px #0009;border:3px solid var(--ui-frame);border-left:6px solid var(--ui-yellow);border-radius:var(--radius);pointer-events:none;background:#1d1e22db;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;margin-inline:auto;padding:6px 14px 6px 6px;font-weight:900;display:grid;position:absolute;box-shadow:3px 3px #00000073}#radio[hidden]{display:none}#radio .portrait{border:3px solid var(--ui-dark);background:#3a5a2e;place-items:center;width:56px;height:56px;display:grid}#radio .portrait .pixel-icon{filter:none;width:84%;height:84%}#radio p{margin:0}#radio .speaker{text-transform:uppercase;color:var(--ui-yellow);font-size:14px}#radio .line{letter-spacing:calc(.02em * var(--tracking));text-wrap:balance;font-size:18px;line-height:1.3}#radio.tanko .portrait{background:#2d7bea}#radio.sprocket .portrait{background:#c2a35c}#radio.gearhart{border-left-color:var(--health)}#radio.gearhart .portrait{background:#5a1f19}#radio.gearhart .speaker{color:var(--health)}#radio.chime .portrait{background:#24304f}:root[data-shell=mobile] #radio{--radio-top:calc((var(--touch-pause-top,18px) - var(--safe-top,0px)) / var(--ui-scale,1) + 52px);--radio-left:calc((var(--touch-hud-left,16px) - var(--safe-left,0px)) / var(--ui-scale,1) + 170px);--radio-corner:calc((var(--touch-corner-reserve,0px) - var(--safe-right,0px)) / var(--ui-scale,1))}:root[data-form=phone] #radio{--radio-top:calc(var(--corner-top-right-y,8px) - var(--safe-top,0px) + 36px);gap:var(--space-2);width:min(440px, 100% - var(--radio-left) - var(--radio-right));padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border-width:2px 2px 2px 4px;grid-template-columns:36px minmax(0,1fr)}:root[data-form=phone] #radio .portrait{border-width:2px;width:36px;height:36px}:root[data-form=phone] #radio .speaker{font-size:var(--text-min)}:root[data-form=phone] #radio .line{font-size:var(--text-small)}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #radio .speaker{font-size:max(14px, var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #radio .line{font-size:max(18px, var(--zoomed-text-min))}#scoreboard[data-board=open] #radio{--radio-right:max(var(--radio-corner), var(--board-reserve))}#scoreboard[data-result]{--radio-strip:64px}#scoreboard[data-result] #radio{inset:auto calc(var(--result-body-right) + var(--result-ticket) + var(--space-2)) var(--result-body-bottom) var(--result-body-left);width:auto;height:var(--radio-strip);grid-template-columns:40px minmax(0,1fr);margin:0;padding-block:4px;overflow:hidden}#scoreboard[data-result] #radio .portrait{width:40px;height:40px}#scoreboard[data-result] #radio .words{align-items:baseline;gap:var(--space-3);display:flex}#scoreboard[data-result] #radio .speaker{flex:none}#scoreboard[data-result] #radio .line{line-height:1.1}:root[data-form=phone] #scoreboard[data-result]{--radio-strip:44px}:root[data-form=phone] #scoreboard[data-result] #radio{grid-template-columns:32px minmax(0,1fr)}:root[data-form=phone] #scoreboard[data-result] #radio .portrait{width:32px;height:32px}:root:not([data-shell=mobile]) #battle-screen:has(>#hud.coop>.boss-bar:not([hidden])) #radio{--radio-top:160px}:root{--top-bar-tap:var(--tap-min);--top-bar-text:var(--text-small);--top-bar-back-width:88px;--top-bar-layer-top:16px;--top-bar-inset:24px}:root[data-shell=mobile][data-form=tablet]{--top-bar-tap:max(var(--tap-min), var(--zoomed-tap-min));--top-bar-layer-top:max(16px, calc(max(var(--corner-gap-top-left,0px), var(--corner-gap-top-right,0px), var(--corner-gap-min)) / var(--ui-scale,1)))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]){--top-bar-text:max(var(--text-small), var(--zoomed-text-min))}:root[data-form=phone]{--top-bar-end:max(0px, var(--sound-button-reserve,var(--usable-right) + var(--tap-min) + var(--tap-gap)) - var(--usable-right))}.top-bar{align-items:center;gap:var(--tap-gap);min-width:0;min-height:var(--top-bar-tap);display:flex}:root[data-form=phone] .top-bar{padding-right:var(--top-bar-end)}:root:not([data-form=phone]) .top-bar{padding-right:max(0px, calc((var(--sound-button-reserve) - var(--safe-right,0px)) / var(--ui-scale,1) - var(--top-bar-inset,0px)))}:root[data-shell=mobile][data-form=tablet] .top-bar{padding-left:max(0px, calc(max(var(--corner-gap-top-left,0px), var(--corner-gap-min)) / var(--ui-scale,1) - var(--top-bar-inset,0px)))}.top-bar-title{font-size:clamp(var(--text-body), 4.5cqh, var(--text-heading));white-space:nowrap;color:var(--ui-yellow);margin:0}.top-bar-back{justify-content:center;align-items:center;gap:var(--space-2);min-width:max(var(--top-bar-back-width), var(--top-bar-tap));min-height:var(--top-bar-tap);padding:0 var(--space-3);font:inherit;font-size:var(--top-bar-text);white-space:nowrap;text-transform:none;letter-spacing:calc(.08em * var(--tracking));color:var(--ui-white);text-shadow:none;border-radius:var(--radius);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:#1d1e22cc;border:3px solid #ffffff8c;flex:none;font-weight:500;display:inline-flex;box-shadow:3px 3px #00000059}.top-bar-back:active{transform:translate(2px,2px);box-shadow:1px 1px #00000059}@media (hover:hover){.top-bar-back:hover{border-color:var(--ui-frame-light)}}.top-bar-key{color:#e8e8ec;background:#1b1c20;border:1px solid #6b6d76;border-radius:.35em;padding:0 .3em;line-height:1.2}.top-bar-key:has(>.pad-glyph){background:0 0;border:0;padding:0}.top-bar-key:empty{display:none}.top-bar-tabs:not([hidden]){overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x;background:var(--ui-dark);border-radius:var(--radius);outline:3px solid var(--ui-frame);outline-offset:-3px;flex:0 auto;min-width:0;display:flex;overflow-x:auto}.top-bar-tabs[data-more=start]{mask-image:linear-gradient(to right, transparent, var(--ui-white) var(--space-5))}.top-bar-tabs[data-more=end]{mask-image:linear-gradient(to left, transparent, var(--ui-white) var(--space-5))}.top-bar-tabs[data-more=both]{mask-image:linear-gradient(to right, transparent, var(--ui-white) var(--space-5), var(--ui-white) calc(100% - var(--space-5)), transparent)}.top-bar-tabs>*{min-width:var(--top-bar-tap);min-height:var(--top-bar-tap);padding:0 var(--space-3);font:inherit;font-size:var(--top-bar-text);letter-spacing:calc(.1em * var(--tracking));color:var(--ui-frame-light);border-radius:var(--radius);cursor:pointer;background:padding-box padding-box;border:3px solid #0000;flex:none;font-weight:400}.top-bar-tabs>[aria-selected=true]{color:var(--ui-dark);background-color:var(--ui-yellow);text-shadow:none}@media (hover:hover){.top-bar-tabs>:not([aria-selected=true]):hover{color:var(--ui-white)}}.top-bar-plate:not([hidden]){min-width:0;min-height:var(--top-bar-tap);padding:0 var(--space-3);font-size:var(--top-bar-text);letter-spacing:calc(.1em * var(--tracking));white-space:nowrap;color:var(--ui-dark);background:var(--ui-yellow);border-radius:var(--radius);text-shadow:none;border:3px solid #b8730f;flex:auto;align-items:center;gap:.6em;margin:0;font-weight:900;display:flex;overflow:hidden}.top-bar-plate>:not(:first-child):before{content:"·";margin-right:.6em}.top-bar>.top-bar-end{margin-left:auto}:root .top-bar>[hidden],:root .top-bar-tabs>[hidden]{display:none}#battle-screen{--board-reserve:calc(.8rem + 1.2rem + 3px + 22.9 * .8rem + 12px)}:root[data-form=phone] #battle-screen{--board-reserve:calc(.8rem + clamp(240px, 36cqw, 320px) + var(--space-2))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #battle-screen{--board-reserve:calc(.8rem + 1.2rem + 3px + 22.9 * max(.8rem, var(--zoomed-text-min)) + 12px)}#scoreboard{--result-body-left:var(--top-bar-inset);--result-body-right:var(--top-bar-inset);--result-body-bottom:var(--top-bar-inset);--result-ticket:clamp(168px, 28cqw - 20px, 260px);color:#fff8e1;pointer-events:none;position:absolute;inset:0}#scoreboard .board{--board-columns:.7em 10em 2.4em 3.2em 3.8em;background:#1213169e;padding:.5rem .6rem;font-size:.8rem;line-height:1.25;position:absolute;top:4.5rem;right:.8rem}#scoreboard .board.seasonal{--board-columns:.7em 10em 2.4em 3.2em 2.8em 3.8em}#scoreboard .board.crowded{font-size:.66rem;line-height:1.15}#scoreboard .clock{text-align:center;letter-spacing:calc(.1em * var(--tracking));margin:0 0 .3rem;font-size:1.1rem}#scoreboard .board-head,#scoreboard .rows li{grid-template-columns:var(--board-columns);border-left:3px solid var(--team,transparent);align-items:center;column-gap:.5em;padding:.25em .4em;display:grid}#scoreboard .crowded li{padding-block:.08em}#scoreboard .board-head{border-bottom:1px solid #fff8e14d}#scoreboard .board-head>span{letter-spacing:calc(.12em * var(--tracking));opacity:.7;font-size:.75em;font-weight:900}#scoreboard .board-head>:first-child{grid-column:1/4}#scoreboard .board-head>:not(:first-child){text-align:right}#scoreboard .rows{margin:0;padding:0;list-style:none}#scoreboard .rows li:nth-child(2n){background:#fff8e10f}#scoreboard .rows li.team{background:0 0;margin-top:.4em;padding-top:.3em;display:block}#scoreboard .rows li.team:first-child{margin-top:.2em}#scoreboard .rows .team-name{color:var(--team);letter-spacing:calc(.14em * var(--tracking));text-shadow:1px 1px #1d1e22;font-weight:900}#scoreboard .rows li.you{background:#f2c23040}#scoreboard .rows li.out{opacity:.4}#scoreboard .dot{background:var(--swatch);width:.85em;height:.85em;box-shadow:inset 0 0 0 1px #fff6dcbf}#scoreboard .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#scoreboard .badge{letter-spacing:calc(.08em * var(--tracking));color:#1d1e22;background:#c9c9c9;justify-self:start;padding:0 .3em;font-size:.7em;font-weight:900}#scoreboard .badge:empty{visibility:hidden}#scoreboard :is(.kills,.rows .gold){text-align:right}#scoreboard .lives{color:#e53935;letter-spacing:calc(.12em * var(--tracking));white-space:nowrap;justify-self:end}#name-tags{pointer-events:none;position:absolute;inset:0;overflow:hidden}#name-tags .name-tag{color:#fff8e1;white-space:nowrap;border-bottom:2px solid var(--swatch);background:#12131699;padding:0 .3rem;font-size:.7rem;position:absolute;top:0;left:0}#leave-hint{top:40%;left:calc(var(--wide-inset,0px) / var(--ui-scale,1));right:calc(var(--wide-inset,0px) / var(--ui-scale,1));text-align:center;color:#fff8e1;text-shadow:0 2px #1d1e22;pointer-events:none;margin:0;position:absolute}#fight-countdown{top:32%;left:calc(var(--wide-inset,0px) / var(--ui-scale,1));right:calc(var(--wide-inset,0px) / var(--ui-scale,1));text-align:center;letter-spacing:calc(.15em * var(--tracking));color:var(--ui-yellow);text-shadow:0 6px #1d1e22;pointer-events:none;margin:0;font-size:5rem;position:absolute}#watch-banner{color:#fff8e1;text-align:center;text-shadow:0 2px #1d1e22;background:#12131699;align-items:center;gap:.8rem;padding:.4rem .8rem;display:flex;position:absolute;top:5rem;left:50%;translate:-50%}#watch-banner[hidden],#watch-banner [hidden]{display:none}#watch-banner p{margin:.1rem 0}#watch-banner .watching{justify-content:center;align-items:center;gap:.5rem;display:flex}#watch-banner .dot{background:var(--swatch);width:.8rem;height:.8rem}#watch-banner .back-in{color:var(--ui-yellow)}#scoreboard .result{--result-text:var(--text-small);row-gap:var(--space-4);padding:var(--top-bar-layer-top) var(--top-bar-inset) var(--top-bar-inset);font-size:var(--result-text);letter-spacing:calc(.06em * var(--tracking));background:#12131699;grid-template-rows:auto minmax(0,1fr);line-height:1.25;display:grid;position:absolute;inset:0}#scoreboard .result>*{pointer-events:auto}#battle-screen:has(>#scoreboard[data-result]:not([hidden])) :is(#hud,#raid-arrows,#touch-controls,#name-tags,#fight-countdown,#watch-banner){display:none}#battle-screen:has(>#scoreboard[data-result]:not([hidden])) #leave-hint{width:max-content;max-width:90%;padding:var(--space-2) var(--space-3);background:var(--ui-panel);border:2px solid var(--ui-yellow);border-radius:var(--radius);margin-inline:auto;top:50%}#scoreboard .result-body{grid-template-columns:minmax(0, 1fr) var(--result-ticket);gap:var(--space-2);min-height:0;display:grid}#scoreboard :is(.result-page,.result-ticket){min-height:0;padding:var(--space-2);border:3px solid var(--ui-frame);border-radius:var(--radius);background:#1d1e22f0}#scoreboard .result-page{flex-direction:column;display:flex}#scoreboard:has(>#radio:not([hidden])) .result-page{margin-bottom:calc(var(--radio-strip) + var(--space-2))}#scoreboard .result .standings{gap:var(--space-2);overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}#scoreboard .standings-table{--standings-columns:2.2em 1em minmax(0, 1fr) 3em 3em 4em 4.6em;margin:0;padding:0;list-style:none}#scoreboard .standings-table li{grid-template-columns:var(--standings-columns);align-items:center;column-gap:var(--space-2);min-height:28px;padding:0 var(--space-2);border-left:3px solid var(--team,transparent);border-radius:var(--radius-inner);display:grid}#scoreboard .standings-table li:nth-child(2n){background:#fff6dc0f}#scoreboard .result-page .more{text-align:center;color:var(--ui-yellow);letter-spacing:calc(.12em * var(--tracking));flex:none;margin:0}#scoreboard .result-page .more[hidden]{display:none}#scoreboard .standings-table .head{min-height:22px;color:var(--ui-frame-light);border-bottom:1px solid #fff6dc4d;border-radius:0}#scoreboard .standings-table .head>:first-child{grid-column:3/5}#scoreboard .standings-table :is(.head>:not(:first-child),.number,.place){text-align:right;font-variant-numeric:tabular-nums}#scoreboard .standings-table li.team{margin-top:var(--space-1);color:var(--ink);background:color-mix(in srgb, var(--team) 80%, #000);text-shadow:none;font-weight:900}#scoreboard .standings-table .team>.dot{visibility:hidden}#scoreboard .standings-table li.you{z-index:1;background:color-mix(in srgb, var(--ui-yellow) 25%, var(--ui-panel));position:sticky;top:0;bottom:0}#scoreboard .standings-table li.side.you{border-left-color:var(--ui-yellow)}#scoreboard .result-ticket{gap:var(--space-2);padding-top:calc(var(--space-2) + 4px);overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;flex-direction:column;display:flex;position:relative;overflow:hidden auto}#scoreboard .result-ticket:before{content:"";background:linear-gradient(90deg, var(--mode-left,var(--mode-free-arena)) 50%, var(--mode-right,var(--mode-left,var(--mode-free-arena))) 50%);height:4px;position:absolute;inset:0 0 auto}#scoreboard .result-ticket :is(p,ol){margin:0}#scoreboard .result-ticket .label{color:var(--ui-frame-light)}#scoreboard .result-ticket .winner{align-items:center;gap:var(--space-2);font-size:var(--text-body);font-weight:900;display:flex}#scoreboard .result-ticket .winner>.dot{flex:none;width:16px;height:16px}#scoreboard .result-ticket .winner>.name{white-space:normal;overflow-wrap:anywhere}#scoreboard .result-ticket :is(.plate,.verdict){padding:0 var(--space-2);text-align:center;color:var(--ink);border-radius:var(--radius);text-shadow:none;flex:auto;place-items:center;display:grid}#scoreboard .result-ticket .plate{min-height:40px;font-size:var(--text-body);background:var(--ui-button)}#scoreboard .result-ticket .plate.team{background:color-mix(in srgb, var(--team) 80%, #000)}#scoreboard .result-ticket .details{gap:var(--space-1);display:grid}#scoreboard .result-ticket .details:empty{display:none}#scoreboard .result-ticket .verdict{background:var(--ui-button);min-height:32px;font-weight:900}#scoreboard .result-ticket .verdict[data-kind=win]{color:var(--ui-dark);background:var(--ui-yellow)}#scoreboard .result-ticket .verdict[data-kind=lose]{background:color-mix(in srgb, var(--danger) 78%, #000)}#scoreboard .result-ticket .round-list{gap:var(--space-1);padding:0;list-style:none;display:grid}#scoreboard .result-ticket .round-list li{align-items:center;gap:6px;min-width:0;display:flex}#scoreboard .result-ticket .round-list :is(.round,.open .name){color:var(--ui-frame-light)}#scoreboard .result-ticket .round-list .dot{flex:none}#scoreboard .result-ticket .ticket-end{z-index:1;background:var(--ui-panel);margin-top:auto;display:grid;position:sticky;bottom:0}#scoreboard .result-ticket .info{min-height:var(--tap-min);padding:var(--space-1);text-align:center;color:var(--ui-yellow);border:2px solid var(--ui-yellow);border-radius:var(--radius);place-items:center;display:grid}#scoreboard .result-ticket .go{width:100%;min-height:56px;padding:0 var(--space-2);font-size:var(--text-button);letter-spacing:calc(.06em * var(--tracking));white-space:nowrap;color:var(--ui-dark);background:var(--ui-yellow);border-radius:var(--radius);text-shadow:none;border-color:#b8730f;flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex}#scoreboard .result-ticket .go small{font-size:var(--result-text);letter-spacing:calc(.1em * var(--tracking))}#scoreboard .result-ticket .go small:empty{display:none}#scoreboard .standings[data-mode=coop] .standings-table li.team,#scoreboard .result-ticket .plate.held{color:var(--ui-dark);background:var(--ui-yellow)}#scoreboard .result-ticket .plate.fell{background:color-mix(in srgb, var(--danger) 75%, #000)}#scoreboard .result-ticket .label.win{color:var(--ui-yellow)}#scoreboard .result-ticket .coop-stats{gap:2px var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}#scoreboard .result-ticket .coop-stats .stat{min-width:0;display:grid}#scoreboard .result-ticket .coop-stats dt{font-size:var(--text-min);color:var(--ui-frame-light)}#scoreboard .result-ticket .coop-stats dd{margin:0}:root[data-form=phone] #scoreboard .result-ticket{gap:var(--space-1)}#scoreboard .standings.crowded .standings-table li{min-height:22px}#scoreboard .result[hidden],#scoreboard .result [hidden]{display:none}:root[data-shell=mobile][data-form=phone] #scoreboard{--result-body-left:calc(var(--usable-left) - var(--zoomed-safe-left));--result-body-right:calc(var(--usable-right) - var(--zoomed-safe-right));--result-body-bottom:calc(var(--usable-bottom) - var(--zoomed-safe-bottom))}:root[data-shell=mobile][data-form=phone] #scoreboard .result{row-gap:var(--space-2);padding:calc(var(--usable-top) - var(--zoomed-safe-top)) var(--result-body-right) var(--result-body-bottom) var(--result-body-left)}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #scoreboard .result{--result-text:max(var(--text-small), var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #scoreboard :is(.winner,.plate){font-size:max(var(--text-body), var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #scoreboard .result-ticket .coop-stats dt{font-size:max(var(--text-min), var(--zoomed-text-min))}:root[data-shell=mobile][data-form=tablet] #scoreboard .result-ticket .go{min-height:max(56px, var(--zoomed-tap-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #scoreboard{--result-body-left:max(var(--top-bar-inset), (100cqw - 980px) / 2);--result-body-right:var(--result-body-left)}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #scoreboard .result-body{justify-self:center;width:min(100%,980px)}:root[data-form=phone] #scoreboard .board{--board-columns:8px minmax(0, 1fr) 2.8em 3.2em 3.4em;--board-bottom:calc(max(20px, var(--safe-bottom,0px)) - var(--safe-bottom,0px) + 168px);width:clamp(240px,36cqw,320px);max-height:calc(100cqh - 4.5rem - var(--board-bottom));padding:var(--space-1) var(--space-2);font-size:var(--text-min);flex-direction:column;line-height:1.25;display:flex}:root[data-form=phone] #scoreboard .board.seasonal{--board-columns:8px minmax(0, 1fr) 2.8em 3.2em 2.6em 3.4em}:root[data-form=phone] #scoreboard .board[hidden]{display:none}:root[data-form=phone] #scoreboard .clock{margin-bottom:var(--space-1);font-size:var(--text-body)}:root[data-form=phone] #scoreboard :is(.board-head>span,.badge){font-size:var(--text-min);letter-spacing:calc(.02em * var(--tracking))}:root[data-form=phone] #scoreboard :is(.board-head,.rows li.team){display:none}:root[data-form=phone] #scoreboard .rows{flex:auto;min-height:0;overflow:hidden}:root[data-form=phone] #scoreboard .rows li{padding:1px var(--space-1)}:root[data-form=phone] #scoreboard .rows li.you{z-index:1;background:#4a3f1d;position:sticky;top:0;bottom:0}:root[data-form=phone] #name-tags .name-tag{font-size:var(--text-min)}:root[data-shell=mobile][data-form=phone] #watch-banner{top:auto;bottom:calc(var(--safe-bottom) + 12px);max-width:calc(100vw - 2 * (max(24px, var(--safe-left), var(--safe-right)) + 168px))}:root #scoreboard[data-board=closed] .board{display:none}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #scoreboard .board{font-size:max(.8rem, var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #scoreboard .board.crowded{font-size:max(.66rem, var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #scoreboard :is(.board-head>span,.badge){font-size:max(.75em, var(--zoomed-text-min))}:root:not([data-form=phone]) #name-tags .name-tag{font-size:max(.7rem, var(--text-min))}#battle-screen:has(>#hud>.boss-banner:not([hidden])) :is(#scoreboard .board,#watch-banner){visibility:hidden}#settings{text-transform:uppercase;letter-spacing:calc(.14em * var(--tracking));-webkit-font-smoothing:none;color:var(--ui-white);text-shadow:2px 2px #0009;background:radial-gradient(#140c0659 0%,#140c06d9 75%);grid-template:auto minmax(0,1fr)/minmax(0,1fr);place-items:start stretch;gap:16px;font-weight:900;display:grid;position:fixed;inset:0}#settings[hidden]{display:none}:root:not([data-form=phone]) #settings{padding:var(--top-bar-layer-top) var(--top-bar-inset) 16px}#settings .sheet{border:4px solid var(--ui-frame);border-radius:var(--radius);background-color:#1d1e22f0;gap:16px;padding:24px 30px 22px;display:grid;box-shadow:inset 0 0 0 3px #3c3d42,4px 4px #00000080}#settings .pane{gap:16px;display:grid}#settings .rows{gap:8px;display:grid}#settings .row{font:inherit;text-align:left;color:var(--ui-white);border:3px solid var(--ui-frame);text-shadow:inherit;cursor:pointer;background:#26272c;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;font-size:16px;text-decoration:none;display:flex;box-shadow:inset 0 0 0 2px #3c3d42}#settings .row.selected{border-color:var(--focus-ring,var(--ui-frame));outline:var(--focus-edge,none)}@media (hover:hover){#settings .row:hover{border-color:var(--ui-frame-light)}}#settings .row .value{color:var(--ui-frame-light)}:root:is([data-input=pad],[data-input=touch]) #settings .name .key{display:none}#settings .setup{text-align:center;gap:10px;padding:18px 0;display:grid}#settings .setup p{margin:0}#settings .ask{color:var(--ui-yellow);font-size:30px}#settings .pad-line,#settings .message,#settings .step-count,#settings .note,#settings .hint,#settings .version{text-align:center;color:var(--ui-frame-light);margin:0;font-size:12px}#settings .message{min-height:1em;color:var(--ui-yellow)}#settings .version{color:var(--ui-frame);letter-spacing:calc(.08em * var(--tracking));text-transform:none}#settings .hint:empty{display:none}:root:not([data-form=phone]) #settings .footer{gap:16px;display:grid}:root:not([data-form=phone]) #settings .footer .done{order:-1}#settings .footer-note{gap:8px;display:grid}#settings .arrow{cursor:pointer;padding:0 6px}#settings .licences{overscroll-behavior:contain;touch-action:pan-y;text-transform:none;align-content:start;gap:14px;height:min(360px,46cqh);padding-right:4px;display:grid;overflow-y:auto}#settings .licences :is(p,ul,pre,h2){margin:0}#settings .licences :is(p,li,pre){letter-spacing:calc(.02em * var(--tracking));text-shadow:none;overflow-wrap:anywhere;color:var(--ui-frame-light);-webkit-user-select:text;user-select:text;font-weight:600}#settings .licences p{white-space:pre-line;font-size:14px;line-height:1.4}#settings .licence,#settings .credits{border-top:2px solid #3c3d42;gap:6px;padding-top:10px;display:grid}#settings .licence-head{justify-content:space-between;align-items:center;gap:12px;display:flex}#settings .licences h2{color:var(--ui-yellow);text-transform:uppercase;font-size:16px}#settings .licence .toggle{flex:none;font-size:14px}#settings :is(.copyrights,.licence-text){padding:0;font-size:12px;line-height:1.45;list-style:none}#settings .licence-text{white-space:pre-wrap;background:#26272c;border:3px solid #4a4b50;padding:8px 10px;font-family:inherit}:root[data-form=tablet] #settings{--settings-tap:var(--zoomed-tap-min)}:root[data-form=tablet] #settings .row{min-height:var(--settings-tap);padding-block:0}:root[data-form=tablet] #settings .arrow{min-width:var(--settings-tap);min-height:var(--settings-tap);place-items:center;padding:0;font-size:20px;display:inline-grid}:root:is([data-form=tablet],[data-form=desktop]) #settings :is(.row,.licences h2){font-size:max(16px, var(--zoomed-text-min))}:root:is([data-form=tablet],[data-form=desktop]) #settings .licences p{font-size:max(14px, var(--zoomed-text-min))}:root:is([data-form=tablet],[data-form=desktop]) #settings :is(.pad-line,.message,.step-count,.note,.hint,.version,.copyrights,.licence-text){font-size:var(--zoomed-text-min)}:root[data-form=phone] #settings{place-items:stretch stretch;gap:var(--space-2)}:root[data-form=phone] #settings .sheet{justify-self:center;gap:var(--space-2);width:100%;max-width:820px;min-height:0;box-shadow:none;background:0 0;border:0;flex-direction:column;padding:0;display:flex}@container screen (width<560px){:root[data-form=phone] #settings [role=tab]{padding-inline:var(--space-2);letter-spacing:calc(.06em * var(--tracking))}}:root[data-form=phone] #settings .pane:not([hidden]){gap:var(--space-2);min-height:0;padding:var(--space-3);border:3px solid var(--ui-frame);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--ui-button), 4px 4px 0 #00000080;background-color:#1d1e22f0;flex-direction:column;flex:0 auto;display:flex}:root[data-form=phone] #settings .pane:has(.licences){flex:1 1 0}:root[data-form=phone] #settings .rows{align-content:start;gap:var(--space-1);flex:auto}:root[data-form=phone] #settings .row{min-height:var(--tap-min);gap:var(--space-2);padding:0 var(--space-3);font-size:var(--text-body);letter-spacing:calc(.1em * var(--tracking));box-shadow:none;background:#3c3d428c;border:2px solid #0000;flex:none}:root[data-form=phone] #settings .rows .row:has(.value){padding-right:0}:root[data-form=phone] #settings .row.selected{border-color:var(--focus-ring,transparent);outline:none}:root[data-form=phone] #settings .row .value{grid-template-columns:var(--tap-min) minmax(5.5em, auto) var(--tap-min);text-align:center;align-items:center;display:grid}:root[data-form=phone] #settings .arrow{height:var(--tap-min);place-items:center;padding:0;font-size:22px;display:grid}:root[data-form=phone] #settings .setup{flex:auto;align-content:center;padding:0}:root[data-form=phone] #settings .ask{font-size:clamp(var(--text-heading), 8cqh, var(--text-title))}:root[data-form=phone] #settings .licences{gap:var(--space-2);flex:auto;height:auto;min-height:0}:root[data-form=phone] #settings .licences p{font-size:var(--text-small)}:root[data-form=phone] #settings .licences h2{font-size:var(--text-body)}:root[data-form=phone] #settings .licence .toggle{font-size:var(--text-small)}:root[data-form=phone] #settings :is(.copyrights,.licence-text){font-size:var(--text-min)}:root[data-form=phone] #settings .footer{flex:none;padding-top:0}:root[data-form=phone] #settings .footer-note{gap:2px;min-width:0;margin-right:auto}:root[data-form=phone] #settings .footer-note>*{text-align:left}:root[data-form=phone] #settings .message:empty{display:none}:root[data-form=phone] #settings .row.done{padding:0 var(--space-4);font-size:var(--text-button);letter-spacing:calc(.12em * var(--tracking));color:var(--ui-dark);background:var(--ui-yellow);text-shadow:none;border:3px solid #b8730f;flex:none;justify-content:center}:root[data-form=phone] #settings .row.done .name{color:inherit}:root[data-form=phone] #settings .row.done.selected{border-color:var(--focus-ring,#b8730f)}#settings [hidden]{display:none}#title .season-pupil.left{translate:.25px .25px}#title .season-pupil.right{translate:-.25px .25px}@media (prefers-reduced-motion:no-preference){#title .season-pupil:is(.left,.right){translate:calc(var(--title-gaze-x,0) * .25px) calc(var(--title-gaze-y,0) * .25px);transition:translate .25s cubic-bezier(.34,1.8,.64,1)}#title .season-pupil.right{transition-delay:60ms}#title:has(.title-card:active) .season-pupil{animation:.2s ease-in-out 2 season-pupil-jiggle}}@keyframes season-pupil-jiggle{50%{translate:calc(var(--title-gaze-x,0) * .25px) .25px}}@media (prefers-reduced-motion:no-preference){#title .season-zigzag{animation:3.2s step-end infinite season-zigzag-draw}#title .season-zigzag.stroke-1{animation-delay:-3s}#title .season-zigzag.stroke-2{animation-delay:-2.8s}#title .season-zigzag.stroke-3{animation-delay:-2.6s}}@keyframes season-zigzag-draw{0%{opacity:1}75%,to{opacity:0}}#title .season-pinwheel-blades{transform-origin:4.5px 3.5px}@media (prefers-reduced-motion:no-preference){#title .season-pennant{animation:1.2s step-end infinite season-pennant-swing}#title .season-pennant.odd{animation-delay:-.6s}:root[data-graphics=fast] #title .season-pennant{animation:none}#title .season-pinwheel-blades{animation:.6s steps(4,end) infinite season-pinwheel-turn}#title .season-pinwheel-blades.right{animation-direction:reverse}}@keyframes season-pennant-swing{0%,to{translate:-.25px}50%{translate:.25px}}@keyframes season-pinwheel-turn{to{rotate:360deg}}.table-toy-glow.lantern{filter:drop-shadow(0 0 3px var(--season-bulb-halo))}@media (prefers-reduced-motion:no-preference){#title .season-lantern-glow{animation:2.4s ease-in-out infinite season-lantern-breathe}#title .season-lantern-tassel{animation:1.2s step-end infinite season-lantern-tassel}#title .season-decor.right .season-lantern-tassel{animation-delay:-.6s}#title .table-toy-glow.lantern{animation:2.4s ease-in-out infinite season-lantern-breathe}}@keyframes season-lantern-breathe{0%,to{opacity:1}50%{opacity:.6}}@keyframes season-lantern-tassel{0%,to{translate:-1px}50%{translate:1px}}#title .season-chick-lid{opacity:0}.season-snow>.season-petal{background:var(--season-petal);width:5px;height:3px}@media (prefers-reduced-motion:no-preference){#title .season-tulip-flower{animation:season-tulip-open 1.6s steps(1, end) var(--bulb-delay,0s) infinite}#title .season-falling-petal{animation:3s ease-in infinite season-petal-drop}#title .season-chick{animation:4s step-end infinite season-chick-pop}#title .season-chick-lid{animation:4s step-end infinite season-chick-pop,4s step-end infinite season-chick-blink}}@keyframes season-tulip-open{0%,to{opacity:1}60%{opacity:0}}@keyframes season-petal-drop{0%{opacity:1;translate:0}70%,to{opacity:0;translate:0 3px}}@keyframes season-chick-pop{0%,to{translate:0}75%{translate:0 1px}}@keyframes season-chick-blink{0%,to{opacity:0}40%{opacity:1}45%{opacity:0}}#title .season-gull.down{opacity:0}@media (prefers-reduced-motion:no-preference){#title .season-rays{animation:.8s step-end infinite season-summer-turn}#title .season-rays.slanted{animation-delay:-.4s}#title .season-gull{animation:.6s step-end infinite season-summer-turn}#title .season-gull.down{animation-delay:-.3s}#title .season-ball{animation:.8s step-end infinite season-ball-bounce}#title .season-wave{animation:1.6s step-end infinite season-wave-slide}}@keyframes season-summer-turn{0%,to{opacity:1}50%{opacity:0}}@keyframes season-ball-bounce{0%,to{translate:0}50%{translate:0 -.5px}}@keyframes season-wave-slide{0%,to{translate:-.25px}50%{translate:.25px}}#title .season-heart{transform-box:fill-box;transform-origin:50%}#title .season-rising-hearts{display:none}@media (prefers-reduced-motion:no-preference){#title .season-heart{animation:season-heart-beat 1.2s ease-in-out var(--bulb-delay,0s) infinite}#title .season-rising-hearts{display:inline}#title .season-rising-heart{animation:season-heart-rise 6s linear var(--heart-delay,0s) infinite}}:root[data-graphics=fast] #title .season-rising-hearts{display:none}@keyframes season-heart-beat{0%,40%,to{scale:1}20%{scale:1.15}}@keyframes season-heart-rise{0%{opacity:1;translate:0}to{opacity:0;translate:0 -6px}}#title .logo-plate>.season-decor{width:var(--logo-plate-side);pointer-events:none;height:auto;position:absolute}#title .logo-plate>.season-decor.cobweb,#title .logo-plate>.season-decor.top{top:0}#title .logo-plate>.season-decor.bottom,#title .logo-plate>.season-decor.jack-o-lantern{bottom:0}#title .logo-plate>.season-decor.left{left:0}#title .logo-plate>.season-decor.right{right:0}#title .logo-plate>.season-decor.cobweb.right{scale:-1 1}#title .logo .season-spider,#title .logo [data-decor]{pointer-events:none}#title .season-spider-thread{transform-box:fill-box;transform-origin:top}@media (prefers-reduced-motion:no-preference){#title .season-candle{animation:1.9s step-end infinite season-candle-flicker}#title .season-spider-body{animation:4s step-end infinite season-spider-bob}#title .season-spider-thread{animation:4s step-end infinite season-spider-thread}}#title .logo{overflow:visible}#title .logo .season-lights{pointer-events:none}#title .bulb-1{--bulb-delay:.4s}#title .bulb-2{--bulb-delay:.8s}#title .bulb-3{--bulb-delay:1.2s}@media (prefers-reduced-motion:no-preference){#title .season-bulb{animation:season-bulb-blink 1.6s steps(1, end) var(--bulb-delay,0s) infinite}}#title .logo-plate>.season-fireworks{pointer-events:none;width:100%;height:clamp(32px,11cqi,82px);display:none;position:absolute;bottom:100%;left:0;overflow:visible}@media (prefers-reduced-motion:no-preference){#title .logo-plate>.season-fireworks{display:block}#title .season-firework-frame{opacity:0;animation:season-firework 2.4s steps(1, end) var(--firework-delay) infinite}}@keyframes season-firework{0%{opacity:1}6.25%,to{opacity:0}}@keyframes season-candle-flicker{0%,to{opacity:1}42%{opacity:.75}50%{opacity:.9}58%{opacity:.7}66%{opacity:1}}@keyframes season-bulb-blink{0%,to{opacity:1}75%{opacity:.35}}@keyframes season-spider-bob{0%,to{translate:0}50%{translate:0 .5px}}@keyframes season-spider-thread{0%,to{scale:1}50%{scale:1 1.25}}.table-toy{left:var(--toy-x);top:var(--toy-y);width:var(--toy-w);height:var(--toy-h);pointer-events:none;position:absolute}.table-toy[hidden]{display:none}.table-toy img{left:var(--sprite-x);top:var(--sprite-y);width:var(--sprite-w);height:var(--sprite-h);position:absolute}.table-toy-glow.candle{filter:drop-shadow(0 0 3px #ffaa32bf)}.table-toy-glow:is(.bulb-0,.bulb-1,.bulb-2,.bulb-3){filter:drop-shadow(0 0 2px var(--season-bulb-halo))}@media (prefers-reduced-motion:no-preference){#title .table-toy-glow.candle{animation:2.3s step-end infinite season-candle-flicker}#title .table-toy-glow:is(.bulb-0,.bulb-1,.bulb-2,.bulb-3){animation:season-bulb-blink 1.6s steps(1, end) var(--bulb-delay,0s) infinite}}.season-snow{z-index:1;pointer-events:none;display:none;position:absolute;inset:0}.season-flake{top:0;left:var(--flake-x);aspect-ratio:1;background:var(--ui-white);opacity:.85;width:4px;position:absolute}.season-flake:nth-child(3n){width:6px}@media (prefers-reduced-motion:no-preference){.season-snow{display:block}.season-flake{animation:season-snowfall var(--flake-time) linear var(--flake-delay) infinite}}:root[data-graphics=fast] .season-snow{display:none}@keyframes season-snowfall{0%{translate:0 -2cqh}to{translate:var(--flake-drift) 102cqh}}#title{--title-edge-top:0px;--title-edge-right:0px;--title-corner-reserve:calc(var(--sound-button-reserve,60px) + var(--title-corner-buttons,1) * (var(--sound-button-size,40px) + var(--sound-button-gap,var(--tap-gap))));justify-items:center;gap:clamp(var(--space-2), 4cqh, var(--space-5));padding:var(--space-5);background:var(--title-backdrop,none) center / cover no-repeat border-box, #2b1b10;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.title-table-frame{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden;container-type:size}.title-table{aspect-ratio:16/9;width:max(100cqw,177.778cqh);position:absolute;top:50%;left:50%;translate:-50% -50%}.title-table-frame:after{content:"";background:#140c0626;position:absolute;inset:0}.title-safe-box{visibility:hidden;pointer-events:none;position:absolute;inset:0}:root[data-shell=mobile] #title{--title-edge-top:var(--safe-top);--title-edge-right:var(--safe-right)}:root:not([data-form=phone]) #title{grid-template-rows:auto auto auto;align-content:center}:root[data-shell=mobile][data-form=phone] #title{--title-edge-top:var(--usable-top);--title-edge-right:var(--usable-right);padding:clamp(var(--space-1), 3cqh, var(--space-4)) 0 0}.title-brand{padding-inline:max(0px, (var(--title-corner-reserve) - var(--title-edge-right)) / var(--ui-scale,1));justify-self:stretch;justify-items:center;display:grid;container:brand/inline-size}#title .logo-plate{--logo-plate-side:clamp(14px, 4.8cqh, 36px);z-index:1;width:min(100%,135cqh,820px);padding:clamp(10px, 3.4cqh, 24px) var(--logo-plate-side);position:relative}#title .logo{aspect-ratio:63/7;width:100%;height:auto;filter:drop-shadow(5px 0 0 var(--ui-dark)) drop-shadow(-5px 0 0 var(--ui-dark)) drop-shadow(0 5px 0 var(--ui-dark)) drop-shadow(0 -5px 0 var(--ui-dark)) drop-shadow(6px 6px 0 #0009)}:root[data-form=phone] #title .logo{filter:drop-shadow(3px 0 0 var(--ui-dark)) drop-shadow(-3px 0 0 var(--ui-dark)) drop-shadow(0 3px 0 var(--ui-dark)) drop-shadow(0 -3px 0 var(--ui-dark)) drop-shadow(4px 4px 0 #0009)}.title-stars{z-index:2;justify-content:center;align-items:flex-end;gap:clamp(2px,1cqi,8px);margin-bottom:clamp(4px,1.8cqh,10px);line-height:0;display:flex;position:relative}.title-star{aspect-ratio:1;background:var(--title-star,none) center / contain no-repeat;filter:drop-shadow(2px 2px #0000008c);width:clamp(24px,8cqi,60px);position:relative}.title-star.big{width:clamp(32px,11cqi,82px)}.title-star:after{content:"";background:var(--title-star-lit,none) center / contain no-repeat;position:absolute;inset:0;mask:linear-gradient(115deg,#0000 40%,#000 40% 60%,#0000 60%) 100% 0/300% 100% no-repeat}@media (prefers-reduced-motion:no-preference){.title-star:after{animation:star-sweep var(--logo-shine-loop,3.2s) infinite;animation-delay:var(--sweep-delay)}}.title-star:first-child{--sweep-delay:.64s}.title-star:nth-child(2){--sweep-delay:.72s}.title-star:nth-child(3){--sweep-delay:.85s}@keyframes star-sweep{0%{animation-timing-function:steps(6,end);mask-position:100% 0}7%,to{mask-position:0 0}}.title-tab{background:var(--ui-frame);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,14px 100%);margin-top:-4px;padding:0 3px 3px;position:relative}#title .tagline{font-size:clamp(var(--text-min), 3.6cqh, var(--text-body));letter-spacing:.12em;color:var(--ui-frame-light);white-space:nowrap;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,12px 100%);background:#1d1e22fa;margin:0;padding:9px 26px 6px}.title-cards{--title-card-count:var(--title-cards,3);--title-plate-width:min(100cqw - 2 * max(0px, (var(--title-corner-reserve) - var(--title-edge-right)) / var(--ui-scale,1)), 135cqh, 820px);--title-card-width:min((100cqw - (var(--title-card-count) - 1) * var(--space-3)) / var(--title-card-count), 26cqh * 16 / 9, (var(--title-plate-width) - 2 * var(--space-3)) / 3, 245px);--title-label-height:var(--tap-min);grid-template-columns:repeat(var(--title-card-count), var(--title-card-width));gap:var(--space-3);height:min(100%, (var(--title-card-width) - 6px) * 9 / 16 + 6px + var(--title-label-height));align-self:center;min-height:0;display:grid}.title-card{grid-template-rows:minmax(0, 1fr) var(--title-label-height);min-height:0;font:inherit;color:var(--ui-white);background:var(--ui-button);border:3px solid var(--ui-frame);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--ui-dark), 4px 4px 0 #00000080;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0;display:grid;overflow:hidden}.title-card[hidden]{display:none}.title-card img{object-fit:cover;pointer-events:none;width:100%;height:100%;min-height:0;display:block}.title-card .label{font-size:clamp(var(--text-small), (var(--title-card-width) - 14px) / 8, var(--text-button));letter-spacing:calc(.12em * var(--tracking));white-space:nowrap;text-shadow:2px 2px #0009;border-top:3px solid var(--ui-frame);place-items:center;display:grid}.title-card.selected{border-color:var(--bracket);outline:var(--bracket-edge)}.title-card.selected .label{color:var(--ui-dark);background:var(--ui-yellow);border-top-color:var(--ui-yellow);text-shadow:none}.title-card.warning,.title-card.warning .label{border-color:#e53935}.title-card.warning .label{color:var(--ui-white);text-shadow:2px 2px #0009;background:#b5241f}.title-card.selected.warning{outline:3px solid var(--bracket);outline-offset:3px}.title-card.offline{position:relative}.title-card.offline img{filter:grayscale();opacity:.75}.title-card.offline:not(.selected) .label{color:var(--ui-frame-light)}.title-card .offline-badge{top:var(--space-2);right:var(--space-2);padding:2px var(--space-2);font-size:var(--text-small);letter-spacing:calc(.12em * var(--tracking));color:var(--ui-dark);background:var(--ui-yellow);border:2px solid var(--ui-dark);border-radius:var(--radius);position:absolute}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) .title-card .offline-badge{font-size:max(var(--text-small), var(--zoomed-text-min))}.title-card:active{box-shadow:inset 0 0 0 2px var(--ui-dark), 2px 2px 0 #00000080;transform:translate(2px,2px)}@media (hover:hover){.title-card:hover:not(.warning){border-color:var(--ui-frame-light)}}.title-footer{justify-items:center;gap:var(--space-1);display:grid}.title-footer p{text-align:center;margin:0}.title-footer p:empty,.title-footer p[hidden]{display:none}#title .hint{color:var(--ui-frame-light);font-size:13px}#title .erase-hint{color:var(--ui-yellow)}#title .pad-prompt{font-size:var(--text-min);letter-spacing:calc(.08em * var(--tracking));color:var(--ui-frame-light);opacity:.8}:root:not([data-form=phone]) .title-cards{--title-label-height:64px;height:calc((var(--title-card-width) - 6px) * 9 / 16 + 6px + var(--title-label-height))}:root:not([data-form=phone]) .title-card .label{font-size:clamp(var(--text-small), (var(--title-card-width) - 14px) / 8, 22px)}:root:not([data-form=phone]) #title .tagline{padding:18px 56px 15px}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #title .tagline{font-size:max(17px, var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #title .hint{font-size:max(16px, var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #title .pad-prompt{font-size:max(14px, var(--zoomed-text-min))}.title-corner{top:calc((var(--sound-button-top,12px) - var(--title-edge-top)) / var(--ui-scale,1));right:calc((var(--sound-button-reserve,60px) - var(--title-edge-right)) / var(--ui-scale,1));gap:calc(var(--sound-button-gap,var(--tap-gap)) / var(--ui-scale,1));display:flex;position:absolute}.title-icon{width:calc(var(--sound-button-size,40px) / var(--ui-scale,1));height:calc(var(--sound-button-size,40px) / var(--ui-scale,1));color:var(--ui-white);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#1d1e22cc;border:3px solid #ffffff8c;place-items:center;padding:0;display:grid;box-shadow:3px 3px #00000059}.title-icon[hidden]{display:none}.title-icon .icon{pointer-events:none;width:24px;height:24px}.title-icon.selected{border-color:var(--focus-ring,#ffffff8c);outline:var(--focus-edge,none)}.title-icon:active{transform:translate(2px,2px);box-shadow:1px 1px #00000059}@media (hover:hover){.title-icon:hover{border-color:var(--ui-frame-light)}}#debrief{padding:24px;padding-right:max(24px, calc((var(--sound-button-reserve) - var(--safe-right,0px)) / var(--ui-scale,1)));text-transform:uppercase;letter-spacing:calc(.14em * var(--tracking));-webkit-font-smoothing:none;color:var(--ui-white);text-shadow:2px 2px #0009;background:radial-gradient(#140c064d 0%,#140c06cc 75%);grid-template-rows:minmax(0,1fr);place-items:stretch stretch;font-weight:900;display:grid;position:fixed;inset:0}#debrief[hidden]{display:none}#debrief .sheet{gap:var(--space-3) var(--space-5);border:4px solid var(--ui-frame);border-radius:var(--radius);background-color:#1d1e22f0;grid-template:"head head""score side"minmax(0,1fr)"foot foot""hint hint"/minmax(0,3fr) minmax(0,2fr);min-height:0;padding:18px 22px 22px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 3px #3c3d42,4px 4px #00000080}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) #debrief .sheet{animation:.25s ease-out debrief-drop}}#debrief .sheet:has(>.hint:empty){grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head head""score side""foot foot"}#debrief .hint:empty{display:none}@keyframes debrief-drop{0%{opacity:0;transform:translateY(-40px)}}#debrief .head{align-items:baseline;gap:var(--space-5);grid-area:head;min-width:0;display:flex}#debrief h1{color:var(--health);text-shadow:4px 4px 0 var(--ui-dark), -2px -2px 0 var(--ui-dark);flex:none;margin:0;font-size:48px}#debrief .sheet.victory h1{color:var(--ui-yellow)}#debrief .caption{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ui-frame-light);margin:0;font-size:18px;overflow:hidden}#debrief .body{display:contents}#debrief :is(.score,.side){gap:var(--space-2);flex-direction:column;min-height:0;display:flex}#debrief .score{grid-area:score}#debrief .side{gap:var(--space-4);grid-area:side}#debrief .reason{color:var(--ui-white);margin:0;font-size:20px}#debrief .rows{gap:var(--space-3);display:grid}#debrief .row{align-items:center;gap:var(--space-3);grid-template-columns:28px minmax(0,1fr) auto 5em;min-height:28px;font-size:20px;display:grid}#debrief .row:where(:has(>.amount:empty))>.label{grid-column:span 2}#debrief .row .amount:empty{display:none}#debrief .icon .pixel-icon{width:28px;height:28px}#debrief .row .label{align-items:center;gap:2px var(--space-3);flex-wrap:wrap;min-width:0;display:flex}#debrief .row .amount{color:var(--ui-frame-light);font-variant-numeric:tabular-nums}#debrief .row .points{text-align:right;font-variant-numeric:tabular-nums}#debrief .row.champion{color:var(--ui-yellow)}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) #debrief .row.champion{animation:.2s steps(2,end) debrief-stamp}}@keyframes debrief-stamp{0%{transform:scale(1.35)}}#debrief .row.clear{margin-top:var(--space-2);padding-top:var(--space-3);border-top:3px solid #3c3d42}#debrief .chip{color:var(--ui-frame-light);align-items:center;gap:3px;font-size:18px;display:flex}#debrief .chip .pixel-icon{width:22px;height:22px}#debrief .kills .label{gap:2px var(--space-5)}#debrief .kills .chip{font-size:inherit;color:inherit}#debrief .kills .pixel-icon{width:28px;height:28px}#debrief .total{align-items:center;gap:var(--space-4);margin-top:var(--space-2);padding-top:var(--space-3);border-top:4px solid var(--ui-frame);color:var(--ui-yellow);font-size:30px;line-height:1.2;display:flex}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) #debrief .total{animation:.2s steps(2,end) debrief-stamp}}#debrief .total .label{flex:1}#debrief .total .points{font-variant-numeric:tabular-nums}#debrief .new-best{border:3px solid;padding:2px 8px;font-size:18px;transform:rotate(-6deg)}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) #debrief .new-best{animation:.5s step-end infinite debrief-new-best}}@keyframes debrief-new-best{50%{color:var(--ui-white)}}#debrief .facts{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}#debrief .fact{align-items:center;gap:var(--space-1) var(--space-2);min-height:36px;padding:var(--space-1) var(--space-4);background:#26272c;border-radius:3px;flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) #debrief .fact{animation:.1s steps(2,end) debrief-stamp}}#debrief .fact .label{color:var(--ui-frame-light);flex:1;font-size:18px}#debrief .fact .value{font-variant-numeric:tabular-nums;font-size:20px}#debrief .fact .weapons{gap:var(--space-2);width:100%;color:var(--ui-frame-light);flex-wrap:wrap;order:1;font-size:18px;display:flex}#debrief .fact .weapon{align-items:center;gap:3px;display:flex}#debrief .weapon .pixel-icon{width:20px;height:20px}#debrief .details{color:var(--ui-frame-light);margin:0;font-size:18px;line-height:1.3}#debrief .footer{justify-content:flex-end;align-items:flex-end;gap:var(--space-3);grid-area:foot;display:flex}#debrief .coins{place-content:center start;align-items:center;gap:var(--space-5);grid-template-columns:auto auto;margin-right:auto;font-size:20px;line-height:1.3;display:grid}#debrief .coins .label{color:var(--ui-frame-light);font-size:18px}#debrief .coins .earned{color:var(--ui-yellow);flex-direction:column;display:flex}#debrief .coins .wallet{align-items:center;gap:var(--space-2);display:flex}#debrief .wallet .pixel-icon{width:22px;height:22px}#debrief .defeat .kills{justify-content:flex-start;display:flex}#debrief .defeat .kills :is(.icon,.amount,.points){display:none}#debrief .defeat .kills .label{justify-content:flex-start}#debrief .buttons{justify-content:flex-end;gap:var(--space-3);display:flex}#debrief .pixel-button{min-height:64px;padding:0 var(--space-5);letter-spacing:calc(.12em * var(--tracking));font-size:22px}#debrief .sheet:not(.revealed) .buttons{visibility:hidden}#debrief .pixel-button.selected{border-color:var(--focus-ring,var(--ui-frame));outline:var(--focus-edge,none)}#debrief .pixel-button.primary{color:var(--ui-dark);background:var(--ui-yellow);text-shadow:none;border-color:#fff1b8}#debrief .pixel-button.primary.selected{border-color:var(--focus-ring,#fff1b8)}#debrief .hint{text-align:right;color:var(--ui-frame-light);grid-area:hint;margin:0;font-size:14px}:root[data-form=tablet] #debrief .pixel-button{min-height:max(64px, var(--zoomed-tap-min))}:root:is([data-form=tablet],[data-form=desktop]) #debrief :is(.fact .label,.fact .weapons,.details,.coins .label,.chip,.caption,.new-best){font-size:max(18px, var(--zoomed-text-min))}:root:is([data-form=tablet],[data-form=desktop]) #debrief :is(.hint,.crates .chip){font-size:max(14px, var(--zoomed-text-min))}:root[data-form=phone] #debrief{place-items:stretch center;padding:0}:root[data-form=phone] #debrief .sheet{gap:var(--space-2) var(--space-4);width:100%;max-width:720px;padding:var(--space-2) var(--space-3);letter-spacing:calc(.12em * var(--tracking));border-width:3px}:root[data-form=phone] #debrief .head{gap:var(--space-3);padding-right:calc(var(--tap-min) + var(--tap-gap))}:root[data-form=phone] #debrief h1{font-size:clamp(var(--text-heading), 7cqh, 32px);text-shadow:3px 3px 0 var(--ui-dark)}:root[data-form=phone] #debrief .caption{font-size:var(--text-small)}:root[data-form=phone] #debrief :is(.score,.side){gap:var(--space-1)}:root[data-form=phone] #debrief .side{gap:var(--space-2)}:root[data-form=phone] #debrief .reason{font-size:var(--text-body)}:root[data-form=phone] #debrief .rows{gap:2px}:root[data-form=phone] #debrief .row{gap:var(--space-2);min-height:18px;font-size:var(--text-body);grid-template-columns:18px minmax(0,1fr) auto 4.5em;line-height:18px}:root[data-form=phone] #debrief .icon .pixel-icon{width:18px;height:18px}:root[data-form=phone] #debrief .row.clear{padding-top:var(--space-1);border-top-width:2px;margin-top:2px}:root[data-form=phone] #debrief .row .label{gap:2px var(--space-2)}:root[data-form=phone] #debrief .row .chip{font-size:var(--text-small);gap:2px}:root[data-form=phone] #debrief .chip .pixel-icon{width:14px;height:14px}:root[data-form=phone] #debrief .kills .pixel-icon{width:18px;height:18px}:root[data-form=phone] #debrief .total{gap:var(--space-3);margin-top:var(--space-1);padding-top:var(--space-1);font-size:var(--text-heading);border-top-width:3px}:root[data-form=phone] #debrief .new-best{padding:0 var(--space-1);font-size:var(--text-small);border-width:2px}:root[data-form=phone] #debrief :where(.defeat) .kills .label{gap:2px var(--space-3)}:root[data-form=phone] #debrief :where(.defeat) .row .chip{font-size:var(--text-body)}:root[data-form=phone] #debrief .facts{gap:2px}:root[data-form=phone] #debrief .fact{gap:0 var(--space-2);min-height:0;padding:2px var(--space-2)}:root[data-form=phone] #debrief :is(.fact .label,.fact .weapons,.details,.coins .label){font-size:var(--text-min)}:root[data-form=phone] #debrief .fact .value{font-size:var(--text-body);line-height:18px}:root[data-form=phone] #debrief .fact .weapons{gap:var(--space-1)}:root[data-form=phone] #debrief .fact .weapon{gap:2px}:root[data-form=phone] #debrief .weapon .pixel-icon{width:14px;height:14px}:root[data-form=phone] #debrief .details{line-height:normal}:root[data-form=phone] #debrief .footer{align-items:center;gap:var(--tap-gap)}:root[data-form=phone] #debrief .coins{gap:0 var(--space-3);font-size:var(--text-small);line-height:1.15}:root[data-form=phone] #debrief .coins .earned{gap:0}:root[data-form=phone] #debrief .coins .earned:has(>:nth-child(3)){column-gap:var(--space-3);flex-flow:wrap}:root[data-form=phone] #debrief .coins .wallet{gap:var(--space-1)}:root[data-form=phone] #debrief .wallet .pixel-icon{width:12px;height:12px}:root[data-form=phone] #debrief .buttons{gap:var(--tap-gap)}:root[data-form=phone] #debrief .pixel-button{min-height:var(--tap-min);padding:0 var(--space-4);font-size:var(--text-button)}:root[data-form=phone] #debrief .hint{font-size:var(--text-min)}#debrief .sheet [hidden],:root[data-form=phone] #debrief .sheet [hidden]{display:none}#difficulty-picker{text-transform:uppercase;letter-spacing:calc(.14em * var(--tracking));-webkit-font-smoothing:none;color:var(--ui-white);text-shadow:2px 2px #0009;background:radial-gradient(#140c0659 0%,#140c06d9 75%);grid-template:auto minmax(0,1fr)/minmax(0,1fr);place-items:center;font-weight:900;display:grid;position:fixed;inset:0}#difficulty-picker[hidden]{display:none}:root:not([data-form=phone]) #difficulty-picker{place-items:stretch stretch;gap:var(--space-4);padding:var(--top-bar-layer-top) var(--top-bar-inset) var(--top-bar-inset)}#difficulty-picker>.top-bar{justify-self:stretch}#difficulty-picker .top-bar-title{text-shadow:2px 2px 0 var(--ui-dark)}#difficulty-picker .sheet{gap:var(--space-4);grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}#difficulty-picker .tiers{--columns:minmax(0, 1fr) 7.5rem 7.5rem 7.5rem;--tier-pad-x:var(--space-5);align-content:start;gap:var(--space-4);display:grid}:root:not([data-form=phone]) #difficulty-picker .tiers{grid-template-rows:auto repeat(4,minmax(56px,120px))}#difficulty-picker :is(.heads,.tier){grid-template-columns:var(--columns);align-items:center;column-gap:16px;display:grid}#difficulty-picker .heads{padding-inline:calc(var(--tier-pad-x) + 3px);color:var(--ui-frame-light);font-size:16px;line-height:1}#difficulty-picker .figure{text-align:right}#difficulty-picker .tier{padding:8px var(--tier-pad-x);font:inherit;text-align:left;color:var(--ui-white);border:3px solid var(--ui-frame);border-radius:var(--radius);text-shadow:inherit;cursor:pointer;background:#26272c;box-shadow:inset 0 0 0 2px #3c3d42}#difficulty-picker .tier .what{gap:var(--space-2);min-width:0;display:grid}#difficulty-picker .tier .figure{font-size:20px}#difficulty-picker .tier .name{font-size:22px}#difficulty-picker .tier .line{color:var(--ui-frame-light);white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}#difficulty-picker .tier.selected{border-color:var(--bracket);outline:var(--bracket-edge)}#difficulty-picker .tier.selected .line{color:inherit}@media (hover:hover){#difficulty-picker .tier:hover{border-color:var(--ui-frame-light)}}#difficulty-picker .tier:active{transform:translate(2px,2px)}#difficulty-picker .footer{align-items:center;gap:16px;display:flex}#difficulty-picker .notes{gap:4px;min-width:0;margin-right:auto;display:grid}#difficulty-picker .note,#difficulty-picker .hint{color:var(--ui-frame-light);margin:0;font-size:16px}#difficulty-picker .hint{font-size:14px}#difficulty-picker .start{color:var(--ui-dark);background:var(--ui-yellow);text-shadow:none;border-color:#fff1b8;flex:none}@media (hover:hover){#difficulty-picker .start:hover:enabled{color:var(--ui-dark);background:var(--ui-yellow);border-color:var(--ui-white)}}:root:not([data-form=phone]) #difficulty-picker .start{min-width:220px;min-height:64px;font-size:18px}:root[data-form=tablet] #difficulty-picker .tier{min-height:max(56px, var(--zoomed-tap-min))}:root[data-form=tablet] #difficulty-picker .start{min-height:max(64px, var(--zoomed-tap-min))}:root:is([data-form=tablet],[data-form=desktop]) #difficulty-picker :is(.heads,.tier .line,.note){font-size:max(16px, var(--zoomed-text-min))}:root:is([data-form=tablet],[data-form=desktop]) #difficulty-picker .hint{font-size:max(14px, var(--zoomed-text-min))}:root[data-form=phone] #difficulty-picker{place-items:stretch center;gap:var(--space-1)}:root[data-form=phone] #difficulty-picker .sheet{gap:var(--space-1);width:100%;max-width:760px}:root[data-form=phone] #difficulty-picker .tiers{--columns:minmax(0, 1fr) 3.5rem 4.5rem 4.5rem;--tier-pad-x:var(--space-3);align-content:start;gap:var(--space-1)}:root[data-form=phone] #difficulty-picker :is(.heads,.tier){column-gap:var(--space-3)}:root[data-form=phone] #difficulty-picker .heads{font-size:var(--text-min);letter-spacing:calc(.1em * var(--tracking));margin-bottom:-2px}:root[data-form=phone] #difficulty-picker .tier{padding:var(--space-1) var(--tier-pad-x);line-height:1.1}:root[data-form=phone] #difficulty-picker .tier .what{gap:0}:root[data-form=phone] #difficulty-picker .tier .name{font-size:var(--text-button)}:root[data-form=phone] #difficulty-picker .tier .line{font-size:var(--text-small);letter-spacing:calc(.06em * var(--tracking))}:root[data-form=phone] #difficulty-picker .tier .figure{font-size:var(--text-body)}:root[data-form=phone] #difficulty-picker .footer{gap:var(--tap-gap)}:root[data-form=phone] #difficulty-picker .notes{gap:2px}:root[data-form=phone] #difficulty-picker :is(.note,.hint){font-size:var(--text-small);letter-spacing:calc(.08em * var(--tracking))}:root[data-form=phone] #difficulty-picker .start{padding:0 var(--space-4);font-size:var(--text-button);letter-spacing:calc(.12em * var(--tracking))}:root[data-form=phone] #difficulty-picker .hint:empty{display:none}:root[data-shell=mobile][data-form=tablet] #difficulty-picker{--picker-corner-gap:calc(max(var(--corner-gap-bottom-left,0px), var(--corner-gap-bottom-right,0px)) / var(--ui-scale,1));padding-right:max(var(--top-bar-inset), var(--picker-corner-gap) - var(--zoomed-safe-right));padding-bottom:max(var(--top-bar-inset), var(--picker-corner-gap) - var(--zoomed-safe-bottom))}#final-score{padding:24px;padding-right:max(24px, calc((var(--sound-button-reserve) - var(--safe-right,0px)) / var(--ui-scale,1)));text-transform:uppercase;letter-spacing:calc(.14em * var(--tracking));-webkit-font-smoothing:none;color:var(--ui-white);text-shadow:2px 2px #0009;background:radial-gradient(#140c0659 0%,#140c06d9 75%);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:stretch stretch;font-weight:900;display:grid;position:fixed;inset:0}#final-score[hidden]{display:none}#final-score .sheet{gap:var(--space-6);border:4px solid var(--ui-frame);border-radius:var(--radius);background-color:#1d1e22f0;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);min-height:0;padding:30px 22px 22px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 3px #3c3d42,4px 4px #00000080}#final-score h1{text-align:left;color:var(--ui-yellow);text-shadow:4px 4px 0 var(--ui-dark), -2px -2px 0 var(--ui-dark);margin:0;font-size:36px}#final-score .chapters{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}#final-score .chapter{gap:2px;display:grid}#final-score .chapter .row{align-items:baseline;gap:var(--space-3);padding:6px var(--space-4);grid-template-columns:minmax(0,1fr) auto;font-size:18px;display:grid}#final-score .chapter .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#final-score .points{font-variant-numeric:tabular-nums}#final-score .chapter-total{background:#3c3d42b3;border-radius:3px}#final-score .chapter-total .points{color:var(--ui-yellow)}#final-score .level:nth-child(odd){background:#3c3d424d}#final-score .not-won .points{color:var(--ui-frame-light)}#final-score .footer{justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}#final-score .total{align-items:baseline;gap:var(--space-1) var(--space-5);color:var(--ui-yellow);flex-wrap:wrap;margin-right:auto;padding:0;font-size:36px;display:flex}#final-score .total .label{color:var(--ui-white);font-size:20px}#final-score .total .category{color:var(--ui-frame-light);font-size:18px}#final-score .pixel-button{min-height:64px;padding:0 var(--space-6);letter-spacing:calc(.12em * var(--tracking));color:var(--ui-dark);background:var(--ui-yellow);text-shadow:none;border-color:#fff1b8;font-size:22px}#final-score .hint{text-align:right;color:var(--ui-frame-light);margin:0;font-size:14px}#final-score .hint:empty{display:none}:root[data-form=tablet] #final-score .pixel-button{min-height:max(64px, var(--zoomed-tap-min))}:root:is([data-form=tablet],[data-form=desktop]) #final-score :is(.level,.chapter-total,.total .category){font-size:max(18px, var(--zoomed-text-min))}:root:is([data-form=tablet],[data-form=desktop]) #final-score .hint{font-size:max(14px, var(--zoomed-text-min))}:root[data-form=phone] #final-score{grid-template-rows:minmax(0,max-content);align-content:center;place-items:stretch center;padding:0}:root[data-form=phone] #final-score .sheet{gap:var(--space-3);width:100%;max-width:860px;padding:var(--space-2) var(--space-3) var(--space-3);border-width:3px;grid-template-rows:auto minmax(0,1fr) auto}:root[data-form=phone] #final-score h1{min-height:calc(var(--tap-min) - var(--space-2));padding-right:calc(var(--tap-min) + var(--tap-gap));font-size:clamp(var(--text-heading), 8cqh, 40px);text-shadow:3px 3px 0 var(--ui-dark);align-items:center;display:flex}:root[data-form=phone] #final-score .chapters{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}:root[data-form=phone] #final-score .chapter .row{padding:var(--space-1) var(--space-2);font-size:var(--text-small)}:root[data-form=phone] #final-score .chapter-total{font-size:var(--text-body);border-radius:0}:root[data-form=phone] #final-score .footer{gap:var(--tap-gap)}:root[data-form=phone] #final-score .total{gap:var(--space-1) var(--space-3);font-size:var(--text-heading)}:root[data-form=phone] #final-score .total .label{font-size:var(--text-body)}:root[data-form=phone] #final-score .total .category{font-size:var(--text-small)}:root[data-form=phone] #final-score .pixel-button{min-height:var(--tap-min);padding:0 var(--space-4);font-size:var(--text-button)}:root[data-form=phone] #final-score .hint{font-size:var(--text-min)}@container screen (height<360px){:root[data-form=phone] #final-score h1{font-size:var(--text-button)}:root[data-form=phone] #final-score .sheet{gap:var(--space-2);padding:var(--space-2) var(--space-3)}}#base-home:not([hidden]){pointer-events:none;grid-template-rows:minmax(0,1fr) auto;gap:10px;display:grid}#base-home .spots{min-height:0;position:relative}#base-home .spot{min-width:48px;min-height:48px;font:inherit;letter-spacing:calc(.1em * var(--tracking));white-space:nowrap;color:var(--ui-white);border:3px solid var(--ui-frame);border-radius:var(--radius);cursor:pointer;pointer-events:auto;background:#1d1e22d1;justify-items:center;gap:2px;padding:4px 12px;font-size:15px;display:grid;position:absolute;translate:-50% -50%;box-shadow:3px 3px #0006}#base-home .spot[hidden]{display:none}#base-home .spot .status{color:var(--ui-yellow);font-size:12px}@media (hover:hover){#base-home .spot:hover{border-color:var(--ui-frame-light)}}#base-home .spot:active{transform:translate(2px,2px);box-shadow:1px 1px #0006}#base-home .home-strip{pointer-events:auto;border:4px solid var(--ui-frame);border-radius:var(--radius);background-color:#1d1e22f0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 14px;display:grid;box-shadow:inset 0 0 0 3px #3c3d42,4px 4px #00000080}#base-home #workshop-tip{width:auto;min-width:0;position:static;transform:none}#base-home #workshop-tip .speaker-card{box-shadow:none;background:0 0;border:0;padding:0}#base-home .next{align-items:center;gap:14px;display:flex}#base-home .mission{text-align:right;margin:0;display:grid}#base-home .mission .heading{color:var(--ui-frame-light);font-size:13px}#base-home .mission .title{font-size:18px}#base-home .spot.popped{border-color:var(--ui-yellow);box-shadow:0 0 0 3px #ffc83d73,3px 3px #0006}#base-home .mission.fresh .title{color:var(--ui-yellow);transform-origin:100%}@media (prefers-reduced-motion:no-preference){#base-home .spot.popped{animation:.6s ease-out 2 spot-pop}#base-home .mission.fresh .title{animation:.4s ease-in-out 3 alternate next-fresh}}@keyframes spot-pop{0%,to{scale:1}35%{scale:1.22}65%{scale:.96}}@keyframes next-fresh{0%{scale:1}to{scale:1.08}}#base-home .deploy{margin:0}:root[data-form=phone] #base-home:not([hidden]){gap:var(--tap-gap)}:root[data-form=phone] #base-home .spot{padding:var(--space-1) var(--space-3);font-size:var(--text-small)}:root[data-form=phone] #base-home .spot .status{font-size:var(--text-min)}:root[data-form=phone] #base-home .home-strip{gap:var(--space-3);padding:var(--space-2) var(--space-3);border-width:3px}:root[data-form=phone] #base-home #workshop-tip .speaker-card{grid-template-columns:40px minmax(0,1fr)}:root[data-form=phone] #base-home #workshop-tip .portrait{width:40px;height:40px}:root[data-form=phone] #base-home #workshop-tip .line{font-size:var(--text-small)}:root[data-form=phone] #base-home #workshop-tip .hint,:root[data-form=phone] #base-home .mission .heading{font-size:var(--text-min)}:root[data-form=phone] #base-home .mission .title{font-size:var(--text-body)}:root[data-form=phone] #base-home .deploy{font-size:var(--text-button)}@container screen (width<700px){:root[data-form=phone] #base-home #workshop-tip .speaker-card{grid-template-columns:minmax(0,1fr)}:root[data-form=phone] #base-home #workshop-tip .portrait{display:none}}:root:not([data-form=phone]) #base-home .deploy{min-width:200px;min-height:64px;font-size:18px}:root[data-shell=mobile][data-form=tablet] #base-home .spot{min-height:var(--zoomed-tap-min)}:root[data-shell=mobile][data-form=tablet] #base-home .deploy{min-height:max(64px, var(--zoomed-tap-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #base-home :is(.spot,.spot .status,.heading){font-size:max(16px, var(--zoomed-text-min))}#lobby .name-entry{z-index:2;padding:var(--top-bar-layer-top) var(--hub-padding) 16px;letter-spacing:calc(.1em * var(--tracking));-webkit-font-smoothing:none;color:var(--ui-white);text-shadow:2px 2px #0009;background:radial-gradient(#140c068c 0%,#140c06eb 75%);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px;font-weight:900;display:grid;position:fixed;inset:0}#lobby .name-entry[hidden]{display:none}#lobby .name-entry .sheet{border:4px solid var(--ui-frame);border-radius:var(--radius);background-color:#1d1e22f0;place-self:center;justify-items:center;gap:14px;width:min(900px,96cqw);padding:22px 26px 20px;display:grid;box-shadow:inset 0 0 0 3px #3c3d42,4px 4px #00000080}#lobby .name-entry .top-bar-title{text-shadow:4px 4px 0 var(--ui-dark), -2px -2px 0 var(--ui-dark)}:root:not([data-form=phone]) #lobby .name-entry .top-bar-title{font-size:28px}#lobby .name-entry p{margin:0}#lobby .name-entry .button-grid{grid-template-columns:repeat(var(--columns,1), minmax(0, 1fr));gap:6px;display:grid}#lobby .name-entry .keys{justify-self:stretch}#lobby .name-entry .button-grid[hidden]{display:none}#lobby .name-entry .pixel-button.key{letter-spacing:0;white-space:pre;text-transform:none;touch-action:manipulation;justify-content:center;align-items:center;min-width:0;padding:6px 4px;font-size:16px;display:inline-flex}#lobby .name-entry .years .pixel-button.key{min-width:5.5em}#lobby .name-entry .pixel-button.key.wide{letter-spacing:calc(.08em * var(--tracking));font-size:14px}#lobby .name-entry .key .icon{flex:none;width:22px;height:22px}#lobby .name-entry .pixel-button.key.ok{--key-frame:#fff1b8;color:var(--ui-dark);background:var(--ui-yellow);border-color:var(--key-frame);text-shadow:none}#lobby .name-entry .pixel-button.key.selected{border-color:var(--focus-ring,var(--key-frame,var(--ui-frame)));outline:var(--focus-edge,none)}#lobby .name-entry .key.shift-once{--key-frame:var(--ui-yellow);color:var(--ui-yellow);border-color:var(--key-frame)}#lobby .name-entry .pixel-button.key.shift-locked{--key-frame:#fff1b8;color:var(--ui-dark);background:var(--ui-yellow);border-color:var(--key-frame);text-shadow:none}#lobby .name-entry .preview{min-width:0;min-height:var(--top-bar-tap);padding:0 var(--space-3);letter-spacing:calc(.08em * var(--tracking));white-space:pre;background:var(--ui-dark);border:3px solid var(--ui-yellow);flex:auto;align-items:center;gap:8px;font-size:24px;display:flex;overflow:hidden}#lobby .name-entry .preview .tag{color:var(--ui-frame-light)}#lobby .name-entry .preview .count{font-size:var(--text-small);color:var(--ui-frame-light);margin-left:auto}#lobby .name-entry .preview .caret{background:var(--ui-yellow);align-self:flex-end;width:.6em;height:.12em;margin-bottom:.35em;margin-left:-8px;animation:1s step-end infinite name-caret-blink}#lobby .name-entry .preview .caret[hidden]{display:none}@keyframes name-caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){#lobby .name-entry .preview .caret{animation:none}}#lobby .name-entry .message{color:var(--ui-yellow)}#lobby .name-entry .message[hidden],#lobby .name-entry .confirm[hidden]{display:none}#lobby .name-entry .confirm{justify-items:center;gap:12px;display:grid}#lobby .name-entry .hint{opacity:.7;font-size:.85em}:root[data-shell=mobile] #lobby .name-entry .pixel-button.key{min-height:var(--zoomed-tap-min)}:root[data-shell=mobile] #lobby .name-entry{padding:calc(var(--zoomed-safe-top) + var(--top-bar-layer-top)) calc(var(--zoomed-safe-right) + var(--hub-padding)) calc(var(--zoomed-safe-bottom) + 16px) calc(var(--zoomed-safe-left) + var(--hub-padding))}:root[data-form=phone] #lobby .name-entry{gap:var(--space-1);padding:var(--usable-top) var(--usable-right) var(--usable-bottom) var(--usable-left);background:#140c06f7}:root[data-form=phone] #lobby .name-entry .sheet{place-self:stretch stretch;gap:var(--space-1);width:100%;max-width:860px;min-height:0;box-shadow:none;background:0 0;border:0;flex-direction:column;margin-inline:auto;padding:0;display:flex}:root[data-form=phone] #lobby .name-entry .preview{font-size:clamp(var(--text-body), 6cqh, var(--text-heading))}:root[data-form=phone] #lobby .name-entry .message{font-size:var(--text-small)}:root[data-form=phone] #lobby .name-entry :is(.keys,.confirm,.years){flex:1 1 0}:root[data-form=phone] #lobby .name-entry .keys{grid-auto-rows:minmax(var(--tap-min), 1fr);gap:clamp(4px,1.2cqh,8px) clamp(4px,1.2cqw,8px);min-height:0}:root[data-form=phone] #lobby .name-entry .pixel-button.key{min-height:var(--tap-min);font-size:clamp(var(--text-body), 6cqh, 24px);border-width:3px;padding:0;box-shadow:2px 2px #00000080}:root[data-form=phone] #lobby .name-entry .pixel-button.key.wide{font-size:var(--text-small)}:root[data-form=phone] #lobby .name-entry .confirm{font-size:var(--text-body);align-content:center}:root[data-form=phone] #lobby .name-entry .hint{font-size:var(--text-min);text-align:center}:root[data-form=phone] #lobby .name-entry .years{align-content:start;gap:var(--tap-gap);overscroll-behavior:contain;touch-action:pan-y;min-height:0;overflow-y:auto}:root[data-form=phone] #lobby .name-entry .years .pixel-button.key{min-width:0;font-size:var(--text-button)}:root[data-form=phone] #lobby .name-entry .prompt{font-size:var(--text-small)}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #lobby .name-entry :is(.prompt,.message,.question,.pixel-button.key){font-size:max(16px, var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #lobby .name-entry :is(.pixel-button.key.wide,.preview .count){font-size:max(14px, var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #lobby .name-entry .hint{font-size:max(.85em, var(--zoomed-text-min))}#lobby .name-picker .picked{justify-items:center;gap:var(--space-1);min-width:min(100%,22ch);padding:var(--space-3) var(--space-5);border:3px solid var(--ui-yellow);border-radius:var(--radius);background:#2b2d33;display:grid}#lobby .name-picker .picked-name{color:var(--ui-yellow);text-transform:uppercase;letter-spacing:calc(.1em * var(--tracking));font-size:28px}#lobby .name-picker .picked-note{font-size:var(--text-small);color:var(--ui-frame-light)}#lobby .name-picker .pick-actions{justify-self:stretch;max-width:560px;margin-inline:auto}#lobby .name-picker .pick-hint{font-size:var(--text-small);color:var(--ui-frame-light)}:root[data-form=phone] #lobby .name-picker .sheet{justify-content:center;gap:var(--space-3)}:root[data-form=phone] #lobby .name-picker .pick-hint{text-align:center}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #lobby .name-picker :is(.picked-note,.pick-hint){font-size:max(var(--text-small), var(--zoomed-text-min))}:root[data-form=phone] #lobby .name-picker .pick-actions .pixel-button.key{padding:0 var(--space-3);font-size:var(--text-button);letter-spacing:calc(.08em * var(--tracking))}:root[data-form=phone] #lobby .name-picker .picked-name{font-size:clamp(var(--text-heading), 8cqh, 32px)}#lobby .name-keyboard .native-field{min-width:0;min-height:var(--top-bar-tap);padding:0 var(--space-3);font:inherit;letter-spacing:calc(.04em * var(--tracking));text-transform:none;color:var(--ui-white);border:3px solid var(--ui-yellow);border-radius:var(--radius);background:#2b2d33;flex:auto;font-size:20px}#lobby .name-keyboard .native-ok{min-width:96px;min-height:var(--top-bar-tap);padding:0 var(--space-3);color:var(--ui-dark);background:var(--ui-yellow);text-shadow:none;border-color:#b8730f}#lobby .name-keyboard.native .top-bar>.preview{background:0 0;border:0;flex:none;padding:0}#lobby .name-keyboard.native .preview :is(.typed,.caret){display:none}#lobby .friends-page:not([hidden]){--key-gap:clamp(4px, 1.6cqh, 8px);--key-row:clamp(var(--lobby-tap), (100cqh - 4 * var(--key-gap)) / 5, 64px);grid-template-rows:repeat(5, var(--key-row));gap:var(--key-gap);align-content:center;width:min(100%,640px)}#lobby .code-row{gap:var(--key-gap);grid-template-columns:repeat(8,minmax(0,1fr));min-width:0;display:grid}#lobby .code-field{align-items:center;gap:var(--space-2);min-width:0;padding:0 var(--space-2);background:var(--ui-dark);border:3px solid var(--ui-yellow);grid-column:span 7;display:flex;overflow:hidden}#lobby .code-field .label{min-width:0;font-size:var(--lobby-text-min);color:var(--ui-yellow);text-shadow:none;flex:0 auto;line-height:1.2}#lobby .code-field.refused{border-color:var(--danger)}#lobby .code-field.refused .label{color:var(--ui-white)}#lobby .code-slots{font-size:clamp(var(--lobby-text-body), 7cqh, var(--text-heading));text-transform:none;letter-spacing:0;align-items:flex-end;gap:3px;margin-inline:auto;line-height:1;display:flex}#lobby .code-slots .slot{border-bottom:2px solid var(--ui-frame);place-items:end center;width:.85em;height:1.25em;display:grid;position:relative}#lobby .code-slots .slot.typed{border-bottom-color:#0000}#lobby .code-slots .dash{background:var(--ui-frame-light);align-self:center;width:.45em;height:2px;margin:0 .15em}#lobby .code-slots .slot.next:after{content:"";background:var(--ui-yellow);height:.14em;position:absolute;bottom:-2px;left:.1em;right:.1em}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) #lobby .code-slots .slot.next:after{animation:1s step-end infinite code-caret}}@keyframes code-caret{50%{opacity:0}}#lobby .code-keys{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(4, var(--key-row));gap:var(--key-gap);grid-row:span 4;display:grid}#lobby .friends-page .key{min-width:0;font:inherit;font-weight:900;font-size:clamp(var(--lobby-text-body), 7cqh, 24px);text-transform:none;letter-spacing:0;color:var(--ui-white);background:var(--ui-button);border:3px solid var(--ui-frame);cursor:pointer;touch-action:manipulation;padding:0;box-shadow:2px 2px #00000080}#lobby .friends-page .key.selected{border-color:var(--focus-ring,var(--ui-frame));outline:var(--focus-edge,none)}#lobby .friends-page .key:active{transform:translate(2px,2px);box-shadow:1px 1px #00000080}#lobby .friends-page .key .icon{vertical-align:middle;width:22px;height:22px}#lobby .summary .code{color:var(--ui-yellow);text-transform:none;letter-spacing:calc(.08em * var(--tracking))}#lobby:not([data-tab=friends]) .lobby-body>.friends-hint,#lobby[data-tab=friends] .lobby-body>.hint:not(.friends-hint){display:none}#lobby[data-place=room] .lobby-body{grid-template-columns:minmax(0,1fr) clamp(168px,28cqw - 20px,320px)}#lobby .choice>.page.room-page:not([hidden]){gap:var(--space-2);--seat-row:calc(var(--lobby-text-small) + 10px);flex-direction:column;display:flex}#lobby .share:not([hidden]){align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:3px solid var(--ui-yellow);background:#6b4f12f0;grid-template-columns:minmax(0,1fr) auto;display:grid}#lobby .share .what{min-width:0;font-size:var(--lobby-text-min);color:var(--ui-frame-light);display:grid}#lobby .share .what>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#lobby .share .what b{font-size:var(--text-heading);letter-spacing:calc(.16em * var(--tracking));color:var(--ui-yellow);text-transform:none}#lobby .pixel-button.share-button{align-items:center;gap:var(--space-2);min-height:var(--lobby-tap);padding:0 var(--space-3);font-size:var(--lobby-text-body);white-space:nowrap;display:flex}#lobby .share-button .icon{flex:none;width:18px;height:18px}#lobby .break-note{max-width:100%;padding:2px var(--space-2);font-size:var(--lobby-text-small);color:var(--ui-yellow);background:var(--plate);align-self:flex-start;margin:0}#lobby .drill-note{max-width:100%;padding:2px var(--space-2);font-size:var(--lobby-text-min);color:var(--ui-frame-light);background:var(--plate);align-self:flex-start;margin:0;line-height:1.3}#lobby .sides{gap:var(--space-3);flex:1 1 0;grid-template-rows:minmax(0,1fr);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-height:0;display:grid}#lobby .side{gap:var(--space-1);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}#lobby .side h3{padding:2px var(--space-2);font-size:var(--lobby-text-small);letter-spacing:calc(.06em * var(--tracking));color:var(--ui-white);background:var(--team,var(--plate));white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}#lobby .seats{grid-template-rows:repeat(auto-fill, var(--seat-row));gap:2px var(--space-1);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-height:0;margin:0;padding:0;list-style:none;display:grid}#lobby .side:is(.arena,.brigade.big) .seats{grid-template-rows:none;grid-auto-flow:row;grid-auto-rows:var(--seat-row);grid-template-columns:repeat(auto-fill,minmax(108px,1fr));align-content:start}#lobby .side.big:not(.arena,.brigade) .seats{grid-template-rows:repeat(8, var(--seat-row))}#lobby .side.brigade h3{color:var(--ui-dark);text-shadow:none}#lobby .side.brigade:not(.big) .seats{grid-template-rows:repeat(4, var(--seat-row));align-content:start}#lobby .seats li{align-items:center;gap:var(--space-1);min-width:0;padding:0 var(--space-1);font-size:var(--lobby-text-small);border-left:4px solid var(--team,var(--ui-frame));background:#3c3d42eb;grid-template-columns:10px minmax(0,1fr) auto;display:grid}#lobby .seats .dot{background:var(--swatch,transparent);border:1px solid #fff9;width:10px;height:10px}#lobby .seats .name{text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:calc(.02em * var(--tracking));text-shadow:none;overflow:hidden}#lobby .seats .tag{font-size:var(--lobby-text-min);color:var(--ui-frame-light)}#lobby .seats .tag:empty{display:none}#lobby .seats .you{color:var(--ui-yellow);background:#6b4f12f0}#lobby .seats .you .tag{color:var(--ui-yellow)}#lobby .seats .open{color:var(--ui-frame-light);background:var(--plate);border:1px dashed #ffffff4d;border-left:4px solid var(--team,var(--ui-frame));grid-template-columns:minmax(0,1fr)}#lobby .seats .open.switchable{color:var(--ui-white);border-color:var(--ui-yellow);border-left-color:var(--team)}#lobby .summary>span[hidden]{display:none}#lobby .summary .team{align-items:center;gap:var(--space-1);white-space:normal;display:flex}#lobby .summary .team i{border:3px solid var(--team);border-radius:50%;flex:none;width:14px;height:10px}#lobby .summary :is(.swapped,.countdown){font-size:var(--lobby-text-min);color:var(--ui-yellow);line-height:1.3}#lobby[data-place=room] .slip .actions{gap:var(--space-2);display:grid}#lobby .slip .actions>[hidden],#lobby .slip .actions:not(:has(>:not([hidden]))){display:none}#lobby .pixel-button.switch-team{width:100%;min-height:var(--lobby-tap);padding:0 var(--space-2);font-size:var(--text-button);letter-spacing:calc(.06em * var(--tracking));white-space:nowrap}#lobby .pixel-button.chosen{border-color:var(--focus-ring,var(--ui-frame));outline:var(--focus-edge,none)}#lobby .host-wait:not([hidden]){min-height:var(--lobby-tap);padding:var(--space-1);font-size:var(--lobby-text-small);letter-spacing:calc(.06em * var(--tracking));text-align:center;color:var(--ui-yellow);border:2px dashed color-mix(in srgb, var(--ui-yellow) 60%, transparent);place-items:center;margin:0;line-height:1.2;display:grid}#lobby .swatch.taken{background:linear-gradient(45deg, transparent 44%, #1d1e22 44% 56%, transparent 56%), linear-gradient(-45deg, transparent 44%, #1d1e22 44% 56%, transparent 56%), linear-gradient(#1d1e2266, #1d1e2266), var(--swatch);cursor:default;border-color:#5a5a5a}#lobby .colour-page .caption .taken-note{text-overflow:ellipsis;min-width:0;font-size:var(--lobby-text-min);overflow:hidden}#lobby[data-place=room] .name-chip{cursor:default;border-color:#0000}#lobby{color:#fff8e1;--hub-padding:var(--top-bar-inset);--lobby-tap:var(--tap-min);--lobby-text-min:var(--text-min);--lobby-text-small:var(--text-small);--lobby-text-body:var(--text-body);--plate:#1d1e22d9;--lobby-padding-bottom:16px;font-family:inherit;position:fixed;inset:0}:root[data-shell=mobile][data-form=tablet] #lobby{--lobby-tap:max(var(--tap-min), var(--zoomed-tap-min));--lobby-corner-gap:calc(max(var(--corner-gap-bottom-left,0px), var(--corner-gap-bottom-right,0px)) / var(--ui-scale,1));--hub-padding:max(var(--top-bar-inset), var(--lobby-corner-gap) - min(var(--zoomed-safe-left), var(--zoomed-safe-right)));--lobby-padding-bottom:max(16px, var(--lobby-corner-gap) - var(--zoomed-safe-bottom))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #lobby{--lobby-text-min:max(var(--text-min), var(--zoomed-text-min));--lobby-text-small:max(var(--text-small), var(--zoomed-text-min));--lobby-text-body:max(var(--text-body), var(--zoomed-text-min))}#lobby:not([hidden]){padding:var(--top-bar-layer-top) var(--hub-padding) var(--lobby-padding-bottom);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px;display:grid}:root[data-form=phone] #lobby:not([hidden]){gap:var(--tap-gap);padding:0}#lobby .top-bar-tabs{flex:none}:root[data-form=phone] #lobby .top-bar-tabs>*{padding:0 var(--space-2)}@container screen (width<720px){:root[data-form=phone] #lobby .top-bar{gap:var(--space-1)}:root[data-form=phone] #lobby .top-bar-tabs>*{letter-spacing:calc(.04em * var(--tracking));padding:0 6px}}#lobby .name-chip:not([hidden]){align-items:center;gap:var(--space-2);min-width:0;min-height:var(--lobby-tap);padding:0 var(--space-3);font:inherit;font-size:var(--lobby-text-small);color:var(--ui-white);background:var(--plate);border:3px solid var(--ui-frame);border-radius:var(--radius);cursor:pointer;display:flex}#lobby .name-chip.focused{border-color:var(--focus-ring,var(--ui-frame));outline:var(--focus-edge,none)}#lobby .name-chip .chip-name{text-overflow:ellipsis;white-space:nowrap;text-transform:none;min-width:0;letter-spacing:calc(.04em * var(--tracking));overflow:hidden}#lobby .name-chip .chip-tag{color:var(--ui-frame-light);flex:none}#lobby .name-chip .icon{width:16px;height:16px;color:var(--ui-frame-light);flex:none}#lobby .name-chip:not(.renames) .icon{display:none}#lobby .lobby-body{gap:var(--space-2) var(--space-3);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) clamp(144px,28cqw - 30px,320px);min-height:0;display:grid}#lobby .choice{grid-area:1/1;min-height:0;position:relative;container:choice/size}#lobby .choice>.page:not([hidden]){display:grid;position:absolute;inset:0}#lobby .lobby-body>.hint{max-width:100%;padding:2px var(--space-2);font-size:var(--lobby-text-min);color:var(--ui-frame-light);background:var(--plate);grid-area:2/1;justify-self:start;margin:0}#lobby .lobby-body>.hint:empty{display:none}#lobby .mode-page{align-content:center;gap:var(--space-2);--mode-accent-height:6px;--mode-total-icon:16px;--card-rest:calc(102px + var(--mode-accent-height) + 2 * var(--lobby-tap));grid-template-columns:repeat(3,minmax(0,1fr))}:root[data-form=phone] #lobby .mode-page{--mode-accent-height:4px;--mode-total-icon:10px}#lobby .mode-card{min-width:0;padding:var(--space-2);border:3px solid var(--ui-frame);border-radius:var(--radius);background:#1d1e22f0;gap:6px;display:grid;box-shadow:4px 4px #00000080;container:card/inline-size}#lobby .mode-head{align-items:center;gap:var(--space-2);min-width:0;display:flex}#lobby .mode-card h2{font-size:var(--text-button);letter-spacing:calc(.1em * var(--tracking));margin:0;line-height:1.2}#lobby .mode-total{font-size:var(--lobby-text-small);color:var(--ui-frame-light);align-items:center;gap:3px;margin-left:auto;display:flex}:root[data-form=phone] #lobby .mode-total{font-size:var(--lobby-text-min);gap:2px}#lobby :is(.mode-page:not(.counted),.mode-card.soon) .mode-total{display:none}#lobby .mode-head .mode-total .icon{width:var(--mode-total-icon);height:var(--mode-total-icon)}#lobby .mode-accent{height:var(--mode-accent-height);background:linear-gradient(90deg, var(--mode-left) 50%, var(--mode-right) 50%);display:block}#lobby .mode-accent[data-kind=freeForAll]{background:var(--mode-free-arena)}#lobby .mode-card.soon .mode-accent{background:var(--mode-soon)}#lobby .mode-card.picked{border-color:var(--bracket);outline:var(--bracket-edge)}#lobby .mode-card.picked h2{color:var(--ui-yellow)}#lobby .mode-art{width:100%;height:clamp(36px, 100cqh - var(--card-rest), 56.25cqw);object-fit:cover;border:2px solid var(--ui-frame);background:#4a3019;display:block}#lobby .mode-card:not(.picked) .mode-art{opacity:.55}#lobby .mode-card .full{font-size:var(--lobby-text-small);letter-spacing:calc(.06em * var(--tracking));white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}#lobby .mode-card.soon :is(h2,.full,.about){color:var(--ui-frame)}#lobby .mode-card.soon .mode-art{filter:grayscale()}#lobby .soon-pill{font-size:var(--lobby-text-min);letter-spacing:calc(.08em * var(--tracking));color:var(--ui-frame-light);background:var(--ui-button);border-radius:999px;flex:none;padding:2px 6px;line-height:1.2}#lobby .mode-card .about{font-size:var(--lobby-text-min);color:var(--ui-frame-light);text-transform:none;letter-spacing:calc(.02em * var(--tracking));margin:0;line-height:1.3}@container choice (height<300px){#lobby .mode-card .about{display:none}}#lobby .sizes{grid-template-columns:repeat(2, minmax(var(--lobby-tap), 1fr));gap:var(--space-1);display:grid}#lobby .pixel-button.size{min-width:var(--lobby-tap);min-height:var(--lobby-tap);font-size:var(--lobby-text-small);letter-spacing:calc(.02em * var(--tracking));border-width:3px;align-content:center;place-items:center;gap:1px;padding:0;line-height:1.1;display:grid}#lobby .size .count{font-size:var(--lobby-text-min);color:var(--ui-frame-light);text-shadow:none;align-items:center;gap:2px;display:flex}#lobby :is(.mode-page:not(.counted),.mode-card.soon) .count{display:none}#lobby .size .count .icon{width:10px;height:10px}#lobby .pixel-button.size[aria-pressed=true]{color:var(--ui-dark);background:var(--ui-yellow);text-shadow:none;border-color:#b8730f}#lobby .pixel-button.size[aria-pressed=true] .count{color:var(--ui-dark)}#lobby .mode-card.soon .pixel-button.size{opacity:.45}#lobby .tank-page{grid-template-rows:minmax(0,1fr)}#lobby .tiles{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2, minmax(var(--lobby-tap), 1fr));gap:var(--space-2);min-height:0;display:grid}#lobby .tile{min-width:0;min-height:0;padding:var(--space-1);font:inherit;font-size:var(--lobby-text-small);letter-spacing:calc(.08em * var(--tracking));color:var(--ui-white);border:3px solid var(--ui-frame);border-radius:var(--radius);cursor:pointer;background:#1d1e22f0;grid-template-rows:minmax(0,1fr) auto;gap:2px;display:grid;box-shadow:3px 3px #00000073}#lobby .tile[aria-pressed=true]{color:var(--ui-yellow);border-color:var(--bracket);outline:var(--bracket-edge);background:#6b4f12f0}#lobby .tile .tank-art{object-fit:contain;width:100%;height:100%;min-height:0}#lobby .tile-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#lobby .colour-page{--sw-gap:var(--space-2);--sw:clamp(var(--lobby-tap), min((100cqw - 7 * var(--sw-gap)) / 8, (100cqh - 36px - 3 * var(--sw-gap)) / 4), 72px);place-content:center start;gap:var(--space-2);grid-template-rows:auto auto}#lobby .colour-page .caption{align-items:baseline;gap:var(--space-2);min-width:0;max-width:100%;padding:2px var(--space-2);font-size:var(--lobby-text-small);color:var(--ui-frame-light);white-space:nowrap;background:var(--plate);justify-self:start;margin:0;display:flex;overflow:hidden}#lobby .colour-page .caption b{font-size:var(--lobby-text-body);color:var(--ui-yellow)}#lobby .swatches{grid-template-columns:repeat(8, var(--sw));grid-auto-rows:var(--sw);gap:var(--sw-gap);display:grid}#lobby .swatch{background:var(--swatch);border:3px solid var(--ui-frame);cursor:pointer;padding:0;box-shadow:2px 2px #00000073}#lobby .swatch[aria-pressed=true]{border-color:var(--ui-white);outline:3px solid var(--ui-yellow)}#lobby .tank-colour-page{--tc-gap:var(--space-2);--sw:clamp(var(--lobby-tap), (100cqh - 7 * var(--tc-gap)) / 8, 96px);gap:var(--tc-gap);grid-template-columns:minmax(0,1fr) auto}#lobby .tc-tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3, minmax(var(--lobby-tap), 1fr));gap:var(--tc-gap);min-height:0;display:grid}#lobby .tc-swatches{grid-template-columns:repeat(4, var(--sw));grid-auto-rows:var(--sw);align-content:center;gap:var(--tc-gap);display:grid}#lobby .colour-card{display:none}:root[data-form=desktop] #lobby .tank-colour-page{grid-template-columns:repeat(8, minmax(var(--lobby-tap), 1fr));grid-template-rows:minmax(var(--lobby-tap), 1.55fr) repeat(4, minmax(var(--lobby-tap), 1fr))}:root[data-form=desktop] #lobby :is(.tc-tiles,.tc-swatches){display:contents}:root[data-form=desktop] #lobby .colour-card{gap:var(--space-1);min-width:0;min-height:0;padding:var(--space-2) var(--space-3);border:3px solid var(--ui-frame);border-radius:var(--radius);background:#1d1e22f0;flex-direction:column;grid-area:1/7/auto/span 2;display:flex;overflow:hidden;box-shadow:3px 3px #00000073}#lobby .colour-card .colour-caption{font-size:var(--lobby-text-small);color:var(--ui-frame-light)}#lobby .colour-card .colour-chip{background:var(--wear);border-radius:var(--radius-inner);border:2px solid #fff9;flex:none;height:24px}#lobby .colour-card .colour-name{font-size:var(--text-button);letter-spacing:calc(.06em * var(--tracking));line-height:1.15}#lobby .colour-card .colour-move{font-size:var(--lobby-text-min);color:var(--ui-frame-light);margin-top:auto}#lobby .tank-colour-page:not([data-cursor=shape]) .tile[aria-pressed=true]{border-color:var(--ui-yellow);outline:none}#lobby .tank-colour-page:not([data-cursor=colour]) .swatch[aria-pressed=true]{border-color:var(--ui-frame)}#lobby .ticket{gap:var(--space-2);grid-area:1/2/-1;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}#lobby .ticket-window{border-radius:var(--radius);border:2px dashed #ffffff4d;min-height:48px;position:relative}#lobby .toast:not([hidden]){top:var(--space-1);left:var(--space-1);right:var(--space-1);gap:var(--space-1);padding:var(--space-2);font-size:var(--lobby-text-small);color:var(--ui-white);border:3px solid var(--ui-frame-light);background:#1d1e22f5;margin:0;line-height:1.3;display:grid;position:absolute}#lobby .toast small{font-size:var(--lobby-text-min);color:var(--ui-frame-light);text-transform:none;letter-spacing:calc(.02em * var(--tracking))}#lobby .slip{gap:var(--space-2);min-width:0;padding:var(--space-2);border:3px solid var(--ui-frame);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--ui-button), 4px 4px 0 #00000080;background:#1d1e22f0;display:grid}#lobby .summary{min-width:0;font-size:var(--lobby-text-small);letter-spacing:calc(.06em * var(--tracking));gap:2px;line-height:1.2;display:grid}#lobby .summary>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#lobby .summary :is(.kind,.step,.waiting-now){font-size:var(--lobby-text-min);color:var(--ui-frame-light)}#lobby .summary .step{color:var(--ui-yellow)}#lobby .summary .match-size{font-size:var(--lobby-text-body)}#lobby .summary .waiting-now>span{text-overflow:ellipsis;display:block;overflow:hidden}#lobby .summary .wear{align-items:center;gap:var(--space-1);white-space:normal;display:flex}#lobby .summary .wear i{background:var(--wear);border:1px solid #fff9;flex:none;width:10px;height:10px}#lobby .slip .message{font-size:var(--lobby-text-small);color:var(--ui-yellow);overflow-wrap:anywhere;margin:0;line-height:1.3}#lobby .slip .message:empty{display:none}#lobby .room-code{text-transform:none}#lobby .slip .actions:empty{display:none}#lobby .pixel-button.go{width:100%;min-height:var(--lobby-tap);padding:0 var(--space-2);font-size:var(--text-button);letter-spacing:calc(.06em * var(--tracking));white-space:nowrap;color:var(--ui-dark);background:var(--ui-yellow);text-shadow:none;border-color:#b8730f;flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex}#lobby .pixel-button.go small{font-size:var(--lobby-text-min);letter-spacing:calc(.1em * var(--tracking))}@media (hover:hover){#lobby .pixel-button.go:hover:enabled{border-color:var(--ui-white)}}#mission-board:not([hidden]){gap:var(--space-5);padding:var(--space-5);--tile-min:48px;grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);display:grid}#mission-board .grid{grid-template-columns:auto repeat(4, minmax(var(--tile-min), 136px));grid-template-rows:repeat(4, minmax(var(--tile-min), 1fr));gap:var(--space-4);height:100%;max-height:calc(4 * 136px + 3 * var(--space-4));align-self:center;display:grid}#mission-board .chapter{width:min-content;color:var(--ui-frame-light);align-self:center;padding-right:4px;font-size:16px;line-height:1.2;display:grid}#mission-board .chapter b{white-space:nowrap;color:var(--ui-white)}#mission-board .tile{min-width:var(--tile-min);min-height:var(--tile-min);font:inherit;color:var(--ui-white);border:3px solid var(--ui-frame);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--ui-dark);cursor:pointer;background:#3c3d42;place-items:center;padding:0;font-size:30px;display:grid;position:relative}#mission-board .tile .mark{width:14px;height:14px;position:absolute;bottom:4px;right:4px}:root:not([data-form=phone]) #mission-board .tile .mark{right:var(--space-2);bottom:var(--space-2);width:24px;height:24px}#mission-board .tile.locked{color:var(--ui-frame);background:#3c3d4273;border-color:#5a5a5a}#mission-board .tile[aria-pressed=true]{border-color:var(--bracket);outline:var(--bracket-edge)}@media (hover:hover){#mission-board .tile:not([aria-pressed=true]):hover{border-color:var(--ui-frame-light)}}#mission-board .tile:active{transform:translate(2px,2px)}#mission-board .tile.stamped{border-color:#7ed957}#mission-board .tile.opened{box-shadow:inset 0 0 0 2px var(--ui-dark), 0 0 0 4px #ffc83d99}@media (prefers-reduced-motion:no-preference){#mission-board .tile.stamped .mark{animation:.5s cubic-bezier(.3,1.4,.6,1) both tile-stamp}#mission-board .tile.opened{animation:.45s ease-out .55s both tile-open}}@keyframes tile-stamp{0%{opacity:0;translate:-60% -90%;rotate:-18deg;scale:3.4}60%{opacity:1}to{opacity:1;translate:0;rotate:0deg;scale:1}}@keyframes tile-open{0%{scale:.8}60%{scale:1.12}to{scale:1}}#mission-board .card{min-width:0;padding-left:var(--space-5);border-left:3px solid #3c3d42;flex-direction:column;gap:8px;display:flex}#mission-board :is(.place,.tier,.locked-note){margin:0}#mission-board .place{color:var(--ui-frame-light);font-size:16px}#mission-board h3{color:var(--ui-yellow);margin:0;font-size:28px}#mission-board .locked-note{color:var(--ui-frame-light);font-size:16px}#mission-board .details{flex:auto;align-content:start;gap:8px;min-height:0;display:grid}#mission-board :is(.locked-note,.details,.best)[hidden]{display:none}#mission-board .theme,#mission-board .boss,#mission-board .reward,#mission-board .gold-crate{align-items:center;gap:10px;font-size:16px;display:flex}#mission-board .theme .pixel-icon{width:24px;height:24px}#mission-board .label{color:var(--ui-frame-light);margin:4px 0 0;font-size:13px}#mission-board .roster{flex-wrap:wrap;gap:6px;display:flex}#mission-board .roster .pixel-icon{width:30px;height:27px}#mission-board .boss{color:var(--health)}#mission-board .boss .pixel-icon{width:40px;height:36px}#mission-board :is(.reward,.gold-crate) .pixel-icon{width:22px;height:22px}#mission-board :is(.reward,.gold-crate) .value{color:var(--ui-yellow);font-size:20px}#mission-board .gold-crate.taken{color:var(--ui-frame-light)}#mission-board .gold-crate.taken .pixel-icon{opacity:.55}#mission-board .board-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:auto;display:flex}#mission-board .best{color:var(--ui-yellow);margin-right:auto;font-size:18px}.pixel-button.deploy{color:var(--ui-dark);background:var(--ui-yellow);text-shadow:none;border-color:#b8730f;font-size:24px}.pixel-button.deploy:disabled{color:var(--ui-frame);cursor:default;background:#3c3d42;border-color:#5a5a5a}@media (hover:hover){.pixel-button.deploy:hover:enabled{color:var(--ui-dark);background:var(--ui-yellow);border-color:var(--ui-white)}}#mission-board .campaign-score{color:var(--ui-frame-light);border-top:3px solid #3c3d42;padding-top:8px;font-size:14px}#mission-board .tier{color:var(--ui-frame-light);font-size:12px}#mission-board .category{color:var(--ui-frame-light);font-size:11px}#mission-board .category:empty{display:none}#mission-board .hint{color:var(--ui-frame-light)}:root:not([data-form=desktop]) #mission-board .hint{display:none}:root[data-shell=mobile][data-form=tablet] #mission-board{--tile-min:var(--zoomed-tap-min)}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #mission-board :is(.theme,.boss,.reward,.gold-crate,.place,.locked-note){font-size:max(16px, var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #mission-board .campaign-score{font-size:max(14px, var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #mission-board .label{font-size:max(13px, var(--zoomed-text-min))}:root:not([data-form=phone]) #mission-board .deploy{min-width:220px;min-height:64px;font-size:18px}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #mission-board :is(.tier,.category){font-size:var(--zoomed-text-min)}:root[data-form=phone] #mission-board:not([hidden]){gap:var(--space-3);padding:var(--space-3);--tile-min:var(--tap-min)}:root[data-form=phone] #mission-board .grid{grid-template-columns:auto repeat(4, minmax(var(--tile-min), 64px));gap:var(--space-1);max-height:calc(4 * 72px + 3 * var(--space-1))}:root[data-form=phone] #mission-board .chapter{font-size:var(--text-min)}:root[data-form=phone] #mission-board .tile{font-size:var(--text-body)}:root[data-form=phone] #mission-board .card{gap:var(--space-2);padding-left:var(--space-3);border-left-width:2px}:root[data-form=phone] #mission-board :is(.label,.campaign-score,.category,.tier){display:none}:root[data-form=phone] #mission-board :is(.place,.locked-note){font-size:var(--text-small)}:root[data-form=phone] #mission-board h3{font-size:clamp(var(--text-body), 6cqh, var(--text-heading))}:root[data-form=phone] #mission-board .details:not([hidden]){align-content:flex-start;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}:root[data-form=phone] #mission-board .details>:not(.reward,.gold-crate){flex-basis:100%}:root[data-form=phone] #mission-board :is(.theme,.boss,.reward,.gold-crate){gap:var(--space-2);font-size:var(--text-small)}:root[data-form=phone] #mission-board .roster{gap:3px}:root[data-form=phone] #mission-board .roster .pixel-icon{width:18px;height:16px}:root[data-form=phone] #mission-board .boss .pixel-icon{width:26px;height:24px}:root[data-form=phone] #mission-board :is(.reward,.gold-crate) .value,:root[data-form=phone] #mission-board .best{font-size:var(--text-body)}:root[data-form=phone] #mission-board .deploy{font-size:var(--text-button)}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #mission-board .chapter{font-size:max(16px, var(--zoomed-text-min))}:root[data-shell=mobile][data-form=tablet] #mission-board .deploy{min-height:max(64px, var(--zoomed-tap-min))}@container screen (width<700px){:root[data-form=phone] #mission-board .card:not(.locked) .theme{display:none}}#pause{background:#0c0a0899;align-content:center;justify-items:center;gap:20px;display:grid;position:fixed;inset:0}#pause h1{color:var(--ui-yellow);text-shadow:5px 5px 0 var(--ui-dark), -3px -3px 0 var(--ui-dark);margin:0;font-size:64px}#pause .menu{padding:22px}#pause .body{justify-items:center;min-height:0;display:grid}#pause .menu .pixel-button.selected{border-color:var(--focus-ring,var(--ui-frame));outline:var(--focus-edge,none)}#pause :is(.menu .pixel-button.resume,.question .pixel-button.stay){color:var(--ui-dark);background:var(--ui-yellow);text-shadow:none;border-color:#b8730f}#pause :is(.menu .pixel-button.resume,.question .pixel-button.stay).selected{border-color:var(--focus-ring,#b8730f);outline:var(--focus-edge,none)}#pause .menu .pixel-button.resume{padding-block:16px}@media (hover:hover){#pause :is(.menu .pixel-button.resume,.question .pixel-button.stay):hover:enabled{color:var(--ui-dark);background:var(--ui-yellow);border-color:var(--ui-white)}}#pause .question{gap:16px;width:460px;padding:22px;display:grid}#pause :is(.question-text,.question-cost){text-align:center;color:var(--ui-frame-light);margin:0;font-size:18px}#pause .question-cost{color:var(--ui-white)}#pause .choices{grid-template-columns:1fr 1fr;gap:14px;display:grid}#pause .question .pixel-button.leave{border-color:var(--danger);background:#6b1d1b}#pause .question .pixel-button.leave.selected{border-color:var(--focus-ring,var(--danger));outline:var(--focus-edge,none)}#pause .hint{color:var(--ui-frame-light);margin:0;font-size:13px}:root[data-form=desktop] #pause .hint{font-size:max(13px, var(--zoomed-text-min))}#pause .hint:empty{display:none}:root[data-form=phone] #pause{gap:var(--space-3);grid-template-rows:auto minmax(0,max-content) auto}:root[data-form=phone] #pause h1{font-size:clamp(var(--text-heading), 9cqh, 48px);text-shadow:3px 3px 0 var(--ui-dark), -2px -2px 0 var(--ui-dark)}:root[data-form=phone] #pause .menu{gap:var(--tap-gap);width:min(420px,100cqw);min-width:0;min-height:0;padding:var(--space-4);overscroll-behavior:contain;touch-action:pan-y;overflow-y:auto}:root[data-form=phone] #pause .menu .pixel-button{width:100%;min-height:var(--tap-min);font-size:var(--text-button)}:root[data-form=phone] #pause .menu .pixel-button.resume{min-height:calc(var(--tap-min) + var(--space-3))}:root[data-form=phone] #pause .question{width:min(420px,100cqw);padding:var(--space-4);gap:var(--space-3)}:root[data-form=phone] #pause :is(.question-text,.question-cost){font-size:var(--text-body)}:root[data-form=phone] #pause .question .pixel-button{min-height:var(--tap-min);font-size:var(--text-button)}:root:not([data-form=phone]) #pause h1{font-size:48px}:root:not([data-form=phone]) #pause :is(.menu,.question){width:560px;padding:var(--space-5)}:root:not([data-form=phone]) #pause .menu{gap:var(--space-3)}:root:not([data-form=phone]) #pause :is(.menu,.question) .pixel-button{min-height:64px;font-size:20px}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #pause :is(.question-text,.question-cost){font-size:max(16px, var(--zoomed-text-min))}:root[data-shell=mobile][data-form=tablet] #pause :is(.menu,.question) .pixel-button{min-height:max(64px, var(--zoomed-tap-min))}:root:not([data-form=phone]) #pause .menu .pixel-button.resume{min-height:76px}:root{--sound-button-top:calc(var(--safe-top,0px) + var(--top-bar-layer-top) * var(--ui-scale,1));--sound-button-right:calc(var(--safe-right,0px) + var(--top-bar-inset) * var(--ui-scale,1));--sound-button-size:calc(var(--top-bar-tap) * var(--ui-scale,1));--sound-button-width:var(--sound-button-size);--sound-button-gap:calc(var(--tap-gap) * var(--ui-scale,1));--sound-button-key-room:31px;--sound-button-reserve:calc(var(--sound-button-right) + var(--sound-button-width) + var(--sound-button-gap))}:root:has(#sound-button>.top-bar-key:not(:empty)){--sound-button-width:calc(var(--sound-button-size) + var(--sound-button-key-room) * var(--ui-scale,1))}:root[data-shell=mobile][data-form=tablet]{--sound-button-right:calc(var(--safe-right) + max(var(--top-bar-inset) * var(--ui-scale,1), var(--corner-gap-top-right,0px), var(--corner-gap-min)))}:root[data-shell=mobile][data-form=phone]{--sound-button-top:var(--usable-top);--sound-button-right:var(--usable-right)}#sound-button{z-index:60;zoom:var(--ui-scale,1);top:calc(var(--sound-button-top) / var(--ui-scale,1));right:calc(var(--sound-button-right) / var(--ui-scale,1));justify-content:center;align-items:center;gap:var(--space-2);width:calc(var(--sound-button-width) / var(--ui-scale,1));height:calc(var(--sound-button-size) / var(--ui-scale,1));font:inherit;font-size:var(--top-bar-text);letter-spacing:calc(.08em * var(--tracking));color:var(--ui-white);border-radius:var(--radius);cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#1d1e22cc;border:3px solid #ffffff8c;padding:0;font-weight:500;display:flex;position:fixed;box-shadow:3px 3px #00000059}:root[data-folded] #sound-button{z-index:1001}#sound-button .icon{pointer-events:none;flex:none;width:24px;height:24px}#sound-button[aria-pressed=true]{color:var(--ui-yellow);border-color:var(--ui-yellow)}#sound-button:active{transform:translate(2px,2px);box-shadow:1px 1px #00000059}@media (hover:hover){#sound-button:not([aria-pressed=true]):hover{border-color:var(--ui-frame-light)}}:root:has(#splash) #sound-button{display:none}#raid-arrows{pointer-events:none;position:absolute;inset:0;overflow:hidden}#raid-arrows .raid-arrow{background:#1d1e22d9;border:3px solid #b8bcc4;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:0;left:0;box-shadow:2px 2px #00000073}#raid-arrows .raid-arrow[hidden]{display:none}#raid-arrows .raid-arrow .pixel-icon{width:18px;height:16px}#raid-arrows .raid-arrow .pointer{transform:rotate(var(--pointing,0deg));position:absolute;inset:0}#raid-arrows .raid-arrow .pointer:after{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:9px solid #b8bcc4;position:absolute;top:50%;right:-11px;transform:translateY(-50%)}#raid-arrows .raid-arrow .count{text-align:center;min-width:16px;color:var(--ui-dark);border-radius:var(--radius-inner);background:#b8bcc4;padding:0 3px;font-size:12px;line-height:16px;position:absolute;bottom:-9px;right:-9px}#raid-arrows .raid-arrow .count:empty{display:none}#raid-arrows .raid-arrow.champion{border-color:var(--health);border-radius:var(--radius-inner)}#raid-arrows .raid-arrow.champion .pointer:after{border-left-color:var(--health)}#raid-arrows .raid-arrow.champion .count{color:var(--ui-white);background:var(--health)}#raid-arrows .raid-arrow.cog{border-color:var(--ui-yellow)}#raid-arrows .raid-arrow.cog .pointer:after{border-left-color:var(--ui-yellow)}:root[data-form=phone] #raid-arrows .raid-arrow{border-width:2px;width:28px;height:28px}:root[data-form=phone] #raid-arrows .raid-arrow .pixel-icon{width:16px;height:14px}:root[data-form=phone] .layer-scroll{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;min-height:0;overflow-y:auto}:root[data-form=phone] .sticky-footer{z-index:1;justify-content:flex-end;align-items:center;gap:var(--tap-gap);padding-top:var(--space-3);background:linear-gradient(transparent, var(--ui-panel) var(--space-3));display:flex;position:sticky;bottom:0}:root[data-form=phone] :is(#base-controls,#pause,#title,#difficulty-picker,#settings,#lobby,#debrief,#final-score,#dialogue,#notice) :is(button,[role=tab],.tap-target){min-width:var(--tap-min);min-height:var(--tap-min)}#shop:not([hidden]){grid-template-rows:minmax(0,1fr) auto auto auto;gap:8px;padding:16px;display:grid}#shop .cards{grid-template-columns:repeat(var(--cards,4), minmax(0, 1fr));gap:12px;min-height:0;display:grid;container:shop-cards/size}#shop .cards[hidden]{display:none}#shop .card{border:3px solid var(--ui-frame);border-radius:var(--radius);background:#26272c;grid-template:"art name""text text""stats stats""rank rank""actions actions"minmax(0,1fr)/52px minmax(0,1fr);gap:8px 10px;min-height:0;padding:10px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #3c3d42}#shop .card[hidden]{display:none}#shop .card.unaffordable,#shop .card.maxed{filter:saturate(.45)brightness(.72)}#shop .card.selected{border-color:var(--focus-ring,var(--ui-frame));outline:var(--focus-edge,none)}#shop .card:active:not(:has(button:active)){transform:translate(2px,2px)}#shop .card.selected.unaffordable,#shop .card.selected.maxed{filter:saturate(.6)brightness(.85)}#shop .key{width:22px;height:22px;color:var(--ui-dark);background:var(--ui-yellow);border:2px solid var(--ui-dark);text-shadow:none;place-items:center;font-size:12px;display:grid;position:absolute;top:-9px;left:-9px}#shop .portrait{background:#4f5159;grid-area:art;place-items:center;height:52px;display:grid;box-shadow:inset 0 0 0 2px #6b6d76}#shop .portrait .pixel-icon{width:46px;height:46px}#shop .details{display:contents}#shop h3{grid-area:name;align-self:center;margin:0;font-size:15px}#shop .effect{letter-spacing:calc(.03em * var(--tracking));text-transform:none;color:var(--ui-frame-light);grid-area:text;margin:0;font-size:13px;font-weight:700;line-height:1.3}#shop .stats{color:var(--ui-frame-light);grid-area:stats;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 8px;margin:0;font-size:12px;display:grid}#shop .stats dd{background:linear-gradient(90deg, var(--ui-white) calc(var(--share) * 100%), #00000073 0);height:7px;box-shadow:0 0 0 1px var(--ui-dark);margin:0}#shop .levels{grid-area:rank;align-items:center;gap:8px;display:flex}#shop .pips{gap:4px;display:flex}#shop :is(.levels,.pips)[hidden]{display:none}#shop .pip{background:#3a3a3a;border:1px solid #121212;width:12px;height:8px}#shop .pip.full{background:var(--ui-yellow)}#shop .rank{color:var(--ui-yellow);margin-left:auto;font-size:14px}#shop .rank.done{color:#7ed957}#shop .actions{grid-area:actions;align-self:end;gap:6px;display:grid}#shop .buy,#shop .sell{min-height:40px;font:inherit;letter-spacing:calc(.08em * var(--tracking));color:var(--ui-white);border:3px solid var(--ui-frame);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--ui-dark);text-shadow:2px 2px #0009;cursor:pointer;background:#3c3d42;justify-content:center;align-items:center;gap:.35em;padding:6px 8px;font-size:15px;display:flex}#shop .card:is(.selected,:focus-within) .buy:enabled{color:var(--ui-yellow);border-color:var(--ui-yellow)}#shop .buy .pixel-icon{width:14px;height:14px}#shop :is(.buy,.sell)[hidden]{display:none}@media (hover:hover){#shop .buy:hover:enabled,#shop .sell:hover{border-color:var(--ui-frame-light)}}#shop .buy:disabled{cursor:default}#shop .setting{color:var(--ui-yellow);grid-area:rank;font-size:15px}#shop .card.warning{border-color:#e53935}#shop .message{min-height:1.4em;color:var(--ui-yellow);margin:0;font-size:14px}#shop .message.refused{color:var(--danger-text)}#shop .hint{color:var(--ui-frame-light);margin:0;font-size:12px}#shop .hint[hidden],:is([data-input=pad],[data-input=touch]) #shop .key{display:none}#shop .confirm-hint{color:var(--ui-yellow)}:root:not([data-form=phone]) #shop .card{gap:var(--space-3);padding:var(--space-4)}:root:not([data-form=phone]) #shop :is(.buy,.sell){min-height:56px}:root:not([data-form=phone]) #shop .stats{gap:var(--space-2) var(--space-3)}:root:not([data-form=phone]) #shop .stats dd{height:10px}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #shop :is(.key,.hint){font-size:max(13px, var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #shop .stats{font-size:max(14px, var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #shop :is(h3,.effect,.message,.rank),:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #shop :is(.buy,.sell,.setting){font-size:max(16px, var(--zoomed-text-min))}:root[data-form=phone] #shop:not([hidden]){gap:var(--space-1);padding:var(--space-2)}:root[data-form=phone] #shop .cards{gap:var(--space-2)}:root[data-form=phone] #shop .card{gap:var(--space-1) var(--space-2);padding:var(--space-2);grid-template-columns:28px minmax(0,1fr)}:root[data-form=phone] #shop .portrait{height:28px}:root[data-form=phone] #shop .portrait .pixel-icon{width:24px;height:24px}:root[data-form=phone] #shop h3{font-size:var(--text-small)}:root[data-form=phone] #shop :is(.effect,.hint,.stats){font-size:var(--text-min)}:root[data-form=phone] #shop :is(.rank,.setting,.message){font-size:var(--text-small)}:root[data-form=phone] #shop :is(.buy,.sell){min-height:var(--tap-min);padding:0 var(--space-1);font-size:var(--text-small);letter-spacing:calc(.04em * var(--tracking))}:root[data-form=phone] #shop .actions{gap:var(--space-1)}:root[data-shell=mobile][data-form=tablet] #shop :is(.buy,.sell){min-height:max(56px, var(--zoomed-tap-min))}@container shop-cards (height>=240px){#shop .card,:root[data-form=phone] #shop .card{grid-template:"name""text""art"minmax(0,1fr)"stats""rank""actions"/minmax(0,1fr)}#shop .portrait,:root[data-form=phone] #shop .portrait{height:auto;min-height:0;box-shadow:none;background:0 0;container-type:size}#shop .portrait .pixel-icon,:root[data-form=phone] #shop .portrait .pixel-icon{box-sizing:border-box;background:#4f5159;width:min(75cqw,100cqh);height:min(75cqw,100cqh);padding:6%;box-shadow:inset 0 0 0 2px #6b6d76}}:root[data-shell=mobile]{--touch-pause-top:var(--sound-button-top);--touch-pause-right:var(--sound-button-reserve);--touch-pause-width:var(--tap-min,48px);--touch-pause-height:var(--tap-min,48px);--touch-corner-reserve:calc(var(--touch-pause-right) + var(--touch-pause-width) + var(--tap-gap,8px));--touch-board-right:calc(var(--touch-pause-right) + var(--touch-pause-width) + var(--tap-gap,8px));--touch-hud-left:max(16px, var(--corner-top-left-x,var(--safe-left)))}:root[data-shell=mobile][data-screen=netBattle]{--touch-corner-reserve:calc(var(--touch-board-right) + var(--touch-pause-width) + var(--tap-gap,8px))}#touch-controls{--dpad-size:128px;--fire-size:88px;--side-size:56px;--dead-space:16px;--fire-right:max(24px, var(--corner-bottom-right-x,var(--safe-right)));--fire-bottom:max(20px, var(--corner-bottom-right-y,var(--safe-bottom)));--dpad-left:max(24px, var(--corner-bottom-left-x,var(--safe-left)));--dpad-bottom:max(20px, var(--corner-bottom-left-y,var(--safe-bottom)));pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;text-transform:uppercase;letter-spacing:calc(.14em * var(--tracking));-webkit-font-smoothing:none;color:var(--ui-white);text-shadow:2px 2px #0009;font-weight:900;display:none;position:fixed;inset:0}:root[data-shell=mobile][data-input=touch] #touch-controls:not([hidden]){display:block}:root[data-shell=mobile][data-form=tablet] #touch-controls{--dpad-size:148px;--fire-size:104px;--side-size:64px}:root[data-shell=mobile][data-hand=left] #touch-controls{--fire-left:max(24px, var(--corner-bottom-left-x,var(--safe-left)));--fire-bottom:max(20px, var(--corner-bottom-left-y,var(--safe-bottom)));--dpad-right:max(24px, var(--corner-bottom-right-x,var(--safe-right)));--dpad-bottom:max(20px, var(--corner-bottom-right-y,var(--safe-bottom)))}:root[data-shell=mobile]:has(:is(#dialogue,#debrief,#final-score):not([hidden])) #touch-controls,#battle-screen:has(>#pause:not([hidden])) #touch-controls,:root[data-shell=mobile] #battle-screen:has(#hud .outcome:not([hidden])) #touch-controls,#touch-controls [hidden]{display:none}#touch-controls .move-zone{inset:var(--safe-top) 50% var(--safe-bottom) var(--safe-left);pointer-events:auto;touch-action:none;position:absolute}#touch-controls .cross{clip-path:polygon(calc(50% - var(--half-arm)) 0, calc(50% + var(--half-arm)) 0, calc(50% + var(--half-arm)) calc(50% - var(--half-arm)), 100% calc(50% - var(--half-arm)), 100% calc(50% + var(--half-arm)), calc(50% + var(--half-arm)) calc(50% + var(--half-arm)), calc(50% + var(--half-arm)) 100%, calc(50% - var(--half-arm)) 100%, calc(50% - var(--half-arm)) calc(50% + var(--half-arm)), 0 calc(50% + var(--half-arm)), 0 calc(50% - var(--half-arm)), calc(50% - var(--half-arm)) calc(50% - var(--half-arm)))}#touch-controls .dpad{--half-arm:22px;left:calc(var(--dpad-left) + var(--dpad-size) / 2);top:calc(100dvh - var(--dpad-bottom) - var(--dpad-size) / 2);width:var(--dpad-size);height:var(--dpad-size);filter:drop-shadow(2px 2px #00000073);opacity:.8;pointer-events:none;background:#ffffffd9;position:fixed;transform:translate(-50%,-50%)}#touch-controls .dpad.active{opacity:1}#touch-controls .dpad .face{--half-arm:19px;background:#1d1e22d1;position:absolute;inset:3px}#touch-controls .arm{position:absolute}#touch-controls .arm.up{inset:0 0 calc(50% + var(--half-arm))}#touch-controls .arm.down{inset:calc(50% + var(--half-arm)) 0 0}#touch-controls .arm.left{inset:0 calc(50% + var(--half-arm)) 0 0}#touch-controls .arm.right{inset:0 0 0 calc(50% + var(--half-arm))}#touch-controls .arm.lit{background:#ffc83dd9}#touch-controls .arm:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#fffffff2;width:14px;height:10px;position:absolute;top:50%;left:50%}#touch-controls .arm.up:before{transform:translate(-50%,-50%)}#touch-controls .arm.down:before{transform:translate(-50%,-50%)rotate(180deg)}#touch-controls .arm.left:before{transform:translate(-50%,-50%)rotate(-90deg)}#touch-controls .arm.right:before{transform:translate(-50%,-50%)rotate(90deg)}#touch-controls .arm.lit:before{background:var(--ui-dark)}#touch-controls .touch-button{font:inherit;letter-spacing:inherit;color:inherit;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:#1d1e22c7;border:3px solid #ffffffe6;border-radius:50%;place-items:center;padding:0;position:absolute;box-shadow:0 0 0 2px #00000059,3px 3px #0006}:root[data-shell=mobile] #touch-controls .touch-button:not([hidden]){display:grid}#touch-controls .touch-button.held{opacity:1;border-color:var(--ui-yellow);background:#6b4f12d9;box-shadow:0 0 14px #ffc83db3}#touch-controls .touch-button .pixel-icon{width:34px;height:34px}#touch-controls .pause{top:var(--touch-pause-top);right:var(--touch-pause-right);width:var(--touch-pause-width);height:var(--touch-pause-height);border-radius:var(--radius);letter-spacing:calc(.08em * var(--tracking));font-size:13px}#touch-controls .board{top:var(--touch-pause-top);right:var(--touch-board-right);width:var(--touch-pause-width);height:var(--touch-pause-height);border-radius:var(--radius)}:root[data-shell=mobile]:not([data-screen=netBattle]) #touch-controls .board{display:none}:root:has(#scoreboard[data-board=open]) #touch-controls .board{border-color:var(--ui-yellow)}#touch-controls .board .pixel-icon{width:26px;height:24px}#touch-controls .fire{right:var(--fire-right);bottom:var(--fire-bottom);width:var(--fire-size);height:var(--fire-size);font-size:calc(var(--fire-size) * 2 / 11);letter-spacing:calc(.1em * var(--tracking));background:#d6573eeb;border-color:#fff3b0f2}#touch-controls .fire.held{border-color:var(--ui-yellow);background:#ff8a1fe6;box-shadow:0 0 0 4px #ffc83d59,0 0 24px #ff8a1fd9}#touch-controls .weapon{right:calc(var(--fire-right) + (var(--fire-size) - var(--side-size)) / 2);bottom:calc(var(--fire-bottom) + var(--fire-size) + var(--dead-space));width:var(--side-size);height:var(--side-size);border-radius:var(--radius)}#touch-controls .mine{right:calc(var(--fire-right) + var(--fire-size) + var(--dead-space));bottom:calc(var(--fire-bottom) + var(--fire-size) / 2);width:var(--side-size);height:var(--side-size)}:root[data-shell=mobile][data-hand=left] #touch-controls .move-zone{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) 50%}:root[data-shell=mobile][data-hand=left] #touch-controls .dpad{left:calc(100dvw - var(--dpad-right) - var(--dpad-size) / 2)}:root[data-shell=mobile][data-hand=left] #touch-controls .fire{right:auto;left:var(--fire-left)}:root[data-shell=mobile][data-hand=left] #touch-controls .weapon{right:auto;left:calc(var(--fire-left) + (var(--fire-size) - var(--side-size)) / 2)}:root[data-shell=mobile][data-hand=left] #touch-controls .mine{right:auto;left:calc(var(--fire-left) + var(--fire-size) + var(--dead-space))}#touch-controls .teach{font-size:var(--text-small);white-space:nowrap;color:var(--ui-dark);text-shadow:none;background:var(--ui-yellow);border-radius:var(--radius);box-shadow:2px 2px 0 var(--shadow);pointer-events:none;margin:0;padding:4px 8px;line-height:1.2;position:absolute}#touch-controls .teach-drive{left:var(--dpad-left);bottom:calc(var(--dpad-bottom) + var(--dpad-size) + var(--tap-gap,8px))}#touch-controls .teach-fire{right:var(--fire-right);bottom:calc(var(--fire-bottom) + var(--fire-size) + var(--tap-gap,8px))}#touch-controls .weapon:not([hidden])~.teach-fire{right:calc(var(--fire-right) + (var(--fire-size) + var(--side-size)) / 2 + var(--tap-gap,8px));bottom:calc(var(--fire-bottom) + var(--fire-size) + var(--dead-space) + var(--side-size) / 2);transform:translateY(50%)}:root[data-shell=mobile][data-hand=left] #touch-controls .teach-drive{right:var(--dpad-right);left:auto}:root[data-shell=mobile][data-hand=left] #touch-controls .teach-fire{right:auto;left:var(--fire-left)}:root[data-shell=mobile][data-hand=left] #touch-controls .weapon:not([hidden])~.teach-fire{left:calc(var(--fire-left) + (var(--fire-size) + var(--side-size)) / 2 + var(--tap-gap,8px))}#touch-controls .mine.empty{opacity:.55}#touch-controls .mine.empty .pixel-icon{filter:grayscale()}:root[data-shell=mobile] #hud :is(.counters,.lives,.status){width:fit-content;margin-left:calc((var(--touch-hud-left) - var(--safe-left)) / var(--ui-scale,1));position:static}:root[data-shell=mobile] #hud .counters{margin-top:calc((var(--touch-pause-top) - var(--safe-top)) / var(--ui-scale,1))}:root[data-shell=mobile]:has(#dialogue:not([hidden])) #hud :is(.counters,.lives,.status){visibility:hidden}:root[data-shell=mobile] #hud .lives{margin-top:8px}:root[data-shell=mobile] #hud .status{margin-top:14px}:root[data-shell=mobile][data-form=phone] #hud .lives{margin-top:var(--space-1)}:root[data-shell=mobile][data-form=phone] #hud .status{margin-top:var(--space-2)}:root[data-shell=mobile] #hud .enemies{grid-template-columns:repeat(4,24px)}:root[data-shell=mobile][data-input=touch] #hud .mines .key{display:none}#touch-notice{z-index:var(--z-startup-notice);justify-content:safe center;align-items:center;gap:var(--space-4);padding:max(var(--space-5), env(safe-area-inset-top)) max(var(--space-5), env(safe-area-inset-right)) max(var(--space-5), env(safe-area-inset-bottom)) max(var(--space-5), env(safe-area-inset-left));background:radial-gradient(ellipse at center, var(--ui-dark) 0%, var(--ui-panel) 70%);color:var(--ui-white);font-family:var(--font-pixel);-webkit-font-smoothing:none;text-align:center;flex-direction:column;font-weight:900;display:flex;position:fixed;inset:0;overflow-y:auto}#touch-notice .logo{width:min(560px,80vw,100dvh);height:auto;filter:drop-shadow(4px 0 0 var(--ui-dark)) drop-shadow(-4px 0 0 var(--ui-dark)) drop-shadow(0 4px 0 var(--ui-dark)) drop-shadow(0 -4px 0 var(--ui-dark)) drop-shadow(5px 5px 0 var(--ui-dark));flex:none}#touch-notice .touch-notice-box{width:min(560px,100%);padding:var(--space-5);border:4px solid var(--ui-frame);background:var(--ui-panel);box-shadow:4px 4px 0 var(--ui-dark)}#touch-notice h1{font-size:var(--text-heading);letter-spacing:calc(.14em * var(--tracking));color:var(--ui-yellow);text-shadow:3px 3px 0 var(--ui-dark);margin:0;line-height:1.2}#touch-notice .touch-notice-stores{justify-content:center;align-items:center;gap:var(--space-3);margin:var(--space-3) 0 var(--space-4);font-size:var(--text-small);letter-spacing:calc(.08em * var(--tracking));color:var(--ui-frame-light);flex-wrap:wrap;padding:0;line-height:1.25;list-style:none;display:flex}#touch-notice .touch-notice-stores li:not(.touch-notice-badge){min-height:40px;padding:0 var(--space-2);border:2px solid var(--ui-button);background:var(--ui-dark);flex-direction:column;justify-content:center;display:flex}#touch-notice .touch-notice-badge img{width:auto;height:40px;display:block}#touch-notice .touch-notice-badge a{display:block}#touch-notice .touch-notice-badge a:focus-visible{outline:3px solid var(--ui-yellow);outline-offset:3px}#touch-notice .touch-notice-body{font-size:var(--text-body);letter-spacing:calc(.04em * var(--tracking));text-shadow:2px 2px 0 var(--ui-dark);margin:0;line-height:1.5}#touch-notice .touch-notice-prompt{font-size:var(--text-body);letter-spacing:calc(.14em * var(--tracking));color:var(--ui-yellow);text-shadow:3px 3px 0 var(--ui-dark);margin:0;line-height:1.4}@media (prefers-reduced-motion:no-preference){#touch-notice .touch-notice-prompt{animation:1s step-end infinite touch-notice-blink}}@keyframes touch-notice-blink{50%{opacity:0}}#workshop-tip{cursor:pointer;width:340px;position:absolute;bottom:44px;left:24px}#workshop-tip .speaker-card{grid-template-columns:76px 1fr}#workshop-tip .portrait{width:76px;height:76px}#workshop-tip .line{font-size:13px}#workshop-tip .hint{text-align:right;color:var(--ui-frame-light);margin:4px 0 0;font-size:11px}@container screen (height<=860px){#workshop-tip{left:50%;transform:translate(-50%)}}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #workshop-tip .line{font-size:max(16px, var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #workshop-tip h3{font-size:max(18px, var(--zoomed-text-min))}:root:is([data-shell=mobile][data-form=tablet],[data-form=desktop]) #workshop-tip .hint{font-size:var(--zoomed-text-min)}