#ui #control,body.panels-open #ui #control{width:min(680px,calc(100% - 24px));bottom:max(8px,env(safe-area-inset-bottom));padding:8px 10px;gap:7px 12px;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);color-scheme:dark}#ui #control:not(.spawning),body.panels-open #ui #control:not(.spawning){max-height:35vh;max-height:35dvh;overflow-y:auto}.dock-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;position:sticky;top:-8px;z-index:1;background:#10202b;border-radius:7px;padding:4px 6px}.dock-summary{display:flex;flex-wrap:wrap;gap:3px 10px;min-width:0;font-size:calc(11px * var(--text-scale,1))}#dock-reserve{color:var(--muted);font-size:calc(10px * var(--text-scale,1))}#dock-toggle{flex:none;min-height:32px}#ui #control:not(.dock-expanded){grid-template-columns:minmax(0,1fr)}#ui #control:not(.dock-expanded) #attack-block,#ui #control:not(.dock-expanded) #build-block>.row,#ui #control:not(.dock-expanded) #build-hint,#ui #control:not(.dock-expanded) #weapons-panel,#ui #control:not(.dock-expanded) .operations{display:none}#ui #control:not(.dock-expanded) #build-block{gap:0}#ui #control:not(.dock-expanded) .build-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}#ui #control:not(.dock-expanded) .build-btn{min-height:32px;padding:5px;flex-direction:row;align-items:center;justify-content:center;gap:5px}#ui #control:not(.dock-expanded) .build-btn em,#ui #control:not(.dock-expanded) .build-btn small{display:none}#ui #control:not(.dock-expanded) .build-btn i svg{width:15px;height:15px}#ui #control:not(.dock-expanded) .build-btn kbd{display:inline-block;position:static;font-size:calc(9px * var(--text-scale,1));padding:0}#ui #control .selection{padding-top:4px;min-height:0}#ui #control.spawning{display:none}@media (max-width: 760px){#ui #control,body.panels-open #ui #control{width:calc(100% - 16px)}#ui #control.dock-expanded,body.panels-open #ui #control.dock-expanded{grid-template-columns:minmax(0,1fr)}.dock-header:before{content:"";position:absolute;width:28px;height:3px;border-radius:2px;background:var(--muted);top:-5px;left:calc(50% - 14px)}#ui #control{padding-top:12px}#ui #control:not(.dock-expanded) .build-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#ui #control:not(.dock-expanded) .build-btn{min-height:34px}.dock-summary{flex-direction:column;gap:1px}#dock-toggle{font-size:calc(10px * var(--text-scale,1));max-width:42%}}:root{--text-scale: 1;--bg: #0b1220;--glass: rgba(14, 22, 38, .62);--glass-strong: rgba(11, 18, 32, .82);--stroke: rgba(140, 180, 255, .16);--stroke-soft: rgba(140, 180, 255, .09);--text: #e8f0fb;--muted: #93a4bd;--accent: #57d9ff;--accent-2: #7c5cff;--gold: #ffcc66;--danger: #ff6b81;--ok: #6ef2b0;--radius: 14px;--shadow: 0 18px 40px rgba(0, 0, 0, .45);--font: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:12px;z-index:100;background:#081321;color:#fff;padding:12px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#map-crosshair{position:fixed;z-index:2;pointer-events:none;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;box-shadow:0 0 0 2px #000}#map-crosshair:after{content:"+";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;text-align:center;color:#fff;font:18px monospace;text-shadow:0 1px 2px black}.advanced{text-align:left;margin:12px 0}.nation-emblem{flex:none;object-fit:contain}.nation-identity{display:flex;align-items:center;gap:10px;margin:10px 0}.nation-identity h3{min-width:0;margin:0}.advanced summary{cursor:pointer;font-size:calc(12px * var(--text-scale,1));padding:8px 0}.advanced fieldset{border:0;padding:0;margin:0;min-width:0}.advanced fieldset:disabled{opacity:.65}.victory-banner{position:absolute;z-index:24;top:96px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:12px 18px;text-align:center;font-size:calc(14px * var(--text-scale,1));border:2px solid var(--danger);border-radius:12px;background:var(--glass-strong)}.victory-banner.own{border-color:var(--ok)}.match-clock{position:absolute;top:78px;right:0;background:var(--glass-strong)}.replay-controls{position:absolute;z-index:18;left:50%;transform:translate(-50%);bottom:12px;width:min(780px,calc(100% - 24px));padding:14px;border-radius:12px;font-size:calc(12px * var(--text-scale,1));max-height:45vh;overflow-y:auto}.replay-timeline{display:flex;flex-direction:column;gap:7px}.replay-actions{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-top:10px}.replay-actions .field{margin:0;flex:1;min-width:100px}.replay-badge{color:var(--accent)}.replay-mode #control,.replay-mode #spawn-banner,.replay-mode .nation-actions,.replay-mode .nation-social,.replay-mode #structure-panel{display:none!important}.replay-mode .panel.map{bottom:240px}.high-contrast{--glass: #081321;--glass-strong: #050b13;--stroke: #b9d5e7;--stroke-soft: #6d8899;--text: #fff;--muted: #d7e4ed;--accent: #73e8ff}.high-contrast .glass{backdrop-filter:none;-webkit-backdrop-filter:none}.high-contrast button{border-color:#adc5d8}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}*{box-sizing:border-box}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased}#world{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;grid-template-columns:250px 1fr 268px;grid-template-rows:auto 1fr auto;gap:14px;padding:14px}.glass{background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px #ffffff0f;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}#ui>*{pointer-events:auto}.bar{grid-column:1 / -1;display:flex;align-items:center;gap:18px;padding:10px 16px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.16em;font-size:calc(13px * var(--text-scale, 1))}.brand .mark{width:11px;height:11px;border-radius:3px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 14px #57d9ffcc}.stats{display:flex;gap:22px;margin-left:auto;align-items:center}.stat{display:flex;flex-direction:column;line-height:1.15}.stat .k{font-size:calc(10px * var(--text-scale, 1));text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.stat b{font-size:calc(15px * var(--text-scale, 1));font-variant-numeric:tabular-nums;font-weight:700}#stat-gold{color:var(--gold)}#stat-fps{color:var(--accent)}.badge{font-size:calc(10px * var(--text-scale, 1));letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;color:var(--muted);border:1px solid var(--stroke);background:#ffffff08}.badge.core{color:var(--ok);border-color:#6ef2b066}.badge.mock{color:var(--gold);border-color:#fc66}.spawn-banner{position:fixed;left:50%;top:78px;z-index:25;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:10px 16px;font-size:calc(12.5px * var(--text-scale, 1));background:var(--glass-strong);pointer-events:none;animation:pop .24s cubic-bezier(.22,1,.36,1)}.spawn-banner[hidden]{display:none}.spawn-banner b{font-size:calc(14px * var(--text-scale, 1));font-weight:700}.spawn-banner span{color:var(--muted)}.spawn-banner i{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);padding:3px 9px;border-radius:999px;border:1px solid rgba(87,217,255,.35);background:#57d9ff1f;white-space:nowrap}.panel{padding:12px 13px;overflow:hidden}.panel h2{margin:0 0 9px;font-size:calc(10px * var(--text-scale, 1));letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.panel h2 em{font-style:normal;color:var(--accent);letter-spacing:.04em}.panel.left{grid-column:1;grid-row:2;align-self:start;max-height:100%;display:flex;flex-direction:column}.panel.right{grid-column:3;grid-row:2;align-self:start;display:flex;flex-direction:column;gap:14px}#lb-list{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin;scrollbar-color:rgba(140,180,255,.25) transparent}#lb-list li{position:relative;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;padding:4px 6px;border-radius:8px;font-size:calc(12px * var(--text-scale, 1));cursor:pointer;overflow:hidden;transition:background .12s ease}#lb-list li:hover{background:#ffffff12}#lb-list li.me{background:#57d9ff1f;box-shadow:inset 0 0 0 1px #57d9ff4d}#lb-list li.dead{opacity:.35}#lb-list .bar-fill{position:absolute;inset:0 auto 0 0;z-index:-1;opacity:.28;transition:width .26s cubic-bezier(.22,1,.36,1)}#lb-list .dot{width:8px;height:8px;border-radius:50%}#lb-list .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#lb-list .num{font-variant-numeric:tabular-nums;color:var(--muted);font-size:calc(11px * var(--text-scale, 1))}.block{display:flex;flex-direction:column;gap:7px}#attack-block[hidden],#build-block[hidden]{display:none}.row{display:flex;justify-content:space-between;align-items:baseline}.row label{font-size:calc(10px * var(--text-scale, 1));letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.row b{font-size:calc(13px * var(--text-scale, 1));font-variant-numeric:tabular-nums;color:var(--accent)}#gold-left{color:var(--gold)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:ew-resize}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:inset 0 0 0 1px #ffffff1f}input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;margin-top:-5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #57d9ff59,0 3px 8px #00000080}input[type=range]::-moz-range-thumb{width:15px;height:15px;border:none;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #57d9ff59}.preview,.hint,.selection{font-size:calc(11px * var(--text-scale, 1));line-height:1.45;color:var(--muted);margin:0}.preview b{color:var(--text)}.preview .win{color:var(--ok)}.preview .lose{color:var(--danger)}.selection{border-top:1px solid var(--stroke-soft);padding-top:9px;color:var(--text)}.selection b{color:var(--accent)}.build-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.build-btn{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;padding:7px 8px;font:inherit;font-size:calc(12px * var(--text-scale, 1));color:var(--text);background:#ffffff0d;border:1px solid var(--stroke-soft);border-radius:9px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.build-btn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-1px)}.build-btn:disabled{opacity:.4;cursor:not-allowed}.build-btn.active{border-color:#57d9ffb3;background:#57d9ff29;box-shadow:0 0 0 1px #57d9ff40}.build-btn em{font-style:normal;color:var(--gold);font-size:calc(11px * var(--text-scale, 1))}.ico{width:16px;height:16px;border-radius:4px;background:#ffffff38}.ico.city{background:linear-gradient(160deg,#cfe3ff,#6f8db8)}.ico.port{background:linear-gradient(160deg,#bff0ff,#2f7fa8)}.ico.defense{background:linear-gradient(160deg,#ffd6a5,#c2703a)}.ico.silo{background:linear-gradient(160deg,#d8ffe8,#3f9c6a)}.panel.map{grid-column:3;grid-row:3;padding:9px;display:flex;flex-direction:column;gap:6px}#minimap{width:100%;height:128px;border-radius:8px;display:block;cursor:crosshair;background:#060b14}.panel.map span{font-size:calc(10px * var(--text-scale, 1));color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.tooltip{position:fixed;z-index:20;padding:7px 10px;font-size:calc(11.5px * var(--text-scale, 1));line-height:1.5;max-width:240px;pointer-events:none;transform:translate(14px,14px);background:var(--glass-strong)}.tooltip b{color:var(--accent)}.tooltip .dim{color:var(--muted)}.toast{position:fixed;left:50%;top:78px;transform:translate(-50%);z-index:30;padding:12px 20px;font-size:calc(14px * var(--text-scale, 1));font-weight:600;letter-spacing:.02em;background:var(--glass-strong);animation:pop .24s cubic-bezier(.22,1,.36,1)}@keyframes pop{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.help{grid-column:1 / 3;grid-row:3;align-self:end;justify-self:start;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 12px;font-size:calc(11px * var(--text-scale, 1));color:var(--muted);max-width:640px}.help b{font-size:calc(10px * var(--text-scale, 1));letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.help span{position:relative;padding-left:12px}.help span:before{content:"·";position:absolute;left:2px;color:var(--accent)}@media (max-width: 1080px){#ui{grid-template-columns:200px 1fr 220px}.help{display:none}}@media (max-width: 760px){#ui{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;padding:8px;gap:8px}.panel.left,.panel.right,.panel.map{display:none}.stats{gap:12px}}body.in-menu #ui{display:none}body.in-menu #game{pointer-events:none}.icon-btn{width:30px;height:30px;flex:none;display:grid;place-items:center;font:inherit;font-size:calc(15px * var(--text-scale, 1));font-weight:700;color:var(--text);background:#ffffff0d;border:1px solid var(--stroke);border-radius:9px;cursor:pointer;transition:background .12s ease,transform .12s ease}.icon-btn:hover{background:#ffffff1f;transform:translateY(-1px)}#btn-panels{display:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;overflow-y:auto;background:#04081080}.overlay[hidden],.stat[hidden],.btn[hidden]{display:none}#lobby,#connection-overlay{z-index:65}.room-entry{display:flex;gap:10px;align-items:flex-end}.room-entry .field{flex:1;min-width:0}.room-entry input{width:100%;box-sizing:border-box}.room-entry .btn{flex:0;padding:9px 12px}.lobby-roster{list-style:none;margin:0;padding:0;max-height:160px;overflow-y:auto}.lobby-roster li{padding:9px 11px;border-bottom:1px solid var(--stroke-soft);font-size:calc(13px * var(--text-scale, 1))}.lobby-roster .host{color:var(--accent)}#lobby-status{margin:0;font-size:calc(13px * var(--text-scale, 1));line-height:1.5}#invite-link{box-sizing:border-box;width:100%;font-size:calc(12px * var(--text-scale, 1))}#invite-copy{margin-top:10px}#menu{background:radial-gradient(ellipse at 50% 40%,#04081040,#040810c7)}#settings,#help,#gameover{z-index:70}.menu-card,.dialog{width:min(400px,100%);padding:26px 26px 22px;display:flex;flex-direction:column;gap:14px;background:var(--glass-strong);animation:rise .32s cubic-bezier(.22,1,.36,1)}.menu-card.glass,.dialog.glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0e1422e6}.dialog{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;min-width:0}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.menu-title{display:flex;align-items:center;gap:12px;font-size:calc(34px * var(--text-scale, 1));font-weight:800;letter-spacing:.2em}.menu-title .mark{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 20px #57d9ffcc}.tagline{margin:-6px 0 6px;color:var(--muted);font-size:calc(14px * var(--text-scale, 1))}.dialog h3{margin:0;font-size:calc(20px * var(--text-scale, 1));letter-spacing:.06em}.field{display:flex;flex-direction:column;gap:6px}.field>span{display:flex;justify-content:space-between;font-size:calc(10px * var(--text-scale, 1));letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.field>span b{color:var(--accent);font-size:calc(12px * var(--text-scale, 1))}.field input[type=text],.field select{font:inherit;font-size:calc(14px * var(--text-scale, 1));color:var(--text);background:#ffffff0f;border:1px solid var(--stroke);border-radius:9px;padding:9px 11px;outline:none}.field input[type=text]:focus,.field select:focus{border-color:#57d9ffb3}.field select option{background:#0e1626;color:var(--text)}.check{display:flex;align-items:center;gap:10px;font-size:calc(13px * var(--text-scale, 1));cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--accent)}.menu-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.btn{flex:1 1 auto;font:inherit;font-size:calc(14px * var(--text-scale, 1));font-weight:600;color:var(--text);padding:11px 16px;background:#ffffff12;border:1px solid var(--stroke);border-radius:10px;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.btn:hover:not(:disabled){background:#ffffff24;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{color:#04121c;border-color:transparent;background:linear-gradient(135deg,var(--accent),#8f7bff);box-shadow:0 6px 22px #57d9ff47}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#7fe6ff,#a594ff)}.link-btn{align-self:center;font:inherit;font-size:calc(12px * var(--text-scale, 1));color:var(--muted);background:none;border:0;cursor:pointer;text-decoration:underline}.link-btn:hover{color:var(--text)}.keys{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;margin:0;font-size:calc(13px * var(--text-scale, 1))}.keys dt{color:var(--accent);font-weight:600;white-space:nowrap}.keys dd{margin:0;color:var(--muted)}.go-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.go-stats div{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:10px;background:#ffffff0d;border:1px solid var(--stroke-soft)}.go-stats span{font-size:calc(9px * var(--text-scale, 1));letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.go-stats b{font-size:calc(20px * var(--text-scale, 1));font-variant-numeric:tabular-nums}#gameover.victory #go-title{color:var(--ok)}#gameover.defeat #go-title{color:var(--danger)}@media (max-width: 760px){#btn-panels{display:grid}.brand{font-size:calc(11px * var(--text-scale, 1))}.badge{display:none}.stat:nth-child(n+4){display:none}#ping-stat:not([hidden]){display:block}.stats{margin-left:auto}body.panels-open .panel.left,body.panels-open .panel.right{display:flex;position:fixed;left:8px;right:8px;z-index:15;grid-column:auto;grid-row:auto}body.panels-open .panel.left{top:62px;max-height:32vh}body.panels-open .panel.right{bottom:8px;max-height:44vh;overflow-y:auto}.menu-title{font-size:calc(28px * var(--text-scale, 1))}.go-stats b{font-size:calc(16px * var(--text-scale, 1))}}:root{--glass: rgba(12, 21, 30, .9);--glass-strong: rgba(12, 21, 30, .97);--stroke: rgba(172, 208, 220, .16);--stroke-soft: rgba(172, 208, 220, .08);--accent: #79e3d0;--accent-2: #79e3d0;--muted: #91a7b0;--text: #eaf3f3;--radius: 16px;--shadow: 0 12px 32px rgba(0, 0, 0, .3)}[hidden]{display:none!important}button,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}svg{width:20px;height:20px;display:block;flex:none}i:has(svg){display:inline-flex;color:var(--accent);font-style:normal}kbd{font:10px var(--font);border:1px solid var(--stroke);border-radius:4px;padding:2px 4px;color:var(--muted)}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#ui{display:block;padding:0;z-index:10}#topbar{position:absolute;top:12px;left:12px;right:12px;height:76px;padding:10px 16px;gap:10px;border-radius:16px}.brand{font-size:calc(12px * var(--text-scale, 1));letter-spacing:.13em;position:relative;padding-bottom:13px;gap:7px}.brand-sub{position:absolute;left:18px;bottom:0;font-size:calc(8px * var(--text-scale, 1));letter-spacing:.3em;color:var(--muted);font-weight:400}.map-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(9px * var(--text-scale, 1));color:var(--muted);padding:5px 7px;border:1px solid var(--stroke-soft);border-radius:7px}.brand .mark{background:var(--accent);box-shadow:0 0 14px #79e3d044}.stats{gap:0;margin-left:auto;margin-right:auto}.stat{padding:0 18px;gap:4px;border-right:1px solid var(--stroke-soft)}.stat.resource{display:grid;grid-template-columns:25px minmax(60px,auto);column-gap:9px;row-gap:3px}.resource>i{grid-column:1;grid-row:1/4;align-self:center}.resource>.k,.resource>b,.resource>small{grid-column:2}.stat .k{font-size:calc(9px * var(--text-scale, 1));letter-spacing:.11em}.stat b{font-size:calc(18px * var(--text-scale, 1));letter-spacing:-.04em;line-height:1.1}.stat small{font-size:calc(10px * var(--text-scale, 1));font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.stat small.negative{color:var(--danger)}.stat.match-stat b{font-size:calc(14px * var(--text-scale, 1))}.stat.diagnostic-stat{display:none}.badge{font-size:calc(8px * var(--text-scale, 1));letter-spacing:.13em;padding:5px 7px}.badge.online{color:var(--accent)}#btn-panels{display:grid}.icon-btn{width:30px;height:30px;border-radius:9px}.icon-btn svg{width:16px;height:16px}.panel{padding:14px;position:absolute}.panel h2{font-size:calc(9px * var(--text-scale, 1));line-height:1.4;align-items:center;gap:4px;margin-bottom:12px;letter-spacing:.12em}.panel h2>span{display:flex;align-items:center;gap:8px}.panel h2 svg{width:16px;height:16px}.panel h2 em{font-size:calc(9px * var(--text-scale, 1))}.panel.left{display:flex;top:102px;left:12px;width:230px;max-height:min(47vh,370px)}.panel-caption{display:flex;justify-content:space-between;font-size:calc(9px * var(--text-scale, 1));color:var(--muted);margin:0 3px 7px}#lb-list{gap:4px;min-height:0}#lb-list li{display:block;padding:0;border-radius:8px;flex:none}#lb-list li button{position:relative;display:grid;grid-template-columns:22px 16px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:36px;padding:8px 7px 11px;color:var(--text);background:#ffffff06;border:0;font:calc(11px * var(--text-scale,1)) var(--font);text-align:left;cursor:pointer}#lb-list li .name{color:var(--nation-color);font-weight:600}#lb-list li .rank{font:10px var(--font);color:var(--muted)}#lb-list li .num{color:var(--text);font-size:calc(10px * var(--text-scale, 1))}#lb-list li .bar-fill{z-index:0;top:auto;bottom:0;height:2px;opacity:.75;max-width:100%}#lb-list li.me{background:#79e3d010;box-shadow:inset 0 0 0 1px #79e3d03d}.local-rank{color:var(--accent);font-size:calc(10px * var(--text-scale, 1));padding:11px 2px 0;margin-top:9px;border-top:1px solid var(--stroke-soft)}.panel.right,body.panels-open .panel.right{display:grid;position:absolute;left:50%;right:auto;top:auto;bottom:12px;width:min(680px,calc(100% - 536px));transform:translate(-50%);grid-template-columns:minmax(170px,.9fr) minmax(240px,1.3fr);gap:12px 18px;padding:16px 18px 12px;max-height:none;overflow:visible}#control.spawning{display:block;width:auto;max-width:calc(100% - 30px)}#control.spawning .operations{display:none}#attack-block{gap:6px}#build-block{gap:9px}.row label{display:flex;align-items:center;gap:7px;font-size:calc(9px * var(--text-scale, 1))}.row label svg{width:15px;height:15px}.row b{font-size:calc(16px * var(--text-scale, 1))}input[type=range]{margin:0}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--accent)}input[type=range]::-moz-range-track{background:var(--accent)}.ratio-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.ratio-presets button{display:flex;justify-content:center;align-items:center;gap:5px;padding:7px 3px;color:var(--muted);background:#ffffff04;border:1px solid var(--stroke);border-radius:7px;font:10px var(--font);cursor:pointer}.ratio-presets button.active{color:var(--accent);border-color:var(--accent);background:#79e3d012}.ratio-presets kbd{padding:0;border:0;font-size:calc(8px * var(--text-scale, 1));opacity:.65}.preview{min-height:31px;font-size:calc(10px * var(--text-scale, 1))}.build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.build-btn{display:flex;position:relative;flex-direction:column;padding:10px 3px 7px;gap:5px;border-radius:10px;font-size:calc(10px * var(--text-scale, 1));min-height:90px}.build-btn i svg{width:23px;height:23px}.build-btn em{font-size:calc(10px * var(--text-scale, 1))}.build-btn kbd{position:absolute;top:3px;right:3px;font-size:calc(7px * var(--text-scale, 1));padding:1px 2px;border:0}.build-btn small{font-size:calc(8px * var(--text-scale, 1));color:var(--muted)}.build-btn:disabled{opacity:.43}.build-btn.active{background:#79e3d019;border-color:var(--accent);box-shadow:none}#build-hint{min-height:27px;font-size:calc(9px * var(--text-scale, 1))}.selection{grid-column:1/-1;border-top:1px solid var(--stroke);padding-top:9px;font-size:calc(10px * var(--text-scale, 1))}.operations{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:calc(10px * var(--text-scale, 1));margin-top:-5px}.weapons{grid-column:1/-1;border-top:1px solid var(--stroke-soft);padding-top:8px}.weapons summary{display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;font-size:calc(10px * var(--text-scale, 1));color:var(--accent);padding:3px 0}.weapons summary>span{display:flex;align-items:center;gap:7px}.weapons summary svg{width:14px;height:14px}.weapons summary small{font-size:calc(8px * var(--text-scale, 1));color:var(--muted)}.weapons summary:after{content:"+";font-size:calc(15px * var(--text-scale, 1))}.weapons[open] summary:after{content:"−"}.weapons-content{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;padding-top:12px}.missile-section,.navy-section{display:flex;flex-direction:column;gap:9px}.weapon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.weapon-btn{padding:8px 3px;display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--stroke);border-radius:8px;color:var(--text);background:#ffffff05;font:9px var(--font);cursor:pointer}.weapon-btn em{color:var(--gold);font-style:normal}.weapon-btn small{color:var(--muted);font-size:calc(8px * var(--text-scale, 1))}.weapon-btn:disabled{opacity:.4;cursor:not-allowed}.weapon-btn.active{color:var(--accent);border-color:var(--accent)}.navy-actions,.navy-orders{display:flex;flex-wrap:wrap;gap:5px}#warship-select{width:100%;min-width:0;padding:7px;color:var(--text);background:#122630;border:1px solid var(--stroke);border-radius:7px;font:10px var(--font)}.navy-orders .action-btn{flex:1}#control:has(.weapons[open]){max-height:calc(100% - 106px);overflow-y:auto}.weapons summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 9px;border:1px solid var(--stroke);border-radius:8px;font:10px var(--font);color:var(--text);background:#ffffff07;cursor:pointer}.action-btn svg{width:15px;height:15px}.action-btn:hover:not(:disabled),.ratio-presets button:hover,#lb-list button:hover{background:#79e3d012}.action-btn:disabled{opacity:.4;cursor:not-allowed}.panel.nation,.panel.structure{top:102px;right:12px;width:256px;z-index:15}.inspector-heading{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:calc(9px * var(--text-scale, 1));text-transform:uppercase;letter-spacing:.1em}.inspector-heading .icon-btn{width:24px;height:24px;background:none;border:0}.panel h3{margin:8px 0 14px;font-size:calc(18px * var(--text-scale, 1));letter-spacing:-.025em;color:var(--nation-color, var(--text));overflow-wrap:anywhere}.nation-metrics{display:grid;grid-template-columns:1fr 1.25fr .6fr;gap:6px;margin-bottom:14px}.nation-metrics div{display:flex;flex-direction:column;gap:6px}.nation-metrics span{font-size:calc(9px * var(--text-scale, 1));color:var(--muted)}.nation-metrics b{font-size:calc(11px * var(--text-scale, 1));font-variant-numeric:tabular-nums}.nation-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.level-track{display:flex;gap:5px;margin:10px 0}.level-track span{flex:1;padding:5px;text-align:center;border:1px solid var(--stroke);border-radius:5px;font-size:calc(10px * var(--text-scale, 1));color:var(--muted)}.level-track .filled{color:var(--accent);border-color:#79e3d04d;background:#79e3d012}#structure-upgrade{width:100%;margin-top:12px;color:var(--accent)}.panel.feed{left:12px;bottom:12px;width:230px;max-height:26vh}#event-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;overflow-y:auto;max-height:17vh;scrollbar-width:thin}#event-feed li{display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:start;gap:7px;font-size:calc(10px * var(--text-scale, 1));line-height:1.45;color:#bdcdd3}#event-feed svg{width:14px;height:14px}#event-feed time{color:var(--muted);font-size:calc(8px * var(--text-scale, 1))}#event-feed li.feed-empty{display:block;color:var(--muted)}.panel.map{display:flex;position:absolute;right:12px;bottom:12px;width:230px;padding:10px}#minimap{height:124px;border:1px solid var(--stroke-soft)}.panel.map>span{display:flex;align-items:center;gap:7px;font-size:calc(8px * var(--text-scale, 1))}.panel.map>span svg{width:12px;height:12px}.panel.map>span kbd{margin-left:auto;font-size:calc(8px * var(--text-scale, 1))}.help{display:none}.tooltip{transform:none;max-width:246px;font-size:calc(10px * var(--text-scale, 1))}.toast{top:100px;max-width:min(520px,calc(100% - 30px));font-size:calc(12px * var(--text-scale, 1));line-height:1.5;border-color:#79e3d04d;padding:11px 16px}.spawn-banner{top:102px;flex-wrap:wrap;justify-content:center;gap:8px 14px;width:max-content;max-width:calc(100% - 32px);text-align:center}.spawn-banner b{font-size:calc(13px * var(--text-scale, 1))}.spawn-banner span{font-size:calc(11px * var(--text-scale, 1))}.btn.primary{background:var(--accent);box-shadow:0 6px 22px #79e3d026}.btn.primary:hover:not(:disabled){background:#9beedc}.menu-title .mark{background:var(--accent);box-shadow:0 0 20px #79e3d044}@media (max-width: 1190px){.brand{font-size:calc(10px * var(--text-scale, 1))}.stat{padding:0 12px}.panel.left,.panel.feed,.panel.map{width:200px}.panel.right,body.panels-open .panel.right{width:calc(100% - 448px);grid-template-columns:minmax(140px,.85fr) minmax(210px,1.15fr);padding:13px;gap:10px}}@media (max-width: 980px){.brand,.badge{display:none}#topbar{gap:7px}.stats{margin-left:0;margin-right:auto}.panel.right,body.panels-open .panel.right{width:min(620px,calc(100% - 24px))}.panel.feed,.panel.map{display:none}.panel.left{max-height:calc(100% - 365px)}body.panels-open .panel.feed{display:block;bottom:262px}body.panels-open .panel.map{display:flex;bottom:262px}}@media (max-width: 760px){#topbar{top:8px;left:8px;right:8px;padding:8px 10px;height:67px}.map-name{position:absolute;top:70px;left:0;max-width:170px;background:var(--glass);padding:3px 6px;font-size:calc(8px * var(--text-scale, 1))}.stats{gap:0}.stat.resource{display:flex;padding:0 12px 0 0;border:0;margin-right:8px}.stat.resource>i{display:none}.stat b{font-size:calc(16px * var(--text-scale, 1))}.stat .k,.stat small{font-size:calc(8px * var(--text-scale, 1))}.stat.match-stat{display:none}#ping-stat:not([hidden]){display:flex;padding:0;border:0}#stat-ping{font-size:calc(10px * var(--text-scale, 1))}.stat:nth-child(n+4){display:none}.panel.left{display:none}body.panels-open .panel.left{display:flex;position:absolute;top:87px;left:8px;right:auto;bottom:auto;width:min(230px,calc(100% - 16px));max-height:calc(100% - 390px);z-index:18}.panel.right,body.panels-open .panel.right{left:50%;right:auto;bottom:8px;width:calc(100% - 16px);padding:12px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10px}.panel.nation,.panel.structure{top:87px;right:8px;width:min(250px,calc(100% - 16px))}.spawn-banner{top:87px;width:calc(100% - 16px);padding:10px}.spawn-banner span{flex-basis:100%;order:3}.toast{top:87px}body.panels-open .panel.feed{display:none}body.panels-open .panel.map{display:flex;width:170px;bottom:265px;right:8px}#btn-help{display:none}}@media (max-width: 520px){#topbar .stats{flex:1;min-width:0}.stat.resource{flex:1;min-width:0;padding-right:3px;margin-right:0}.stat .k{letter-spacing:0;overflow-wrap:anywhere}.stat small{overflow-wrap:anywhere}#topbar .icon-btn{flex-shrink:0}.stat small{font-size:calc(7px * var(--text-scale, 1))}.stat b{font-size:calc(15px * var(--text-scale, 1))}#topbar{gap:5px}.icon-btn{width:26px;height:28px}#ping-stat{position:absolute;top:71px;right:5px;padding:4px 7px!important;border-radius:6px;background:var(--glass)}#ping-stat .k{display:none}.panel.right,body.panels-open .panel.right{grid-template-columns:1fr;gap:9px}#attack-block{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:14px}.weapons-content{grid-template-columns:1fr}.weapons summary small{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#attack-block .row{grid-column:1}#attack-block input{grid-column:1;grid-row:2}.ratio-presets{grid-column:2;grid-row:1/3}.ratio-presets button{display:flex;flex-direction:column;padding:8px 2px;min-height:38px}.ratio-presets kbd{display:none}.preview{grid-column:1/-1;min-height:0}.build-btn{min-height:79px;padding:6px 3px;display:flex;flex-direction:column;text-align:center;gap:4px;font-size:calc(9px * var(--text-scale, 1))}.build-btn i{align-self:center}.build-btn i svg{width:20px;height:20px}.build-btn em,.build-btn small,.build-btn>span{grid-column:2}.build-btn small{font-size:calc(7px * var(--text-scale, 1))}.build-btn kbd,#build-hint{display:none}.selection{padding-top:7px;font-size:calc(9px * var(--text-scale, 1))}.operations{font-size:calc(9px * var(--text-scale, 1))}.nation-actions .action-btn{padding:8px}body.panels-open .panel.map{display:none}}@media (max-height: 560px){.panel.left{max-height:calc(100% - 120px)}.panel.feed,.panel.map{display:none!important}.panel.right,body.panels-open .panel.right{max-height:calc(100% - 98px);overflow-y:auto}.panel.nation,.panel.structure{max-height:calc(100% - 100px);overflow-y:auto}}@media (max-width: 380px){.build-btn{display:flex;flex-direction:column;min-height:80px;gap:4px;font-size:calc(9px * var(--text-scale, 1));text-align:center}.ratio-presets button{font-size:calc(9px * var(--text-scale, 1))}.stat.resource{padding-right:5px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}#lb-list .teamed{border-left:3px solid var(--team-color);padding-left:4px}#lb-list .team-start{margin-top:8px}.nation-social{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--stroke);padding-top:10px}#donation-controls{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7px;font-size:calc(10px * var(--text-scale, 1))}#donation-resource{min-width:0;background:#122630;border:1px solid var(--stroke);color:var(--text);border-radius:6px;padding:5px}.donation-presets,#donation-hint{grid-column:1/-1}.donation-presets{display:flex;gap:5px}.donation-presets button{flex:1}#quick-messages{display:grid;grid-template-columns:1fr 1fr;gap:5px}#quick-messages button{font-size:calc(9px * var(--text-scale, 1));padding:7px 3px}.panel.nation{max-height:calc(100% - 116px);overflow-y:auto}#reserve-held{color:var(--accent);font-size:calc(9px * var(--text-scale, 1))}.menu-card{max-height:calc(100dvh - 24px);overflow-y:auto}@media (min-width: 1200px){.build-btn{min-height:73px;padding-top:6px}}@media (max-width: 520px){.build-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.build-btn{font-size:calc(8px * var(--text-scale, 1));min-height:78px}.build-btn small{font-size:calc(6px * var(--text-scale, 1))}}@media (max-width: 520px){#reserve-held{grid-column:1/-1;margin:5px 0 0;font-size:calc(8px * var(--text-scale, 1))}}@media (max-width: 760px){#ui:has(.panel.nation:not([hidden]),.panel.structure:not([hidden])) .panel.left{display:none!important}.panel.nation,.panel.structure{z-index:20}}@media (max-width: 520px){.panel.nation,.panel.structure{width:calc(100% - 16px);max-height:calc(100dvh - 106px)}}.speed-badge{color:var(--accent);white-space:nowrap}.flow-dialog{width:min(410px,100%);max-width:calc(100vw - 32px);min-width:0}.flow-actions{display:flex;flex-direction:column;gap:10px}#local-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px}.speed-options{display:flex;gap:5px}.speed-options .btn{flex:1;min-width:0;padding:10px 6px}.speed-options [aria-pressed=true],#match-pause[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#79e3d015}.btn.danger{color:var(--danger);border-color:#ff6b813b}.summary-dialog{width:min(850px,100%);max-width:calc(100vw - 32px);min-width:0;max-height:calc(100dvh - 32px);overflow-y:auto}.summary-dialog h3{font-size:calc(30px * var(--text-scale, 1));margin-bottom:8px}.summary-dialog h4{font-size:calc(12px * var(--text-scale, 1));color:var(--accent);margin:18px 0 10px}.summary-dialog .go-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.summary-dialog .go-stats div{background:#ffffff04;padding:10px;border-radius:8px}.summary-dialog .go-stats span{font-size:calc(10px * var(--text-scale, 1))}.summary-dialog .go-stats b{font-size:calc(17px * var(--text-scale, 1))}#go-chart{width:100%;height:auto;background:#06171e;border:1px solid var(--stroke);border-radius:8px}#go-chart-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:calc(10px * var(--text-scale, 1));margin-top:8px}.summary-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:25px}#go-standings{padding:0;list-style:none;max-height:200px;overflow-y:auto}#go-standings li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:calc(11px * var(--text-scale, 1));border-bottom:1px solid var(--stroke-soft)}#go-standings b{white-space:nowrap;font-weight:500}#go-standings li{align-items:center}#go-standings span{flex:1;min-width:0;overflow-wrap:anywhere}#go-highlights{font-size:calc(11px * var(--text-scale, 1));line-height:1.65;color:var(--muted)}.summary-dialog .menu-actions{flex-wrap:wrap}#go-copy-text{width:100%;min-height:140px;background:#091b22;color:var(--text);font:11px var(--font)}#help .dialog{max-height:calc(100dvh - 24px);overflow-y:auto}@media (max-width: 760px){.speed-badge{display:inline-flex;font-size:calc(8px * var(--text-scale, 1));padding:4px}#btn-match-menu{width:26px}}.build-btn span,.weapon-btn span{overflow-wrap:anywhere}.high-contrast .menu-card.glass,.high-contrast .dialog.glass{background:#081321}@media (max-width: 520px){.menu-card,.dialog{padding:18px}.menu-title{font-size:calc(16px * var(--text-scale,1));letter-spacing:.04em}.menu-actions{flex-wrap:wrap}.field>span{letter-spacing:.04em}}@media (max-width: 520px){.summary-columns{grid-template-columns:1fr;gap:0}.summary-dialog .go-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}html,body{overscroll-behavior:none}.dialog,.menu-card,.summary-dialog,#help .dialog{max-height:calc(100vh - 32px)}@supports (height: 100dvh){html,body{height:100dvh}.dialog,.menu-card,.summary-dialog,#help .dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}#ui{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.overlay{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}@media (pointer: coarse){button,summary,select,.check{min-height:44px!important}.icon-btn{min-width:44px}input[type=text],input[type=number],textarea,select{font-size:16px}}@media (pointer: coarse) and (max-width: 520px){#topbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto}#topbar .stats{grid-column:1 / -1;width:100%}#topbar .icon-btn{width:100%;height:44px}#topbar .speed-badge{position:absolute;top:2px;right:2px}.match-clock,.map-name{top:136px}.spawn-banner,.victory-banner,.toast,.panel.nation,.panel.structure,body.panels-open .panel.left{top:160px}}.startup-error{z-index:100}button,select,input,summary{line-height:1.35}button{overflow-wrap:anywhere}button:disabled,select:disabled,input:disabled{cursor:not-allowed}select:disabled,input:disabled{opacity:.55}.field,.field input,.field select,.row,.nation-metrics>div{min-width:0}.field>span{gap:8px;flex-wrap:wrap}.field input,.field select{width:100%}.field input[type=text]:focus-visible,.field select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#go-copy-text{font-size:calc(11px * var(--text-scale,1))}.hint,.preview,.selection,#operation-status,.local-rank,#lobby-status,#menu-replay-status,#go-highlights,#replay-status{overflow-wrap:anywhere;line-height:1.5}.lobby-roster li{overflow-wrap:anywhere}.menu-actions .btn,.replay-actions .btn{min-width:0}.icon-btn{flex:none}.icon-btn:hover:disabled{transform:none;background:transparent}.ratio-presets button,.action-btn,#warship-select,#donation-controls,kbd,#lb-list li .rank{font-size:calc(10px * var(--text-scale,1))}.weapon-btn{font-size:calc(9px * var(--text-scale,1))}#lb-list li .name,#lb-leader{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nation-metrics b,.stat b,.summary-dialog .go-stats b{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.operations>span{min-width:0}.operations .action-btn{flex:none}.panel.structure{max-height:calc(100% - 116px);overflow-y:auto}#control,.panel.nation,.panel.structure,.dialog,.menu-card,.replay-controls{scrollbar-width:thin;overscroll-behavior:contain}#control:not(.spawning),body.panels-open #control:not(.spawning){max-height:calc(100% - 124px);overflow-y:auto}.weapons summary{flex-wrap:wrap}.weapons summary>span{min-width:0}.weapons summary small{overflow-wrap:anywhere}.weapon-btn span{text-align:center}#hud-notices{position:absolute;top:102px;left:50%;transform:translate(-50%);width:min(520px,calc(100% - 24px));display:flex;flex-direction:column;gap:8px;z-index:30;max-height:26vh;overflow-y:auto;scrollbar-width:thin}#hud-notices .spawn-banner,#hud-notices .victory-banner,#hud-notices .toast{position:static;transform:none;width:100%;max-width:100%;flex:none;overflow-wrap:anywhere}#hud-notices .toast{animation:rise .18s ease}.modal-open #hud-notices,.modal-open .tooltip{visibility:hidden}#match-clock:not([hidden]),#replay-badge:not([hidden]){display:inline-flex;letter-spacing:0}.keys{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.keys dt{white-space:normal;overflow-wrap:anywhere}.keys dd{min-width:0;overflow-wrap:anywhere}.tooltip{overflow-wrap:anywhere;max-height:min(40vh,240px);overflow:hidden}@media (max-width: 980px){#match-clock{top:78px;max-width:calc(100% - 180px)}#replay-badge{position:absolute;top:78px;left:0}.replay-mode .map-name{display:none}}@media (max-width: 760px){#hud-notices{top:106px}#control:not(.spawning),body.panels-open #control:not(.spawning){max-height:50vh}.panel.nation,.panel.structure{max-height:calc(100% - 116px)}}@media (max-width: 520px){#topbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;gap:6px}#topbar .stats{grid-column:1/-1;width:100%}#topbar .icon-btn{width:100%;min-height:32px}#topbar .speed-badge{position:absolute;top:2px;right:2px}#match-clock,.map-name,#replay-badge{top:112px}#match-clock{max-width:calc(100% - 90px)}#hud-notices{top:146px;max-height:22vh}.panel.nation,.panel.structure,body.panels-open .panel.left{top:146px;max-height:calc(100% - 158px)}.build-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.build-btn{min-height:62px;font-size:calc(10px * var(--text-scale,1))}.build-btn small{font-size:calc(8px * var(--text-scale,1))}.weapon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weapons summary small{max-width:100%;white-space:normal}.room-entry{flex-wrap:wrap}.room-entry .field{flex-basis:170px}.room-entry .btn{flex:1}.replay-actions .field{flex-basis:calc(50% - 8px)}.replay-actions .btn{flex:1 1 auto}.summary-dialog .go-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (pointer: coarse){.field input[type=text],.field select,#warship-select,#donation-resource{font-size:max(16px,calc(14px * var(--text-scale,1)))}}@media (pointer: coarse) and (max-width: 520px){#match-clock,.map-name,#replay-badge{top:136px}#hud-notices{top:170px}.panel.nation,.panel.structure,body.panels-open .panel.left{top:170px;max-height:calc(100% - 182px)}}#connection-banner{position:fixed;z-index:64;top:76px;left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 32px));box-sizing:border-box;padding:12px 16px;border:1px solid var(--stroke);border-radius:12px;background:var(--bg);color:var(--text);pointer-events:none}#connection-banner[hidden]{display:none}#connection-banner strong{font-size:calc(14px * var(--text-scale,1))}#connection-banner p{font-size:calc(12px * var(--text-scale,1));line-height:1.5;overflow-wrap:anywhere;margin:6px 0}.connection-banner-actions{display:flex;flex-wrap:wrap;gap:8px}#connection-banner button{pointer-events:auto}.network-recovering #game{filter:brightness(.88)}.network-recovering #hud-notices{top:var(--recovery-notices-top,220px)}#connection-overlay .dialog.glass{background:var(--bg)}#server-restart-banner{position:fixed;z-index:64;top:76px;left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 32px));box-sizing:border-box;padding:12px 16px;border:1px solid var(--gold);border-radius:12px;background:var(--bg);color:var(--text);pointer-events:none}#server-restart-banner[hidden]{display:none}#server-restart-banner strong{font-size:calc(14px * var(--text-scale,1))}#server-restart-banner p{font-size:calc(12px * var(--text-scale,1));line-height:1.5;overflow-wrap:anywhere;margin:6px 0 0}.server-restarting #connection-banner{top:var(--restart-after-warning-top,200px)}.server-restarting #hud-notices{top:var(--restart-notices-top,220px)}#gameover.interrupted .dialog.glass{background:var(--bg)}#gameover.interrupted #go-title{overflow-wrap:anywhere}.spectator-mode #control,.spectator-mode .stat.resource,.spectator-mode .nation-social,.spectator-mode #nation-alliance,.spectator-mode #nation-boat{display:none}#spectator-controls{position:fixed;z-index:25;bottom:16px;left:50%;transform:translate(-50%);width:min(620px,calc(100vw - 32px));box-sizing:border-box;padding:12px 16px;border-radius:12px;background:var(--bg);border:1px solid var(--stroke);pointer-events:auto}#spectator-controls[hidden]{display:none}#spectator-controls .spectator-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:end}#spectator-controls .field{min-width:0;flex:1 1 180px}#spectator-controls select{width:100%}#spectator-controls .hint{font-size:calc(11px * var(--text-scale,1));margin:6px 0}.spectator-mode .panel.left .num{font-size:calc(11px * var(--text-scale,1));max-width:120px;white-space:normal;text-align:right}.spectator-mode .nation-actions{justify-content:flex-start}#spectator-badge:not([hidden]){display:inline-flex;background:var(--bg)}@media (max-width:760px){#spectator-controls{bottom:8px;padding:10px;max-height:34vh;overflow:auto}.spectator-mode .panel.left{max-height:calc(100dvh - 290px)}.spectator-mode #event-feed{max-height:72px}}@media (max-width:980px){#spectator-badge:not([hidden]){position:absolute;top:70px;left:0}}@media (max-width:760px){.spectator-mode .panel.left,.spectator-mode.panels-open .panel.left{display:flex;position:absolute;top:146px;left:8px;right:auto;bottom:auto;width:min(290px,calc(100% - 16px));max-height:25vh;z-index:18}.spectator-mode.panels-open .panel.feed{bottom:calc(34vh + 20px)}}.map-picker-preview{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:10px;font-size:calc(11px * var(--text-scale,1));line-height:1.5;color:var(--muted, #9aadc4)}.map-picker-preview img{width:80px;height:48px;border-radius:6px;border:1px solid var(--stroke, #344257);image-rendering:auto}.map-picker-preview span{letter-spacing:normal;text-transform:none}.tut-offer{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px;margin-top:16px;border:1px solid #49758c;border-radius:12px;background:#132f42;color:#edf8ff}.tut-offer div{flex:1 1 210px}.tut-offer strong{font-size:calc(13px * var(--text-scale, 1))}.tut-offer p{margin:5px 0 0;font-size:calc(11px * var(--text-scale, 1));line-height:1.45;color:#aec6d6}.tut-start,.tut-dismiss{padding:10px 12px;border:1px solid #49758c;border-radius:9px;background:#193d54;color:#edf8ff;cursor:pointer;font:700 calc(12px * var(--text-scale,1)) Inter,system-ui,sans-serif;min-height:40px;max-width:100%;overflow-wrap:anywhere}.tut-dismiss{background:transparent}.tut-start:focus-visible,.tut-dismiss:focus-visible{outline:2px solid #a2dfff;outline-offset:3px}