@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Share+Tech+Mono&display=swap";#touch-controls{--tc-orange:232, 129, 58;--tc-navy:27, 40, 56;z-index:20;pointer-events:none;color:rgb(var(--tc-orange));letter-spacing:.06em;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:Courier New,Lucida Console,monospace;transition:opacity .3s;position:fixed;inset:0}#touch-controls.tc-hidden{display:none!important}#touch-controls.tc-faded{opacity:.3}.tc-zone{pointer-events:auto;touch-action:none;width:50%;position:absolute;top:0;bottom:0;left:0}.tc-stick{border:2px solid rgba(var(--tc-orange), .7);background:rgba(var(--tc-orange), .12);width:120px;height:120px;box-shadow:0 0 0 1px rgba(var(--tc-navy), .5) inset;pointer-events:none;border-radius:50%;margin:-60px 0 0 -60px;position:absolute}.tc-stick:before,.tc-stick:after{content:"";background:rgba(var(--tc-orange), .35);position:absolute}.tc-stick:before{width:1px;top:8px;bottom:8px;left:50%}.tc-stick:after{height:1px;top:50%;left:8px;right:8px}.tc-knob{background:rgba(var(--tc-orange), .55);border:2px solid rgba(var(--tc-orange), .95);width:46px;height:46px;box-shadow:0 0 10px rgba(var(--tc-orange), .5);border-radius:50%;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}.tc-buttons{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));pointer-events:none;width:236px;height:250px;position:absolute}.tc-btn{border:2px solid rgba(var(--tc-orange), .9);background:rgba(var(--tc-navy), .62);width:60px;height:60px;box-shadow:inset 0 0 12px rgba(var(--tc-orange), .25);text-shadow:1px 1px 0 rgba(var(--tc-navy), .9);color:rgb(var(--tc-orange));text-align:center;pointer-events:auto;touch-action:none;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1.1;display:flex;position:absolute}.tc-btn.tc-down{background:rgba(var(--tc-orange), .65);color:#1b2838;text-shadow:none;box-shadow:0 0 14px rgba(var(--tc-orange), .7)}.tc-btn.tc-disabled{opacity:.35}.tc-fire{width:92px;height:92px;font-size:13px;bottom:4px;right:4px}.tc-missile{width:62px;height:62px;bottom:8px;right:102px}.tc-boost{width:58px;height:58px;bottom:102px;right:8px}.tc-brake{width:54px;height:54px;bottom:78px;right:74px}.tc-tgt{width:50px;height:50px;bottom:74px;right:136px}.tc-flare{width:52px;height:52px;bottom:142px;right:72px}.smf-ui-root{--cream:#e8dcc0;--rust:#d4602a;--hud:#e8813a;--navy:#1b2838;--navy-deep:#0f1822;--teal:#3a6b6b;--shield:#6fd4e0;--olive:#6b6b4a;--olive-light:#7d7d56;--olive-dark:#4a4a32;--sage:#8a9a6a;--sand:#c9b07a;--peach:#e9c9a3;--red:#e04a3a;--ui-title:"Orbitron", "Arial Black", "Helvetica Neue", sans-serif;--ui-mono:"Share Tech Mono", "Courier New", "Lucida Console", monospace;pointer-events:none;font-family:var(--ui-mono);color:var(--cream);-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.smf-ui-root *,.smf-ui-root :before,.smf-ui-root :after{box-sizing:border-box}.smf-ui-root [hidden]{display:none!important}.smf-ui-root button{font:inherit;color:inherit}.smf-ui-root img{-webkit-user-drag:none}.smf-hud{pointer-events:none;color:var(--hud);font-family:var(--ui-mono);font-size:calc(clamp(12px, 2.2vmin + 3px, 19px) * var(--hud-scale,1));letter-spacing:.06em;text-shadow:0 0 6px #e8813a73,1px 1px #0f1822f2;--mm:11em;line-height:1.15;position:absolute;inset:0}.hud-row{white-space:nowrap;align-items:center;gap:.5em;display:flex}.hlbl{font-family:var(--ui-title);letter-spacing:.14em;border:1px solid var(--hud);text-shadow:none;text-align:center;background:#1b2838b8;border-radius:2px;min-width:4.2em;padding:.15em .55em .1em;font-size:.62em;font-weight:700;display:inline-block;box-shadow:inset 0 0 6px #e8813a33}.hval{letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:1.3em}.hval.small{font-size:1em}.hud-tl{flex-direction:column;gap:.35em;display:flex;position:absolute;top:2.2vh;left:2.4vw}.hud-tc{flex-direction:column;align-items:center;gap:.35em;display:flex;position:absolute;top:2.2vh;left:50%;transform:translate(-50%)}.hud-tr{position:absolute;top:2.2vh;right:2.4vw}.hud-ml{flex-direction:column;align-items:flex-start;gap:.2em;position:absolute;top:44%;left:5vw}.hud-mr{flex-direction:column;align-items:flex-end;gap:.2em;position:absolute;top:44%;right:5vw}.hud-bl{position:absolute;bottom:3vh;left:2.4vw}.hud-br{flex-direction:column;align-items:flex-end;gap:.25em;display:flex;position:absolute;bottom:3vh;right:2.4vw}.hud-br .hud-row{justify-content:flex-end}.hud-br .hval{text-align:right;min-width:3.2em}.hud-br .hval.dmg-hi{color:var(--red);text-shadow:0 0 8px #e04a3ab3}.gbar{border:1px solid var(--hud);background:#1b2838b8;border-radius:2px;width:24em;height:.75em;position:relative;overflow:visible}.gbar-segs{position:absolute;inset:1px;overflow:hidden}.gbar-seg{transform-origin:0;background:var(--hud);width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(0)}.gbar-rem{transform-origin:0;background:linear-gradient(#e8dcc0d9,#e8813ab3);width:100%;height:100%;position:absolute;top:0;left:0}.gbar-ticks{background:repeating-linear-gradient(90deg,#0000 0 calc(5% - 1px),#0f1822e6 calc(5% - 1px) 5%);position:absolute;inset:0}.gbar-num{font-size:.9em;position:absolute;top:50%;right:-.4em;transform:translate(100%,-50%)}.gbar-cap{font-size:.55em;font-family:var(--ui-title);letter-spacing:.12em;position:absolute;top:50%;left:-.4em;transform:translate(-100%,-50%)}.rank{background:#1b28388c;border:1px solid #e8813a8c;border-radius:2px;flex-direction:column;gap:.15em;min-width:11em;padding:.3em .55em;display:flex}.rk-row{grid-template-columns:.7em 1.6em 1fr auto;align-items:center;gap:.45em;font-size:.85em;display:grid}.rk-row.is-self{color:var(--cream);text-shadow:0 0 6px #e8dcc080}.rk-row.is-dead{opacity:.5}.rk-dot{background:var(--hud);border-radius:50%;width:.7em;height:.7em;box-shadow:0 0 5px}.rk-nm{text-overflow:ellipsis;white-space:nowrap;max-width:8em;overflow:hidden}.rk-pc{font-variant-numeric:tabular-nums}.rk-compact{color:var(--cream);font-size:.95em;display:none}.tgt{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.tgt-box{border:2px solid var(--hud);width:2.6em;height:2.6em;margin:-1.3em 0 0 -1.3em;transition:transform .15s,border-color .15s;position:absolute;top:50%;left:50%;transform:rotate(45deg);box-shadow:0 0 6px #e8813a8c,inset 0 0 6px #e8813a4d}.tgt-box:before,.tgt-box:after{content:"";background:var(--hud);position:absolute}.tgt-box:before{width:2px;height:.35em;margin-left:-1px;top:-.45em;left:50%}.tgt-box:after{width:.35em;height:2px;margin-top:-1px;top:50%;left:-.45em}.tgt.is-locked .tgt-box{border-color:var(--red);animation:.5s steps(2,start) infinite tgtLock;transform:rotate(0)scale(1.15);box-shadow:0 0 10px #e04a3acc}.tgt.is-locked .tgt-box:before,.tgt.is-locked .tgt-box:after{background:var(--red)}.tgt-txt{white-space:nowrap;letter-spacing:.1em;background:#1b28388c;padding:0 .4em;font-size:.85em;position:absolute;top:1.7em;left:50%;transform:translate(-50%)}.tgt.is-locked .tgt-txt{color:var(--red)}.tgt-arrow{background:var(--hud);clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%);filter:drop-shadow(0 0 5px #e8813ab3);width:2em;height:2em;margin:-1em 0 0 -1em;animation:.8s ease-in-out infinite pulse;position:absolute;top:50%;left:50%}.tgt.is-off .tgt-box,.tgt:not(.is-off) .tgt-arrow{display:none}.tgt.is-off .tgt-txt{top:1.3em}.mmap{width:var(--mm);height:var(--mm);border:.22em solid var(--hud);background:radial-gradient(circle,#17313c 0,#0f2230 55%,#0b1a26 100%);border-radius:50%;font-size:1em;position:relative;overflow:hidden;box-shadow:0 0 0 .12em #0f1822,0 0 0 .2em #e8813a59,inset 0 0 1.2em #000000b3,0 0 14px #e8813a59}.mmap-grid{background:linear-gradient(#e8813a8c,#e8813a8c) 50% 0/1px 100% no-repeat,linear-gradient(#e8813a8c,#e8813a8c) 0/100% 1px no-repeat,radial-gradient(circle,#0000 0 calc(25% - 1px),#e8813a73 25%,#0000 calc(25% + 1px) calc(50% - 1px),#e8813a8c 50%,#0000 calc(50% + 1px) calc(75% - 1px),#e8813a59 75%,#0000 calc(75% + 1px)),repeating-linear-gradient(0deg,#e8813a14 0 1px,#0000 1px 12.5%),repeating-linear-gradient(90deg,#e8813a14 0 1px,#0000 1px 12.5%);border-radius:50%;position:absolute;inset:0}.mmap-world{width:calc(var(--mm) * .651);height:calc(var(--mm) * .759);border:1px dashed #e8dcc08c;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mmap-sweep{mix-blend-mode:screen;background:conic-gradient(#e8813a00 0deg,#e8813a0d 250deg,#e8813a80 358deg,#e8dcc0cc 360deg);border-radius:50%;animation:4s linear infinite spin;position:absolute;inset:0}.mmap-canvas{width:100%;height:100%;position:absolute;inset:0}.mmap-n{font-family:var(--ui-title);color:var(--cream);letter-spacing:.1em;font-size:.55em;position:absolute;top:.15em;left:50%;transform:translate(-50%)}.boost{align-items:center;gap:.5em;display:flex}.boost-inf{color:var(--hud);font-size:1.1em;line-height:1}.boost-bar{border:1px solid var(--hud);background:#1b2838b8;width:7.5em;height:.55em;position:relative;overflow:hidden}.boost-fill{transform-origin:0;background:linear-gradient(90deg, var(--rust), var(--peach));will-change:transform;position:absolute;inset:1px}.shld{align-items:center;gap:.5em;display:flex}.shld-bar{border:1px solid var(--shield);background:#1b2838b8;width:7.5em;height:.55em;position:relative;overflow:hidden}.shld-fill{transform-origin:0;background:linear-gradient(90deg, var(--teal), var(--shield));will-change:transform;position:absolute;inset:1px}.shld-bar.is-low{border-color:var(--hud)}.shld-bar.is-low .shld-fill{background:linear-gradient(90deg, var(--rust), var(--hud))}.shld-bar.is-empty{opacity:.55;border-color:#e8dcc04d}.hud-warn{text-align:center;flex-direction:column;align-items:center;gap:.3em;display:flex;position:absolute;top:26%;left:50%;transform:translate(-50%)}.warn{font-family:var(--ui-title);letter-spacing:.2em;color:var(--red);text-shadow:0 0 12px #e04a3acc,2px 2px #0f1822f2;background:#1b283873;border:2px solid #e04a3acc;padding:.05em .5em;font-size:2em;font-weight:900;animation:.5s steps(2,start) infinite blink}.warn.warn-rtb{color:var(--hud);text-shadow:0 0 12px #e8813acc,2px 2px #0f1822f2;border-color:#e8813acc;font-size:1.4em;animation-duration:.8s}.warn-rtb b{font-family:var(--ui-mono);margin-left:.6em;font-size:1.3em;font-weight:400}.hud-flash{pointer-events:none;flex-direction:column;align-items:center;gap:.2em;display:flex;position:absolute;top:15%;left:50%;transform:translate(-50%)}.flash{font-family:var(--ui-title);letter-spacing:.18em;white-space:nowrap;color:var(--cream);text-shadow:0 0 10px #e8dcc099,2px 2px #0f1822f2;font-size:1.6em;font-weight:700;animation:1.8s ease-out forwards flashIn}.flash:before,.flash:after{content:"‹";opacity:.7;color:var(--hud);margin:0 .4em}.flash:after{content:"›"}.flash--hit{color:var(--hud)}.flash--destroyed{color:var(--cream);font-size:1.9em}.flash--friendly,.flash--death,.flash--warning{color:var(--red);text-shadow:0 0 10px #e04a3ab3,2px 2px #0f1822f2}.flash--info{color:var(--peach);font-size:1.3em}.hud-count{font-family:var(--ui-title);color:var(--cream);-webkit-text-stroke:.03em var(--rust);paint-order:stroke fill;text-shadow:0 0 30px #e8813ab3,.06em .06em #7a3413;font-size:9em;font-weight:900;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-count.pop{animation:.9s ease-out forwards countPop}.hud-respawn{background:radial-gradient(circle,#0f18228c,#0f1822e6);flex-direction:column;justify-content:center;align-items:center;gap:.2em;display:flex;position:absolute;inset:0}.hud-respawn .lbl{font-family:var(--ui-title);letter-spacing:.4em;color:var(--red);font-size:1.4em;font-weight:700;animation:1s steps(2,start) infinite blink}.hud-respawn .big{font-family:var(--ui-title);color:var(--cream);-webkit-text-stroke:.03em var(--red);paint-order:stroke fill;font-size:7em;font-weight:900;line-height:1}.hud-invuln{pointer-events:none;border:.25em solid #e8dcc08c;border-radius:.6em;animation:.35s steps(2,start) infinite blink;position:absolute;inset:.6em}.hud-invuln span{font-family:var(--ui-title);letter-spacing:.3em;color:var(--cream);font-size:.8em;position:absolute;bottom:12vh;left:50%;transform:translate(-50%)}.smf-hud--compact .rank{min-width:0;padding:.2em .5em}.smf-hud--compact .rank .rk-row{display:none}.smf-hud--compact .rank .rk-compact{display:block}.smf-hud--compact .gbar{width:16em}.smf-hud--compact .hud-ml{left:3vw}.smf-hud--compact .hud-mr{right:3vw}.smf-hud--compact{--mm:9.5em}@media (max-width:820px){.smf-hud .rank{min-width:0;padding:.2em .5em}.smf-hud .rank .rk-row{display:none}.smf-hud .rank .rk-compact{display:block}.smf-hud .gbar{width:16em}.smf-hud{--mm:9.5em}}.pause-btn{z-index:50;border:2px solid var(--hud);width:2.6em;height:2.6em;color:var(--hud);pointer-events:auto;cursor:pointer;background:#1b2838b3;border-radius:50%;place-items:center;font-size:clamp(12px,2.4vmin,18px);display:grid;position:absolute;top:2vh;right:2.4vw}.pause-btn:before{content:"";border-left:.3em solid var(--hud);border-right:.3em solid var(--hud);width:.9em;height:.9em}.pause-btn.has-rank{top:calc(2vh + 5.4em)}.smf-screens{pointer-events:none;font-size:clamp(11px,1.6vmin + 4px,18px);position:absolute;inset:0}.scr{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.scr-title{z-index:100}.scr-menu{z-index:90}.scr-lobby{z-index:80}.scr-countdown{z-index:70;pointer-events:none}.scr-briefing{z-index:120}.scr-ending{z-index:60;pointer-events:none}.scr-results{z-index:85}.scr-scores{z-index:86}.scr-pause{z-index:130}.scr-controls{z-index:140}.scr-settings{z-index:141}.scr-room{z-index:150}.scr-rotate{z-index:200}.bg-navy{background:radial-gradient(ellipse at 50% 30%, #243a4f, var(--navy) 55%, var(--navy-deep))}.scanlines:after{content:"";pointer-events:none;z-index:5;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px);position:absolute;inset:0}.vignette:before{content:"";pointer-events:none;z-index:4;background:radial-gradient(#0000 55%,#0f1822b3);position:absolute;inset:0}.ttl{font-family:var(--ui-title);text-transform:uppercase;letter-spacing:.16em;color:var(--cream);text-shadow:0 .06em #7a3413,0 0 .6em #d4602a73;font-weight:900}.ttl-sub{font-family:var(--ui-title);letter-spacing:.35em;text-transform:uppercase;color:var(--hud);font-size:.8em;font-weight:500}.mono{font-family:var(--ui-mono)}.logo{font-family:var(--ui-title);text-transform:uppercase;color:var(--cream);-webkit-text-stroke:.045em var(--rust);paint-order:stroke fill;text-shadow:0 .07em #7a3413,0 0 .6em #d4602a80;letter-spacing:.08em;text-align:center;font-weight:900;line-height:.95}.logo small{letter-spacing:.55em;color:var(--hud);-webkit-text-stroke:0;text-shadow:0 0 .6em #e8813a99;margin-bottom:.25em;font-size:.42em;display:block}.panel{border:2px solid var(--olive-dark);background:linear-gradient(#767651,#5f5f41 60%,#55553a);border-top-color:#8f8f66;border-radius:6px;position:relative;box-shadow:inset 0 1px #e8dcc033,inset 0 -3px #0000004d,0 10px 30px #00000080}.panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 6px 6px,#3b3b27 0 2px,#0000 3px) 0 0/100% 100% no-repeat,radial-gradient(circle at calc(100% - 6px) 6px,#3b3b27 0 2px,#0000 3px) 0 0/100% 100% no-repeat,radial-gradient(circle at 6px calc(100% - 6px),#3b3b27 0 2px,#0000 3px) 0 0/100% 100% no-repeat,radial-gradient(circle at calc(100% - 6px) calc(100% - 6px),#3b3b27 0 2px,#0000 3px) 0 0/100% 100% no-repeat;border-radius:4px;position:absolute;inset:4px}.reader{background:var(--navy-deep);color:var(--hud);border:1px solid #2e4356;border-radius:3px;box-shadow:inset 0 0 22px #e8813a1a,inset 0 0 2px #e8813a66}.btn{font-family:var(--ui-title);letter-spacing:.14em;text-transform:uppercase;color:var(--cream);cursor:pointer;white-space:nowrap;text-shadow:0 1px #00000080;background:linear-gradient(#7c7c54,#5e5e40);border:2px solid #3f3f2a;border-top-color:#93936a;border-radius:3px;justify-content:center;align-items:center;gap:.7em;padding:.55em 1.3em .5em 1.05em;font-size:1em;font-weight:700;transition:transform 80ms,filter .12s;display:inline-flex;position:relative;box-shadow:0 3px #2c2c1c,0 6px 14px #00000059}.btn:before{content:"";background:#3b2418;border-radius:50%;flex:none;width:.5em;height:.5em;box-shadow:inset 0 0 2px #000}.btn:hover:before,.btn:focus-visible:before,.btn.is-on:before{background:var(--hud);box-shadow:0 0 8px var(--hud)}.btn:hover,.btn:focus-visible{filter:brightness(1.12);outline:none;transform:translateY(-1px)}.btn:focus-visible{box-shadow:0 3px 0 #2c2c1c, 0 0 0 2px var(--hud)}.btn:active{transform:translateY(2px);box-shadow:0 1px #2c2c1c}.btn--primary{color:var(--navy-deep);text-shadow:0 1px #ffffff40;background:linear-gradient(#f09a55,#c85a26);border-color:#f7c39a #8a3d18 #8a3d18}.btn--primary:before{background:#5a2a12}.btn--danger{background:linear-gradient(#7a3a30,#5a2620);border-color:#a35a4c #3a1610 #3a1610}.btn--ghost{background:#1b283899;border-color:#4a6478 #2e4356 #2e4356}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.btn.is-on{background:linear-gradient(#5d8a5a,#3f6b3e);border-color:#8fb98c #24401f #24401f}.btn--big{padding:.65em 2em .6em 1.5em;font-size:1.25em}.btn--sm{padding:.4em .9em .35em .8em;font-size:.8em}.btn-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8em;display:flex}.field{align-items:center;gap:.6em;display:flex}.field label{font-family:var(--ui-title);letter-spacing:.25em;color:var(--sand);font-size:.7em}.input{font-family:var(--ui-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hud);background:var(--navy-deep);border:1px solid #2e4356;border-radius:3px;outline:none;width:9.5em;padding:.35em .6em;font-size:1.1em;box-shadow:inset 0 0 12px #e8813a1f}.input:focus{border-color:var(--hud);box-shadow:inset 0 0 12px #e8813a40,0 0 0 2px #e8813a59}.input::placeholder{color:#e8813a66}.radar{width:var(--rsz,12em);height:var(--rsz,12em);box-shadow:0 0 0 .25em var(--hud), 0 0 0 .45em #0f1822, inset 0 0 1.5em #000c, 0 0 18px #e8813a59;background:radial-gradient(circle,#16303b 0,#0f2230 60%,#0b1a26 100%);border:.3em solid #2b3a2c;border-radius:50%;flex:none;position:relative;overflow:hidden}.radar:before{content:"";background:linear-gradient(#e8813a80,#e8813a80) 50% 0/1px 100% no-repeat,linear-gradient(#e8813a80,#e8813a80) 0/100% 1px no-repeat,radial-gradient(circle,#0000 0 8%,#e8813a99 8.5%,#0000 9.5% 30%,#e8813a73 30.5%,#0000 31.5% 52%,#e8813a80 52.5%,#0000 53.5% 74%,#e8813a59 74.5%,#0000 75.5%),repeating-linear-gradient(0deg,#e8813a12 0 1px,#0000 1px 10%),repeating-linear-gradient(90deg,#e8813a12 0 1px,#0000 1px 10%);border-radius:50%;position:absolute;inset:0}.radar:after{content:"";animation:spin var(--rspd,5s) linear infinite;mix-blend-mode:screen;background:conic-gradient(#e8813a00 0deg,#e8813a0a 240deg,#e8813a73 356deg,#e8dcc0d9 360deg);border-radius:50%;position:absolute;inset:0}.radar i{background:var(--hud);width:.45em;height:.45em;box-shadow:0 0 6px var(--hud);border-radius:50%;animation:2.2s ease-in-out infinite blink;position:absolute}.radar i.sq{background:var(--cream);box-shadow:0 0 6px var(--cream);border-radius:0}.portrait{--pc:var(--hud);background:linear-gradient(160deg,#2a4652,#16303b);border-radius:4px;position:relative;overflow:hidden}.portrait-fb{font-family:var(--ui-title);color:var(--pc);text-shadow:0 0 12px var(--pc);background:radial-gradient(circle at 50% 40%,#e8813a26,#0000 60%);place-items:center;font-size:2.6em;font-weight:900;display:grid;position:absolute;inset:0}.portrait-fb:after{content:"";border:2px solid var(--pc);opacity:.35;border-radius:30% 30% 45% 45%/30% 30% 50% 50%;height:34%;position:absolute;top:28%;left:20%;right:20%}.portrait img{object-fit:cover;width:100%;height:100%;display:block;position:relative}.scr-title{background:var(--navy);cursor:pointer}.title-bg{object-fit:cover;width:108%;height:108%;animation:28s ease-in-out infinite alternate kenburns;position:absolute;inset:-4%}.title-stars{pointer-events:none;position:absolute;inset:0}.title-stars i{background:var(--cream);width:3px;height:3px;box-shadow:0 0 6px var(--cream), 0 0 12px #e8dcc099;opacity:0;border-radius:50%;animation:3s ease-in-out infinite twinkle;position:absolute}.title-stars i.big{width:5px;height:5px}.title-press{font-family:var(--ui-mono);letter-spacing:.22em;color:var(--hud);text-shadow:0 0 10px #e8813ab3,1px 1px #0f1822e6;font-size:clamp(13px,1.6vw,26px);animation:1.1s steps(2,start) infinite blink;position:absolute;bottom:6vh;right:6vw}.title-ver{opacity:.55;letter-spacing:.15em;font-size:.75em;position:absolute;bottom:2vh;left:2vw}.scr-menu{background:var(--navy-deep)}.menu-bg{filter:saturate(.9)brightness(.75);background-position:50% 30%;background-size:cover;animation:40s ease-in-out infinite alternate kenburns;position:absolute;inset:0}.menu-tint{background:linear-gradient(#0f18228c,#0f182240 40%,#0f1822bf);position:absolute;inset:0}.menu-wrap{z-index:6;grid-template-rows:auto 1fr auto;gap:1vh;width:100%;height:100%;padding:2.5vh 4vw;display:grid;position:relative}.menu-logo{letter-spacing:.12em;padding-top:1vh;font-size:clamp(30px,6.4vw,92px)}.menu-mid{grid-template-columns:1fr auto 1fr;place-items:center;gap:2vw;min-height:0;display:grid}.menu-btns{flex-direction:column;gap:.7em;min-width:18em;display:flex}.menu-btns .btn{justify-content:flex-start;font-size:1.05em}.menu-btns .btn small{font-family:var(--ui-mono);letter-spacing:.05em;opacity:.7;text-transform:none;margin-left:auto;padding-left:1em;font-size:.7em;font-weight:400}.menu-radar{--rsz:min(24vmin, 15em)}.menu-foot{justify-content:space-between;align-items:flex-end;gap:1em;display:flex}.menu-foot-right{flex-direction:column;align-items:flex-end;gap:.3em;display:flex}.menu-hint--left{text-align:left;color:var(--sand);opacity:.8}.menu-ver{opacity:.6;letter-spacing:.15em;font-size:.75em}.menu-hint{opacity:.6;letter-spacing:.1em;text-align:right;font-size:.75em}.scr-lobby{background:var(--navy-deep)}.lobby-bg{filter:brightness(.4)saturate(.75);background-position:50%;background-size:cover;position:absolute;inset:0}.lobby-wrap{z-index:6;--pw:min(calc((94vw - 4.5em) / 6), 30vh);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);gap:.9vh;width:100%;height:100%;padding:1.4vh 2.5vw;display:grid;position:relative}.lobby-head{justify-content:space-between;align-items:baseline;gap:1em;display:flex}.lobby-head .ttl{font-size:1.35em}.lobby-head .who{color:var(--sand);letter-spacing:.15em;font-size:.8em}.lobby-head .who b{font-family:var(--ui-title);letter-spacing:.2em;color:var(--hud);font-size:1.15em;font-weight:700}.pilots{grid-template-columns:repeat(5,minmax(0,1fr));align-content:center;justify-items:center;gap:.6em;min-height:0;display:grid}.ptile{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.35em;width:100%;padding:0;display:flex;position:relative}.ptile .off-tag{z-index:3;font-family:var(--ui-title);letter-spacing:.25em;color:var(--red);border:2px solid var(--red);white-space:nowrap;pointer-events:none;background:#0f1822bf;padding:.15em .4em .1em .55em;font-size:.85em;font-weight:900;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.ptile .portrait{width:var(--pw);max-width:100%;height:calc(var(--pw) * 1.22);border:3px solid #38516a;border-radius:5px;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:0 6px 16px #00000080}.ptile .portrait img{object-position:50% 20%}.ptile .portrait-fb{font-size:calc(var(--pw) * .42)}.ptile:hover .portrait,.ptile:focus-visible .portrait{border-color:var(--sand);transform:translateY(-3px)}.ptile:focus-visible{outline:none}.ptile .pname{font-family:var(--ui-title);letter-spacing:.16em;color:var(--sand);font-size:1.05em;font-weight:700;line-height:1.1}.ptile.is-self .portrait{border-color:var(--hud);box-shadow:0 0 0 3px var(--navy-deep), 0 0 0 6px var(--hud), 0 0 28px #e8813aa6;transform:translateY(-3px)}.ptile.is-self .pname{color:var(--hud);text-shadow:0 0 10px #e8813a99}.ptile.is-taken{cursor:default}.ptile.is-taken .portrait{border-color:var(--pc);box-shadow:0 0 0 3px var(--navy-deep), 0 0 0 5px var(--pc);filter:saturate(.6)brightness(.7)}.ptile .taken-by{z-index:3;letter-spacing:.2em;background:var(--pc);color:var(--navy-deep);text-align:center;font-size:.7em;font-family:var(--ui-title);padding:.25em 0;font-weight:700;position:absolute;bottom:0;left:0;right:0}.ptile.is-off{cursor:not-allowed}.ptile.is-off .portrait{filter:grayscale(.75)brightness(.4);opacity:.5;box-shadow:none;border-color:#2b3a48}.ptile.is-off .pname{opacity:.4;text-decoration:line-through}.ptile.is-off:hover .portrait{border-color:#2b3a48;transform:none}.ptile.shake{animation:.35s shake}.lobby-main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1.4vw;height:min(30vh,21em);min-height:0;max-height:100%;display:grid}.lobby-main.is-solo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.carousel{grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.3em .35em;min-height:0;padding:.5em .7em .75em;display:grid}.carousel .arrow{grid-row:1/2;justify-content:center;width:1.8em;height:2.6em;padding:0;font-size:1em}.carousel .arrow:before{display:none}.ship-view{grid-area:1/2;place-items:center;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.ship-view canvas,.ship-view svg{object-fit:contain;width:100%;height:100%;max-height:100%;display:block}.ship-view svg{filter:drop-shadow(0 6px 10px #00000080);animation:3.5s ease-in-out infinite hover}.ship-info{grid-area:2/1/auto/-1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 .6em;display:grid}.ship-num{font-family:var(--ui-title);color:var(--hud);-webkit-text-stroke:.02em var(--navy-deep);font-size:1.7em;font-weight:900;line-height:1}.ship-name{font-family:var(--ui-title);letter-spacing:.12em;color:var(--cream);font-size:.95em;font-weight:700}.ship-style{letter-spacing:.15em;color:var(--sand);margin-top:.15em;font-size:.65em}.ship-idx{color:var(--sand);letter-spacing:.12em;font-size:.7em}.bars{grid-area:3/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35em .9em;display:grid}.bar{letter-spacing:.12em;color:var(--sand);grid-template-columns:2.9em minmax(0,1fr);align-items:center;gap:.4em;font-size:.72em;display:grid}.bar-cells{gap:2px;display:flex}.bar-cells i{background:#1e3140;border:1px solid #2e4356;flex:1;height:.75em}.bar-cells i.on{background:var(--hud);border-color:var(--hud);box-shadow:0 0 5px #e8813a99}.slots{flex-direction:column;gap:.45em;min-height:0;display:flex}.slot{border-left:.35em solid var(--pc,#2e4356);flex:1 1 0;grid-template-columns:2.8em minmax(0,1fr) auto;align-items:center;gap:.7em;min-height:0;padding:.3em .6em;display:grid}.slot .portrait{width:2.8em;height:2.8em}.slot .portrait-fb{font-size:1.4em}.slot-name{font-family:var(--ui-title);letter-spacing:.12em;color:var(--cream);align-items:center;gap:.5em;font-size:.85em;font-weight:700;display:flex;overflow:hidden}.slot-name .you{color:var(--hud);letter-spacing:.2em;font-size:.7em}.slot-name .host{letter-spacing:.2em;background:var(--hud);color:var(--navy-deep);border-radius:2px;padding:.05em .4em;font-size:.65em}.slot-ship{color:var(--sand);letter-spacing:.12em;font-size:.72em}.slot-status{font-family:var(--ui-title);letter-spacing:.2em;color:var(--sand);text-align:right;font-size:.68em}.slot.is-ready .slot-status{color:#8fdc88;text-shadow:0 0 8px #8fdc8899}.slot.is-off .slot-status{color:var(--red);animation:1s steps(2,start) infinite blink}.slot.is-empty{opacity:.45;border-left-color:#2e4356}.slot.is-empty .slot-name{color:var(--sand);font-weight:500}.slot.is-self{box-shadow:inset 0 0 0 1px #e8813a80}.solo-card{text-align:left;align-items:center;gap:1em;padding:.8em 1em;display:flex}.solo-card .portrait{aspect-ratio:1/1.22;border:3px solid var(--hud);border-radius:5px;flex:none;width:min(38%,8.5em);height:auto;max-height:100%;box-shadow:0 0 18px #e8813a59}.solo-card .portrait img{object-position:50% 20%}.solo-card .portrait-fb{font-size:2.4em}.solo-card-txt{flex-direction:column;flex:auto;justify-content:center;gap:.2em;min-width:0;display:flex}.solo-card .ctag{font-family:var(--ui-title);letter-spacing:.35em;text-transform:uppercase;color:var(--navy-deep);opacity:.75;font-size:.62em;font-weight:700}.solo-card .cname{font-family:var(--ui-title);letter-spacing:.14em;color:var(--cream);text-shadow:0 2px #00000059;font-size:1.6em;font-weight:900;line-height:1.05}.solo-card .cpilot{letter-spacing:.14em;color:var(--navy-deep);font-size:.78em}.solo-card .cdesc{color:#23323f;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.35em;font-size:.78em;line-height:1.45;display:-webkit-box;overflow:hidden}.solo-card .chint{font-family:var(--ui-title);letter-spacing:.16em;background:var(--navy-deep);color:var(--hud);border-radius:2px;align-self:flex-start;margin-top:.55em;padding:.25em .6em .2em;font-size:.68em;font-weight:700}.solo-card .chint.is-ok{color:#8fdc88}.lobby-foot{justify-content:space-between;align-items:center;gap:1em;display:flex}.lobby-foot .wait{color:var(--sand);letter-spacing:.12em;font-size:.78em}.lobby-count{z-index:8;pointer-events:none;background:#0f18228c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lobby-count .num{font-family:var(--ui-title);color:var(--cream);-webkit-text-stroke:.03em var(--rust);paint-order:stroke fill;text-shadow:0 0 40px #e8813acc;font-size:min(28vh,12em);font-weight:900;line-height:1;animation:1s ease-out infinite countPop}.lobby-count .lbl{font-family:var(--ui-title);letter-spacing:.4em;color:var(--hud);font-size:1.6em;font-weight:700;animation:.5s steps(2,start) infinite blink}.scr-countdown{background:0 0}.cd-num{font-family:var(--ui-title);color:var(--cream);-webkit-text-stroke:.03em var(--rust);paint-order:stroke fill;text-shadow:0 0 40px #e8813acc,.05em .05em #7a3413;font-size:min(36vh,16em);font-weight:900;line-height:1}.cd-num.pop{animation:.95s ease-out forwards countPop}.cd-lbl{font-family:var(--ui-title);letter-spacing:.45em;color:var(--hud);text-shadow:0 0 12px #e8813acc;font-size:1.6em;font-weight:700}.scr-briefing{background:var(--navy-deep)}.brief-wrap{z-index:6;grid-template-columns:minmax(0,1fr) minmax(16em,.9fr);align-items:center;gap:2vw;width:100%;height:100%;padding:2.5vh 4vw;display:grid;position:relative}.brief-map{aspect-ratio:24/28;background:var(--teal);border:3px solid var(--sand);height:90vh;max-height:100%;box-shadow:0 0 0 3px var(--navy-deep), 0 0 0 5px var(--olive-dark), 0 20px 50px #0009;background-position:50%;background-size:cover;margin:0 auto;position:relative;overflow:hidden}.brief-map:before{content:"";background:repeating-linear-gradient(0deg,#c9b07a40 0 1px,#0000 1px 10%),repeating-linear-gradient(90deg,#c9b07a40 0 1px,#0000 1px 10%);position:absolute;inset:0}.brief-map:after{content:"";background:linear-gradient(#0f182233,#0000 30% 70%,#0f18224d);position:absolute;inset:0}.zone{opacity:0;width:3.2em;height:3.2em;margin:-1.6em 0 0 -1.6em;position:absolute;transform:scale(2)}.zone.on{animation:.5s cubic-bezier(.2,1.4,.4,1) forwards zoneIn}.zone i{border:2px solid var(--hud);animation:.8s steps(2,start) infinite blink;position:absolute;inset:0;transform:rotate(45deg);box-shadow:0 0 10px #e8813acc,inset 0 0 8px #e8813a66}.zone b{font-family:var(--ui-title);color:var(--cream);text-shadow:0 0 8px #000;place-items:center;font-size:1.2em;font-weight:900;display:grid;position:absolute;inset:0}.zone span{white-space:nowrap;letter-spacing:.2em;color:var(--hud);background:#0f1822b3;margin-top:.3em;padding:.1em .4em;font-size:.65em;position:absolute;top:100%;left:50%;transform:translate(-50%)}.brief-side{flex-direction:column;gap:1em;display:flex}.brief-side .ttl{font-size:2em}.brief-side .ttl:after{content:"_";animation:.8s steps(2,start) infinite blink}.brief-text{letter-spacing:.08em;padding:.9em 1em;font-size:.95em;line-height:1.6}.brief-text p{opacity:0;margin:0;transform:translate(-.5em)}.brief-text p.on{animation:.4s ease-out forwards lineIn}.brief-text b{color:var(--cream);font-weight:400}.brief-legend{letter-spacing:.12em;color:var(--sand);flex-direction:column;gap:.4em;font-size:.8em;display:flex}.brief-legend div{align-items:center;gap:.6em;display:flex}.brief-legend i{background:var(--hud);clip-path:polygon(50% 0,100% 100%,0 100%);flex:none;width:.9em;height:.9em}.brief-legend i.tank{clip-path:polygon(50% 0,100% 70%,78% 100%,22% 100%,0 70%)}.brief-legend i.robot{background:#f0a060;width:1.2em;height:1.2em}.brief-legend i.player{clip-path:none;background:var(--cream);border-radius:50%}.brief-prog{background:var(--navy-deep);border:1px solid #2e4356;height:.4em;overflow:hidden}.brief-prog i{background:var(--hud);transform-origin:0;height:100%;animation:progress var(--secs,6s) linear forwards;display:block;transform:scaleX(0)}.brief-load{letter-spacing:.3em;color:var(--sand);font-size:.75em;animation:1s steps(2,start) infinite blink}.scr-controls,.scr-settings{background:#0f1822e0}.ctl-wrap{z-index:6;flex-direction:column;gap:1.2vh;width:min(96vw,76em);height:100%;padding:2vh 2vw;display:flex;position:relative}.ctl-head{justify-content:space-between;align-items:center;gap:1em;display:flex}.ctl-head .ttl{font-size:1.6em}.tabs{gap:.5em;display:flex}.tab{font-family:var(--ui-title);letter-spacing:.2em;color:var(--sand);cursor:pointer;background:0 0;border:1px solid #2e4356;border-radius:3px;padding:.4em 1em;font-size:.8em}.tab.is-on{border-color:var(--hud);color:var(--hud);background:#e8813a1f;box-shadow:0 0 10px #e8813a4d}.ctl-body{flex:1;grid-template-columns:1.3fr 1fr;align-items:center;gap:2vw;min-height:0;padding:1.2em;display:grid}.ctl-draw{place-items:center;height:100%;min-height:0;display:grid}.legend{grid-template-columns:auto 1fr;align-items:center;gap:.45em 1em;font-size:.85em;display:grid}.legend .k{font-family:var(--ui-title);letter-spacing:.12em;color:var(--hud);border:1px solid var(--hud);text-align:center;white-space:nowrap;background:#1b283899;border-radius:3px;padding:.15em .5em;font-size:.75em}.legend .v{color:var(--cream);letter-spacing:.08em}.ctl-foot{justify-content:flex-end;display:flex}.kbd{flex-direction:column;gap:.3em;font-size:min(1em,2.2vmin);display:flex}.kbd-row{gap:.3em;display:flex}.key{width:2.4em;height:2.4em;font-family:var(--ui-title);color:#7d93a5;letter-spacing:0;background:linear-gradient(#2b3d4c,#1e2e3b);border:1px solid #0b141c;border-top-color:#3d5468;border-radius:.3em;place-items:center;font-size:.85em;display:grid;box-shadow:0 3px #0b141c}.key.w2{width:4.2em}.key.w3{width:6em}.key.w6{width:12.6em}.key.on{color:var(--navy-deep);background:linear-gradient(#f2a060,#d4602a);border-color:#f7c39a #7a3413 #7a3413;box-shadow:0 3px #7a3413,0 0 12px #e8813a80}.key.alt{color:var(--cream);background:linear-gradient(#4a6a68,#3a5656);border-color:#6a8a88 #1e3030 #1e3030;box-shadow:0 3px #1e3030}.kbd-groups{align-items:flex-end;gap:2.2em;display:flex}.pad{width:24em;height:13em;font-size:min(1em,2.2vmin);position:relative}.pad-body{border:2px solid var(--olive-dark);background:linear-gradient(#767651,#55553a);border-top-color:#93936a;border-radius:4em 4em 6em 6em/3em 3em 8em 8em;position:absolute;inset:1.5em 0 0;box-shadow:0 10px 20px #00000080}.pad-grip{border:2px solid var(--olive-dark);background:linear-gradient(#6a6a47,#4a4a32);border-radius:3em/2em 2em 4em 4em;width:6.5em;height:9em;position:absolute;bottom:-1.5em}.pad-grip.l{left:.5em;transform:rotate(-12deg)}.pad-grip.r{right:.5em;transform:rotate(12deg)}.pad-stick{background:radial-gradient(circle at 40% 35%,#34485a,#10202c);border:3px solid #0b141c;border-radius:50%;width:3.2em;height:3.2em;position:absolute;box-shadow:0 0 0 .35em #3f3f2a,0 3px 6px #0009}.pad-stick.on{box-shadow:0 0 0 .35em var(--hud), 0 0 14px #e8813ab3}.pad-dpad{width:3.6em;height:3.6em;position:absolute}.pad-dpad:before,.pad-dpad:after{content:"";background:#1e2e3b;border:1px solid #0b141c;border-radius:3px;position:absolute}.pad-dpad:before{width:34%;height:100%;top:0;left:33%}.pad-dpad:after{width:100%;height:34%;top:33%;left:0}.pad-face{width:3.6em;height:3.6em;position:absolute}.pad-face b{width:1.3em;height:1.3em;font-family:var(--ui-title);color:#7d93a5;background:#1e2e3b;border:1px solid #0b141c;border-radius:50%;place-items:center;font-size:.7em;display:grid;position:absolute}.pad-face b:first-child{top:0;left:50%;transform:translate(-50%)}.pad-face b:nth-child(2){top:50%;right:0;transform:translateY(-50%)}.pad-face b:nth-child(3){bottom:0;left:50%;transform:translate(-50%)}.pad-face b:nth-child(4){top:50%;left:0;transform:translateY(-50%)}.pad-face b.on,.pad-sh.on{background:var(--hud);color:var(--navy-deep);border-color:#7a3413;box-shadow:0 0 10px #e8813ab3}.pad-sh{width:4.5em;height:1.4em;font-family:var(--ui-title);color:#7d93a5;letter-spacing:.1em;background:#1e2e3b;border:1px solid #0b141c;border-radius:.6em .6em .2em .2em;place-items:center;font-size:.7em;display:grid;position:absolute;top:0}.pad-sh.t{opacity:.9;height:1.2em;top:-1.4em}.pad-menu{background:#1e2e3b;border:1px solid #0b141c;border-radius:.4em;width:1.4em;height:.7em;position:absolute;top:4.2em}.pad-menu.on{background:var(--hud);box-shadow:0 0 8px var(--hud)}.phone{background:linear-gradient(#d9b98a,#b3925c 60%,#6b6b4a);border:.5em solid #0b141c;border-radius:1.4em;width:26em;height:13em;font-size:min(1em,2.2vmin);position:relative;overflow:hidden;box-shadow:0 0 0 2px #3d5468,0 12px 24px #0009}.phone:before{content:"";background:linear-gradient(#e9c9a3e6,#c9b07a66 55%,#6b6b4ae6);position:absolute;inset:0}.phone-hud{border:1px dashed #e8813a59;border-radius:.8em;position:absolute;inset:.4em}.phone-joy{border:2px dashed var(--hud);border-radius:50%;place-items:center;width:4.6em;height:4.6em;display:grid;position:absolute;bottom:1.6em;left:2.2em}.phone-joy:before{content:"";width:2em;height:2em;box-shadow:0 0 10px var(--hud);background:#e8813ad9;border-radius:50%;animation:2.4s ease-in-out infinite joy}.phone-btn{border:2px solid var(--hud);width:2.5em;height:2.5em;color:var(--hud);font-family:var(--ui-title);letter-spacing:.05em;background:#1b2838b3;border-radius:50%;place-items:center;font-size:.65em;display:grid;position:absolute}.phone-btn.big{width:3.4em;height:3.4em;color:var(--navy-deep);border-color:var(--cream);background:#d4602acc}.phone-zone{font-family:var(--ui-title);letter-spacing:.25em;color:var(--navy-deep);opacity:.75;font-size:.6em;position:absolute}.phone-pause{border:2px solid var(--hud);background:#1b2838b3;border-radius:50%;width:1.6em;height:1.6em;position:absolute;top:1em;right:1em}.phone-pause:before{content:"";border-left:.25em solid var(--hud);border-right:.25em solid var(--hud);position:absolute;inset:.35em .4em}.set-wrap{z-index:6;flex-direction:column;gap:1.2vh;width:min(92vw,44em);max-height:96vh;padding:1.4em 1.8em;display:flex;position:relative}.set-wrap .ttl{font-size:1.6em}.set-rows{flex-direction:column;gap:.7em;display:flex}.set-row{grid-template-columns:1fr auto;align-items:center;gap:1em;padding:.55em .9em;display:grid}.set-row .lbl{font-family:var(--ui-title);letter-spacing:.2em;color:var(--cream);font-size:.8em}.set-row .sub{color:var(--sand);letter-spacing:.08em;margin-top:.15em;font-size:.7em}.toggle{cursor:pointer;background:#1e3140;border:1px solid #2e4356;border-radius:1em;width:4.2em;height:1.9em;padding:0;position:relative}.toggle:before{content:"";background:var(--sand);border-radius:50%;width:1.3em;height:1.3em;transition:transform .15s,background .15s;position:absolute;top:.2em;left:.2em}.toggle:after{content:"OFF";font-family:var(--ui-title);letter-spacing:.15em;color:var(--sand);font-size:.55em;position:absolute;top:50%;right:.5em;transform:translateY(-50%)}.toggle.is-on{border-color:var(--hud);background:#e8813a40}.toggle.is-on:before{background:var(--hud);box-shadow:0 0 8px var(--hud);transform:translate(2.3em)}.toggle.is-on:after{content:"ON";color:var(--hud);left:.6em;right:auto}.seg{border:1px solid #2e4356;border-radius:3px;display:flex;overflow:hidden}.seg button{font-family:var(--ui-title);letter-spacing:.15em;color:var(--sand);cursor:pointer;background:0 0;border:0;border-right:1px solid #2e4356;padding:.5em 1em;font-size:.7em}.seg button:last-child{border-right:0}.seg button.is-on{background:var(--hud);color:var(--navy-deep)}.range{align-items:center;gap:.7em;display:flex}.range input{appearance:none;cursor:pointer;background:#1e3140;border:1px solid #2e4356;border-radius:2px;outline:none;width:11em;height:.5em}.range input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--hud);border:1px solid #7a3413;border-radius:2px;width:1.1em;height:1.4em;box-shadow:0 0 6px #e8813a99}.range input::-moz-range-thumb{background:var(--hud);border:1px solid #7a3413;border-radius:2px;width:1.1em;height:1.4em}.range b{color:var(--hud);text-align:right;font-variant-numeric:tabular-nums;width:2.6em;font-weight:400}.set-foot{justify-content:flex-end;display:flex}.scr-pause{background:#0f1822b8}.scr-pause:before{content:"";opacity:.6;background:radial-gradient(circle,#0f1822e6 0 1px,#0000 1.6px) 0 0/4px 4px;position:absolute;inset:0}.pause-box{z-index:6;flex-direction:column;align-items:center;gap:1em;min-width:20em;padding:1.6em 2.4em;display:flex;position:relative}.pause-box .ttl{font-size:2em}.pause-box .note{letter-spacing:.12em;color:var(--hud);text-align:center;border:1px dashed #e8813a99;padding:.4em .8em;font-size:.8em}.pause-box .btns{flex-direction:column;gap:.6em;width:100%;display:flex}.pause-box .btn{justify-content:flex-start}.scr-room{background:#0f1822d9}.room-box{z-index:6;text-align:center;flex-direction:column;align-items:center;gap:.9em;min-width:22em;max-width:90vw;padding:1.6em 2.4em;display:flex;position:relative}.room-icon{border:3px solid var(--hud);width:4.5em;height:4.5em;font-family:var(--ui-title);color:var(--hud);border-radius:50%;place-items:center;font-size:1.4em;font-weight:900;animation:1.6s ease-in-out infinite pulse;display:grid;box-shadow:0 0 16px #e8813a80,inset 0 0 12px #e8813a40}.room-box .ttl{font-size:1.7em}.room-box .ttl b{color:var(--hud);font-variant-numeric:tabular-nums;font-weight:900}.room-box .msg{letter-spacing:.1em;color:var(--sand);font-size:.9em;line-height:1.5}.scr-rotate{background:var(--navy-deep);gap:1.2em}.rot-phone{border:.32em solid var(--cream);border-radius:.7em;width:3.6em;height:6.4em;animation:2.4s ease-in-out infinite rotatePhone;position:relative;box-shadow:0 0 20px #e8dcc059}.rot-phone:before{content:"";background:var(--cream);border-radius:2px;width:1em;height:.25em;margin-left:-.5em;position:absolute;bottom:.25em;left:50%}.rot-phone:after{content:"";background:linear-gradient(160deg,#e8813a80,#3a6b6b80);border-radius:2px;position:absolute;inset:.5em .35em .9em}.scr-rotate .ttl{text-align:center;font-size:1.6em}.scr-rotate .sub{letter-spacing:.2em;color:var(--sand);text-align:center;font-size:.85em}.scr-ending{background:0 0}.end-bar{background:var(--navy-deep);height:12vh;position:absolute;left:0;right:0;transform:scaleY(0)}.end-bar.t{transform-origin:top;top:0}.end-bar.b{transform-origin:bottom;bottom:0}.scr-ending.is-in .end-bar{animation:.6s ease-out forwards barIn}.end-txt{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:.5em;display:flex;position:relative}.scr-ending.is-in .end-txt{animation:.8s cubic-bezier(.2,1.2,.3,1) .3s forwards endIn}.end-title{font-family:var(--ui-title);letter-spacing:.12em;text-transform:uppercase;color:var(--hud);-webkit-text-stroke:.025em var(--cream);paint-order:stroke fill;text-shadow:0 .06em #7a3413,0 0 .5em #e8813ab3,0 0 2em #e8813a66;font-size:min(11vw,5.2em);font-weight:900;line-height:1}.end-title.timeup{color:var(--cream);-webkit-text-stroke:.025em var(--rust)}.end-win{font-family:var(--ui-title);letter-spacing:.4em;color:var(--cream);text-shadow:0 0 10px #000c,0 0 20px #e8dcc080;border-top:1px solid var(--hud);border-bottom:1px solid var(--hud);background:#0f18228c;padding:.3em 1.2em;font-size:1.4em;font-weight:700}.end-win b{color:var(--hud);font-weight:900}.end-dither{opacity:0;pointer-events:none;position:absolute;inset:0}.scr-ending.is-out .end-dither{animation:1s step-end forwards dither}.scr-results{background:var(--navy-deep)}.res-bg{filter:brightness(.35)saturate(.7);background-position:50% 30%;background-size:cover;position:absolute;inset:0}.res-tint{background:linear-gradient(90deg,#0f1822e6,#0f18228c);position:absolute;inset:0}.res-wrap{z-index:6;grid-template-rows:auto 1fr auto;gap:1vh;width:min(96vw,84em);height:100%;padding:1.6vh 2vw;display:grid;position:relative}.res-head{justify-content:space-between;align-items:baseline;gap:1em;display:flex}.res-head .ttl{font-size:1.7em}.res-head .sub{letter-spacing:.2em;color:var(--sand);font-size:.8em}.res-board{min-height:0;padding:.8em;overflow:auto}.res-table{border-collapse:separate;border-spacing:0 .35em;width:100%;font-size:.92em}.res-table th{font-family:var(--ui-title);letter-spacing:.22em;color:var(--sand);text-align:left;white-space:nowrap;padding:.2em .6em;font-size:.68em;font-weight:700}.res-table th.num,.res-table td.num{text-align:right;font-variant-numeric:tabular-nums}.res-table td{background:var(--navy-deep);color:var(--hud);white-space:nowrap;vertical-align:middle;border-top:1px solid #2e4356;border-bottom:1px solid #2e4356;padding:.3em .6em}.res-table td:first-child{border-left:.35em solid var(--pc,#2e4356);border-radius:3px 0 0 3px}.res-table td:last-child{border-right:1px solid #2e4356;border-radius:0 3px 3px 0}.res-table tr.is-self td{background:#142230;box-shadow:inset 0 0 0 1px #e8813a8c}.res-table tr.is-first td{color:var(--cream)}.res-table tr{opacity:0;animation:.45s ease-out forwards lineIn;transform:translate(-1em)}.res-place{font-family:var(--ui-title);color:var(--cream);font-size:1.3em;font-weight:900}.res-por{width:2.9em;height:2.9em;position:relative}.res-por .portrait{border:1px solid #2e4356;width:100%;height:100%}.res-por .portrait-fb{font-size:1.4em}.res-name{font-family:var(--ui-title);letter-spacing:.12em;color:var(--cream);font-weight:700}.res-name small{font-family:var(--ui-mono);color:var(--sand);letter-spacing:.15em;font-size:.7em;font-weight:400;display:block}.res-pct{color:var(--cream);font-size:1.35em}.res-pts{font-size:1.35em}.res-kills span{text-align:right;min-width:1.8em;display:inline-block}.res-kills small{color:var(--sand);letter-spacing:.1em;margin-right:.35em;font-size:.65em}.ace{font-family:var(--ui-title);letter-spacing:.16em;color:var(--rust);border:3px double var(--rust);text-shadow:0 0 8px #d4602a99;opacity:0;z-index:2;pointer-events:none;white-space:nowrap;background:#0f1822b8;padding:.1em .3em .08em .45em;font-size:.66em;font-weight:900;animation:.35s cubic-bezier(.2,1.6,.4,1) 1.4s forwards stamp;position:absolute;top:auto;bottom:-.45em;left:50%;transform:translate(-50%)rotate(-13deg)}.res-foot{justify-content:space-between;align-items:center;gap:1em;display:flex}.res-foot .hint{letter-spacing:.12em;color:var(--sand);font-size:.75em}@media (max-width:900px){.res-table .col-dmg,.res-table .col-ship{display:none}.res-table{border-spacing:0 .25em;font-size:.85em}.res-por{width:2.3em;height:2.3em}}.scr-scores{background:var(--navy-deep)}.sco-wrap{width:min(96vw,76em)}.sco-wrap .res-board{align-self:center;max-height:100%}.sco-table th.col-total,.sco-table td.col-total{padding-right:1.2em}.sco-table .res-por{width:3.6em;height:3.6em}.sco-table .res-por .portrait{border-width:2px}.sco-table .res-por .portrait img{object-position:50% 20%}.sco-total{font-family:var(--ui-title);color:var(--cream);text-shadow:0 0 12px #e8813a73;font-size:1.5em;font-weight:900}.sco-table tr.is-first .sco-total{color:var(--hud)}.sco-table tr.is-benched td{opacity:.45}.sco-table tr.is-benched .res-por .portrait{filter:grayscale(.75)brightness(.55)}.sco-msg{min-height:9em;font-family:var(--ui-title);letter-spacing:.32em;color:var(--sand);text-align:center;place-items:center;padding:1em;font-size:1.15em;font-weight:700;display:grid}.sco-msg.is-error{color:var(--red);text-shadow:0 0 12px #e04a3a80}@media (max-height:460px){.smf-screens{font-size:clamp(10px,1.5vmin + 4px,14px)}.menu-logo{padding-top:0;font-size:clamp(24px,8vw,52px)}.menu-btns{gap:.4em;min-width:15em}.menu-btns .btn{padding-top:.4em;padding-bottom:.35em}.menu-radar{--rsz:min(28vmin, 9em)}.lobby-wrap{--pw:min(calc(38vw / 3 - .6em), 33vh);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr);gap:.4vh 1.2vw;padding:.8vh 1.6vw}.lobby-head{grid-area:1/1/auto/-1}.lobby-head .ttl{font-size:1.05em}.pilots{grid-area:2/1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:.35em}.ptile .pname{letter-spacing:.1em;font-size:.8em}.ptile .portrait{border-width:2px}.lobby-main{grid-area:2/2;gap:1vw;height:auto}.lobby-foot{grid-area:3/1/auto/-1}.carousel{gap:.2em .3em;padding:.35em .4em}.ship-view canvas,.ship-view svg{max-height:100%}.ship-num{font-size:1.4em}.bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:.1em .5em}.bar{grid-template-columns:2.6em minmax(0,1fr);font-size:.78em}.bars{gap:.25em .6em}.ship-name{font-size:.85em}.ship-style{font-size:.62em}.slot{grid-template-columns:2.2em minmax(0,1fr) auto;gap:.5em;padding:.2em .5em}.slot .portrait{width:2.2em;height:2.2em}.slots{gap:.3em}.solo-card{gap:.6em;padding:.5em .6em}.solo-card .portrait{width:min(42%,5.5em)}.solo-card .cdesc{-webkit-line-clamp:4}.solo-card .cname{font-size:1.15em}.sco-msg{min-height:5em;font-size:.95em}.sco-table .res-por{width:2.6em;height:2.6em}.sco-total{font-size:1.2em}.btn--big{font-size:1em}.ctl-body{gap:1vw;padding:.6em}.legend{gap:.25em .7em;font-size:.75em}.set-row{padding:.35em .7em}.set-rows{gap:.4em}.brief-side .ttl{font-size:1.4em}.brief-text{font-size:.8em;line-height:1.45}.pause-box{gap:.6em;padding:1em 1.6em}.pause-box .btns{gap:.4em}.pause-box .ttl{font-size:1.5em}.res-head .ttl{font-size:1.3em}.res-wrap{gap:.5vh;padding:1vh 2vw}.res-board{padding:.4em}.res-por{width:2em;height:2em}}@media (max-width:700px){.menu-mid{grid-template-columns:auto 1fr auto}.menu-radar{--rsz:min(24vmin, 7em)}.lobby-main,.lobby-main.is-solo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bars{grid-template-columns:minmax(0,1fr)}.sco-table .col-best{display:none}}.key.ghost{visibility:hidden}.mouse{background:linear-gradient(#2b3d4c,#1e2e3b);border:2px solid #3d5468;border-radius:2.2em 2.2em 2.4em 2.4em;grid-template-rows:42% 1fr;grid-template-columns:1fr 1fr;align-self:center;width:4.4em;height:6.6em;font-size:min(1em,2.2vmin);display:grid;position:relative;overflow:hidden;box-shadow:0 4px #0b141c}.mouse b{font-family:var(--ui-title);letter-spacing:.05em;color:var(--navy-deep);border-bottom:2px solid #0b141c;place-items:center;font-size:.55em;display:grid}.mouse b:first-child{background:linear-gradient(#f2a060,#d4602a);border-right:2px solid #0b141c}.mouse b:nth-child(2){color:var(--cream);background:linear-gradient(#4a6a68,#3a5656)}.mouse i{grid-column:1/-1;position:relative}.mouse i:before{content:"";background:#0b141c;border-radius:.2em;width:.35em;height:1em;margin-left:-.18em;position:absolute;top:-.5em;left:50%}.brief-zones{position:absolute;inset:0}.brief-compass{font-family:var(--ui-title);color:var(--cream);text-shadow:0 0 6px #000;font-size:1em;font-weight:900;position:absolute;top:.4em;right:.6em}.brief-compass:after{content:"";border:.3em solid #0000;border-top:.6em solid var(--hud);width:0;height:0;margin-left:-.3em;position:absolute;top:100%;left:50%}.set-foot{justify-content:space-between;align-items:center;gap:1em}.set-hint{letter-spacing:.15em;color:var(--sand);opacity:.8;font-size:.7em}.room-icon.is-inProgress{border-color:var(--sage);color:var(--sage);box-shadow:0 0 16px #8a9a6a80,inset 0 0 12px #8a9a6a40}.room-icon.is-unreachable,.room-icon.is-versionMismatch{border-color:var(--red);color:var(--red);box-shadow:0 0 16px #e04a3a80,inset 0 0 12px #e04a3a40}.room-icon.is-roomFull{font-size:1.1em}.res-table th.num{text-align:right}.res-table td.col-place{width:2.6em}.res-table td.col-por{width:3.4em}@media (max-width:700px){.res-table .col-kills{display:none}.kbd-groups{flex-wrap:wrap;justify-content:center;gap:1em}}@keyframes blink{to{visibility:hidden}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes tgtLock{to{opacity:.55}}@keyframes flashIn{0%{opacity:0;letter-spacing:.4em;transform:scale(1.6)}12%{opacity:1;letter-spacing:.18em;transform:scale(1)}75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.6em)}}@keyframes countPop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:.85;transform:translate(-50%,-50%)scale(.9)}}.cd-num.pop,.lobby-count .num{animation-name:countPopStatic}@keyframes countPopStatic{0%{opacity:0;transform:scale(1.8)}15%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(.92)}}@keyframes kenburns{0%{transform:scale(1)translate(0)}to{transform:scale(1.07)translate(-1.5%,1%)}}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes hover{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-3%)rotate(1deg)}}@keyframes zoneIn{to{opacity:1;transform:scale(1)}}@keyframes lineIn{to{opacity:1;transform:translate(0)}}@keyframes progress{to{transform:scaleX(1)}}@keyframes joy{0%,to{transform:translate(0)}25%{transform:translate(.8em,-.4em)}50%{transform:translate(-.6em,.5em)}75%{transform:translate(.4em,.7em)}}@keyframes rotatePhone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@keyframes barIn{to{transform:scaleY(1)}}@keyframes endIn{0%{opacity:0;filter:blur(4px);transform:scale(2.2)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes stamp{0%{opacity:0;transform:translate(-50%)rotate(-13deg)scale(2.4)}to{opacity:1;transform:translate(-50%)rotate(-13deg)scale(1)}}@keyframes dither{0%{opacity:1;background-color:#0000;background-image:radial-gradient(circle,#0f1822 0 1px,#0000 1.4px),radial-gradient(circle,#0f1822 0 1px,#0000 1.4px);background-position:0 0,3px 3px;background-size:6px 6px,6px 6px}25%{background-image:radial-gradient(circle,#0f1822 0 1.7px,#0000 2.1px),radial-gradient(circle,#0f1822 0 1.7px,#0000 2.1px)}50%{background-image:radial-gradient(circle,#0f1822 0 2.4px,#0000 2.8px),radial-gradient(circle,#0f1822 0 2.4px,#0000 2.8px)}75%{background-image:radial-gradient(circle,#0f1822 0 3.2px,#0000 3.6px),radial-gradient(circle,#0f1822 0 3.2px,#0000 3.6px)}to{opacity:1;background-color:#0f1822;background-image:none}}@media (prefers-reduced-motion:reduce){.title-bg,.menu-bg,.ship-view svg{animation:none}}body.smf-touch .hud-br{right:auto;left:calc(var(--mm) + 5vw);max-width:calc(100vw - var(--mm) - 26vw);flex-flow:wrap;align-items:center;gap:.3em .7em;bottom:.6vh}body.smf-touch .hud-br .boost-bar{width:5em}body.smf-touch .hud-mr,body.smf-touch .hud-ml{top:34%}.marks{pointer-events:none;position:absolute;inset:0}.mark{border:1px solid var(--orange-hud,#e8813a);will-change:transform;width:1.5em;height:1.5em;margin:-.75em 0 0 -.75em;position:absolute;top:0;left:0;box-shadow:0 0 4px #1b2838e6,inset 0 0 3px #e8813a59}.mark--turret{width:1.1em;height:1.1em;margin:-.55em 0 0 -.55em}.mark--tank{border-bottom-width:3px}.mark--robot{transform-origin:50%;border-width:2px;border-color:#f0a25a;width:1.9em;height:1.9em;margin:-.95em 0 0 -.95em}.utilbar{z-index:160;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.4em;display:flex;position:absolute;top:2.2vh;right:2.4vw}.smf-in-match .utilbar{flex-direction:row;top:calc(2.2vh + 7.4em)}.util-btn{pointer-events:auto;cursor:pointer;width:2.4em;height:2.4em;font-family:var(--ui-mono,monospace);color:var(--hud,#e8813a);border:1px solid var(--hud,#e8813a);background:#1b2838c7;border-radius:3px;place-items:center;font-size:clamp(13px,2.2vmin,20px);line-height:1;transition:background .12s,transform .12s;display:grid;box-shadow:0 0 6px #1b283899}.util-btn:hover{background:#e8813a47}.util-btn:active{transform:scale(.94)}.util-btn[hidden]{display:none}@media (orientation:portrait){.pilots{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5em .4em}.ptile .pname{letter-spacing:.08em;font-size:.85em}.lobby-main{flex-direction:column;gap:.6em}.lobby-main>*{width:100%}.ship-view{min-height:22vh}.sco-table th:nth-child(5),.sco-table td:nth-child(5),.sco-table th:nth-child(6),.sco-table td:nth-child(6){display:none}.sco-table{font-size:.92em}.res-por{width:2.4em;height:2.4em}.menu-radar{display:none}.menu-foot{text-align:center;flex-direction:column;gap:.3em}}.menu-bg--tall{display:none}@media (orientation:portrait){.scr-menu>.menu-bg:not(.menu-bg--tall){display:none}.menu-bg--tall{display:block}}.lobby-head .who,.res-head{padding-right:3.6em}:root{--cream:#e8dcc0;--orange:#d4602a;--orange-hud:#e8813a;--navy:#1b2838;--navy-deep:#0f1822;--teal:#3a6b6b;--olive:#6b6b4a;--sage:#8a9a6a;--sand:#c9b07a;--font-title:"Orbitron", "Impact", "Arial Black", sans-serif;--font-mono:"Share Tech Mono", "Courier New", monospace}*{box-sizing:border-box}html,body{height:100%;background:var(--navy);height:100dvh;color:var(--cream);font-family:var(--font-mono);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#game{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:fixed;inset:0}#hud-root,#touch-controls,#ui-root{position:fixed;inset:0}#hud-root{z-index:5;pointer-events:none}#touch-controls{z-index:6;pointer-events:none}#ui-root{z-index:10;pointer-events:none}#ui-root>*{pointer-events:auto}