:root{color-scheme:dark;--blue:#38bdf8;--blue-glow:rgba(56,189,248,.45);--panel:rgba(4,14,26,.88);--steel:#8197a8}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:#02070d;color:#dfeeff;font-family:Rajdhani,Orbitron,Segoe UI,Arial,sans-serif}.shell{position:relative;width:100%;height:100%;isolation:isolate}.scene-wrap,.scene-wrap canvas{position:absolute;inset:0;width:100%;height:100%}.scene-wrap canvas{display:block}.scanlines{position:absolute;inset:0;pointer-events:none;opacity:.06;background:repeating-linear-gradient(to bottom,rgba(125,196,255,.7) 0 1px,transparent 1px 4px)}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 50%,rgba(0,4,10,.18) 75%,rgba(0,0,0,.5) 100%)}.film-grain{position:absolute;inset:-20%;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}to{transform:translate(-2%,-1%)}}.hud-frame{position:absolute;inset:14px;pointer-events:none;border:1px solid rgba(47,151,255,.24);box-shadow:inset 0 0 32px #0e61b414}.corner{position:absolute;width:32px;height:32px;border-color:#38bdf8;filter:drop-shadow(0 0 6px #0ea5e9)}.tl{left:-1px;top:-1px;border-left:3px solid;border-top:3px solid}.tr{right:-1px;top:-1px;border-right:3px solid;border-top:3px solid}.bl{left:-1px;bottom:-1px;border-left:3px solid;border-bottom:3px solid}.br{right:-1px;bottom:-1px;border-right:3px solid;border-bottom:3px solid}.hud-top-line{position:absolute;top:18px;left:0;right:0;display:flex;align-items:center;height:12px;pointer-events:none}.hud-line-seg{flex:1;height:1px;background:linear-gradient(90deg,#38bdf899,#38bdf826)}.hud-line-seg:last-child{background:linear-gradient(90deg,#38bdf826,#38bdf899)}.hud-top-notch{width:min(320px,28vw);height:8px;border-left:1px solid #38bdf8;border-right:1px solid #38bdf8;border-bottom:1px solid rgba(56,189,248,.4);box-shadow:0 1px 6px #38bdf840}.top-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(39,126,198,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(39,126,198,.04) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 55%);mask-image:linear-gradient(to bottom,#000,transparent 55%)}.hud-ticks{position:absolute;left:14%;right:14%;height:6px;opacity:.25;background:repeating-linear-gradient(90deg,#38bdf8 0 1px,transparent 1px 18px)}.hud-ticks.top{top:3px}.hud-ticks.bottom{bottom:3px}.global-defense-label{position:absolute;top:22px;right:36px;z-index:3;font:11px Consolas,monospace;letter-spacing:.2em;color:#7dd3fc99;text-shadow:0 0 8px rgba(56,189,248,.35)}.global-defense-label span{color:#38bdf8;font-weight:700;margin-left:5px}.intel-panel{position:absolute;left:32px;top:32px;width:240px;padding:12px 14px;border:1px solid rgba(56,189,248,.3);background:linear-gradient(135deg,#041222c7,#020a1499);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 18px #0009,inset 0 0 14px #0e61b424;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);font-family:Consolas,monospace;font-size:11px;color:#7dd3fc;z-index:3}.intel-top-box{display:flex;gap:12px;align-items:flex-start}.mini-map{width:86px;height:86px;flex-shrink:0;border:1px solid rgba(56,189,248,.5);background:radial-gradient(circle at 50% 50%,#0e61b459,#04101d 75%);position:relative;overflow:hidden;box-shadow:0 0 8px #000000b3,inset 0 0 8px #38bdf840}.mini-map:before,.mini-map:after{content:"";position:absolute;inset:15%;border:1px solid rgba(56,189,248,.22);border-radius:50%}.mini-map:after{inset:35%}.sweep{position:absolute;left:50%;top:50%;width:48%;height:1px;background:linear-gradient(90deg,#38bdf8,transparent);transform-origin:left center;animation:sweep 3.2s linear infinite;box-shadow:0 0 8px #38bdf8}@keyframes sweep{to{transform:rotate(360deg)}}.blip{position:absolute;width:4px;height:4px;border-radius:50%;background:#7dd3fc;box-shadow:0 0 8px #38bdf8}.b1{left:32%;top:38%}.b2{left:60%;top:65%}.hostile{left:68%;top:28%;background:#ff4d4d;box-shadow:0 0 8px #ff4d4d;animation:pulse-red .9s infinite}@keyframes pulse-red{50%{opacity:.3;transform:scale(1.9)}}.strat-info{display:flex;flex-direction:column;gap:1px;font-size:10px;line-height:1.4;letter-spacing:.08em;color:#93c5fd}.strat-info p{margin:0}.strat-info .ok{color:#4ade80;font-weight:700;display:flex;align-items:center;gap:4px;margin-top:2px}.status-dot-ok{display:inline-block;width:5px;height:5px;background:#4ade80;box-shadow:0 0 6px #4ade80}.intel-feed-section{margin-top:10px;padding-top:8px;border-top:1px solid rgba(56,189,248,.22)}.intel-feed-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.intel-feed-header span:first-child{font-size:10px;font-weight:700;letter-spacing:.16em;color:#bae6fd;white-space:nowrap}.intel-feed-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(56,189,248,.5),transparent)}.intel-feed-entries{display:grid;gap:2px}.intel-feed-entries p{margin:0;font-size:10px;line-height:1.45;color:#93c5fd;letter-spacing:.06em}.feed-time{color:#60a5fa;margin-right:6px}.intel-feed-entries .warning{color:#f97316;font-weight:700;text-shadow:0 0 8px rgba(249,115,22,.55)}.feed-scanning{color:#38bdf8;opacity:.7;animation:feed-blink 1.4s infinite}@keyframes feed-blink{50%{opacity:.2}}.operation-tag{position:absolute;left:32px;bottom:36px;display:flex;align-items:center;gap:12px;padding:8px 14px;border:1px solid rgba(56,189,248,.35);background:linear-gradient(90deg,#041222cc,#020a14a6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 16px #0009;font-family:Consolas,monospace;z-index:3}.op-corner{position:absolute;width:8px;height:8px;border-color:#38bdf8}.op-corner.tl{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.op-corner.br{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.operation-emblem{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(56,189,248,.45));flex-shrink:0}.operation-text{display:flex;flex-direction:column}.operation-text span{display:block;font-size:9px;font-weight:600;letter-spacing:.18em;color:#60a5fa}.operation-text strong{display:block;margin:1px 0;font-size:16px;font-weight:800;letter-spacing:.18em;color:#fff;font-family:Orbitron,Rajdhani,sans-serif;text-shadow:0 0 10px rgba(56,189,248,.5)}.operation-text small{display:block;font-size:8.5px;letter-spacing:.14em;color:#7dd3fc}.menu{position:absolute;right:4.5vw;top:4vh;width:min(470px,36vw);display:flex;flex-direction:column;align-items:stretch;z-index:3}.logo-wrap{width:100%;display:flex;justify-content:center;align-items:center;min-height:165px;margin-bottom:6px}.game-logo{display:block;max-width:100%;max-height:195px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.92)) drop-shadow(0 0 16px rgba(56,189,248,.35));-webkit-user-select:none;user-select:none;pointer-events:none}.menu-buttons{display:flex;flex-direction:column;gap:10px}.menu-btn{position:relative;display:flex;align-items:center;gap:12px;height:clamp(56px,6.8vh,66px);padding:5px 14px 5px 6px;border:1.5px solid rgba(56,189,248,.42);border-radius:4px;background:#061424bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;overflow:hidden;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));box-shadow:0 4px 16px #0009,inset 0 0 12px #10447838;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.menu-btn .btn-art{position:relative;flex:0 0 clamp(88px,7.5vw,108px);height:100%;border-radius:3px;overflow:hidden;border:1px solid rgba(56,189,248,.42);box-shadow:inset 0 0 8px #000000b3}.menu-btn .btn-art img{width:100%;height:100%;object-fit:cover;object-position:center 32%;opacity:.88;filter:contrast(1.05) brightness(.92);transition:transform .25s ease,opacity .2s ease,filter .2s ease}.menu-btn .btn-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#10549c6b,#041c3a66);box-shadow:inset 0 0 10px #0e61b459;pointer-events:none;transition:background .2s ease,opacity .2s ease}.menu-btn.is-active .btn-art:after{background:linear-gradient(135deg,#38bdf838,#06204033);box-shadow:inset 0 0 10px #38bdf84d}.menu-btn:hover .btn-art:after{background:linear-gradient(135deg,#38bdf81f,#0620401a);box-shadow:inset 0 0 12px #38bdf873}.menu-btn .btn-icon{flex:0 0 34px;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.btn-icon-img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(56,189,248,.55));transition:transform .18s ease,filter .18s ease}.menu-btn .btn-label{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:left}.menu-btn .btn-text{font-family:Orbitron,Rajdhani,Segoe UI,sans-serif;font-weight:800;font-size:clamp(16px,1.38vw,21px);letter-spacing:.16em;color:#fff;text-shadow:0 0 10px rgba(56,189,248,.35);line-height:1.1}.menu-btn .btn-sub{font-family:Rajdhani,Segoe UI,sans-serif;font-weight:600;font-size:clamp(8.5px,.68vw,10.5px);letter-spacing:.18em;color:#7dd3fc;text-transform:uppercase;line-height:1}.menu-btn .btn-chevron{flex:0 0 auto;font-size:22px;font-weight:300;color:#38bdf8;opacity:.75;padding-right:4px;transition:transform .16s ease,opacity .16s ease,color .16s ease}.menu-btn.is-active,.menu-btn:hover,.menu-btn:focus-visible{border-color:#38bdf8;background:#081c34e0;box-shadow:0 0 22px #38bdf880,inset 0 0 14px #38bdf847}.menu-btn:hover,.menu-btn:focus-visible{transform:translate(-6px)}.menu-btn.is-active .btn-art img,.menu-btn:hover .btn-art img{opacity:1;filter:contrast(1.1) brightness(1.08);transform:scale(1.05)}.menu-btn.is-active .btn-icon-img,.menu-btn:hover .btn-icon-img{transform:scale(1.08);filter:drop-shadow(0 0 10px rgba(56,189,248,.95)) brightness(1.12)}.menu-btn.is-active .btn-chevron,.menu-btn:hover .btn-chevron{opacity:1;color:#fff;transform:translate(3px)}.menu-btn:active{transform:translate(-3px) scale(.99)}.status-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:0 2px}.status-pips{display:flex;gap:4px;align-items:center}.pip{display:inline-block;width:7px;height:7px;border-radius:1px}.pip.filled{background:#38bdf8;box-shadow:0 0 6px #38bdf8}.pip.hollow{border:1px solid #38bdf8;background:transparent}.audio-toggle{border:1px solid rgba(56,189,248,.4);background:#041222bf;color:#7dd3fc;padding:6px 10px;font:10px Consolas,monospace;letter-spacing:.12em;cursor:pointer;transition:all .14s ease}.audio-toggle:hover{color:#fff;border-color:#38bdf8;box-shadow:0 0 8px #38bdf873}.audio-toggle.muted{color:#f87171;border-color:#f8717166}.feed-line-wrap{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:14px;pointer-events:none;z-index:3}.feed-flank-line{width:clamp(40px,6vw,90px);height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.5))}.feed-line-wrap .feed-flank-line:last-child{background:linear-gradient(90deg,rgba(56,189,248,.5),transparent)}.feed-line{font:10px Consolas,monospace;color:#7dd3fca6;letter-spacing:.25em;white-space:nowrap;text-transform:uppercase;text-shadow:0 0 6px rgba(56,189,248,.3)}dialog{width:min(680px,88vw);padding:0;border:1px solid #2b8bd0;background:linear-gradient(180deg,#0c1d2bfb,#030c14fc);color:#dceeff;box-shadow:0 0 70px #000c,0 0 22px #1488e159;clip-path:polygon(2% 0,98% 0,100% 4%,100% 96%,98% 100%,2% 100%,0 96%,0 4%)}dialog::backdrop{background:#0004099e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#modal-content{padding:36px 42px 40px}dialog h2{font-size:36px;letter-spacing:.14em;margin:0;color:#d8edff;text-shadow:0 0 12px #168eea}.eyebrow{margin:3px 0 28px;color:#57aee9;font:12px Consolas,monospace;letter-spacing:.16em}.close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#87cfff;font-size:28px;cursor:pointer}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-form label{display:grid;gap:7px;color:#7db7de;font:12px Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.grid-form select,.grid-form input[type=range]{width:100%;min-height:42px;border:1px solid #275a7b;background:#07141e;color:#d8edff;padding:0 12px}.primary{width:100%;height:50px;margin-top:26px;text-align:center;padding:0;font-size:15px;border:1px solid #268fda;background:linear-gradient(180deg,#142532f5,#050e17f5);color:#d8ebff;font:700 15px/1 Rajdhani,Segoe UI,sans-serif;letter-spacing:.08em;cursor:pointer}.primary:disabled{opacity:.45;cursor:not-allowed}.empty-state{border:1px solid rgba(67,147,201,.25);background:#041019a6;padding:28px;color:#a9cce4;line-height:1.6}.empty-state small{color:#6d96b1}@media(max-width:980px){.intel-panel,.operation-tag,.global-defense-label{display:none}.menu{right:4vw;width:min(520px,68vw);top:5vh}.game-logo{max-height:180px}.feed-line{display:none}}@media(max-width:620px){.menu{left:5vw;right:5vw;width:auto;top:5vh}.logo-wrap{min-height:135px;margin-bottom:2px}.game-logo{max-height:150px}.menu-buttons{gap:8px}.menu-buttons button{height:52px}.hud-frame{inset:8px}.status-row{align-items:flex-end}.status-line{font-size:8px}.menu-buttons .btn-sub,.menu-buttons .btn-chevron{display:none}}.changelog-art{display:flex!important;align-items:center;justify-content:center;color:#7dd3fc;font:800 25px Orbitron,sans-serif;letter-spacing:.08em;background:linear-gradient(135deg,#12395a,#071421)}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 16px;margin:14px 0 10px}.setup-grid label{display:grid;gap:6px;color:#7db7de;font:11px Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.setup-grid select,.setup-grid input{width:100%;min-height:36px;border:1px solid #275a7b;background:#07141e;color:#d8edff;padding:0 10px;font:12px Consolas,monospace}.setup-maphint{margin:0 0 14px;font:11px Consolas,monospace;color:#7fa8c2;letter-spacing:.04em}.setup-players{width:100%;border-collapse:collapse;font:11px Consolas,monospace}.setup-players th{text-align:left;padding:5px 6px;color:#6f9fbb;font-weight:400;letter-spacing:.1em;border-bottom:1px solid rgba(80,140,180,.28)}.setup-players td{padding:4px 6px;border-bottom:1px solid rgba(80,140,180,.14)}.setup-players select{width:100%;min-height:30px;border:1px solid #24506e;background:#07141e;color:#d8edff;padding:0 6px;font:11px Consolas,monospace}.setup-players select:disabled{opacity:.4}.setup-players tr.closed td{opacity:.55}.setup-players tr.beyond td:first-child{color:#6a7f8c}.setup-summary{display:flex;gap:22px;margin:14px 0 6px;font:11px Consolas,monospace;color:#8fb4cc;letter-spacing:.06em}.setup-summary b{color:#e6f6ff}.setup-errors{margin:8px 0 0;padding:10px 12px 10px 28px;border-left:3px solid #ff7a68;background:#3c100c73;color:#ffc7bd;font:11px Consolas,monospace;line-height:1.7}.setup-actions{display:flex;gap:12px;align-items:center;margin-top:16px}.setup-actions .primary{flex:1}.ghost-btn{border:1px solid rgba(64,158,218,.4);background:transparent;color:#89bcda;padding:0 18px;height:72px;font:11px Consolas,monospace;letter-spacing:.12em;cursor:pointer}.ghost-btn:hover{color:#fff;border-color:#72caff}.setup-note{margin:12px 0 0;color:#5f8ea8}@media(max-width:820px){.setup-grid{grid-template-columns:1fr 1fr}.setup-players{font-size:10px}}.replay-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-height:52vh;overflow-y:auto}.replay-list li{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid rgba(67,147,201,.25);background:#041019a6}.replay-meta{flex:1;min-width:0;display:grid;gap:4px}.replay-meta b{font-size:15px;letter-spacing:.06em;color:#d8edff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-meta span{font:11px Consolas,monospace;letter-spacing:.06em;color:#6d96b1}.replay-roster{display:flex;align-items:center;gap:6px;margin-top:2px}.replay-roster i{width:10px;height:10px;border-radius:2px;box-shadow:0 0 6px #0009}.replay-roster em{margin-left:6px;font:10px Consolas,monospace;font-style:normal;letter-spacing:.14em;color:#57aee9}.replay-flag{margin-left:4px;padding:1px 6px;border:1px solid rgba(255,157,122,.5);font:9px Consolas,monospace;letter-spacing:.12em;color:#ff9d7a}.save-actions .small{height:38px;margin:0;padding:0 16px;font-size:11px;width:auto}.save-actions .ghost{border:1px solid rgba(64,158,218,.4);background:transparent;color:#89bcda;letter-spacing:.12em;cursor:pointer;clip-path:none}.save-actions .ghost:hover{color:#fff;border-color:#72caff}.phase2-logo{width:100%;text-align:center;filter:drop-shadow(0 10px 14px rgba(0,0,0,.9))}.phase2-logo-top{position:relative;display:inline-block;padding:.25em .35em .15em;font-size:clamp(28px,3vw,54px);font-weight:1000;line-height:.9;letter-spacing:-.055em;text-transform:uppercase;background:linear-gradient(180deg,#f4f8fb,#8396a6 21%,#dce6ed 45%,#617787 67%,#c2d0da 84%,#536979);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.78);text-shadow:0 2px 0 #06111a,0 4px 0 #02080e,0 0 14px rgba(30,147,255,.55)}.phase2-logo-top:before,.phase2-logo-top:after{content:"";position:absolute;top:50%;width:12%;height:3px;background:linear-gradient(90deg,transparent,#4eaefe);box-shadow:0 0 10px #1488e7}.phase2-logo-top:before{right:100%}.phase2-logo-top:after{left:100%;transform:scaleX(-1)}.phase2-logo-top b{font-weight:1000;color:#d7edff;-webkit-text-fill-color:#d7edff;text-shadow:0 0 18px #209bff}.phase2-logo-sub{width:72%;margin:-.05em auto 0;padding:8px 14px 7px;background:linear-gradient(180deg,#172738,#07121d);border:1px solid #6c879a;border-top-color:#a9becd;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);font-size:clamp(15px,1.45vw,25px);font-weight:900;letter-spacing:.24em;color:#d3ecff;text-shadow:0 0 10px #168fff;box-shadow:0 0 22px #0084ff57,inset 0 0 12px #328bca29}@media(max-width:620px){.phase2-logo-top{font-size:clamp(25px,8vw,40px)}.phase2-logo-sub{width:82%;font-size:14px;letter-spacing:.18em}}body.gameplay-active .intel-panel,body.gameplay-active .operation-tag,body.gameplay-active .menu,body.gameplay-active .feed-line,body.gameplay-active .film-grain{display:none}body.gameplay-active .scanlines{opacity:.035}body.gameplay-active .vignette{background:radial-gradient(circle at 50% 44%,transparent 58%,rgba(0,0,0,.5) 100%)}.game-hud{position:fixed;inset:0;z-index:4;pointer-events:none;font-family:Consolas,DejaVu Sans Mono,monospace;color:#cfeaff}.game-hud button{pointer-events:auto}.game-hud button:focus-visible{outline:2px solid #bceaff;outline-offset:2px}.hud-top{position:absolute;left:0;right:0;top:0;display:flex;align-items:stretch;gap:10px;padding:8px 12px;background:linear-gradient(180deg,#030c14eb,#030c1400)}.hud-btn{border:1px solid rgba(64,158,218,.5);background:#030f18f7;color:#8fd0f5;padding:6px 12px;font:12px Consolas,monospace;letter-spacing:.12em;cursor:pointer}.hud-btn:hover{color:#fff;border-color:#72caff}.hud-readout{display:flex;gap:6px;padding:4px 10px;border:1px solid rgba(67,165,226,.35);background:#030e17f7}.hud-stat{min-width:92px;font-size:12px;letter-spacing:.09em;color:#a1cee9}.hud-stat strong{display:block;margin-top:2px;font-size:15px;color:#e4f5ff}.hud-stat strong.warn{color:#ffb44a}.hud-power{--power-color: #65dba6;position:relative;width:240px;flex-shrink:0;padding:0 12px;border-inline:1px solid #284454}.hud-power[data-status=offline]{--power-color: #8299a8 }.hud-power[data-status=tight]{--power-color: #f5cb68 }.hud-power[data-status=low]{--power-color: #ff8d85 }.power-heading,.power-values{display:flex;justify-content:space-between;gap:12px}.power-heading{color:#8dbdd9;font-size:12px;letter-spacing:.04em}.power-heading [data-stat=powerStatus]{color:var(--power-color);font-size:12px}.power-values{margin:3px 0 5px;color:#eff8ff;font-size:12px;font-variant-numeric:tabular-nums}.power-values [data-stat=powerFree]{color:var(--power-color)}.power-track{height:8px;border:1px solid #3d5d70;background:#182d3a;overflow:hidden}.power-fill{display:block;height:100%;width:0;background:var(--power-color);transition:width .18s ease,background-color .18s ease}.power-preview{position:absolute;top:calc(100% + 10px);left:0;right:0;padding:8px 10px;border:1px solid #466c81;background:#071925;color:#9eeac3;font-size:12px;line-height:1.4;box-shadow:0 5px 15px #0006}.power-preview[data-status=tight],.power-impact[data-status=tight] dd{color:#f5cb68}.power-preview[data-status=low],.power-impact[data-status=low] dd{color:#ff8d85}.power-preview[data-status=offline]{color:#aec1cc}@media(prefers-reduced-motion:reduce){.power-fill{transition:none}}@media(max-width:760px){.hud-top{gap:6px;padding-inline:6px}.hud-readout{flex-wrap:wrap;min-width:0;padding-inline:6px}.hud-power{width:210px;padding-inline:6px}}.hud-players{display:flex;flex-wrap:wrap;gap:4px 12px;align-content:center;font-size:12px;letter-spacing:.06em;color:#8fb4cc}.hud-player{display:inline-flex;align-items:center;gap:5px}.hud-player i{width:8px;height:8px;border-radius:2px;display:inline-block}.hud-player.you{color:#e6f6ff}.hud-player.dead{opacity:.38;text-decoration:line-through}.game-banner{position:absolute;left:50%;top:13%;transform:translate(-50%);padding:9px 18px;border:1px solid rgba(77,170,228,.38);background:#030d15e0;font-size:12px;letter-spacing:.14em;text-align:center;color:#a8dcff;opacity:0;transition:opacity .2s}.game-banner.show{opacity:1}.game-selection-box{position:fixed;z-index:5;border:1px solid #65c6ff;background:#37a1e51f;box-shadow:0 0 6px #37a1e566;pointer-events:none;display:none}.command-bar{position:absolute;left:0;bottom:0;width:min(1240px,100%);box-sizing:border-box;display:grid;grid-template-columns:196px 280px minmax(0,1fr);align-items:stretch;gap:10px;padding:10px 12px;background:none;pointer-events:none}.command-bar.hidden{display:none}.command-bar.no-commands{width:510px;grid-template-columns:196px minmax(0,1fr);max-width:100%}.command-bar.no-commands .cb-commands{display:none}.command-bar>div{pointer-events:auto;box-sizing:border-box;height:196px;box-shadow:0 4px 16px #0005}.cb-minimap{position:relative;border:1px solid rgba(68,162,225,.45);background:#031019e6;padding:4px;display:grid;place-items:center;line-height:0}.minimap-north{position:absolute;z-index:1;top:7px;right:7px;padding:4px;background:#05121eeb;color:#cdeaff;font:700 12px/1 Consolas,monospace;pointer-events:none}.cb-minimap canvas{width:100%;height:auto;image-rendering:pixelated;cursor:crosshair}.cb-selection{border:1px solid #31576c;background:#071925f5;padding:12px;font-size:12px;line-height:1.45;overflow:auto;min-width:0}.sel-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sel-heading>div:last-child{min-width:0}.sel-portrait{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid #3c677c;background:linear-gradient(145deg,#173c50,#081a28)}.sel-portrait .cb-icon{width:38px;height:38px}.cb-icon-art{display:block;background:center / contain no-repeat}.sel-eyebrow{display:block;color:#8eb3c8;font-size:12px;letter-spacing:.1em;margin-bottom:4px}.sel-name{color:#f1f9ff;font-size:14px;font-weight:700;line-height:1.3}.sel-health-label{display:flex;justify-content:space-between;color:#a9c8d9;font-size:12px;margin-bottom:4px}.sel-health-label b{font-weight:400;color:#e8f6ff;font-variant-numeric:tabular-nums}.sel-bar{height:6px;background:#1b3341;margin-bottom:10px}.sel-bar span{display:block;height:100%;background:#65dba6}.sel-bar[data-health=damaged] span{background:#f5cb68}.sel-bar[data-health=critical] span{background:#ff8d85}.sel-activity{color:#d7efff;font-size:12px;border-left:2px solid #75caff;padding-left:8px;margin-bottom:6px}.sel-activity .warn{color:#ffbf82}.sel-detail{color:#a9c8d9;font-size:12px;margin-bottom:6px}.sel-description{color:#c2d8e5;font:14px/1.5 system-ui,sans-serif}.sel-description summary{cursor:pointer;color:#96bed7;width:fit-content}.sel-description summary:focus-visible{outline:2px solid #a5dcff;outline-offset:2px}.sel-description p{margin:6px 0 0}.sel-empty{display:flex;flex-direction:column;justify-content:center;height:100%;color:#a9c8d9}.sel-empty>strong{font-size:16px;color:#eef9ff;margin-top:6px}.sel-empty p{margin:8px 0;font:14px/1.5 system-ui,sans-serif}.sel-idle{text-align:left;padding:12px;margin-top:10px;background:#123144;border:1px solid #4d8ba9;color:#eef9ff;cursor:pointer;font:inherit}.sel-idle b{display:block;font-size:16px;margin-bottom:8px}.sel-idle span{display:flex;justify-content:space-between;align-items:center;color:#b2d6ec}.sel-idle kbd{padding:1px 5px;border:1px solid #59809a}.sel-idle:hover,.sel-idle:focus-visible{background:#1d455b;outline:1px solid #91d6ff}.sel-list{list-style:none;margin:10px 0 0;padding:0;color:#c2dce9}.sel-list li{display:flex;gap:10px;padding:4px 0;border-top:1px solid #233c4a}.sel-list b{color:#8ed1ff;min-width:20px}.cb-commands{display:flex;flex-direction:column;gap:8px;min-width:0;padding:8px;border:1px solid #31576c;background:#071925f5}.cb-commands .cb-buttons{min-height:0;max-height:none;flex:1;overflow-y:auto}.cb-tabs-row{display:flex;align-items:center;gap:12px;min-height:22px}.cb-tabs{display:flex;gap:4px;flex-shrink:0}.cb-tabs button{border:1px solid rgba(64,158,218,.35);background:#04121dd9;color:#afd5ea;padding:4px 12px;font:12px Consolas,monospace;letter-spacing:.14em;cursor:pointer}.cb-tabs button.active{color:#fff;border-color:#6fc6ff;background:#0e344ef2}.cb-hint{font:12px Consolas,monospace;color:#cfe9ff;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .12s}.cb-hint.visible{opacity:1}.cb-hint b{color:#fff;margin-right:6px}.cb-hint i{font-style:normal;color:#72ffb0;margin-right:8px}.cb-hint span{color:#8bbcd8}.cb-hint span.warn{color:#ffb44a}.cb-buttons{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;overflow-y:auto;max-height:150px;padding-right:4px}.cb-button{min-width:128px;max-width:190px;text-align:left;border:1px solid rgba(71,163,224,.45);background:#0a2233;color:#cfe9ff;padding:6px 9px;font:12px Consolas,monospace;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s}.cb-button b{display:block;font-weight:600;letter-spacing:.04em}.cb-button i{display:block;margin-top:3px;font-style:normal;font-size:12px;color:#a6cde3}.cb-button:hover:not(:disabled){background:#0e344ef2;border-color:#72caff}.cb-button:disabled{opacity:1;color:#91a8b8;background:#101e29;border-color:#344958;cursor:not-allowed}.cb-button:disabled i{color:#91a8b8}.cb-order-card .cb-card-hotkey{position:absolute;top:3px;right:4px;font:700 10px/1 Consolas,monospace;color:#72ffb0;background:#04111de0;padding:2px 4px;border-radius:2px;border:1px solid rgba(114,255,176,.35);letter-spacing:.04em;pointer-events:none;z-index:2}.cb-order-card .cb-card-price{font-size:11px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 2px}.cb-order-card:disabled,.cb-order-card[aria-disabled=true]{opacity:.45;cursor:not-allowed;filter:grayscale(.7);border-color:#243b4d}.cb-order-card:disabled .cb-card-hotkey,.cb-order-card[aria-disabled=true] .cb-card-hotkey{color:#607d8b;border-color:#607d8b40;background:#040c14b3}.cb-order-card .cb-card-art .cb-icon{width:42px;height:42px}.cb-order-card .cb-card-art img{width:44px;height:44px;object-fit:contain;border-radius:4px}.cb-buttons.cb-build-grid{display:grid;grid-template-columns:repeat(auto-fill,80px);gap:8px;max-height:176px;padding:2px 4px 2px 2px}.cb-button.cb-card-button{width:80px;min-width:80px;max-width:80px;height:80px;padding:0;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;box-sizing:border-box;background:linear-gradient(145deg,#123247,#061521);border-color:#37647d}.cb-card-art{display:grid;place-items:center;flex:1;width:100%;min-height:0}.cb-card-art .cb-icon{width:44px;height:44px;stroke:#91d7ff}.cb-card-art .cb-icon-art{width:46px;height:46px}.cb-card-price{width:100%;padding:3px 0;background:#04111d;border-top:1px solid #294c63;color:#e5f4ff;font:700 12px/1.25 Consolas,monospace;font-variant-numeric:tabular-nums}.cb-card-lock{display:none;position:absolute;top:3px;right:4px;font-size:12px;color:#e3bf7b}.cb-card-button.is-locked .cb-card-lock{display:block}.cb-card-button.is-locked .cb-card-art{opacity:.55;filter:saturate(.4)}.cb-card-button.is-unaffordable .cb-card-price{color:#ffaaa1}.cb-card-button[aria-disabled=true]{cursor:not-allowed}.cb-button.cb-card-button:hover{border-color:#9edfff;background:#163b52}.cb-button.cb-card-button:focus-visible{outline:2px solid #bceaff;outline-offset:1px}.cb-button.cb-card-button.is-placing{border-color:#77ffc3;box-shadow:inset 0 0 0 1px #77ffc3;background:#103a35}.cb-card-button.is-placing .cb-card-price{color:#91ffd0}.build-tooltip{position:fixed;z-index:20;width:300px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow-y:auto;box-sizing:border-box;padding:14px;border:1px solid #548baa;border-top:2px solid #8bd7ff;background:#071925;box-shadow:0 8px 28px #0009;color:#c6dbe8;font:14px/1.5 system-ui,sans-serif;pointer-events:auto}.build-tooltip[hidden]{display:none}.build-tooltip strong{font-family:Consolas,monospace;font-size:15px;color:#eff9ff}.build-tooltip p{margin:8px 0}.build-tooltip dl{margin:12px 0;padding:8px 0;border-block:1px solid #294557}.build-tooltip dl div{display:flex;justify-content:space-between;gap:12px}.build-tooltip dd{margin:0;color:#eff9ff}.build-tooltip .build-requires{color:#a4bfd0;font-size:12px}.build-status{margin-top:10px;color:#88e6b7;font-size:12px}.build-status.warn{color:#ffd08b}.cb-build-grid .cb-queue{grid-column:1 / -1}.cb-queue{display:flex;flex-wrap:wrap;gap:4px;width:100%;margin-top:2px}.cb-queue-empty{font-size:12px;color:#a2bfd1;letter-spacing:.1em}.cb-chip{position:relative;border:1px solid rgba(71,163,224,.4);background:#061826e6;color:#bcdcf2;padding:4px 8px;font:12px Consolas,monospace;cursor:pointer;overflow:hidden}.cb-chip span{position:absolute;inset:0 auto 0 0;background:#2e96e659}.cb-chip b{position:relative;font-weight:600}.hud-clock strong{font-variant-numeric:tabular-nums;letter-spacing:.06em}body.input-guarded .game-hud{user-select:none;-webkit-user-select:none}body.input-guarded .game-hud img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}body.input-guarded .game-hud .sel-description p,body.input-guarded .game-hud .build-tooltip{user-select:text;-webkit-user-select:text}.cb-chip:hover{border-color:#ff8a72;color:#ffd9cf}.cb-button.cb-card-button.is-armed{border-color:#ffb02e;box-shadow:0 0 0 1px #ffb02e,0 0 14px #ffb02e73;animation:cb-armed 1s ease-in-out infinite}@keyframes cb-armed{50%{box-shadow:0 0 0 1px #ffd27a,0 0 20px #ffb02eb3}}.game-pause,.game-result{position:absolute;inset:0;z-index:8;display:none;align-items:center;justify-content:center;pointer-events:auto;background:#02090fbd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.game-pause.show,.game-result.show{display:flex}.pause-panel,.result-panel{min-width:340px;max-width:92vw;padding:26px 30px 20px;text-align:center;border:1px solid rgba(76,170,231,.42);background:linear-gradient(180deg,#051420f7,#030c14f7);box-shadow:0 0 40px #1478be38}.pause-title{font-size:22px;letter-spacing:.34em;color:#e6f6ff;margin-bottom:6px}.pause-sub{font-size:12px;letter-spacing:.16em;color:#a2cce5;margin-bottom:22px}.pause-btn{display:block;width:100%;margin:0 0 10px;padding:11px 14px;border:1px solid rgba(64,158,218,.45);background:#061a28e6;color:#9ad3f5;font:12px Consolas,monospace;letter-spacing:.14em;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.pause-btn:hover{color:#fff;border-color:#72caff;background:#0e344eeb}.pause-hint{margin-top:12px;font-size:12px;letter-spacing:.14em;color:#a2bfd1}.controls-ref{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(80,140,180,.22);text-align:left;font-size:12px;line-height:1.65;color:#93b8cf}.controls-ref b{display:block;margin-bottom:5px;color:#cfeaff;font-weight:600;letter-spacing:.12em}.controls-ref span{display:block}@media(max-width:780px){.controls-ref{grid-template-columns:1fr}}.result-panel{min-width:620px;max-width:92vw}.result-title{font-size:30px;letter-spacing:.3em;margin-bottom:4px}.result-title.win{color:#6ff0a4}.result-title.loss{color:#ff7a68}.result-title.draw{color:#ffd76b}.result-sub{font-size:12px;letter-spacing:.18em;color:#78a8c4;margin-bottom:18px}.result-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:18px}.result-table th,.result-table td{padding:5px 8px;border-bottom:1px solid rgba(80,140,180,.2);text-align:right}.result-table th:first-child,.result-table td:first-child{text-align:left}.result-table th{color:#6f9fbb;font-weight:400;letter-spacing:.1em}.result-table td{color:#d3e9f8}.result-table tr.dead td{opacity:.5}.result-table td i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:7px}.result-actions{display:flex;gap:10px}.result-actions .pause-btn{margin:0}@media(max-width:1100px){.command-bar{grid-template-columns:160px 260px minmax(0,1fr)}.command-bar.no-commands{grid-template-columns:160px minmax(0,1fr);width:454px}.hud-players{display:none}}@media(max-width:760px){.command-bar,.command-bar.no-commands{width:100%;grid-template-columns:140px minmax(0,1fr);gap:6px;padding:6px}.command-bar>div{height:172px}.command-bar .cb-commands{grid-column:1 / -1;height:130px}.cb-button{min-width:108px;font-size:12px}.hud-stat{min-width:70px}}.debug-overlay{position:fixed;left:12px;top:12px;z-index:40;min-width:290px;padding:9px 11px;border:1px solid rgba(71,163,224,.5);background:#030c14e0;color:#cfe9ff;font:11px/1.5 Consolas,monospace;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dbg-title{color:#6fc6ff;letter-spacing:.12em;margin-bottom:5px}.dbg-grid{display:grid;grid-template-columns:auto 1fr;gap:1px 10px}.dbg-grid span{color:#8fb4cc}.dbg-grid b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.dbg-players{width:100%;margin-top:7px;border-top:1px solid rgba(71,163,224,.3);border-collapse:collapse}.dbg-players th{text-align:left;color:#8fb4cc;font-weight:400;padding-top:4px}.dbg-players td{padding:1px 0;font-variant-numeric:tabular-nums}.dbg-players td+td,.dbg-players th+th{text-align:right}.dbg-players tr.dead td{opacity:.45;text-decoration:line-through}.audio-settings{display:grid;gap:12px;text-align:left;margin:12px 0}.audio-settings label{display:grid;gap:5px;color:#c3deee;font:12px/1.4 Consolas,monospace}.audio-settings label>span{display:flex;justify-content:space-between;gap:12px}.audio-settings output{color:#e6f6ff;font-variant-numeric:tabular-nums}.audio-settings input{width:100%;box-sizing:border-box;accent-color:#75caff;cursor:pointer;min-height:24px}.audio-settings input:focus-visible{outline:2px solid #bceaff;outline-offset:2px}.grid-form [data-audio-settings]{grid-column:1 / -1}.pause-panel{max-height:90vh;overflow-y:auto}.pause-save{width:100%;max-width:420px;margin:4px auto 10px;padding:12px 14px;border:1px solid rgba(71,163,224,.38);background:#04121ecc;text-align:left}.pause-save label{display:block;font:11px Consolas,monospace;letter-spacing:.1em;color:#8fb4cc}.pause-save input{width:100%;margin-top:6px;padding:8px 10px;border:1px solid #2a5d7c;background:#06131f;color:#dfeeff;font:13px Consolas,monospace}.pause-save-actions{display:flex;gap:8px;margin-top:10px}.pause-btn.small{flex:1;height:34px;font-size:12px;margin:0}.pause-save-status{margin-top:8px;min-height:16px;font:12px Consolas,monospace;color:#8fd6a8}.pause-save-status.warn{color:#ffab8f}.pause-save-list{list-style:none;margin:10px 0 0;padding:0;font:12px Consolas,monospace}.pause-save-list li{display:flex;justify-content:space-between;gap:10px;padding:3px 0;color:#b8d6ea}.pause-save-list li.empty{color:#7c9bb0;justify-content:flex-start}.pause-save-list span{color:#7c9bb0}.save-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.save-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid rgba(67,147,201,.3);background:#041019a6}.save-meta b{display:block;font-size:16px;color:#dcefff}.save-meta span{font:12px Consolas,monospace;color:#7ea6c2}.save-actions{display:flex;gap:8px;flex:0 0 auto}.save-actions .small{width:auto;height:36px;margin:0;padding:0 16px;font-size:12px}.ghost{border:1px solid #4a6d80;background:transparent;color:#9dc2d8;cursor:pointer;letter-spacing:.08em}.ghost:hover{border-color:#ff8a72;color:#ffd9cf}.load-status{min-height:18px;margin-bottom:10px;font:12px Consolas,monospace;color:#9fd8ff}.cheat-console{position:absolute;pointer-events:auto;left:50%;bottom:220px;transform:translate(-50%);z-index:6;width:min(620px,82vw);display:flex;flex-direction:column;gap:4px;font-family:inherit}.cheat-console[hidden]{display:none}.cheat-log{max-height:190px;overflow-y:auto;padding:6px 10px;border:1px solid rgba(77,170,228,.28);background:#030d15db;font-size:12px;line-height:1.5}.cheat-line{white-space:pre-wrap;word-break:break-word}.cheat-echo{color:#6f8ea3}.cheat-ok{color:#a8dcff}.cheat-bad{color:#ff9d7a}.cheat-note{color:#8fb2c6}.cheat-entry{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(77,170,228,.45);background:#030d15f0}.cheat-prompt{color:#4daae4;font-size:13px}.cheat-input{flex:1;padding:8px 0;border:0;outline:0;background:transparent;color:#dff1ff;font:inherit;font-size:13px;letter-spacing:.04em}.game-hud.spectating .cb-commands,.game-hud.spectating [data-action=save],.game-hud.spectating [data-action=surrender],.game-hud.spectating .pause-save{display:none}.replay-bar{position:absolute;left:0;right:0;bottom:0;z-index:7;pointer-events:auto;background:linear-gradient(180deg,#030d1500,#030d15ed 38%);padding:14px 16px 10px}.replay-track{height:4px;margin-bottom:9px;background:#4daae42e;border:1px solid rgba(77,170,228,.3)}.replay-fill{display:block;height:100%;background:#4daae4;box-shadow:0 0 8px #4daae4b3}.replay-controls{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.1em}.replay-tag{padding:3px 8px;border:1px solid rgba(255,157,122,.5);color:#ff9d7a;font-size:10px}.replay-speeds{display:flex;gap:4px}.replay-spacer{flex:1}.replay-clock{color:#a8dcff;font-variant-numeric:tabular-nums}.replay-warning{color:#ff9d7a}.replay-btn{min-width:34px;padding:5px 10px;border:1px solid rgba(77,170,228,.38);background:#030d15e6;color:#a8dcff;font:inherit;font-size:11px;letter-spacing:.1em;cursor:pointer}.replay-btn:hover{color:#dff1ff;border-color:#4daae4}.replay-btn.on{color:#041018;background:#4daae4;border-color:#4daae4}.tac-adv{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none;z-index:3}.tac-adv[hidden]{display:none}.tac-adv>*{pointer-events:auto}.tac-toggle{position:relative;width:62px;height:62px;display:grid;place-items:center;padding:0;border:1px solid #3f7e9d;background:radial-gradient(circle at 50% 30%,#14405a,#061725 78%);color:#8fd7ff;cursor:pointer;box-shadow:0 4px 16px #0007;transition:border-color .16s ease,box-shadow .16s ease}.tac-toggle .cb-icon{width:38px;height:38px}.tac-toggle:hover{border-color:#8fd7ff}.tac-adv.is-open .tac-toggle{border-color:#8fd7ff;background:radial-gradient(circle at 50% 30%,#1b5779,#071c2c 78%)}.tac-adv.has-ready .tac-toggle{border-color:#72ffb0;box-shadow:0 4px 16px #0007,0 0 0 1px #72ffb066,0 0 18px #72ffb040}.tac-rank{position:absolute;right:-1px;bottom:-1px;min-width:19px;padding:1px 3px;background:#06202f;border:1px solid #3f7e9d;color:#d9f2ff;font:700 12px/1.35 Consolas,monospace;text-align:center}.tac-pip{position:absolute;left:-3px;top:-3px;width:11px;height:11px;border-radius:50%;background:#72ffb0;box-shadow:0 0 8px #72ffb0;animation:tac-pulse 1.6s ease-in-out infinite}.tac-pip[hidden]{display:none}@keyframes tac-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.tac-pip{animation:none}}.sw-ctrl{position:absolute;right:14px;bottom:88px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none;z-index:3}.sw-ctrl[hidden]{display:none}.sw-ctrl>*{pointer-events:auto}.sw-toggle{position:relative;width:88px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;border:1px solid #3f7e9d;background:radial-gradient(circle at 50% 25%,#14405a,#061725 78%);color:#8fd7ff;cursor:pointer;box-shadow:0 4px 16px #0007;transition:border-color .16s ease,box-shadow .16s ease}.sw-toggle:hover{border-color:#8fd7ff}.sw-toggle .cb-icon{width:26px;height:26px}.sw-glyph{display:grid;place-items:center}.sw-label{font:700 9px/1.1 Consolas,monospace;letter-spacing:.08em;color:#cfeaf8;text-align:center}.sw-readout{position:absolute;top:2px;right:4px;font:700 11px/1 Consolas,monospace;color:#ffe585;font-variant-numeric:tabular-nums}.sw-readout:empty{display:none}.sw-meter{position:absolute;left:6px;right:6px;bottom:4px;height:5px;border:1px solid #3d5d70;background:#102733;overflow:hidden}.sw-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#2f9ad4,#72ffb0);transition:width .2s ease}@media(prefers-reduced-motion:reduce){.sw-fill{transition:none}}.sw-toggle.is-ready{border-color:#72ffb0;box-shadow:0 4px 16px #0007,0 0 0 1px #72ffb066,0 0 20px #72ffb055}.sw-toggle.is-ready .sw-label{color:#72ffb0}.sw-glyph.is-ready{animation:sw-pulse 1.5s ease-in-out infinite}@keyframes sw-pulse{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.sw-glyph.is-ready{animation:none}}.sw-ctrl[data-phase=lowPower] .sw-toggle{border-color:#ff7a59}.sw-ctrl[data-phase=lowPower] .sw-label{color:#ff9f8a}.sw-ctrl[data-phase=spent] .sw-toggle,.sw-ctrl[data-phase=locked] .sw-toggle{opacity:.55}.sw-pop{width:300px;max-width:calc(100vw - 28px);border:1px solid #31576c;background:#041520f7;box-shadow:0 8px 30px #000a;padding:11px 12px}.sw-pop[hidden]{display:none}.sw-title{color:#e6f6ff;font:12px/1 Consolas,monospace;letter-spacing:.16em;margin-bottom:6px}.sw-blurb{margin:0;color:#7fa3b8;font:12px/1.45 system-ui,sans-serif}.tac-panel{width:430px;max-width:calc(100vw - 28px);max-height:min(560px,calc(100vh - 150px));display:flex;flex-direction:column;border:1px solid #31576c;background:#041520f7;box-shadow:0 8px 30px #000a}.tac-panel[hidden]{display:none}.tac-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #1d3d4e}.tac-title{color:#e6f6ff;font:12px/1 Consolas,monospace;letter-spacing:.18em}.tac-close{border:1px solid #3d5d70;background:none;color:#9dc4da;width:24px;height:24px;cursor:pointer;font-size:12px;line-height:1}.tac-close:hover{color:#fff;border-color:#72caff}.tac-progress{padding:11px 12px;border-bottom:1px solid #1d3d4e}.tac-progress-row{display:flex;justify-content:space-between;gap:12px;color:#8dbdd9;font:12px/1.4 Consolas,monospace;letter-spacing:.05em}.tac-progress-row b{color:#e6f6ff;font-weight:400;font-variant-numeric:tabular-nums}.tac-track{height:8px;margin:6px 0 0;border:1px solid #3d5d70;background:#102733;overflow:hidden}.tac-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#2f9ad4,#72ffb0);transition:width .2s ease}@media(prefers-reduced-motion:reduce){.tac-fill{transition:none}}.tac-hint{margin:8px 0 0;color:#7fa3b8;font:12px/1.45 system-ui,sans-serif}.tac-list{flex:1;list-style:none;margin:0;padding:6px;overflow-y:auto}.tac-row{display:grid;grid-template-columns:22px 34px minmax(0,1fr) auto;align-items:start;gap:9px;padding:9px 7px;border:1px solid transparent;border-bottom:1px solid #14303e}.tac-row:last-child{border-bottom-color:transparent}.tac-num{color:#6f97ad;font:700 12px/1.5 Consolas,monospace;text-align:right;font-variant-numeric:tabular-nums}.tac-icon{display:block;width:32px;height:32px;color:#6f97ad}.tac-icon .cb-icon{width:32px;height:32px;display:block}.tac-copy{min-width:0}.tac-copy b{display:block;color:#cfe6f4;font:600 13px/1.35 system-ui,sans-serif}.tac-tag{display:inline-block;margin-left:7px;padding:1px 5px;border:1px solid #3f7e9d;color:#8fd7ff;font:10px/1.4 Consolas,monospace;letter-spacing:.1em;font-style:normal;vertical-align:1px}.tac-effect{display:block;margin-top:3px;color:#72ffb0;font:12px/1.4 Consolas,monospace}.tac-blurb{display:block;margin-top:4px;color:#7fa3b8;font:12px/1.45 system-ui,sans-serif}.tac-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.tac-status{color:#7fa3b8;font:11px/1.5 Consolas,monospace;letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap}.tac-action{padding:5px 11px;border:1px solid #3f7e9d;background:#0d2c3d;color:#d9f2ff;font:11px/1.4 Consolas,monospace;letter-spacing:.1em;cursor:pointer;white-space:nowrap}.tac-action[hidden]{display:none}.tac-action:hover:not(:disabled){border-color:#8fd7ff;background:#14425c}.tac-action:disabled{opacity:.55;cursor:not-allowed}.tac-action.is-claim{border-color:#72ffb0;background:#0d3a2c;color:#b7ffdb}.tac-action.is-claim:hover{background:#12513c}.tac-row[data-state=locked]{opacity:.5}.tac-row[data-state=locked] .tac-effect{color:#7fa3b8}.tac-row[data-state=earned] .tac-num,.tac-row[data-state=earned] .tac-icon,.tac-row[data-state=earned] .tac-status{color:#72ffb0}.tac-row[data-state=claimable]{border-color:#72ffb0;background:linear-gradient(90deg,#0d3a2c66,transparent)}.tac-row[data-state=claimable] .tac-num,.tac-row[data-state=claimable] .tac-icon,.tac-row[data-state=claimable] .tac-status{color:#ffd24a}@media(max-width:1400px){.tac-adv{bottom:212px}.tac-panel{max-height:min(480px,calc(100vh - 320px))}}@media(max-width:760px){.tac-adv{bottom:176px}.tac-toggle{width:52px;height:52px}.tac-toggle .cb-icon{width:32px;height:32px}}.game-alert{position:absolute;top:96px;left:50%;transform:translate(-50%) translateY(-8px);display:flex;align-items:center;gap:12px;max-width:min(680px,calc(100vw - 32px));padding:10px 12px;border:1px solid #d1462f;background:#24070399;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 6px 24px #0009,inset 0 0 0 1px #ff6a4a33;color:#ffe6df;pointer-events:auto;opacity:0;transition:opacity .18s ease,transform .18s ease}.game-alert[hidden]{display:none}.game-alert.show{opacity:1;transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){.game-alert{transition:none}}.alert-mark{color:#ff8a6a;font-size:15px;line-height:1;animation:tac-pulse 1.1s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.alert-mark{animation:none}}.alert-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.alert-copy b{color:#fff0ec;font:13px/1.2 Consolas,monospace;letter-spacing:.16em}.alert-copy i{color:#ffc4b6;font: 12px/1.35 system-ui,sans-serif}.alert-view{flex:0 0 auto;padding:7px 13px;border:1px solid #ff8a6a;background:#47120a;color:#ffe6df;font:11px/1.4 Consolas,monospace;letter-spacing:.12em;cursor:pointer}.alert-view[hidden]{display:none}.alert-view:hover{background:#6a1c0e;border-color:#ffb9a6}.alert-close{flex:0 0 auto;width:24px;height:24px;border:1px solid #7e3527;background:none;color:#ffb9a6;cursor:pointer;font-size:12px;line-height:1}.alert-close:hover{color:#fff;border-color:#ffb9a6}.net-stall{position:absolute;left:50%;top:16%;transform:translate(-50%);z-index:40;padding:12px 26px;border:1px solid #d8a45f;border-radius:3px;background:#08121aeb;box-shadow:0 6px 26px #0009;color:#f2d9a8;font:600 15px/1.3 Rajdhani,Segoe UI,sans-serif;letter-spacing:.08em;display:flex;align-items:center;gap:16px;white-space:nowrap}.net-stall button{padding:6px 14px;border:1px solid #e08a72;border-radius:3px;background:linear-gradient(#7d2f1c,#4a1a0f);color:#ffd9c9;font:700 12px/1 Rajdhani,Segoe UI,sans-serif;letter-spacing:.1em;cursor:pointer}.net-stall button:hover{border-color:#ffc4ad;background:linear-gradient(#9a3a22,#5d2113)}:root[data-input=coarse]{--touch-min: 46px;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}:root[data-input=coarse],:root[data-input=coarse] body{overscroll-behavior:none;touch-action:manipulation}:root[data-input=coarse] canvas#battlefield{touch-action:none}:root[data-input=coarse] button{-webkit-tap-highlight-color:transparent}@media(hover:none){.menu-buttons button:hover{transform:none;filter:none}.menu-buttons button:active{transform:translate(-4px) scale(.99);filter:brightness(1.12)}}:root[data-input=coarse] .hud-top{gap:6px;padding:calc(4px + var(--safe-t)) calc(8px + var(--safe-r)) 4px calc(8px + var(--safe-l));align-items:flex-start}:root[data-input=coarse] .hud-menu{min-width:var(--touch-min);min-height:var(--touch-min);font-size:16px;padding:0 12px}:root[data-input=coarse] .hud-readout{flex:1 1 auto;min-width:0;gap:4px;padding:4px 8px;font-size:12px}:root[data-input=coarse] .hud-stat{min-width:0;flex:1 1 auto;font-size:10px;letter-spacing:.04em}:root[data-input=coarse] .hud-stat strong{font-size:14px}:root[data-input=coarse] .hud-power{width:auto;flex:1 1 96px;min-width:84px;padding:0 8px}:root[data-input=coarse] .power-values,:root[data-input=coarse] .hud-players{display:none}:root[data-input=coarse] .power-heading{font-size:10px}:root[data-input=coarse] .power-preview{right:auto;width:min(280px,78vw)}:root[data-input=coarse] .cb-minimap{position:fixed;z-index:6;top:calc(52px + var(--safe-t));right:calc(8px + var(--safe-r));width:116px;height:auto!important;padding:3px;touch-action:none}:root[data-input=coarse] .cb-minimap canvas{cursor:default}:root[data-input=coarse] .minimap-north{font-size:9px;padding:2px;top:4px;right:4px}:root[data-input=coarse] .command-bar{width:100%;gap:6px;padding:0 calc(6px + var(--safe-r)) calc(6px + var(--safe-b)) calc(6px + var(--safe-l))}:root[data-input=coarse] .command-bar>div{box-shadow:0 -4px 18px #0007}:root[data-input=coarse] .cb-selection{padding:8px;font-size:12px}:root[data-input=coarse] .cb-commands{padding:6px;gap:6px}:root[data-input=coarse] .cb-tabs button{min-height:var(--touch-min);padding:0 14px;font-size:13px}:root[data-input=coarse] .cb-chip{min-height:36px;padding:6px 12px;font-size:13px}:root[data-input=coarse] .cb-hint{display:none}:root[data-input=coarse] .build-tooltip{width:min(320px,calc(100vw - 24px));font-size:15px}:root[data-input=coarse] .cb-buttons,:root[data-input=coarse] .cb-buttons.cb-build-grid{display:grid;grid-auto-flow:column;grid-auto-columns:84px;grid-template-columns:none;grid-template-rows:84px;overflow-x:auto;overflow-y:hidden;max-height:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px}:root[data-input=coarse] .cb-buttons::-webkit-scrollbar{display:none}:root[data-input=coarse] .cb-button.cb-card-button{width:84px;min-width:84px;max-width:84px;height:84px;scroll-snap-align:start}:root[data-input=coarse] .cb-build-grid .cb-queue{grid-column:auto;grid-row:1;width:auto;flex-wrap:nowrap;align-items:center}.touch-layer{display:none}:root[data-input=coarse] .touch-layer{display:block}.touch-chips{position:absolute;z-index:5;left:calc(8px + var(--safe-l));display:flex;align-items:center;gap:6px;pointer-events:auto}.touch-chips button{min-width:42px;height:34px;padding:0 10px;border:1px solid rgba(71,163,224,.45);background:#04121deb;color:#b6dcf2;font:12px/1 Consolas,monospace;letter-spacing:.1em}.touch-chips button:active{color:#fff;border-color:#72caff;background:#0e344ef2}.touch-chips [data-touch=deselect]{min-width:38px;color:#ffb0a2;border-color:#e07a6273}.touch-groups{display:flex;gap:4px;margin-left:2px}.touch-groups button{min-width:34px;padding:0;color:#8fb4cc}.touch-groups button.is-set{color:#72ffb0;border-color:#72ffb080}.touch-drawer{display:none}.touch-place{position:absolute;z-index:7;left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #4fd3a2;background:#061e1af5;box-shadow:0 6px 22px #0008;pointer-events:auto}.touch-place[hidden]{display:none}.touch-place b{color:#d8fff0;font:13px Consolas,monospace;letter-spacing:.12em}.touch-place-hint{flex:1;color:#86c9b0;font:11px Consolas,monospace;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.touch-confirm,.touch-cancel{min-height:var(--touch-min);padding:0 16px;border:1px solid #4fd3a2;background:#103a35f2;color:#91ffd0;font:700 13px Consolas,monospace;letter-spacing:.12em}.touch-cancel{padding:0 14px;border-color:#e07a6280;background:#2e120ee6;color:#ffb0a2}.touch-confirm:active{background:#1d7a5f;color:#fff}.order-sheet{position:fixed;z-index:30;display:flex;flex-direction:column;min-width:150px;padding:6px;border:1px solid #548baa;border-top:2px solid #8bd7ff;background:#071925f2;box-shadow:0 10px 30px #000a;pointer-events:auto}.order-sheet[hidden]{display:none}.order-sheet b{padding:6px 8px 8px;color:#eff9ff;font:13px Consolas,monospace;letter-spacing:.1em}.order-sheet button{min-height:44px;padding:0 14px;border:0;border-top:1px solid #1e3d4f;background:transparent;color:#b6dcf2;font:13px Consolas,monospace;letter-spacing:.12em;text-align:left}.order-sheet button:active{background:#143d55;color:#fff}@media(orientation:landscape){:root[data-input=coarse] .command-bar,:root[data-input=coarse] .command-bar.no-commands{grid-template-columns:minmax(150px,26%) minmax(0,1fr);width:100%}:root[data-input=coarse] .command-bar>div{height:min(38vh,190px)}:root[data-input=coarse] .touch-chips{bottom:calc(min(38vh,190px) + 10px + var(--safe-b))}:root[data-input=coarse] .touch-place{bottom:calc(min(38vh,190px) + 50px + var(--safe-b));right:auto;max-width:min(560px,calc(100vw - 16px))}@media(max-height:420px){:root[data-input=coarse] .command-bar>div{height:148px}:root[data-input=coarse] .touch-chips{bottom:calc(158px + var(--safe-b))}:root[data-input=coarse] .touch-place{bottom:calc(198px + var(--safe-b))}:root[data-input=coarse] .cb-minimap{width:96px}:root[data-input=coarse] .sel-portrait{width:38px;height:38px}}}@media(orientation:portrait){:root[data-input=coarse] .command-bar,:root[data-input=coarse] .command-bar.no-commands{grid-template-columns:minmax(0,1fr);grid-auto-rows:min-content;width:100%;transition:transform .18s ease}:root[data-input=coarse] .cb-selection{height:92px!important;overflow:hidden}:root[data-input=coarse] .cb-commands{height:152px!important}:root[data-input=coarse] .touch-drawer{display:block;min-width:38px;color:#cfe9ff}:root[data-input=coarse] .touch-chips{bottom:calc(258px + var(--safe-b))}:root[data-input=coarse] .touch-place{bottom:calc(300px + var(--safe-b))}:root[data-input=coarse] .game-hud.drawer-closed .command-bar{transform:translateY(100%);pointer-events:none}:root[data-input=coarse] .game-hud.drawer-closed .touch-chips{bottom:calc(10px + var(--safe-b))}:root[data-input=coarse] .game-hud.drawer-closed .touch-place{bottom:calc(56px + var(--safe-b))}:root[data-input=coarse] .hud-readout{flex-wrap:wrap}:root[data-input=coarse] .cb-minimap{width:104px}}:root[data-input=coarse] .pause-panel,:root[data-input=coarse] .result-panel{min-width:0;width:calc(100vw - 24px);max-width:520px;max-height:calc(100dvh - 24px);overflow-y:auto;padding:18px 16px 16px}:root[data-input=coarse] .pause-btn{min-height:var(--touch-min);font-size:13px}:root[data-input=coarse] .result-table{font-size:11px}:root[data-input=coarse] .result-table th,:root[data-input=coarse] .result-table td{padding:4px}:root[data-input=coarse] .controls-ref{grid-template-columns:1fr;font-size:13px}:root[data-input=coarse] .menu-buttons button{height:clamp(56px,9vh,74px)}:root[data-input=coarse] .audio-toggle,:root[data-input=coarse] .close{min-width:var(--touch-min);min-height:var(--touch-min)}:root[data-input=coarse] .grid-form select,:root[data-input=coarse] .grid-form input,:root[data-input=coarse] .setup-grid select,:root[data-input=coarse] .setup-grid input,:root[data-input=coarse] .setup-players select{min-height:var(--touch-min);font-size:16px}@media(max-width:760px){:root[data-input=coarse] dialog,:root[data-input=coarse] dialog.wide{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;clip-path:none;border:0}:root[data-input=coarse] dialog.wide #modal-content,:root[data-input=coarse] #modal-content{max-height:100dvh;padding:calc(16px + env(safe-area-inset-top,0px)) 14px calc(16px + env(safe-area-inset-bottom,0px))}:root[data-input=coarse] dialog h2{font-size:26px}:root[data-input=coarse] .setup-grid{grid-template-columns:1fr}:root[data-input=coarse] .setup-summary{flex-wrap:wrap;gap:10px 18px}:root[data-input=coarse] .setup-actions{position:sticky;bottom:0;z-index:2;padding:10px 0 calc(4px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#030c1400,#030c14f5 22%)}:root[data-input=coarse] .setup-actions .ghost-btn{height:52px}:root[data-input=coarse] .setup-actions .primary{height:52px;margin-top:0}:root[data-input=coarse] .setup-players thead{display:none}:root[data-input=coarse] .setup-players,:root[data-input=coarse] .setup-players tbody,:root[data-input=coarse] .setup-players tr,:root[data-input=coarse] .setup-players td{display:block;width:100%}:root[data-input=coarse] .setup-players tr{margin-bottom:10px;padding:8px 10px;border:1px solid rgba(80,140,180,.28);background:#04101999}:root[data-input=coarse] .setup-players td{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:10px;padding:4px 0;border:0}:root[data-input=coarse] .setup-players td:before{content:attr(data-label);color:#6f9fbb;font:10px Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}:root[data-input=coarse] .setup-players td:first-child{margin-bottom:4px;padding-bottom:6px;border-bottom:1px solid rgba(80,140,180,.2);font:14px Consolas,monospace;color:#d8edff}}@media(orientation:landscape)and (max-height:520px){:root[data-input=coarse] .menu{top:calc(3vh + var(--safe-t));right:calc(3.5vw + var(--safe-r));width:min(430px,48vw)}:root[data-input=coarse] .logo-wrap{min-height:0;margin-bottom:4px}:root[data-input=coarse] .game-logo{max-height:25vh}:root[data-input=coarse] .menu-buttons{gap:6px}:root[data-input=coarse] .menu-buttons button{height:clamp(42px,11vh,54px)}:root[data-input=coarse] .menu-buttons .btn-text{font-size:clamp(15px,3.4vh,20px)}:root[data-input=coarse] .menu-buttons .btn-art{flex-basis:clamp(56px,14vw,92px)}:root[data-input=coarse] .status-row{margin-top:6px}:root[data-input=coarse] .hud-frame{inset:6px}:root[data-input=coarse] .intel-panel,:root[data-input=coarse] .operation-tag,:root[data-input=coarse] .feed-line{display:none}}@media(orientation:portrait){:root[data-input=coarse] .menu{left:calc(5vw + var(--safe-l));right:calc(5vw + var(--safe-r));width:auto;top:calc(6vh + var(--safe-t))}:root[data-input=coarse] .intel-panel,:root[data-input=coarse] .operation-tag{display:none}}:root[data-input=coarse] .cheat-console{bottom:auto;top:calc(12vh + var(--safe-t));width:min(620px,90vw)}:root[data-input=coarse] .cheat-log{max-height:30vh}:root[data-input=coarse] .tac-adv{right:10px;bottom:auto;top:96px}:root[data-input=coarse] .tac-toggle{width:54px;height:54px}:root[data-input=coarse] .tac-toggle .cb-icon{width:32px;height:32px}:root[data-input=coarse] .tac-panel{position:fixed;inset:8px;width:auto;max-width:none;max-height:none}:root[data-input=coarse] .tac-row{padding:12px 8px}:root[data-input=coarse] .tac-action{padding:9px 14px}:root[data-input=coarse] .tac-close{width:34px;height:34px}:root[data-input=coarse] .game-alert{top:76px;left:8px;right:8px;transform:none;max-width:none}:root[data-input=coarse] .game-alert.show{transform:none}dialog.wide{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;inset:0;border:0;clip-path:none;overflow:hidden;background:#07121b}dialog.wide #modal-content{height:100%;max-height:none;padding:0;overflow:hidden}dialog.wide>.close{display:none}.skirmish-screen{--sk-line:#2b495a;--sk-muted:#8aa5b8;--sk-cyan:#59caff;height:100%;padding:0 clamp(12px,1.5vw,28px);display:grid;grid-template-rows:clamp(64px,9vh,100px) minmax(0,1fr) clamp(66px,9vh,94px);grid-template-columns:minmax(0,1fr);gap:12px;color:#d9e7ef;font-family:Rajdhani,Segoe UI,sans-serif;background:radial-gradient(ellipse at 85% 0,rgba(51,93,108,.19),transparent 50%),linear-gradient(140deg,#0b1b27,#050e16 70%);isolation:isolate}.skirmish-screen button,.skirmish-screen select,.skirmish-screen input{font:inherit;letter-spacing:inherit;color:inherit}.skirmish-screen button{cursor:pointer}.skirmish-screen button:disabled{cursor:default;opacity:.38}.skirmish-screen button:focus-visible,.skirmish-screen select:focus-visible,.skirmish-screen input:focus-visible{outline:2px solid #91deff;outline-offset:3px}.skirmish-screen select,.skirmish-screen input:not([type=checkbox]){width:100%;min-width:0;height:34px;border:1px solid #305367;border-radius:3px;background-color:#0a1b28;padding:0 9px;font-size:clamp(12px,1.05vw,17px);color:#dcebf4;box-shadow:inset 0 1px 5px #030a1080}.skirmish-screen select{cursor:pointer;color-scheme:dark}.skirmish-screen select:hover,.skirmish-screen input:hover{border-color:#5791af}.sk-header{display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid #41667b;margin:0 calc(-1*clamp(12px,1.5vw,28px));padding:0 clamp(18px,2.4vw,44px);background:linear-gradient(90deg,#071520a8,#071520e8 34%,#071520ed 66%,#071520b0),url(/assets/menu/skirmish.webp) center 44%/cover}.sk-header:after{content:"";position:absolute;bottom:-1px;width:29%;left:35.5%;height:1px;background:#94d8f3;box-shadow:0 0 12px #3fbafa65}.sk-back{display:flex;align-items:center;gap:14px;border:0;background:none;font-size:26px!important;color:#a4d3ed!important}.sk-back span{font-size:15px;font-weight:600;letter-spacing:.1em}.sk-title{position:absolute;left:50%;transform:translate(-50%);text-align:center}.sk-title h2{margin:0;font-size:clamp(26px,2.4vw,40px);line-height:1;letter-spacing:.18em;color:#e3f1fa;text-shadow:0 2px 2px #000,0 0 18px #82c7ff30}.sk-title p{font-size:clamp(9px,.83vw,13px);letter-spacing:.28em;color:#90b8d0;margin:7px 0 0}.sk-header-brand{font-size:14px;font-weight:600;letter-spacing:.17em;color:#8bb6d0;text-align:right}.sk-header-brand span{display:block;margin-top:4px;font-size:9px;letter-spacing:.24em;color:#607f96}.sk-body{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;min-height:0}.sk-panel{border:1px solid var(--sk-line);border-radius:5px;background:linear-gradient(130deg,#10222ee8,#07141feb);box-shadow:inset 0 0 0 3px #060e1740,0 5px 16px #0002;min-width:0;min-height:0;overflow:hidden}.sk-panel-heading{height:clamp(44px,5.6vh,61px);padding:0 clamp(12px,1.3vw,22px);display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--sk-line);background:linear-gradient(180deg,#17304360,transparent);flex-shrink:0}.sk-panel-heading h3{display:flex;align-items:center;gap:10px;font-size:clamp(15px,1.45vw,24px);letter-spacing:.1em;margin:0;white-space:nowrap;font-weight:700}.sk-panel-heading svg{height:25px;width:25px;color:#accfe4}.sk-panel-heading>span{font-size:clamp(10px,1.05vw,16px);color:#a6bfd0;letter-spacing:.1em;white-space:nowrap}.sk-battlefield{min-width:0;display:flex;flex-direction:column;padding:0 7px 7px}.sk-battlefield>.sk-panel-heading{margin:0 -7px 6px;padding:0 15px}.sk-battlefield>.sk-panel-heading select{width:45%;height:32px}.sk-map-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#16333f,#07131c);border:1px solid #3c5b69;overflow:hidden;container-type:size}.sk-map{position:relative;width:100%;max-height:100%;height:auto;overflow:hidden}@supports (width:1cqw){.sk-map{width:min(100cqw,calc(100cqh * var(--map-ratio,1.25)));max-width:100%;height:auto}}.sk-map-image{display:block;width:100%;height:100%;filter:saturate(.9) contrast(1.12)}.sk-map:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 35px #020c1760}.sk-compass{position:absolute;right:12px;top:12px;color:#d2e1e7;font-size:11px;text-align:center;text-shadow:0 1px 4px #000}.sk-compass span{display:block;font-size:32px;line-height:1}.sk-map-id{position:absolute;left:16px;top:14px;font-size:11px;letter-spacing:.16em;font-weight:600;text-shadow:0 1px 4px #000;background:#06131c80;padding:6px 9px;border-left:2px solid #83bace}.sk-map-id span{display:block;font-size:8px;margin-top:4px;color:#9dbbc9;letter-spacing:.1em}.sk-spawn{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;align-items:center;gap:3px;border:0;background:none;padding:5px;z-index:2;color:var(--player-color)!important;min-width:40px}.sk-spawn>span{display:flex;justify-content:center;align-items:center;width:clamp(30px,3vw,46px);height:clamp(30px,3vw,46px);border-radius:50%;border:2px solid currentColor;background:radial-gradient(circle at 35% 20%,#2a4554,#04111b 75%);box-shadow:0 0 0 3px #06101bd9,0 3px 12px #0009;font-size:clamp(18px,1.8vw,29px);font-weight:700;text-shadow:0 1px 2px #000}.sk-spawn small{font-size:clamp(9px,.8vw,13px);line-height:1.2;font-weight:700;letter-spacing:.04em;background:#06121cec;border:1px solid currentColor;padding:3px 6px;border-radius:2px}.sk-spawn.selected>span{outline:1px dashed var(--player-color);outline-offset:7px;box-shadow:0 0 0 3px #06101b,0 0 20px color-mix(in srgb,var(--player-color),transparent 40%)}.sk-spawn:hover>span{background:#264454;transform:scale(1.1)}.sk-spawn:not(.occupied)>span{border-style:dashed;color:#b4c7cf}.sk-map-legend{position:absolute;left:14px;bottom:11px;font-size:9px;letter-spacing:.11em;text-shadow:0 1px 3px #000;display:flex;align-items:center;gap:7px}.sk-map-legend i{width:6px;height:6px;transform:rotate(45deg);background:#dfc57b}.sk-map-legend>span{margin-left:10px;color:#a1bbc7}.sk-map-help{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:8px 6px 4px;font-size:clamp(10px,.86vw,14px)}.sk-map-help b{font-size:17px;color:#62bdf1;margin-right:4px}.sk-map-help button{white-space:nowrap;border:1px solid #406e88;border-radius:3px;background:linear-gradient(#19344a,#0a1c29);padding:7px 9px;font-size:clamp(9px,.8vw,13px);font-weight:600}.sk-assigning{display:flex;align-items:center;gap:8px;font-size:clamp(9px,.7vw,11px);letter-spacing:.08em;color:#7896ab;padding:3px 8px 8px}.sk-assigning span{font-weight:700}.sk-assigning small{margin-left:auto;letter-spacing:0;font-size:inherit}.sk-map-filter{display:flex;align-items:center;gap:5px;padding:5px 1px 6px;flex-shrink:0;font-size:10px;letter-spacing:.12em}.sk-map-filter b{color:var(--sk-muted);font-weight:600;margin-right:2px}.sk-map-filter button{padding:3px 9px;border:1px solid #35566a;border-radius:3px;background:#0d1f2d;color:#9fbcd0;font-size:10px;font-weight:600;letter-spacing:.1em;line-height:1.6}.sk-map-filter button:hover:not(:disabled){border-color:#5aa6cc;color:#dcf0fb}.sk-map-filter button[aria-pressed=true]{background:#18445f;border-color:var(--sk-cyan);color:#e4f4ff}.sk-map-filter button:disabled{opacity:.34;cursor:default}.sk-map-filter span{margin-left:auto;color:#6f8ea3;font-size:9px}.sk-map-choices img{background:#122536}.sk-map-choices{height:clamp(66px,10.5vh,118px);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(112px,1fr);gap:10px;flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#426078 transparent;width:100%;min-width:0}.sk-map-choices button{position:relative;padding:0;overflow:hidden;border:1px solid #426078;border-radius:3px;background:#122536;text-align:left}.sk-map-choices img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.85);transition:filter .15s}.sk-map-choices button[aria-pressed=true]{border:2px solid #79d7ff;box-shadow:0 0 10px #41c6ff50}.sk-map-choices button:hover img,.sk-map-choices button[aria-pressed=true] img{filter:saturate(1) brightness(1.1)}.sk-map-choices span{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#03101bf5 30%);padding:15px 9px 7px;font-size:clamp(11px,1vw,16px);font-weight:600}.sk-map-choices small{font-size:8px;color:#95b7ca;display:block;font-weight:400;letter-spacing:.12em;margin-top:2px}.sk-right{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0;min-width:0}.sk-commanders{display:flex;flex-direction:column}.sk-roster{flex:1;min-height:0;display:grid;grid-template-rows:28px repeat(8,minmax(0,1fr));padding:0 8px}.sk-roster-head,.sk-roster-row{display:grid;grid-template-columns:24px minmax(85px,1.25fr) minmax(82px,1.05fr) minmax(48px,.58fr) minmax(50px,.6fr) minmax(72px,.8fr) 19px;gap:8px;align-items:center;padding:0 8px;min-height:0}.sk-roster-head{font-size:clamp(9px,.8vw,12px);letter-spacing:.1em;color:#94b0c4;border-bottom:1px solid #2b4656}.sk-roster-row{border-bottom:1px solid #243e4d99;position:relative;font-size:14px;cursor:pointer}.sk-roster-row:last-child{border-bottom:0}.sk-roster-row.is-selected{background:linear-gradient(90deg,#15496caa,#0c294155 75%,transparent);box-shadow:inset 3px 0 0 var(--player-color)}.sk-roster-row:hover:not(.sk-closed){background-color:#24405550}.sk-roster-row>div{min-width:0}.sk-roster-row select{height:clamp(26px,3.9vh,40px);font-size:clamp(11px,.94vw,16px);padding-left:7px;padding-right:0}.sk-select-slot{background:none;border:0;padding:5px 0;width:100%;font-weight:600!important;font-size:16px!important;color:#aacfe3!important}.sk-player{display:flex;align-items:center;gap:6px}.sk-player>select{border-color:transparent;box-shadow:none;background-color:transparent;font-weight:600}.sk-color{display:block;position:relative;width:18px;height:20px;background:var(--player-color);border:1px solid #030c11;box-shadow:0 1px 3px #0006;border-radius:2px;flex-shrink:0}.sk-color select{position:absolute;inset:0;width:100%;height:100%;opacity:0;padding:0;cursor:pointer}.sk-color:focus-within{outline:2px solid #d4efff;outline-offset:3px}.sk-start-select{color:var(--player-color)!important;font-weight:700}.sk-dash{display:block;text-align:center;color:#648ca4}.sk-remove{background:none;border:0;padding:2px;font-size:20px!important;color:#69899c!important}.sk-remove:hover{color:#ff907f!important}.sk-remove:disabled{visibility:hidden}.sk-closed{color:#7190a3;cursor:default}.sk-closed-label{grid-column:2/5;font-size:12px;letter-spacing:.08em}.sk-closed>button{grid-column:5/-1;justify-self:end;background:none;border:0;padding:4px;font-size:clamp(10px,.85vw,13px);color:#a3c5d8}.sk-closed>button:not(:disabled):hover{color:#7ed7ff}.sk-roster-note{display:flex;justify-content:space-between;padding:7px 16px;border-top:1px solid #29404f;font-size:10px;color:#7e9eaf}.sk-rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sk-rules-grid>label{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:clamp(9px,1.5vh,17px) clamp(10px,1.4vw,24px);font-size:clamp(12px,1.05vw,17px);color:#b2c9d9;border-right:1px solid #294656}.sk-rules-grid>label:nth-child(3n){border-right:0}.sk-rules-grid>label:nth-child(n+4){border-top:1px solid #294656}.sk-toggle{flex-direction:row!important;align-items:center;gap:8px!important;justify-content:space-between!important;min-height:58px}.sk-toggle>span{position:relative;display:flex;align-items:center;gap:6px}.sk-toggle input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer;z-index:1;width:100%;height:100%}.sk-toggle i{display:block;width:32px;height:18px;background:#3c5262;border-radius:15px;position:relative}.sk-toggle i:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#d4e2ed;border-radius:50%;box-shadow:0 1px 3px #0005}.sk-toggle input:checked+i{background:linear-gradient(90deg,#1477d9,#4caaff)}.sk-toggle input:checked+i:after{left:16px}.sk-toggle input:focus-visible+i{outline:2px solid #96dcff;outline-offset:3px}.sk-toggle em{font-size:10px;font-style:normal;color:#9eb9cb;min-width:19px}.sk-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #36556a;position:relative}.sk-reset{border:1px solid #385970;border-radius:3px;padding:10px 14px;background:linear-gradient(#162b3c,#0b1926);font-size:22px!important;display:flex;align-items:center;gap:10px;color:#acc5d6!important}.sk-reset span{font-size:clamp(10px,.9vw,14px);letter-spacing:.05em}.sk-summary{display:flex;align-items:center;justify-content:center;gap:14px;font-size:clamp(11px,1.1vw,17px);letter-spacing:.05em;flex:1;min-width:0}.sk-summary i{color:#54788c;font-style:normal}.sk-error{font-family:Segoe UI,sans-serif;font-size:12px;letter-spacing:0;color:#ffc294}.sk-deploy{height:clamp(44px,5.6vh,60px);padding:0 clamp(16px,2vw,34px);display:flex;align-items:center;justify-content:center;gap:24px;border:1px solid #f5df88;outline:1px solid #584829;outline-offset:3px;border-radius:3px;background:linear-gradient(#f2d977 0,#dab340 45%,#b28321);box-shadow:inset 0 0 0 2px #ffffff20,0 0 15px #f4c75826,0 3px 8px #0006;color:#171a14!important;font-size:clamp(14px,1.3vw,21px)!important;font-weight:800!important;text-shadow:0 1px #ffe29b;white-space:nowrap}.sk-deploy span{font-size:29px;line-height:1}.sk-deploy:not(:disabled):hover{filter:brightness(1.15);box-shadow:0 0 22px #f4c75845}.sk-tabs{display:none}@media(max-height:780px){.skirmish-screen{gap:8px;grid-template-rows:60px minmax(0,1fr) 62px}.sk-body{gap:10px}.sk-right{gap:8px}.sk-panel-heading{height:40px}.sk-rules-grid>label{padding:9px 12px;gap:5px}.sk-toggle{min-height:48px}.sk-roster-note{padding:5px 12px}.sk-map-choices{height:70px}.sk-map-filter{padding:3px 1px 4px}.sk-map-filter span{display:none}.sk-map-help{padding-top:5px}.sk-map-help button{padding:5px}.sk-assigning{padding-bottom:5px}.sk-map-id{top:8px}.sk-roster{grid-template-rows:24px repeat(8,minmax(0,1fr))}.sk-roster-row select{height:26px}.sk-map-choices small{display:none}}@media(max-width:1200px){.sk-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.sk-roster{padding:0 3px}.sk-roster-head,.sk-roster-row{gap:4px;padding:0 5px;grid-template-columns:20px minmax(78px,1.2fr) minmax(72px,1fr) 45px 47px minmax(60px,.8fr) 16px}.sk-roster-row select{font-size:11px}.sk-player{gap:3px}.sk-color{width:13px;height:16px}.sk-panel-heading{padding:0 12px}.sk-panel-heading h3{gap:6px;font-size:16px}.sk-panel-heading svg{width:21px}.sk-map-help{font-size:10px}.sk-map-help>span{max-width:60%}.sk-map-help b,.sk-assigning small{display:none}.sk-roster-note{font-size:9px}.sk-rules>.sk-panel-heading>span{font-size:9px}.sk-toggle em{display:none}.sk-summary{gap:8px}.sk-deploy{gap:14px}}@media(max-width:900px){.skirmish-screen{grid-template-rows:58px 34px minmax(0,1fr) 60px;gap:8px;padding:0 12px}.sk-header-brand{display:none}.sk-title h2{font-size:25px}.sk-title p{font-size:9px}.sk-tabs{display:flex;gap:8px}.sk-tabs button{flex:1;border:1px solid #34566b;background:#0b1c2a;color:#9fbcd0;text-transform:uppercase;font-size:12px;letter-spacing:.1em}.sk-tabs button[aria-pressed=true]{background:#18405a;border-color:#60c9f8;color:#e4f4ff}.sk-body{display:block;min-height:0}.sk-right{display:contents}.sk-panel{height:100%}.sk-battlefield,.sk-commanders,.sk-rules{display:none}.skirmish-screen[data-tab=battlefield] .sk-battlefield,.skirmish-screen[data-tab=commanders] .sk-commanders{display:flex}.skirmish-screen[data-tab=rules] .sk-rules{display:block}.sk-map-choices{height:72px}.sk-map-help{font-size:11px}.sk-map-help>span{max-width:none}.sk-map-legend{font-size:8px}.sk-footer{gap:10px}.sk-summary{font-size:10px;gap:5px}.sk-reset{padding:7px 9px}.sk-reset span{display:none}.sk-deploy{font-size:12px!important;padding:0 12px;gap:8px}.sk-deploy span{display:none}.sk-rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-rules-grid>label{border:1px solid #294656!important;padding:20px 14px;min-height:95px;font-size:14px}.sk-error{font-size:10px}.sk-roster-head,.sk-roster-row{grid-template-columns:20px minmax(78px,1.2fr) minmax(65px,1fr) 43px 43px minmax(58px,.8fr) 16px}.sk-roster-head,.sk-map-id{font-size:9px}.sk-map-id span{font-size:7px}}@media(max-width:480px){.sk-roster-head,.sk-roster-row{gap:3px;grid-template-columns:17px minmax(68px,1.2fr) minmax(55px,1fr) 33px 35px minmax(53px,.8fr) 12px}.sk-roster-row select{font-size:10px;padding-left:2px}.sk-color{width:10px}.sk-roster-head{font-size:8px;letter-spacing:0}.sk-summary{flex-wrap:wrap;gap:3px}.sk-deploy{font-size:10px!important;padding:0 8px}.sk-map-help{font-size:10px}.sk-map-help button{font-size:9px}.sk-roster-note{font-size:8px}.sk-title p{letter-spacing:.15em}}@media(prefers-reduced-motion:reduce){.skirmish-screen *{transition:none!important}}.sk-map-scale{position:absolute;right:14px;bottom:11px;border:1px solid #b5c9cf;border-top:0;height:7px;text-align:center;font-size:8px;line-height:1;letter-spacing:.08em;padding-top:9px;margin-bottom:10px;text-shadow:0 1px 3px #000}@media(max-width:480px){.sk-back span{display:none}.sk-back{padding:5px}.sk-header{padding-left:18px}}:root[data-input=coarse] dialog.wide #modal-content{padding:0;max-height:none;height:100%;overflow:hidden}:root{--gate-gold:#f5c33b;--gate-cyan:#4fc3f7;--gate-line:rgba(79,163,209,.32)}body.gate-open .menu,body.gate-open .intel-panel,body.gate-open .operation-tag,body.gate-open .global-defense-label,body.gate-open .account-chip,body.gate-open .feed-line-wrap{display:none}.gate{position:fixed;inset:0;z-index:40;overflow:auto;display:flex;font-family:Rajdhani,Segoe UI,sans-serif;color:#dbeaf6;background:radial-gradient(ellipse at 50% 0,#0a263c9e,#02070ded 62%,#010408f7);backdrop-filter:blur(3px) saturate(.85);-webkit-backdrop-filter:blur(3px) saturate(.85)}.gate-frame{flex:1;min-height:100%;display:grid;grid-template-rows:auto 1fr auto;padding:0 clamp(14px,3vw,46px)}.gate-head{display:flex;align-items:center;gap:clamp(12px,2vw,34px);height:clamp(44px,6vh,58px);border-bottom:1px solid var(--gate-line);font-family:Consolas,monospace;font-size:11px;letter-spacing:.22em;color:#89b5d0}.gate-brand{font-family:Orbitron,Rajdhani,sans-serif;font-size:clamp(13px,1.2vw,17px);font-weight:800;letter-spacing:.2em;color:#eaf5ff;white-space:nowrap}.gate-brand i{font-style:normal;color:var(--gate-cyan);margin-right:8px}.gate-motto{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gate-access{margin-left:auto;display:flex;align-items:center;gap:12px;color:#a8cde4;white-space:nowrap}.gate-rule-line{width:clamp(24px,5vw,84px);height:1px;background:linear-gradient(90deg,transparent,rgba(126,196,240,.75))}.gate-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.4vh,18px);padding:clamp(16px,3vh,40px) 0}.gate-body h1{margin:0;font-family:Orbitron,Rajdhani,sans-serif;font-size:clamp(24px,3.4vw,52px);font-weight:800;letter-spacing:.06em;text-align:center;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.85),0 0 26px rgba(63,170,240,.28)}.gate-lede{margin:0;font-size:clamp(13px,1.25vw,20px);color:#b9d3e6;text-align:center}.gate-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,30px);width:min(1080px,96vw);margin-top:clamp(6px,1.5vh,18px)}.gate-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:clamp(16px,2vw,26px) clamp(14px,1.8vw,28px) clamp(14px,1.8vh,22px);border:1px solid rgba(86,146,186,.4);background:linear-gradient(165deg,#0b1c2ceb,#040c15f0);box-shadow:0 18px 44px #0000008c,inset 0 0 26px #0c365c38;clip-path:polygon(0 14px,14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.gate-card.is-primary{border-color:#56cdff9e;box-shadow:0 18px 50px #0009,0 0 30px #32a0e12e,inset 0 0 30px #14568c4d}.gate-card:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(79,195,247,.55),transparent)}.gate-card.is-primary:after{background:linear-gradient(90deg,transparent,rgba(128,220,255,.9),transparent)}.gate-art{height:clamp(64px,9vh,104px);display:flex;align-items:center;justify-content:center}.gate-art img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.7)) drop-shadow(0 0 16px rgba(70,170,230,.25))}.gate-eyebrow{margin:0;font-family:Consolas,monospace;font-size:10px;letter-spacing:.22em;color:#7fa8c4;text-align:center}.gate-card h2{margin:0;font-family:Orbitron,Rajdhani,sans-serif;font-size:clamp(17px,1.7vw,27px);font-weight:800;letter-spacing:.08em;color:#fff;text-align:center}.gate-sub{margin:0;font-size:clamp(12px,1.05vw,16px);color:#a9c6da;text-align:center}.gate-divider{display:flex;align-items:center;gap:10px;width:100%;margin:2px 0 4px}.gate-divider span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(104,170,214,.42),transparent)}.gate-divider i{width:7px;height:7px;transform:rotate(45deg);border:1px solid rgba(122,190,232,.7)}.gate-perks{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:7px}.gate-perks li{display:flex;align-items:center;gap:11px;font-size:clamp(12px,1.05vw,16px)}.gate-perks svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.gate-perks .is-yes{color:#dff0fb}.gate-perks .is-yes svg{stroke:#49c6f5}.gate-perks .is-no{color:#7e94a5}.gate-perks .is-no svg{stroke:#5a7182}.gate-multiplayer{display:flex;align-items:center;gap:10px;width:100%;padding-top:11px;margin-top:3px;border-top:1px solid rgba(104,170,214,.22);font-size:clamp(12px,1.05vw,16px);color:#dff0fb}.gate-multiplayer img{width:22px;height:22px;object-fit:contain;opacity:.85}.gate-multiplayer b{margin-left:auto;padding:3px 9px;border:1px solid rgba(104,180,224,.5);font-family:Consolas,monospace;font-size:9.5px;font-weight:600;letter-spacing:.16em;color:#9cc9e4}.gate-btn{width:100%;margin-top:auto;padding:13px 16px;border:1px solid rgba(96,190,240,.7);background:#0a223899;color:#d6ecfb;font-family:Orbitron,Rajdhani,sans-serif;font-size:clamp(12px,1.1vw,16px);font-weight:700;letter-spacing:.12em;cursor:pointer;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));transition:background .16s ease,box-shadow .16s ease,transform .12s ease}.gate-btn i{font-style:normal;margin-left:8px}.gate-btn:hover{background:#143e60cc;box-shadow:0 0 18px #40ace852}.gate-btn:active{transform:translateY(1px)}.gate-btn.is-primary{border-color:#e8b93a;background:linear-gradient(180deg,#f7cd52,#d79a19);color:#2b1b02;text-shadow:0 1px 0 rgba(255,245,210,.45)}.gate-btn.is-primary:hover{background:linear-gradient(180deg,#ffdc6b,#e8a91f);box-shadow:0 0 22px #f0be3c73}.gate-fine{margin:7px 0 0;font-size:12px;color:#8fadc2;text-align:center}.gate-link{border:0;background:none;padding:0;color:var(--gate-cyan);font:inherit;font-weight:700;letter-spacing:.08em;cursor:pointer}.gate-link i{font-style:normal;margin-left:4px}.gate-link:hover{text-shadow:0 0 12px rgba(79,195,247,.6)}.gate-card.is-form .gate-art{height:clamp(48px,6vh,72px)}.gate-banner{display:flex;align-items:center;gap:12px;width:min(1080px,96vw);margin-top:clamp(8px,1.6vh,18px);padding:11px 18px;border:1px solid rgba(86,146,186,.3);background:#06121ea8;font-size:clamp(11px,1vw,15px);color:#a9c6da;clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.gate-banner img{width:24px;height:24px;object-fit:contain;opacity:.8;flex-shrink:0}.gate-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;height:clamp(44px,7vh,64px);padding-bottom:10px;font-family:Consolas,monospace;font-size:9.5px;line-height:1.5;letter-spacing:.18em;color:#5d7e94}.gate-foot-mid{display:flex;align-items:center;gap:14px;align-self:center;color:#7ea2b9}.gate-foot-mid i{display:block;width:clamp(30px,8vw,150px);height:1px;background:linear-gradient(90deg,transparent,rgba(126,162,185,.5),transparent)}.gate-foot-right{text-align:right}@media(max-width:900px),(max-height:620px){.gate-cards{grid-template-columns:minmax(0,1fr);width:min(560px,94vw)}.gate-foot,.gate-motto{display:none}.gate-body{justify-content:flex-start}}.auth-form{display:grid;gap:10px;width:100%;text-align:left}.auth-switch{display:flex;gap:8px}.auth-tab{flex:1;padding:8px 6px;border:1px solid rgba(96,160,200,.4);background:#0818288c;color:#93b6cd;font:inherit;font-size:11px;font-weight:700;letter-spacing:.14em;cursor:pointer}.auth-tab.is-on{border-color:#6ecdfad9;background:#123c5ebf;color:#e4f4ff;box-shadow:inset 0 0 14px #3ca0dc40}.auth-note{margin:0;font-size:12.5px;color:#a9c6da}.auth-field{display:grid;gap:4px}.auth-field span{font-family:Consolas,monospace;font-size:9.5px;letter-spacing:.18em;color:#87abc2}.auth-field input{height:36px;padding:0 10px;border:1px solid rgba(96,160,200,.45);border-radius:2px;background:#030c15cc;color:#e2f1fc;font:inherit;font-size:15px;letter-spacing:.04em}.auth-field input:focus{outline:none;border-color:#6ecdfae6;box-shadow:0 0 0 1px #6ecdfa59,inset 0 0 12px #2882be40}.auth-status{margin:0;min-height:16px;font-size:12px;color:#9ec7e0}.auth-status.is-bad{color:#ff9a7a}.auth-actions{display:flex;gap:8px}.auth-submit{flex:1;padding:11px 14px;border:1px solid #e8b93a;background:linear-gradient(180deg,#f7cd52,#d79a19);color:#2b1b02;font-family:Orbitron,Rajdhani,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;cursor:pointer}.auth-submit:hover{background:linear-gradient(180deg,#ffdc6b,#e8a91f)}.auth-submit:disabled{opacity:.55;cursor:default}.auth-cancel{padding:11px 14px;border:1px solid rgba(96,160,200,.5);background:#08182899;color:#b9d3e6;font:inherit;font-size:12px;font-weight:700;letter-spacing:.1em;cursor:pointer}.auth-fine{margin:0;font-size:11px;color:#7d9bb0}.account-chip{position:absolute;bottom:30px;right:36px;z-index:4;display:flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid rgba(56,189,248,.32);background:linear-gradient(90deg,#041222d1,#020a14a8);font-family:Consolas,monospace;font-size:10.5px;letter-spacing:.16em;color:#9cc9e4;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.account-chip img{width:22px;height:22px;object-fit:contain;opacity:.9}.account-chip b{color:#e6f4ff;font-weight:700;letter-spacing:.1em;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip span{color:#6f93ab}.account-chip button{border:1px solid rgba(96,170,215,.45);background:#081c2eb3;color:#bfe0f3;font:inherit;font-size:9.5px;letter-spacing:.14em;padding:4px 8px;cursor:pointer}.account-chip button:hover{border-color:#78d2facc;color:#eaf7ff;box-shadow:0 0 12px #46b4eb4d}.account-prompt{display:grid;gap:14px;max-width:420px;margin:14px auto 0;padding:18px;border:1px solid rgba(96,160,200,.32);background:#06142299}.account-prompt>p{margin:0;font-size:13.5px;color:#a9c6da;text-align:center}.account-prompt .account-prompt-art{display:flex;justify-content:center}.account-prompt .account-prompt-art img{width:64px;height:64px;object-fit:contain;opacity:.9}.pause-save .auth-form{gap:8px}.pause-save .auth-field input{height:32px;font-size:14px}.pause-save .auth-fine{display:none}.mp{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative;color:#d8e6e7;width:100%;font:14px/1.45 Rajdhani,Arial,sans-serif}.mp>[data-body],.mp-screen{flex:1;min-height:0;display:flex;flex-direction:column}.mp>[data-status],.mp>[data-error]{position:absolute;z-index:5;right:14px;bottom:8px;margin:0;pointer-events:none}.mp>[data-error]{bottom:26px}.mp>[data-status][data-ok=true]{display:none}.mp [data-status],.mp [data-error]{flex-shrink:0;margin:0;font-size:12px}.mp [data-status]{color:#96c2c9}.mp [data-error]{color:#f0b17e}.mp [data-error]:empty{display:none}.mpb{--gold: #e3ac4e;--gold-soft: #f0c87e;--gold-dim: #8a6a2c;--line: #1e3746;--ink: #dceaf2;--muted: #7f9aab;--faint: #5d7b8e;height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:radial-gradient(ellipse at 78% -10%,rgba(50,96,122,.22),transparent 55%),linear-gradient(160deg,#091722,#050d15 55%,#04090f);color:var(--ink);font-family:Rajdhani,Segoe UI,sans-serif;isolation:isolate}.mpb button,.mpb input,.mpb select{font:inherit;color:inherit;letter-spacing:inherit}.mpb button{cursor:pointer}.mpb button:disabled{cursor:default;opacity:.42}.mpb button:focus-visible,.mpb input:focus-visible,.mpb select:focus-visible{outline:2px solid #8fd9ff;outline-offset:2px}.mpb .mp-i{flex-shrink:0;vertical-align:-2px}.mpb-banner{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,3vw,54px);height:clamp(74px,10.5vh,108px);padding:0 clamp(16px,2.2vw,40px);border-bottom:1px solid #2d4a5e;background:linear-gradient(90deg,#061119f2,#061119d6 30%,#06111999 62%,#061119cc),url(/assets/menu/multiplayer.webp) center 38% / cover}.mpb-banner:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#d9ab5c 22%,#6fc4e8 55%,transparent);opacity:.55}.mpb-brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.mpb-brand .mp-mark{width:clamp(30px,3vw,42px);height:clamp(30px,3vw,42px);color:var(--gold);filter:drop-shadow(0 0 10px #e3ac4e40)}.mpb-brand h1{margin:0;font-family:Orbitron,Rajdhani,sans-serif;font-size:clamp(15px,1.55vw,25px);font-weight:800;letter-spacing:.14em;line-height:1;color:#f3f8fc;text-shadow:0 0 14px rgba(120,190,255,.28)}.mpb-brand small{display:block;margin-top:5px;font-size:clamp(7px,.62vw,10px);letter-spacing:.42em;color:#7f9cb0}.mpb-headline h2{margin:0;font-family:Orbitron,Rajdhani,sans-serif;font-size:clamp(17px,2vw,32px);font-weight:800;letter-spacing:.1em;line-height:1;color:#eef7ff;text-shadow:0 2px 3px #000,0 0 24px rgba(110,190,255,.22)}.mpb-headline p{margin:7px 0 0;font-size:clamp(10px,.92vw,14px);letter-spacing:.05em;color:#93b2c4}.mpb-tagline{display:grid;gap:3px;text-align:right;font-size:clamp(7px,.6vw,10px);font-weight:600;letter-spacing:.34em;color:#7c9bb0}.mpb-nav{display:flex;align-items:flex-end;gap:4px;padding:9px clamp(16px,2.2vw,40px) 0;border-bottom:1px solid #1b3243;background:linear-gradient(180deg,#08141ea6,#07121b)}.mpb-nav>[data-view-tab]{position:relative;padding:9px clamp(14px,1.6vw,30px);border:1px solid #23394a;border-bottom:0;background:linear-gradient(180deg,#0d1d28,#0a1621);color:#8ba7ba;font-size:clamp(10px,.9vw,14px);font-weight:700;letter-spacing:.14em;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%)}.mpb-nav>[data-view-tab]:hover{color:#cfe6f4;border-color:#365a72}.mpb-nav>[data-view-tab].is-active{border-color:var(--gold-dim);background:linear-gradient(180deg,#22201a,#14202b 70%);color:var(--gold-soft);box-shadow:inset 0 2px 0 var(--gold),0 -4px 16px #e3ac4e1f}.mpb-exit{margin-left:auto;display:flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid #26404f;background:#0a1720;color:#7f9aab;font-size:clamp(9px,.76vw,12px);font-weight:600;letter-spacing:.16em}.mpb-exit:hover{border-color:#6d8ea3;color:#dcecf6}.mpb-main{display:grid;grid-template-columns:minmax(0,1fr) clamp(286px,24vw,386px);gap:clamp(10px,1vw,16px);min-height:0;padding:clamp(10px,1.2vh,16px) clamp(16px,2.2vw,40px) 0}.mpb-left{display:grid;grid-template-rows:minmax(0,1fr) clamp(148px,21vh,208px);gap:clamp(9px,1vh,14px);min-height:0}.mpb-left>[data-games]{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.mpb-left>[data-chat],.mpb-rail-slot{display:flex;min-height:0}.mpb-rail-slot>*,.mpb-left>[data-chat]>*{flex:1;min-height:0}.mpb[data-view=online] .mpb-view{display:none}.mpb:not([data-view=online]) .mpb-left,.mpb:not([data-view=online]) .mpb-rail-slot{display:none}.mpb:not([data-view=online]) .mpb-main{grid-template-columns:minmax(0,1fr)}.mpb-view{min-height:0;display:flex}.mpb-view>*{flex:1;min-height:0}.mpb-panel{position:relative;min-height:0;min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(158deg,#0c1b26f2,#070f17f7);box-shadow:inset 0 0 0 1px #0a1a2540,0 6px 20px #00000059}.mpb-games-head{display:flex;align-items:flex-end;gap:clamp(6px,.8vw,12px);padding-bottom:0}.mpb-panel-tab{flex-shrink:0;padding:7px clamp(12px,1.3vw,22px);border:1px solid var(--gold-dim);border-bottom:0;background:linear-gradient(180deg,#1d1d17,#101d27);color:var(--gold-soft);font-size:clamp(10px,.88vw,13px);font-weight:700;letter-spacing:.16em;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.mpb-panel-tab b{color:#cbd9e2;font-weight:600}.mpb-panel-tab-inline{align-self:flex-start;margin:-1px 0 0 -1px}.mpb-actions{display:flex;align-items:center;gap:clamp(5px,.6vw,10px);flex:1;justify-content:flex-start;padding-bottom:6px;padding-left:clamp(6px,1vw,18px);overflow:hidden}.mpb-btn{display:inline-flex;align-items:center;gap:7px;padding:8px clamp(9px,1vw,16px);border:1px solid #2f5063;background:linear-gradient(180deg,#10222e,#0a151e);color:#b9d3e2;font-size:clamp(9px,.78vw,12.5px);font-weight:700;letter-spacing:.13em;white-space:nowrap}.mpb-btn:hover:not(:disabled){border-color:#5e93ae;color:#eaf6ff;background:linear-gradient(180deg,#17303f,#0c1a25)}.mpb-btn.is-primary{border-color:var(--gold);background:linear-gradient(180deg,#3a2e17,#1c1710);color:var(--gold-soft);box-shadow:0 0 14px #e3ac4e2b,inset 0 1px #ffd89240}.mpb-btn.is-primary:hover:not(:disabled){background:linear-gradient(180deg,#55421d,#261d11);color:#ffe3a9}.mpb-select{display:inline-flex;align-items:center;gap:6px;padding:0 9px 0 10px;height:33px;border:1px solid #2a4557;background:#0b1721;color:var(--muted);font-size:clamp(9px,.75vw,12px);letter-spacing:.1em;white-space:nowrap}.mpb-select>span{font-weight:600}.mpb-select select{border:0;background:none;color:#cfe3ef;font-weight:700;letter-spacing:.08em;padding:0 2px;height:100%;cursor:pointer;color-scheme:dark}.mpb-select option{background:#0d2231;color:#dcebf4}.mpb-table-wrap{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#2d5068 transparent}.mpb-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:clamp(10px,.86vw,14px)}.mpb-table th{position:sticky;top:0;z-index:2;height:34px;padding:0 10px;text-align:left;font-size:clamp(8.5px,.7vw,11px);font-weight:700;letter-spacing:.16em;color:#6f8da0;background:linear-gradient(180deg,#12242f,#0d1b25);border-bottom:1px solid #23414f;white-space:nowrap}.mpb-table .mpb-caret{color:var(--gold);font-size:9px}.mpb-table td{height:clamp(34px,4.3vh,44px);padding:0 10px;border-bottom:0;color:#bed3e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpb-table tbody tr{border-bottom:1px solid #152935;transition:background .12s ease}.mpb-table tbody tr:hover{background:#10202c}.mpb-table tbody tr.is-selected{background:linear-gradient(90deg,#1a2230,#16232e 60%,#1b2232);box-shadow:inset 0 0 0 1px var(--gold),0 0 18px #e3ac4e1c}.mpb-table tbody tr.is-full td{opacity:.6}.mpb-col-host{width:19%}.mpb-col-map{width:21%}.mpb-col-act{width:clamp(72px,8vw,116px);text-align:right}.mpb-host,.mpb-map,.mpb-cell{display:flex;align-items:center;gap:8px;min-width:0}.mpb-host b,.mpb-map span{overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#dbe9f3}.mpb-thumb{width:clamp(30px,3.2vw,46px);height:clamp(19px,2vw,29px);object-fit:cover;border:1px solid #2b4757;background:#0a1620;flex-shrink:0}.mpb-cell{color:#9fbacb}.mpb-cell .mp-i{color:#6f93aa}.mpb-players{font-variant-numeric:tabular-nums;color:#8ea9bb}.mpb-players b{color:#eaf4fb;font-weight:700}.mpb-players b.is-full{color:var(--gold-soft)}.mpb-rank .mp-i{color:#64809a}.mpb-ping{font-variant-numeric:tabular-nums;gap:6px}.mpb-ping.is-good{color:#7ad3a0}.mpb-ping.is-fair{color:#e6bd74}.mpb-ping.is-poor{color:#ef8f83}.mpb-ping.is-unknown{color:#5d7b8d}.mpb-join{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--gold);background:linear-gradient(180deg,#3b2f18,#1b1610);color:var(--gold-soft);font-size:clamp(9px,.74vw,12px);font-weight:700;letter-spacing:.14em;opacity:0;pointer-events:none}.mpb-table tbody tr:hover .mpb-join,.mpb-table tbody tr.is-selected .mpb-join{opacity:1;pointer-events:auto}.mpb-join:hover:not(:disabled){background:linear-gradient(180deg,#57431e,#271d11);color:#ffe6ae}.mpb-empty,.mpb-hint{margin:0;padding:clamp(16px,3vh,34px);text-align:center;color:#7192a6;font-size:clamp(10px,.85vw,13px);letter-spacing:.04em}.mpb-hint{padding:12px 14px;text-align:left;color:#6f8ea3}.mpb-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.mpb-chat-tabs{display:flex;gap:2px;padding:5px 6px 0;border-bottom:1px solid #1b3141;background:linear-gradient(180deg,#0e1e29,#0a1620)}.mpb-chat-tabs button{position:relative;display:flex;align-items:center;gap:7px;padding:7px clamp(9px,1.1vw,18px);border:1px solid transparent;border-bottom:0;background:none;color:#7593a7;font-size:clamp(9px,.74vw,12px);font-weight:700;letter-spacing:.14em}.mpb-chat-tabs button:hover{color:#cae2f0}.mpb-chat-tabs button.is-active{border-color:var(--gold-dim);background:linear-gradient(180deg,#1f1d16,#0f1c26);color:var(--gold-soft);box-shadow:inset 0 2px 0 var(--gold)}.mpb-pip{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}.mpb-chat-log{overflow:auto;padding:7px 12px;font-size:clamp(10px,.85vw,13.5px);line-height:1.5;scrollbar-width:thin;scrollbar-color:#2d5068 transparent}.mpb-line{display:flex;gap:8px;margin:2px 0;color:#c2d6e2;overflow-wrap:anywhere}.mpb-clock{flex-shrink:0;color:#56748a;font-variant-numeric:tabular-nums}.mpb-from{flex-shrink:0;min-width:clamp(58px,7vw,104px);font-weight:700;color:var(--who, #9ec6dd)}.mpb-line.is-system .mpb-from{color:#6f93aa}.mpb-line.is-system span:last-child{color:#8fb0c2}.mpb-line.is-whisper{color:#d3bce9}.mpb-line.is-whisper .mpb-from{color:#b79ae0}.mpb-line.is-invite{align-items:center;padding:4px 6px;border-left:2px solid var(--gold);background:#1a1710}.mpb-line.is-invite em{font-style:normal;font-weight:700;color:var(--gold-soft)}.mpb-line.is-invite button{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:4px 10px;border:1px solid var(--gold);background:#2c2313;color:var(--gold-soft);font-size:10px;font-weight:700;letter-spacing:.12em}.mpb-chat-form{position:relative;display:flex;gap:8px;padding:8px 10px;border-top:1px solid #1b3141;background:#08131c}.mpb-chat-form input{flex:1;min-width:0;height:34px;padding:0 38px 0 12px;border:1px solid #274255;background:#0a1822;color:var(--ink);font-size:clamp(10px,.86vw,13.5px)}.mpb-chat-form input::placeholder{color:#5d7b8e}.mpb-chat-form input:disabled{opacity:.55}.mpb-emoji{position:absolute;right:clamp(86px,9vw,122px);top:50%;transform:translateY(-50%);border:0;background:none;color:#6b8da3;padding:4px}.mpb-emoji:hover{color:var(--gold-soft)}.mpb-picker{position:absolute;right:10px;bottom:calc(100% + 6px);display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:6px;border:1px solid #2c4a5d;background:#0c1b26;box-shadow:0 10px 24px #0009;z-index:6}.mpb-picker button{border:0;background:none;font-size:16px;padding:3px;line-height:1}.mpb-picker button:hover{background:#1b3547}.mpb-send{flex-shrink:0;padding:0 clamp(14px,1.6vw,26px);border:1px solid var(--gold-dim);background:linear-gradient(180deg,#2e2616,#16130d);color:var(--gold-soft);font-size:clamp(9px,.76vw,12px);font-weight:700;letter-spacing:.16em}.mpb-send:hover{border-color:var(--gold);color:#ffe6ae}.mpb-rail{display:grid;grid-template-rows:auto minmax(0,1fr)}.mpb-rail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;height:clamp(34px,4.4vh,46px);padding:0 12px;border-bottom:1px solid #1d3646;background:linear-gradient(180deg,#12242f,#0c1a24);font-size:clamp(9.5px,.8vw,13px);font-weight:700;letter-spacing:.13em;color:#cfe3ef;white-space:nowrap}.mpb-rail-title{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.mpb-rail-title .mp-i{color:#7fb4d0}.mpb-rail-head b{color:#8fb0c2}.mpb-online{display:flex;align-items:center;gap:6px;font-size:clamp(8px,.68vw,11px);letter-spacing:.14em;color:#7ed6a2}.mpb-online i{width:7px;height:7px;border-radius:50%;background:#4fd67f;box-shadow:0 0 8px #4fd67fcc}.mpb-rail-body{overflow:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#2d5068 transparent}.mpb-group{position:sticky;top:0;z-index:1;padding:9px 12px 5px;background:linear-gradient(180deg,#0a1721,#0a172180);font-size:clamp(8px,.68vw,11px);font-weight:700;letter-spacing:.2em;color:#6b8a9e;border-bottom:1px solid #14293700}.mpb-group b{color:#4f6d80}.mpb-who{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:6px 12px;border:0;border-left:2px solid transparent;background:none;text-align:left;color:#c3d8e4;font-size:clamp(10px,.84vw,13.5px)}.mpb-who:hover:not(:disabled){background:#11222e;border-left-color:var(--gold)}.mpb-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.mpb-who.is-own{opacity:1}.mpb-who.is-own b{color:#fff}.mpb-who:disabled{opacity:1}.mpb-who.is-ignored b,.mpb-who.is-ignored .mpb-state{opacity:.45;text-decoration:line-through}.mpb-avatar{display:flex;width:clamp(22px,2.2vw,30px);height:clamp(22px,2.2vw,30px);align-items:center;justify-content:center;border:1px solid #26424f;background:radial-gradient(circle at 34% 22%,#16303f,#081119)}.mpb-dot{width:7px;height:7px;border-radius:50%;background:#4fd67f;box-shadow:0 0 7px #4fd67f99}.mpb-dot.is-away,.mpb-dot.is-lobby{background:#e0b25a;box-shadow:0 0 7px #e0b25a99}.mpb-dot.is-match{background:#ef8274;box-shadow:0 0 7px #ef827499}.mpb-dot.is-offline{background:#47606f;box-shadow:none}.mpb-state{font-size:clamp(8.5px,.72vw,11.5px);letter-spacing:.06em;color:#6f8ea3;white-space:nowrap}.mpb-addfriend{display:flex;align-items:center;gap:6px;margin:8px 12px 4px}.mpb-addfriend>span{display:flex;align-items:center;justify-content:center;width:26px;height:32px;border:1px solid #26424f;border-right:0;color:#6b8da3}.mpb-addfriend input{flex:1;min-width:0;height:32px;padding:0 9px;border:1px solid #26424f;background:#0a1822;color:var(--ink);font-size:clamp(9.5px,.78vw,12.5px)}.mpb-addfriend input::placeholder{color:#5d7b8e}.mpb-addfriend button{flex-shrink:0;height:32px;padding:0 13px;border:1px solid #2f5063;background:linear-gradient(180deg,#10222e,#0a151e);color:#b9d3e2;font-size:clamp(8.5px,.7vw,11px);font-weight:700;letter-spacing:.14em}.mpb-addfriend button:hover{border-color:#5e93ae;color:#eaf6ff}.mpb-menu{position:absolute;right:14px;z-index:8;min-width:178px;padding:4px;border:1px solid #2f5266;background:linear-gradient(180deg,#10202c,#0a1620);box-shadow:0 14px 34px #000a,0 0 0 1px #0006}.mpb-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:0;background:none;color:#bcd4e2;font-size:clamp(10px,.8vw,13px);text-align:left}.mpb-menu button:hover:not(:disabled){background:#16303f;color:#eaf6ff}.mpb-menu .mp-i{color:#7ba7c0}.mpb-lessons,.mpb-boards{padding:0 clamp(12px,1.4vw,24px) clamp(12px,1.4vw,22px);overflow:auto;scrollbar-width:thin;scrollbar-color:#2d5068 transparent}.mpb-view-note{display:flex;align-items:center;gap:10px;margin:14px 0 16px;padding:10px 14px;border-left:3px solid var(--gold);background:#19160f;color:#e6d3ab;font-size:clamp(10px,.85vw,13.5px)}.mpb-lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:clamp(10px,1.2vw,18px)}.mpb-lesson{display:flex;flex-direction:column;border:1px solid #1e3645;background:linear-gradient(160deg,#0d1d28,#08121a)}.mpb-lesson-art{position:relative;height:clamp(88px,13vh,132px);background:#0b1a24 center / cover;border-bottom:1px solid #1e3645;filter:saturate(.8)}.mpb-lesson-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05101880,#051018e8)}.mpb-lesson-art span{position:absolute;left:10px;bottom:8px;z-index:1;font-family:Orbitron,sans-serif;font-size:clamp(20px,2.4vw,34px);font-weight:800;color:#ffffff1f;text-shadow:0 0 18px #000}.mpb-lesson h4{margin:11px 13px 5px;font-size:clamp(11px,.95vw,15px);letter-spacing:.12em;color:#e6f2fa}.mpb-lesson p{margin:0 13px 12px;font-size:clamp(10px,.8vw,12.5px);color:#8fadbf;line-height:1.45}.mpb-chip{align-self:flex-start;margin:auto 13px 13px;padding:3px 9px;border:1px solid var(--gold-dim);color:var(--gold-soft);font-size:clamp(8px,.64vw,10px);font-weight:700;letter-spacing:.16em}.mpb-board-table th{background:linear-gradient(180deg,#12242f,#0d1b25)}.mpb-board-empty td{height:clamp(80px,14vh,140px);text-align:center;color:#6f8ea3}.mpb-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#03090fb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mpb-overlay[hidden]{display:none}.mpb-card{width:min(520px,90%);border:1px solid #2f5266;background:linear-gradient(160deg,#102131,#08121b);box-shadow:0 24px 60px #000c;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.mpb-card-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #1e3a4b;background:linear-gradient(180deg,#15293766,transparent)}.mpb-card-head h3{margin:0;font-family:Orbitron,Rajdhani,sans-serif;font-size:clamp(12px,1.05vw,17px);letter-spacing:.14em;color:var(--gold-soft)}.mpb-card-close{border:0;background:none;color:#7f9aab;padding:2px}.mpb-card-close:hover{color:#eaf6ff}.mpb-card form,.mpb-profile{padding:16px}.mpb-card label{display:grid;gap:6px;margin-bottom:13px;font-size:clamp(9px,.74vw,11.5px);letter-spacing:.14em;text-transform:uppercase;color:#85a6ba}.mpb-card label i{font-style:normal;color:#5d7b8e}.mpb-card input{height:36px;padding:0 11px;border:1px solid #2a4557;background:#0a1822;color:var(--ink);font-size:clamp(11px,.9vw,14px);letter-spacing:.02em;text-transform:none}.mpb-card-note{margin:0 0 14px;color:#8fadbf;font-size:clamp(10px,.82vw,13px);line-height:1.5}.mpb-card-actions{display:flex;justify-content:flex-end;gap:9px}.mpb-profile h4{margin:0 0 12px;font-size:clamp(14px,1.3vw,21px);letter-spacing:.1em;color:#eaf6ff}.mpb-profile dl{margin:0 0 16px;display:grid;gap:7px}.mpb-profile dl>div{display:flex;gap:12px;padding-bottom:7px;border-bottom:1px solid #17303f}.mpb-profile dt{width:86px;flex-shrink:0;font-size:clamp(9px,.72vw,11px);letter-spacing:.14em;text-transform:uppercase;color:#6f8ea3;padding-top:2px}.mpb-profile dd{margin:0;color:#c6dae6;font-size:clamp(10px,.85vw,13.5px)}.mpb-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;height:clamp(24px,3.2vh,34px);padding:0 clamp(16px,2.2vw,40px);border-top:1px solid #17303f;background:linear-gradient(180deg,#06121b,#040b12);font-size:clamp(8px,.66vw,11px);font-weight:600;letter-spacing:.16em;color:#5f7f93;white-space:nowrap}.mpb-version i{color:#2f4a5b;font-style:normal;margin:0 4px}.mpb-status-slot{display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}.mpb-status-slot [data-status],.mpb-status-slot [data-error]{font-size:inherit;letter-spacing:.08em}.mpb-status-slot [data-status][data-ok=true]{color:#6fbf93}.mpb-slogan{display:flex;align-items:center;gap:8px;color:#5f7f93}.mpb-slogan i{width:6px;height:6px;border-radius:50%;background:#4fd67f;box-shadow:0 0 7px #4fd67fcc}@media(max-width:1150px){.mpb-main{grid-template-columns:minmax(0,1fr) clamp(230px,27vw,300px)}.mpb-col-host{width:22%}.mpb-table th:nth-child(6),.mpb-table td:nth-child(6){display:none}}@media(max-width:900px){.mpb-table th:nth-child(4),.mpb-table td:nth-child(4),.mpb-tagline{display:none}.mpb-main{grid-template-columns:minmax(0,1fr) clamp(196px,30vw,240px)}}.mp-ops{position:relative}.mp-ops .sk-header{background:linear-gradient(90deg,#071520a8,#071520e8 34%,#071520ed 66%,#071520b0),url(/assets/menu/multiplayer.webp) center 44% / cover}.mp-ops .sk-header-brand span{color:#7fb6d4}.mp-ops .sk-right{grid-template-rows:minmax(0,1.25fr) auto minmax(96px,.85fr);gap:10px}.mp-ops .sk-rules-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-ops .mp-fixed{gap:6px}.mp-ops .mp-fixed span{font-size:clamp(10px,.85vw,13px);letter-spacing:.1em;color:#7d9aad}.mp-ops .sk-roster-head,.mp-ops .sk-roster-row{grid-template-columns:22px minmax(86px,1.25fr) minmax(72px,.95fr) 42px 50px minmax(66px,.8fr) 58px 20px;gap:7px}.mp-ops .sk-roster-head{font-size:clamp(8px,.72vw,11px)}.mp-ops .sk-closed-label{grid-column:2 / 6}.mp-ops .sk-closed>button{grid-column:6 / -1}.mp-ops .sk-roster-row.is-own{box-shadow:inset 3px 0 0 var(--player-color)}.mp-ops .sk-player>select[data-field=kind]{background-color:#0d2231;border-color:#35566b;color:#cfe4f2;color-scheme:dark;font-weight:700;letter-spacing:.06em}.mp-ops .sk-player>select[data-field=kind]:hover:not(:disabled){border-color:#5aa6cc}.mp-ops select option{background-color:#0d2231;color:#dcebf4}.mp-who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:#dbeaf4}.mp-status{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap;font-size:clamp(10px,.86vw,13px);font-variant-numeric:tabular-nums}.mp-ping{color:#6f8ea3}.mp-ping.good{color:#8ccea9}.mp-ping.fair{color:#ecc17f}.mp-ping.poor{color:#ed958d}.mp-ready{color:#6f8ea3}.mp-ready.is-ready{color:#7ddba0;font-weight:700}.mp-claim{background:none;border:0;padding:2px;font-size:17px!important;color:#7ed7ff!important}.mp-claim:hover{color:#d6f2ff!important}.mp-ops .sk-reset.is-ready{border-color:#3f8f63;background:linear-gradient(#153a2a,#0b1926);color:#9fe0bb!important}.mp-countdown{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#040e18eb,#040e189e 45%,#040e186b 75%)}.mp-ops[data-counting] .sk-body{pointer-events:none;filter:saturate(.6) brightness(.8)}.mp-countdown strong{font-size:clamp(90px,18vh,190px);line-height:1;font-weight:800;color:#e8f6ff;text-shadow:0 0 40px rgba(56,172,255,.55),0 4px 10px #000;font-variant-numeric:tabular-nums}.mp-countdown small{font-size:clamp(11px,1.1vw,16px);letter-spacing:.42em;text-indent:.42em;color:#8fc4e4}.mp-ops .mp-stop{border-color:#f5a08a;outline-color:#58312a;background:linear-gradient(#f2a17e 0,#da6440 45%,#b23f21);text-shadow:0 1px #ffc8a5}.mp-preview-note{color:#d6b574!important;font-size:.86em;letter-spacing:.08em}.mp-chat-panel{display:flex;flex-direction:column;min-height:0}.mp-chat{flex:1;min-height:0;overflow:auto;padding:6px 12px;font-size:clamp(11px,.95vw,15px);white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#426078 transparent}.mp-chat p{margin:3px 0;color:#c3d7e2}.mp-chat b{font-weight:700;margin-right:5px}.mp-chat .mp-said{color:#7d9aad;font-style:italic}.mp-chat-panel form{display:flex;gap:8px;padding:8px 10px;border-top:1px solid #29404f;flex-shrink:0}.mp-chat-panel form input{flex:1;min-width:0}.mp-chat-panel form button{flex-shrink:0;border:1px solid #406e88;border-radius:3px;background:linear-gradient(#19344a,#0a1c29);padding:0 14px;font-size:clamp(10px,.85vw,13px);font-weight:600;letter-spacing:.1em;color:#cfe6f4}@media(max-width:1200px){.mp-ops .sk-roster-head,.mp-ops .sk-roster-row{gap:4px;grid-template-columns:20px minmax(72px,1.2fr) minmax(62px,.95fr) 38px 44px minmax(56px,.72fr) 52px 16px}}@media(max-width:900px){.mp-ops .mp-chat-panel{display:none}.mp-ops[data-tab=chat] .mp-chat-panel{display:flex}}.mp [hidden]{display:none!important}.active-session-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:12px 18px;color:#f4dfaf;background:#17231ff2;border:1px solid #a18c58;font:13px system-ui,sans-serif}.active-session-banner[hidden]{display:none}.active-session-banner button{cursor:pointer;padding:8px 12px;color:#f4dfaf;background:#24372e;border:1px solid #7d916d}.main-active-session{position:fixed;top:12px;left:50%;transform:translate(-50%);width:min(680px,calc(100% - 24px));z-index:100;box-sizing:border-box}.gameplay-active .main-active-session{display:none}.skirmish-recovery-banner{position:fixed;top:80px;left:50%;transform:translate(-50%);width:min(760px,calc(100% - 24px));z-index:99;box-sizing:border-box}.skirmish-recovery-banner span{flex:1 1 300px}.gameplay-active .skirmish-recovery-banner{display:none}@media(max-width:600px){.skirmish-recovery-banner{top:130px}}.mp-invite{border:1px solid #8a6a2c;border-radius:3px;background:linear-gradient(180deg,#2e2616,#14130d);padding:5px 11px;font-size:clamp(9px,.76vw,12px);font-weight:700;letter-spacing:.12em;color:#f0c87e!important}.mp-invite:hover:not(:disabled){border-color:#e3ac4e;color:#ffe6ae!important}.mp-invite-menu{position:absolute;right:10px;top:clamp(44px,5.6vh,61px);z-index:9;min-width:190px;max-height:220px;overflow:auto;padding:4px;border:1px solid #2f5266;background:linear-gradient(180deg,#10202c,#0a1620);box-shadow:0 14px 34px #000a}.mp-invite-menu[hidden]{display:none}.mp-invite-menu button{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%;padding:7px 10px;border:0;background:none;color:#bcd4e2;font-size:clamp(10px,.8vw,13px);text-align:left}.mp-invite-menu button:hover{background:#16303f;color:#eaf6ff}.mp-invite-menu span{font-size:.82em;color:#6f8ea3}.mp-invite-menu p{margin:0;padding:10px;color:#6f8ea3;font-size:clamp(10px,.8vw,12.5px)}body.intro-active{overflow:hidden}body.intro-active .shell{visibility:hidden}#intro{position:fixed;inset:0;z-index:9000;background:#02070d;color:#cfe4f3;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;opacity:1;transition:opacity .7s ease}#intro.intro-closing{opacity:0;pointer-events:none}.intro-film{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .9s ease}#intro[data-stage=film] .intro-film{opacity:1}#intro:not([data-stage=film]) .intro-film{pointer-events:none}.intro-static,.intro-scanlines,.intro-vignette{position:absolute;inset:0;pointer-events:none}.intro-static{width:100%;height:100%;opacity:.85;transition:opacity .6s ease}#intro[data-stage=film] .intro-static{opacity:0}#intro[data-stage=closing] .intro-static{opacity:.7;transition:opacity .15s ease}.intro-scanlines{background:repeating-linear-gradient(180deg,rgba(0,0,0,.35) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.55}.intro-vignette{background:radial-gradient(120% 90% at 50% 45%,transparent 40%,rgba(0,0,0,.85))}.intro-boot{position:absolute;left:6vw;bottom:12vh;max-width:min(560px,80vw);font-size:13px;line-height:1.9;letter-spacing:1.5px;text-shadow:0 0 12px rgba(0,0,0,.9);transition:opacity .5s ease}#intro[data-stage=film] .intro-boot,#intro[data-stage=closing] .intro-boot{opacity:0}.intro-brand{color:#e7bf91;font-size:12px;letter-spacing:4px;margin:0 0 4px}.intro-sub{color:#7f97a8;margin:0 0 22px;font-size:11px;letter-spacing:2px}.intro-step{display:flex;gap:10px;align-items:baseline;color:#8fb4cc}.intro-step .dots{flex:1;border-bottom:1px dotted rgba(120,160,185,.35);transform:translateY(-4px)}.intro-step .state{color:#58748a;white-space:nowrap}.intro-step[data-state=done]{color:#cfe4f3}.intro-step[data-state=done] .state{color:#46d18a}.intro-step[data-state=active] .state{color:#e7bf91}.intro-step[data-state=failed] .state{color:#ff9b7a}.intro-bar{margin-top:18px;height:3px;width:100%;background:#78a0b933;overflow:hidden}.intro-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#32aaff,#e7bf91);transition:width .35s ease}.intro-skip-note{margin:16px 0 0;font-size:11px;letter-spacing:2px;color:#5f7a8c}.intro-skip{position:absolute;z-index:3;top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));min-width:88px;min-height:44px;padding:0 16px;border:1px solid rgba(231,191,145,.5);background:#060c12b8;color:#e7bf91;font:12px/1 inherit;letter-spacing:3px;cursor:pointer}.intro-skip:hover,.intro-skip:active{color:#ffe0b3;border-color:#e7bf91}.intro-hint{position:absolute;left:50%;bottom:calc(5.5vh + env(safe-area-inset-bottom,0px));transform:translate(-50%);min-height:52px;padding:0 26px;border:1px solid rgba(231,191,145,.6);background:#060c12cc;text-align:center;font:13px/1 inherit;letter-spacing:3px;color:#e7bf91;cursor:pointer;animation:intro-blink 1.5s steps(1) infinite}.intro-hint[hidden]{display:none}@keyframes intro-blink{50%{opacity:.25}}@media(max-width:700px){.intro-boot{left:7vw;right:7vw;bottom:14vh;font-size:11px;letter-spacing:1px}}@media(orientation:landscape)and (max-height:480px){.intro-boot{left:calc(5vw + env(safe-area-inset-left,0px));right:120px;bottom:calc(8px + env(safe-area-inset-bottom,0px));font-size:10px;line-height:1.6}.intro-sub{margin-bottom:10px}.intro-bar{margin-top:10px}.intro-skip-note{margin-top:8px}}@media(prefers-reduced-motion:reduce){#intro,.intro-film,.intro-static,.intro-boot,.intro-bar span{transition:none}.intro-hint{animation:none}}