:root{--bg:#080c10;--panel:#0f161d;--panel-2:#141e27;--line:#24323e;--text:#d6e0e8;--dim:#7f909d;--amber:#ffb020;--green:#4be3a0;--red:#ff4530;--water:#0c2230;--display:"Rajdhani", "Arial Narrow", "Helvetica Neue", sans-serif;--mono:"Share Tech Mono", ui-monospace, Menlo, monospace}:lang(ru),:lang(uk){--display:"Roboto Condensed", "Arial Narrow", "Helvetica Neue", sans-serif}:lang(ru),:lang(uk),:lang(pl),:lang(tr){--mono:"Roboto Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--text);font:500 16px/1.5 var(--display);background:radial-gradient(1200px 500px at 50% -100px, #14222d 0%, transparent 70%), repeating-linear-gradient(0deg, transparent 0 3px, #ffffff03 3px 4px), var(--bg);margin:0}h1,h2,h3,h4{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-weight:700;line-height:1.1}h3{color:var(--dim);letter-spacing:.14em;font-size:.85rem}p{margin:0}a{color:var(--amber);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:#ffc552}a.btn{text-decoration:none;display:inline-block}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}kbd{font:.8em var(--mono);border:1px solid var(--line);background:var(--panel-2);border-radius:3px;padding:1px 6px}.top{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);background:#080c10eb;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 16px;padding:10px 20px;display:grid;position:sticky;top:0}.top-links{scrollbar-width:none;justify-content:flex-end;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.top-links::-webkit-scrollbar{display:none}.top-tools{align-items:center;gap:8px;display:flex}.top a{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;padding:6px 10px;font-size:.85rem;font-weight:600;text-decoration:none}.top a:hover,.top a.on{color:var(--amber)}.top .brand{white-space:nowrap;color:var(--text);letter-spacing:.18em;flex:none;align-items:center;gap:10px;padding:0;font-size:1.25rem;font-weight:700;display:flex}.top .brand i{background:var(--amber);clip-path:polygon(0 0,100% 50%,0 100%,25% 50%);width:14px;height:14px}.mute{border:1px solid var(--line);color:var(--dim);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;background:0 0;padding:4px 10px;font-size:.75rem}.page{max-width:1240px;margin:0 auto;padding:20px 16px 60px}.page.narrow{max-width:760px}.bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:18px;display:grid}.bar>:last-child{justify-self:end}.bar>:first-child{justify-self:start}.bar-title{text-align:center}.bar-title h2{font-size:1.5rem}.bar-title span{color:var(--dim);letter-spacing:.06em;font-size:.9rem}.btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);text-transform:uppercase;letter-spacing:.1em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);padding:8px 16px;font-size:.85rem;font-weight:700;transition:background .12s,color .12s}.btn:hover:not(:disabled){color:#fff;background:#1c2a36}.btn:disabled{opacity:.4}.btn.primary{background:var(--amber);border-color:var(--amber);color:#14100a}.btn.primary:hover:not(:disabled){color:#14100a;background:#ffc552}.btn.big{padding:13px 28px;font-size:1rem}.btn.ghost{color:var(--dim);clip-path:none;background:0 0;border-color:#0000;padding-left:0}.link{color:var(--amber);background:0 0;border:0;padding:0;text-decoration:underline}.row{flex-wrap:wrap;gap:10px;display:flex}.eyebrow{font:.78rem var(--mono);color:var(--amber);text-transform:uppercase;letter-spacing:.16em}.hint{color:var(--dim);font-size:.9rem}.panel{background:var(--panel);border:1px solid var(--line);padding:14px}.panel>h3{margin-bottom:10px}.notice{color:#e0b860;background:#1a1508;border:1px dashed #6b5320;margin-bottom:14px;padding:8px 12px;font-size:.9rem}.stars{letter-spacing:2px;color:#33424e}.stars .on{color:var(--amber)}.hero{border:1px solid var(--line);align-items:flex-end;min-height:440px;display:flex;position:relative;overflow:hidden}.key-art{width:100%;height:100%;display:block;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(90deg,#05090deb 0%,#05090d8c 45%,#0000 75%);position:absolute;inset:0}.hero-copy{z-index:1;gap:14px;max-width:600px;padding:36px;display:grid;position:relative}.hero h1{color:#fff;font-size:clamp(2.2rem,5vw,3.6rem)}.hero-copy>p:not(.eyebrow){color:#c3ced7;font-size:1.08rem}.modes{grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0 44px;display:grid}.mode{text-align:left;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--line);align-content:start;gap:8px;padding:20px;transition:border-color .15s,transform .15s;display:grid}.mode:hover{border-top-color:var(--amber);transform:translateY(-2px)}.mode h2{font-size:1.6rem}.mode p{color:#aab7c2}.mode em{font:normal .8rem var(--mono);color:var(--green)}.howto{gap:16px;display:grid}.howto h2{border-left:3px solid var(--amber);margin-top:22px;padding-left:12px;font-size:1.4rem}.howto .cols{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.howto .cols>div{background:var(--panel);border:1px solid var(--line);padding:16px}.howto .cols h3{color:var(--amber);margin-bottom:6px;font-size:1rem}.howto p,.lede{color:#aab7c2;max-width:75ch}.fleet-list,.ability-list,.tray,.roster,.mods,.missions,.fleet-line ul,.log ol{margin:0;padding:0;list-style:none}.fleet-list{flex-wrap:wrap;gap:14px;display:flex}.fleet-list li{background:var(--panel);border:1px solid var(--line);gap:4px;padding:12px 16px;display:grid}.fleet-list li>div{height:36px}.fleet-list span{color:var(--dim);font:.8rem var(--mono)}.ability-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ability-list li{background:var(--panel);border:1px solid var(--line);gap:2px;padding:12px 14px;display:grid}.ability-list strong{text-transform:uppercase;letter-spacing:.08em}.ability-list em{font:normal .78rem var(--mono);color:var(--green)}.ability-list span{color:#aab7c2;font-size:.92rem}.ship-art{width:100%;height:100%;display:block}.form{gap:12px;padding:22px;display:grid}.form h3{margin:6px 0 0}.form input{background:var(--bg);border:1px solid var(--line);color:var(--text);font:1rem var(--mono);width:100%;padding:10px 12px}.form input:focus{outline:1px solid var(--amber)}.choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice.three{grid-template-columns:repeat(3,1fr)}.choice button{text-align:left;background:var(--panel-2);border:1px solid var(--line);gap:2px;padding:12px 14px;display:grid}.choice button.on{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}.choice strong{text-transform:uppercase;letter-spacing:.08em}.choice span{color:var(--dim);font-size:.9rem}.form>.btn.big{justify-self:start;margin-top:8px}.lobby{text-align:center;justify-items:center;padding:36px 22px}.radar{border:1px solid var(--green);background:repeating-radial-gradient(circle,#0000 0 24px,#4be3a040 24px 25px),#06120e;border-radius:50%;width:150px;height:150px;position:relative;overflow:hidden}.radar i{background:conic-gradient(#4be3a08c,#0000 28%);animation:1.8s linear infinite sweep;position:absolute;inset:0}.radar.locked i{background:radial-gradient(circle at 62% 38%, var(--red) 0 5px, transparent 6px);animation:none}@keyframes sweep{to{transform:rotate(360deg)}}.versus{font-size:1.4rem;font-weight:700}.versus span{color:var(--amber);margin:0 10px}.copy{gap:8px;width:100%;max-width:520px;display:flex}.board-wrap{width:min(100%,620px,100vh - 300px);min-width:280px;margin:0 auto;position:relative}.board-wrap.small{width:min(100%,280px);min-width:0}.board{font:.72rem var(--mono);color:var(--dim);grid-template-rows:22px 1fr;grid-template-columns:22px 1fr;display:grid}.board-cols{grid-column:2;display:flex}.board-rows{flex-direction:column;grid-row:2;display:flex}.board-cols span,.board-rows span{flex:1;place-items:center;display:grid}.grid{aspect-ratio:1;background:radial-gradient(circle at 30% 20%, #123346 0%, var(--water) 55%, #071821 100%);border:1px solid #2f4a5c;grid-area:2/2;display:grid;position:relative;box-shadow:0 0 0 1px #05090d,0 10px 40px #00000080;container-type:inline-size}.board.enemy.active .grid{border-color:var(--amber);box-shadow:0 0 0 1px #05090d,0 0 26px #ffb02029}.board.enemy.active .cell{cursor:crosshair}.board.own .cell{cursor:default}.setup .board.own .cell{cursor:pointer}.cell{z-index:2;aspect-ratio:1;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 .5px #78aac838}.cell.preview{box-shadow:inset 0 0 0 1.5px var(--amber);background:#ffb02047}.cell.preview.bad{box-shadow:inset 0 0 0 1.5px var(--red);background:#ff45304d}.cell.intel-ship{background:#ff453038;box-shadow:inset 0 0 0 1.5px #ff4530cc}.cell.intel-empty{background:#4be3a014;box-shadow:inset 0 0 0 1px #4be3a059}.cell.miss .mark{opacity:.75;background:#c9d7e2;border-radius:50%;width:22%;height:22%}.cell.hit{background:#ff453038}.cell.hit .mark{background:radial-gradient(circle, #ffe08a 0 25%, var(--red) 60%);width:46%;height:46%;box-shadow:0 0 10px var(--red);transform:rotate(45deg)}.cell.hit.dead{background:#1408068c}.cell.hit.dead .mark{box-shadow:none;background:#7a2a20}.ping{border:1px dashed var(--green);color:var(--green);font:700 .85rem var(--mono);border-radius:50%;place-items:center;display:grid;position:absolute;inset:12%}.ship{z-index:1;pointer-events:none;filter:drop-shadow(0 2px 3px #0009);padding:.4cqw;position:absolute}.ship.sunk{opacity:.85}.fx{pointer-events:none;border-radius:50%;position:absolute;inset:0}.fx-miss{border:2px solid #dbe8f2;animation:.7s ease-out forwards ripple}.fx-hit,.fx-sunk{background:radial-gradient(circle, #fff 0 15%, #ffb020 35%, var(--red) 60%, transparent 72%);animation:.6s ease-out forwards blast}.fx-sunk{animation-duration:1s}@keyframes ripple{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.5)}}@keyframes blast{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:reduce){.fx,.radar i{opacity:0;animation:none}}.setup-body{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.setup{-webkit-user-select:none;user-select:none}.deploy{gap:14px;display:grid}.grab{pointer-events:auto;cursor:grab;touch-action:none;-webkit-touch-callout:none}.grab:active{cursor:grabbing}.setup .ship.grab{z-index:3;transition:left .12s,top .12s,opacity .12s}.setup .ship.grab:hover{filter:drop-shadow(0 0 6px #ffb020cc)}.lifted{opacity:.25}.shake{animation:.3s shake}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.drag-ghost{z-index:60;pointer-events:none;opacity:.9;filter:drop-shadow(0 8px 10px #000000b3);position:fixed}.drag-ghost.ok{filter:drop-shadow(0 0 8px var(--amber))}.drag-ghost.bad{filter:drop-shadow(0 0 8px var(--red))}.tips{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.tips li{background:var(--panel-2);border:1px solid var(--line);color:#aab7c2;align-items:center;gap:10px;padding:10px;font-size:.9rem;line-height:1.2;display:flex}.tips b{color:var(--amber);text-transform:uppercase;letter-spacing:.06em}.tips i{border:2px solid var(--amber);border-radius:4px;flex:none;width:26px;height:26px;position:relative}.tip-drag:after{content:"↔";color:var(--amber);place-items:center;font-style:normal;font-weight:700;display:grid;position:absolute;inset:0}.tip-tap:after{content:"⟳";color:var(--amber);place-items:center;font-style:normal;font-weight:700;display:grid;position:absolute;inset:0}.dock{border:1px dashed var(--line);flex-wrap:wrap;align-content:flex-start;gap:10px 16px;min-height:84px;padding:12px;display:flex}.dock h3,.dock .hint{flex:0 0 100%}.dock.empty{opacity:.7}.dock-item{gap:2px;display:grid}.dock-item span{font:.75rem var(--mono);color:var(--dim)}.dock-ship{max-width:100%}.deploy>.btn.big{width:100%}.turn{font:700 1rem var(--display);letter-spacing:.16em;color:var(--dim);border:1px solid var(--line);align-items:center;gap:10px;padding:6px 14px;display:flex}.turn.mine{color:#14100a;background:var(--amber);border-color:var(--amber)}.turn b{font:.95rem var(--mono)}.turn b.low{color:#a00}.battle-body{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.theatre{gap:12px;display:grid}.theatre-head{justify-content:space-between;align-items:baseline;width:100%;max-width:620px;margin:0 auto;display:flex}.theatre-head span{font:.85rem var(--mono);color:var(--dim)}.side{gap:12px;display:grid}.bubble{z-index:5;color:#111;background:#fff;border-radius:2px;padding:6px 12px;font-weight:700;position:absolute;top:34px;right:10px;box-shadow:0 4px 16px #00000080}.abilities{gap:8px;width:100%;max-width:620px;margin:0 auto;display:grid}.cp{font:.8rem var(--mono);color:var(--dim);align-items:center;gap:4px;display:flex}.cp span{letter-spacing:.14em;margin-right:6px}.cp i{background:#1b2731;width:18px;height:8px;transform:skew(-20deg)}.cp i.on{background:var(--green);box-shadow:0 0 6px #4be3a099}.cp b{color:var(--green);margin-left:8px;font-size:1rem}.ability-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.ability{text-align:left;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--green);gap:1px;padding:8px 10px;display:grid}.ability strong{text-transform:uppercase;letter-spacing:.08em;font-size:.95rem}.ability span{color:var(--dim);font-size:.8rem;line-height:1.25}.ability em{font:normal .75rem var(--mono);color:var(--green)}.ability:hover:not(:disabled){background:var(--panel-2)}.ability.sel{border-color:var(--amber);border-left-color:var(--amber);background:#1d1808}.ability:disabled{opacity:.45;border-left-color:var(--line)}.roster{gap:4px;margin-top:10px;display:grid}.panel>h3+.roster{margin-top:0}.roster li{justify-content:space-between;align-items:center;font-size:.92rem;display:flex}.roster li.lost span:first-child{color:var(--red);text-decoration:line-through}.pips{gap:3px;display:flex}.pips i{background:#3d5060;width:12px;height:8px}.pips i.hit{background:var(--red)}.mods{border-top:1px solid var(--line);color:#aab7c2;gap:4px;margin-top:12px;padding-top:10px;font-size:.88rem;display:grid}.mods b{color:var(--amber);text-transform:uppercase;letter-spacing:.06em;margin-right:4px}.emotes{flex-wrap:wrap;gap:6px;display:flex}.emotes .btn{padding:5px 10px;font-size:.75rem}.log ol{max-height:190px;font:.82rem var(--mono);gap:2px;display:grid;overflow-y:auto}.log .dim{color:var(--dim)}.log .good{color:var(--green)}.log .bad{color:#ff7a66}.log .info{color:#8fc7ff}.overlay{z-index:50;background:#030508cc;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.result{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--green);text-align:center;justify-items:center;gap:14px;min-width:min(420px,100%);padding:30px 36px;display:grid}.result.loss{border-top-color:var(--red)}.result h2{color:var(--green);font-size:3rem}.result.loss h2{color:var(--red)}.result .stars{font-size:2rem}.result dl{gap:26px;margin:0;display:flex}.result dt{font:.72rem var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.12em}.result dd{margin:0;font-size:1.5rem;font-weight:700}.result .row{justify-content:center}.briefing{background:var(--panel);border:1px solid var(--line);gap:12px;width:min(680px,100%);padding:0 26px 26px;display:grid}.briefing-art{border-bottom:1px solid var(--line);height:220px;margin:0 -26px 6px;position:relative;overflow:hidden}.briefing h2{font-size:2rem}.brief{color:#c3ced7;font-size:1.05rem}.fleet-line h4{color:var(--dim);letter-spacing:.14em;margin-bottom:6px;font-size:.78rem}.fleet-line ul{flex-wrap:wrap;gap:14px;display:flex}.fleet-line li{color:#aab7c2;gap:2px;font-size:.82rem;display:grid}.fleet-line li>div{height:26px}.briefing .mods{margin-top:0}.total{font:1rem var(--mono);color:var(--amber)}.act{margin-bottom:26px}.act-banner{border:1px solid var(--line);align-items:flex-end;height:120px;display:flex;position:relative;overflow:hidden}.act-banner:after{content:"";background:linear-gradient(90deg,#05090de6,#0000 70%);position:absolute;inset:0}.act-banner>div{z-index:1;padding:14px 18px;position:relative}.act-banner h2{color:#fff;font-size:1.5rem}.act-banner p{color:#c3ced7}.missions{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px;display:grid}.mission{text-align:left;background:var(--panel);border:1px solid var(--line);align-content:start;gap:2px;width:100%;height:100%;padding:12px;display:grid;position:relative}.mission:hover:not(:disabled){border-color:var(--amber)}.mission:disabled{opacity:.4}.mission .num{font:.8rem var(--mono);color:var(--amber)}.mission strong{text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem}.mission>span:not(.num):not(.stars){color:var(--dim);font-size:.85rem}.mission.boss{border-left:3px solid var(--red)}.mission em{font:normal .68rem var(--mono);color:var(--red);text-transform:uppercase;letter-spacing:.12em;position:absolute;top:10px;right:10px}.article{color:#c9d4dc;max-width:780px;margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.05rem;font-weight:400;line-height:1.7}.article h1{color:#fff;margin:6px 0 8px;font-size:clamp(2rem,5vw,2.8rem)}.article h2{color:#fff;border-left:3px solid var(--amber);margin:38px 0 10px;padding-left:12px;font-size:1.45rem}.article p,.article ul,.article ol{margin:0 0 16px}.article,.howto,.faq,.briefing,.modal{overflow-wrap:break-word}.article li{margin-bottom:6px}.article a:not(.btn){color:var(--amber)}.article .lede{color:#e6edf2;font-size:1.2rem}.crumbs,.byline{font:.8rem var(--mono);color:var(--dim)}.crumbs a{color:var(--dim)!important}.data{border-collapse:collapse;width:100%;margin:0 0 20px;font-size:.98rem}.data th,.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:9px 12px}.data thead th{font:.75rem var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.1em}.data tbody th{color:var(--dim);width:40%;font-weight:600}.data tfoot td{color:#fff;border-bottom:0;font-weight:700}.faq{gap:8px;max-width:780px;display:grid}.faq details{background:var(--panel);border:1px solid var(--line);padding:0 16px}.faq summary{cursor:pointer;color:#fff;padding:13px 0;font-size:1.05rem;font-weight:700}.faq details[open] summary{color:var(--amber)}.faq p{color:#c3ced7;max-width:none;margin:0 0 14px}.guide-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.guide-list a{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--line);height:100%;color:inherit;gap:4px;padding:16px;text-decoration:none;display:grid}.guide-list a:hover{border-top-color:var(--amber)}.guide-list strong{color:#fff;text-transform:uppercase;letter-spacing:.04em;font-size:1.1rem;line-height:1.2}.guide-list span{color:#aab7c2;font-size:.92rem}.howto .lede a{color:var(--amber)}.cta{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--amber);font-family:var(--display);flex-wrap:wrap;align-items:center;gap:12px;margin:40px 0 0;padding:18px;display:flex}.cta div{flex:220px;display:grid}.cta strong{color:#fff;text-transform:uppercase;letter-spacing:.06em;font-size:1.2rem}.cta span{color:var(--dim);font-size:.95rem}.cta .btn{text-decoration:none}.more ul{padding-left:20px}.sheet{color:#111;background:#fff;margin:0 0 24px;padding:18px}.sheet-grids{grid-template-columns:1fr 1fr;gap:18px;display:grid}.paper-grid{margin:0}.paper-grid figcaption{font:700 1rem var(--display);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.paper-grid table{border-collapse:collapse;table-layout:fixed;width:100%}.paper-grid td{aspect-ratio:1;border:1px solid #333}.paper-grid th{font:.75rem var(--mono);color:#333;font-weight:400}.sheet-key{margin-top:12px;font-size:.9rem;line-height:1.6}.foot{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:20px;max-width:1240px;margin:40px auto 0;padding:30px 16px 40px;display:grid}.foot div{align-content:start;gap:6px;display:grid}.foot strong{font:.75rem var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.14em}.foot a{color:#aab7c2;text-decoration:none}.foot a:hover{color:var(--amber)}.foot p{color:var(--dim);grid-column:1/-1;font-size:.85rem}.foot .langs{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:6px 16px;padding-top:14px;display:flex}.foot .langs a.on{color:var(--amber)}@media print{html,body{background:#fff!important}.top,.no-print,.foot{display:none!important}.article{color:#000;max-width:none}.article h1{color:#000;font-size:1.6rem}.sheet{padding:0}}.ai-tag{border:1px solid var(--green);color:var(--green);font:normal .65rem/1.5 var(--mono);letter-spacing:.1em;vertical-align:middle;margin-left:8px;padding:0 6px;display:inline-block}.net-status{max-width:1240px;color:var(--dim);margin:12px auto -8px;padding:0 16px;font-size:.95rem}.net-status b{color:var(--text)}.form .lobby{text-align:center;justify-items:center;gap:12px;padding:12px 0;display:grid}.arena-body{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:20px;display:grid}.you{background:var(--panel-2);border-left:3px solid var(--amber);justify-items:start;padding:14px 16px;display:grid}.you>span{font:.72rem var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.14em}.you strong{color:#fff;font-size:2.6rem;line-height:1}.you em{font:normal .82rem var(--mono);color:var(--green)}.ladder ol{margin:0;padding:0;list-style:none;display:grid}.ladder li{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr auto 60px;align-items:center;gap:10px;padding:7px 8px;display:grid}.ladder li:nth-child(-n+3) .rank{color:var(--amber)}.ladder li.me{box-shadow:inset 3px 0 0 var(--amber);background:#1d1808}.ladder .rank{font:.9rem var(--mono);color:var(--dim)}.ladder .who{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.ladder .wl{font:.8rem var(--mono);color:var(--dim)}.ladder b{font:1rem var(--mono);text-align:right}.ladder .dim{color:var(--dim);display:block}.delta{font:700 1.2rem var(--mono)}.delta.up{color:var(--green)}.delta.down{color:var(--red)}@font-face{font-family:Twemoji Country Flags;unicode-range:U+1F1E6-1F1FF;src:url(https://cdn.jsdelivr.net/npm/country-flag-emoji-polyfill@0.1/dist/TwemojiCountryFlags.woff2)format("woff2");font-display:swap}.flag{text-align:center;width:1.4em;font-family:Twemoji Country Flags,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-style:normal;font-weight:400;line-height:1;display:inline-block}.flag.none{vertical-align:-.1em;border:1px dashed #3a4a57;border-radius:2px;width:1.25em;height:.9em;margin:0 .075em}.chip{background:var(--panel-2);border:1px solid var(--line);white-space:nowrap;align-items:center;gap:8px;padding:4px 10px;font-size:.85rem;display:inline-flex}.chip:hover{border-color:var(--amber)}.chip b{font-family:var(--mono);letter-spacing:.04em;font-weight:400}.chip.guest span{color:var(--dim)}.chip.guest b{color:var(--text)}.chip.guest em{color:var(--amber);text-transform:uppercase;letter-spacing:.1em;border-left:1px solid var(--line);padding-left:8px;font-size:.75rem;font-style:normal;font-weight:700}.chip.loading{opacity:.4;width:120px;height:28px}.modal{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--amber);gap:12px;width:min(520px,100%);max-height:calc(100vh - 32px);padding:0 22px 22px;display:grid;overflow-y:auto}.modal header{background:var(--panel);z-index:1;justify-content:space-between;align-items:center;padding:16px 0 6px;display:flex;position:sticky;top:0}.modal header h2{font-size:1.4rem}.modal h3{margin-top:6px}.modal footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:14px;display:flex}.modal .link{color:var(--dim);font-size:.85rem}.modal .hint a{color:var(--amber)}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.perks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.perks li{border-left:2px solid var(--green);color:#c3ced7;padding-left:14px}.perks b{color:#fff}.gbtn{justify-items:start;gap:8px;min-height:44px;display:grid}.id-card{background:var(--panel-2);border-left:3px solid var(--amber);align-items:center;gap:14px;padding:14px;display:flex}.id-card .flag{font-size:2.2rem}.id-card div{display:grid}.id-card strong{font:1.5rem var(--mono);color:#fff;letter-spacing:.04em}.id-card span:not(.flag){color:var(--dim);font-size:.9rem}.search{background:var(--bg);border:1px solid var(--line);color:var(--text);font:1rem var(--display);width:100%;padding:10px 12px}.search:focus{outline:1px solid var(--amber)}.flag-grid{grid-template-columns:1fr 1fr;gap:4px;max-height:46vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.flag-grid button{text-align:left;background:var(--panel-2);border:1px solid #0000;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:.95rem;display:flex}.flag-grid button:hover,.flag-grid button.on{border-color:var(--amber)}.flag-grid .dim{color:var(--dim);padding:10px}.playing-as{color:var(--dim)}.playing-as b{font-family:var(--mono);color:#fff;font-weight:400}button.you{text-align:left;cursor:pointer;border-top:0;border-bottom:0;border-right:0;width:100%}button.you:hover{background:#1c2a36}.you i{color:var(--dim);margin-top:6px;font-size:.85rem;font-style:normal}.you.guest strong{font:1.7rem var(--mono);letter-spacing:.05em}.you.guest p{color:#aab7c2;margin:8px 0 10px;font-size:.92rem}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px;display:flex}.tabs button{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);background:0 0;border:0;border-bottom:3px solid #0000;padding:8px 12px;font-size:.85rem;font-weight:700}.tabs button.on{color:#fff;border-bottom-color:var(--amber)}.tabs .filter{text-transform:none;letter-spacing:0;color:var(--text);border:1px solid var(--line);margin-bottom:4px;margin-left:auto;padding:4px 10px;font-weight:500}.tabs .filter:hover{border-color:var(--amber)}.ladder ol{max-height:640px;overflow-y:auto}.ladder .who{font-family:var(--mono);align-items:center;gap:8px;font-weight:400;display:flex}.ladder .apart{border-top:1px dashed var(--line);margin-top:8px}.ladder .hint{margin-top:10px}.you-tag{font:normal .65rem var(--mono);color:var(--amber);border:1px solid var(--amber);letter-spacing:.1em;text-transform:uppercase;padding:0 5px}.hof li{grid-template-columns:34px 1fr auto 60px}.hof .rank{color:var(--amber)!important}.hof .dim{padding:18px 8px}.radio{z-index:6;pointer-events:none;border:1px solid var(--green);background:#050a0ef0;border-left-width:3px;align-items:stretch;gap:10px;padding:8px;animation:.35s cubic-bezier(.2,.8,.2,1) both radio-in;display:flex;position:absolute;bottom:8px;left:30px;right:8px}.radio.enemy{border-color:var(--red)}.radio img{object-fit:cover;filter:contrast(1.1)saturate(.8);flex:none;width:64px;height:64px}.radio div>span{font:.7rem var(--mono);color:var(--green);text-transform:uppercase;letter-spacing:.14em}.radio.enemy div>span{color:var(--red)}.radio p{color:#eef3f6;font-size:1rem;line-height:1.3}@keyframes radio-in{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(14px)}to{clip-path:inset(0)}}.briefing-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.briefing-art:after{content:"";background:linear-gradient(0deg, var(--panel) 0%, transparent 45%);position:absolute;inset:0}.hero-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.typed{position:relative}.untyped{visibility:hidden}.caret{vertical-align:-.12em;background:var(--amber);width:.5em;height:1em;margin-right:-.5em;animation:.7s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.cutscene{z-index:80;cursor:pointer;background:#000;align-items:flex-end;animation:.8s fade;display:flex;position:fixed;inset:0;overflow:hidden}.cutscene>img,.cutscene>.key-art{object-fit:cover;width:100%;height:100%;animation:30s ease-out forwards drift;position:absolute;inset:0}.cutscene:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 38%,#0009 68%,#000000f0 100%),linear-gradient(#000000b3 0,#0000 14%);position:absolute;inset:0}.cutscene-text{z-index:2;gap:10px;width:min(860px,100%);margin:0 auto;padding:24px 22px 40px;display:grid;position:relative}.cutscene-text h2{color:#fff;text-shadow:0 2px 20px #000;font-size:clamp(1.8rem,5vw,3.2rem);animation:1.4s cubic-bezier(.2,.7,.2,1) both title-in}.cutscene-text p{color:#f0f4f7;text-shadow:0 1px 8px #000;font-size:clamp(1rem,2.4vw,1.3rem);transition:color .6s}.cutscene-text p.old{color:#8f9ca7}.cutscene-text .row{margin-top:10px}@keyframes fade{0%{opacity:0}}@keyframes drift{0%{transform:scale(1.02)}to{transform:scale(1.16)translate(-1.5%,-1%)}}@keyframes title-in{0%{opacity:0;letter-spacing:.5em;filter:blur(6px)}to{opacity:1;letter-spacing:.04em;filter:none}}.briefing .eyebrow{animation:.5s both fade}.briefing h2{animation:.7s steps(8,end) both decode}@keyframes decode{0%{opacity:0;clip-path:inset(0 100% 0 0)}20%{opacity:1}to{clip-path:inset(0)}}.briefing .fleet-line,.briefing .mods,.briefing .row{animation:.5s both rise}.briefing .fleet-line{animation-delay:.3s}.briefing .fleet-line+.fleet-line{animation-delay:.45s}.briefing .mods{animation-delay:.6s}.briefing .row{animation-delay:.7s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.callout{z-index:6;pointer-events:none;text-align:center;color:var(--amber);background:linear-gradient(90deg,#0000,#04080ceb 18% 82%,#0000);border-block:1px solid;padding:14px 8px;animation:1.7s cubic-bezier(.2,.8,.2,1) both callout;position:absolute;top:38%;left:22px;right:0}.callout.intro{animation-duration:2.4s}.callout.good{color:var(--green)}.callout.bad{color:var(--red)}.callout span{font:.78rem var(--mono);letter-spacing:.24em;text-transform:uppercase;opacity:.85;display:block}.callout strong{text-transform:uppercase;letter-spacing:.12em;color:#fff;text-shadow:0 0 18px;font-size:clamp(1.5rem,5vw,2.6rem);line-height:1.1;display:block}@keyframes callout{0%{opacity:0;letter-spacing:.6em;transform:scaleY(0)}14%{opacity:1;letter-spacing:normal;transform:none}82%{opacity:1}to{opacity:0;transform:translate(30px)}}.stamp span{animation:.45s cubic-bezier(.2,1.4,.4,1) both stamp;display:inline-block}@keyframes stamp{0%{opacity:0;filter:blur(4px);transform:scale(2.6)}}.debrief{color:#c3ced7;max-width:46ch;font:.95rem/1.5 var(--mono);text-align:left;border-left:2px solid var(--amber);padding-left:12px}.mission.current{border-color:var(--amber);animation:1.8s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 3px #ffb02038}}.mission .new{text-transform:uppercase;letter-spacing:.1em;color:var(--amber)!important;font:.75rem var(--mono)!important}.mission.sealed{opacity:.45;background:repeating-linear-gradient(135deg, var(--panel) 0 10px, #0b1117 10px 20px)}.mission.sealed strong{color:#2c3944;letter-spacing:0}.sealed-act{border:1px dashed var(--line);text-align:center;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff05 3px 4px);gap:6px;padding:26px;display:grid}.sealed-act h2{font-size:1.5rem;animation:3s step-end infinite flicker}.sealed-act p:last-child{color:var(--dim)}@keyframes flicker{0%,to{opacity:1}46%{opacity:.35}48%{opacity:1}71%{opacity:.6}73%{opacity:1}}.archive h3{margin-bottom:10px}.archive ul{grid-template-columns:repeat(5,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.archive li{aspect-ratio:3/2;border:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden}.archive li.locked{color:#2c3944;font:700 2rem var(--display);place-items:center;display:grid}.archive button{background:0 0;border:0;padding:0;position:absolute;inset:0}.archive img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.archive button:hover img{transform:scale(1.06)}.archive button span{text-transform:uppercase;letter-spacing:.08em;text-align:left;background:linear-gradient(#0000,#000000e6);padding:14px 8px 6px;font-size:.8rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.cutscene>img,.cutscene-text h2,.briefing *,.callout,.stamp span,.mission.current,.sealed-act h2{animation:none}}@media (width<=1100px) and (width>=901px){.modes{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.archive ul{grid-template-columns:repeat(3,1fr)}.sheet-grids{grid-template-columns:1fr}.data{table-layout:fixed;font-size:.86rem}.data th,.data td{overflow-wrap:anywhere;padding:7px 5px}.data thead th{letter-spacing:.04em;font-size:.62rem}.art-col{display:none}.tips{grid-template-columns:1fr 1fr}.setup .bar{margin-bottom:8px}.setup-body{gap:12px}.battle-body,.setup-body,.modes,.howto .cols,.ability-list,.arena-body,.flag-grid{grid-template-columns:1fr}.chip.guest span{display:none}.chip.guest em{border:0;padding:0}.missions{grid-template-columns:repeat(2,1fr)}.choice.three{grid-template-columns:1fr}.board-wrap{width:min(100%,620px)}.bar{grid-template-columns:1fr;gap:2px;margin-bottom:12px}.bar>:last-child{justify-self:start}.bar>span:empty{display:none}.bar-title{text-align:left}.bar-title h2{font-size:1.3rem}.turn{margin-top:6px}.hero-copy{padding:22px}.top{grid-template-columns:1fr auto;padding:8px 12px 0}.top-links{border-top:1px solid var(--line);grid-area:2/1/auto/-1;justify-content:flex-start;margin:0 -12px;padding:0 6px}.top-links a{padding:9px 8px;font-size:.78rem}.top .brand{font-size:1.05rem}.foot{grid-template-columns:1fr 1fr}.article,.howto,.faq,.briefing,.modal,.mode{-webkit-hyphens:auto;hyphens:auto}}