:root{--bg: #0a0e14;--panel: #0f151e;--panel-2: #16202c;--line: #243140;--text: #dfe7ef;--muted: #8aa0b2;--amber: #f5b53d;--amber-dim: rgba(245, 181, 61, .28);--accent: #4ade80;--danger: #ff5a5a;--radius: 10px;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh}body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 180px #000000b3}.maplibregl-ctrl-attrib,.maplibregl-ctrl-logo{display:none!important}.card,#attack-panel,#drawer{position:relative;background:#0f151ee6;border:1px solid var(--amber-dim);box-shadow:inset 0 0 24px #f5b53d0d,0 12px 40px #0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card:before,.card:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--amber);pointer-events:none}.card:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.card:after{bottom:-1px;right:-1px;border-left:0;border-top:0}#hud{position:absolute;top:0;left:0;right:0;display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:calc(8px + var(--safe-t)) 10px 8px;background:linear-gradient(180deg,#080c12f5,#080c1200);border-bottom:1px solid var(--amber-dim);z-index:10;pointer-events:none}#hud .hud-group{display:flex;gap:5px;align-items:center;flex-wrap:nowrap;flex-shrink:0;pointer-events:auto}#hud .hud-stats{flex:1 1 auto;min-width:0;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}#hud .hud-stats::-webkit-scrollbar{display:none}.brand{font-weight:800;letter-spacing:.22em;color:var(--amber);text-shadow:0 0 12px rgba(245,181,61,.35)}.tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--text);background:#0f151ed9;border:1px solid var(--line);border-left:2px solid var(--amber);border-radius:3px;padding:4px 7px;white-space:nowrap}.stat-tag{border-left-color:var(--accent)}.objective-tag,.objective-row{border-left-color:var(--amber)}.danger-stat{border-left-color:var(--danger)}.clock-tag{border-left-color:var(--amber);font-variant-numeric:tabular-nums}button{font-family:var(--font-ui);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:#0a0e14;background:var(--amber);border:1px solid var(--amber);border-radius:6px;padding:11px 16px;cursor:pointer}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--amber-dim);padding:8px 12px;font-size:12px}.btn:hover{border-color:var(--amber)}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.danger-btn{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 42%,transparent)}#settings-btn{font-size:15px;line-height:1;padding-inline:10px}.settings-section{display:grid;gap:14px;width:100%}.settings-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 10px}.settings-row .chk{grid-column:1 / -1;justify-self:start}.settings-row input[type=range]{width:100%}.settings-row output{min-width:42px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.settings-heading{margin:6px 0 -4px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-weight:600}.settings-row-select{grid-template-columns:auto 1fr}.settings-row-select label{color:var(--text);font-size:14px;justify-self:start}.settings-select{width:100%;min-width:0;padding:9px 11px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;font-family:var(--font-ui);font-size:13px}.settings-select:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.settings-hint{margin:0;font-size:12px}.danger-action{background:var(--danger);border-color:var(--danger);color:#12080a}.x{background:transparent;color:var(--muted);border:0;padding:6px 10px;letter-spacing:0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:16px;background:#04070ba8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#manual-panel,#settings-panel{z-index:50}#loading{z-index:90}.loading-box{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text);font-family:var(--font-mono);letter-spacing:.08em}.spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(245,181,61,.22);border-top-color:var(--amber);animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.card{width:min(440px,100%);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:13px}.card h1{margin:0;font-size:26px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}.login-card{width:min(460px,100%);gap:16px;border-left:3px solid var(--amber);background:linear-gradient(135deg,rgba(245,181,61,.14),transparent 34%),linear-gradient(180deg,#121b27fa,#0b1018fa)}.login-mark{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:12px}.login-mark span{color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-align:right}.login-fields{display:grid;gap:12px}.auth-remember{display:flex;margin-top:2px}.auth-toggle{margin:0;text-align:center;font-size:13px;color:var(--muted)}.link-btn{min-width:0;padding:0 2px;background:transparent;border:0;color:var(--amber);font-weight:600;text-decoration:underline;cursor:pointer}.danger-card{border-color:#ff5a5a80;box-shadow:inset 0 0 28px #ff5a5a0d,0 14px 44px #00000094}.danger-card h1,.danger-card .eyebrow{color:var(--danger)}.muted{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.err{color:var(--danger);margin:0;font-size:13px;font-family:var(--font-mono)}label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}input[type=text],input[type=email],input[type=password],input:not([type]),select{font-family:var(--font-mono);font-size:15px;letter-spacing:0;text-transform:none;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:11px 12px}input:disabled{opacity:.5}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--amber) 50%),linear-gradient(135deg,var(--amber) 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 12px) 18px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}input:focus,select:focus{outline:none;border-color:var(--amber)}#attack-panel{position:absolute;top:calc(58px + var(--safe-t));right:12px;bottom:calc(18px + var(--safe-b));width:min(372px,calc(100vw - 24px));z-index:23;border-right:3px solid var(--amber);border-radius:6px;padding:13px 14px 15px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(270deg,rgba(245,181,61,.12),transparent 42%),#0f151ef0}#attack-panel.transfer{border-right-color:var(--accent);background:linear-gradient(270deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 42%),#0f151ef0}.attack-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:11px}.attack-head>div{min-width:0}#attack-title{display:block;color:var(--text);font-size:19px;line-height:1.12;letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere}#attack-route{display:block;margin-top:6px;font-family:var(--font-mono);font-size:11px;line-height:1.35;color:var(--muted)}.attack-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}#attack-panel .metric{min-height:70px}#attack-panel .metric strong{font-size:14px}#attack-loss-card{border-left-color:color-mix(in srgb,var(--danger) 70%,transparent)}#attack-losses{color:var(--danger)}#attack-survivor-card{border-left-color:color-mix(in srgb,var(--accent) 70%,transparent)}#attack-survivors{color:var(--accent)}.attack-section{margin-top:15px;border-top:1px solid var(--line);padding-top:12px}.attack-section h3{color:var(--amber);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}#attack-panel.transfer .attack-section h3{color:var(--accent)}.troop-readout{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f5b53d14;border:1px solid var(--amber-dim);border-left:3px solid var(--amber);border-radius:4px;padding:9px 11px}#attack-panel.transfer .troop-readout{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 34%,transparent);border-left-color:var(--accent)}.troop-readout span{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.troop-readout output{font-family:var(--font-mono);font-size:30px;line-height:1;color:var(--amber);font-weight:900;overflow-wrap:anywhere}#attack-panel.transfer .troop-readout output{color:var(--accent)}.attack-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.attack-quick .btn{min-height:36px;padding:7px 6px;font-size:11px}.source-list{display:grid;gap:7px}.source-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:48px;background:#16202cb8;border:1px solid var(--line);border-left:2px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:4px;padding:8px 9px}.source-row.primary{border-left-color:var(--amber)}.source-row.selected{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 34%,transparent)}.source-row strong{display:block;font-size:13px;line-height:1.15;overflow-wrap:anywhere}.source-row span{display:block;margin-top:3px;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.source-row button{min-height:30px;padding:5px 8px;font-size:10px}.attack-submit{width:100%;min-height:44px;margin-top:15px}#attack-panel.bulk #attack-special-section,#attack-panel.bulk #attack-loss-card,#attack-panel.bulk #attack-survivor-card{display:none}.special-list,.special-build{display:grid;gap:7px}.special-row,.special-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:46px;background:#16202cb8;border:1px solid var(--line);border-left:2px solid var(--amber-dim);border-radius:4px;padding:8px 9px}.special-row strong,.special-card strong{display:block;font-size:13px;line-height:1.15}.special-unit-label{min-width:0;display:flex;align-items:center;gap:8px}.special-unit-label>span{min-width:0;display:block}.special-unit-label small{display:block;margin-top:3px;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.special-row.selected{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 34%,transparent)}.special-controls{display:grid;grid-template-columns:30px 38px 30px;gap:4px;align-items:center}.special-controls button,.special-card button{min-height:30px;padding:5px 7px;font-size:11px;letter-spacing:0}.special-controls output{min-width:34px;text-align:center;font-family:var(--font-mono);font-size:14px;font-weight:800;color:var(--amber)}.special-card.nuclear{border-left-color:var(--danger)}.special-card.missile{border-left-color:#f5b53dcc}.special-card.air{border-left-color:#4fc3f7cc}.special-token-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px}.special-token{min-width:0;display:flex;gap:6px;align-items:center;padding:5px 6px;background:#16202cc7;border:1px solid var(--line);border-left:2px solid var(--amber-dim);border-radius:4px}.special-token.nuclear{border-left-color:var(--danger)}.special-token.missile{border-left-color:#f5b53dd1}.special-token.air{border-left-color:#7dd3fce0}.special-token>span:last-child{min-width:0}.special-token strong,.special-token small,.special-power-note{display:block;font-family:var(--font-mono)}.special-token strong{color:var(--text);font-size:10px}.special-token small{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.special-power-note{margin-top:7px;color:var(--muted);font-size:11px}.drawer-special .special-token-list{grid-template-columns:repeat(2,minmax(74px,1fr));gap:4px;margin-top:4px}.drawer-special .special-token{padding:4px}.troops-label{color:var(--text);font-size:11px}.troops-label output{font-family:var(--font-mono);font-size:18px;color:var(--amber);font-weight:800}input[type=range]{width:100%;accent-color:var(--amber);margin-top:10px}#city-panel{position:absolute;top:calc(58px + var(--safe-t));bottom:calc(18px + var(--safe-b));left:12px;width:min(342px,calc(100vw - 24px));z-index:24;padding:13px 14px 15px;overflow-y:auto;background:linear-gradient(90deg,rgba(245,181,61,.08),transparent 36%),#0f151eeb;border:1px solid var(--amber-dim);border-left:3px solid var(--amber);border-radius:6px;box-shadow:inset 0 0 24px #f5b53d0a,0 14px 44px #00000094;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.city-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:11px}.city-head>div{min-width:0}.eyebrow{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:5px}#city-name{display:block;color:var(--text);font-size:20px;line-height:1.12;letter-spacing:0;overflow-wrap:anywhere}#city-code{display:block;margin-top:5px;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.city-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.metric{min-height:62px;background:#16202cc7;border:1px solid var(--line);border-left:2px solid var(--amber-dim);border-radius:4px;padding:9px 10px}.metric span{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.metric strong{display:block;margin-top:7px;color:var(--text);font-size:15px;line-height:1.15;overflow-wrap:anywhere}.city-section{margin-top:15px;border-top:1px solid var(--line);padding-top:12px}.city-section h3{color:var(--amber);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}.city-pop,.city-min{display:block;font-family:var(--font-mono);font-size:25px;line-height:1.1;color:var(--amber)}.city-min{color:var(--text)}#city-march{width:100%;margin-top:15px}@media(max-width:700px){#hud{gap:6px;align-items:flex-start;flex-wrap:wrap;padding-right:8px;padding-left:8px}#hud .hud-group{gap:5px;flex-wrap:wrap}#hud .hud-stats{order:4;flex-basis:100%;justify-content:flex-start}#hud .hud-group:last-child{justify-content:flex-end;flex-wrap:wrap}#hud button,#hud .tag{padding:6px 7px;font-size:10px}#city-panel{top:calc(84px + var(--safe-t));bottom:auto;max-height:50dvh}.city-metrics{grid-template-columns:1fr 1fr}#attack-panel{top:calc(84px + var(--safe-t));bottom:calc(12px + var(--safe-b));width:min(332px,calc(100vw - 18px));right:9px}}#drawer{position:absolute;top:0;right:0;bottom:0;width:min(360px,88vw);z-index:25;border-left:1px solid var(--amber-dim);padding:calc(12px + var(--safe-t)) 14px calc(14px + var(--safe-b));overflow-y:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;letter-spacing:.1em;text-transform:uppercase}#drawer h3{color:var(--amber);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:20px 0 8px}#drawer h3:before{content:"▸ ";color:var(--amber)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.list li{background:var(--panel-2);border:1px solid var(--line);border-left:2px solid var(--amber-dim);border-radius:4px;padding:9px 11px;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:8px}.list li strong{font-family:var(--font-mono);color:var(--amber)}.list li small{display:inline-block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.25}.list .swatch{width:11px;height:11px;border-radius:2px;display:inline-block;margin-right:8px;vertical-align:-1px}.list .cancel{background:transparent;color:var(--danger);border:1px solid var(--line);padding:4px 8px;font-size:11px}.toast{position:absolute;left:50%;bottom:calc(22px + var(--safe-b));transform:translate(-50%);z-index:40;font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--amber);color:var(--text);padding:10px 16px;border-radius:4px;max-width:90vw;text-align:left}.toast.ok{border-left-color:var(--accent)}.toast.bad{border-left-color:var(--danger)}.report{display:flex;flex-direction:column;gap:10px}.report .row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.report .row .big{font-family:var(--font-mono);font-size:19px;font-weight:800;letter-spacing:0;text-transform:none;color:var(--text)}.report .delta-up{color:var(--accent)}.report .delta-down{color:var(--danger)}.report .spark{width:100%;height:48px}.report .spark polyline{fill:none;stroke:var(--amber);stroke-width:2;vector-effect:non-scaling-stroke}.mil-symbol{--ms-fill: var(--accent, #8fd5ff);--ms-stroke: #05070a;--ms-glow: var(--accent-glow, rgba(143, 213, 255, .36));--ms-w: 42px;--ms-h: 26px;position:relative;width:52px;height:42px;display:inline-block;flex:0 0 auto;color:#05070a;vertical-align:middle;pointer-events:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.48))}.mil-symbol.hostile{--ms-fill: var(--danger, #ff7d83);--ms-glow: var(--danger-glow, rgba(255, 90, 90, .42))}.mil-symbol.neutral{--ms-fill: var(--neutral, #f5d16d);--ms-glow: var(--neutral-glow, rgba(245, 209, 109, .36))}.mil-symbol.compact{--ms-w: 34px;--ms-h: 22px;width:42px;height:36px}.mil-symbol.mini{--ms-w: 23px;--ms-h: 15px;width:30px;height:26px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}.mil-symbol .ms-frame{position:absolute;left:50%;top:46%;width:var(--ms-w);height:var(--ms-h);display:block;background:var(--ms-fill);border:2px solid var(--ms-stroke);box-shadow:inset 0 0 0 1px #fff3,0 0 10px var(--ms-glow);transform:translate(-50%,-50%)}.mil-symbol.hostile .ms-frame{width:calc(var(--ms-h) + 5px);height:calc(var(--ms-h) + 5px);transform:translate(-50%,-50%) rotate(45deg)}.mil-symbol .ms-icon,.mil-symbol .ms-icon:before,.mil-symbol .ms-icon:after{position:absolute;display:block;content:""}.mil-symbol .ms-icon{left:50%;top:43%;width:calc(var(--ms-w) * .62);height:calc(var(--ms-h) * .5);transform:translate(-50%,-50%)}.mil-symbol.hostile .ms-icon{transform:translate(-50%,-50%) rotate(-45deg)}.mil-symbol.infantry .ms-icon:before,.mil-symbol.infantry .ms-icon:after{left:50%;top:50%;width:calc(var(--ms-w) * .72);height:2px;background:#05070ad6;transform-origin:center}.mil-symbol.infantry .ms-icon:before{transform:translate(-50%,-50%) rotate(28deg)}.mil-symbol.infantry .ms-icon:after{transform:translate(-50%,-50%) rotate(-28deg)}.mil-symbol.armor .ms-icon{width:calc(var(--ms-w) * .6);height:calc(var(--ms-h) * .42);border:2px solid rgba(5,7,10,.86);border-radius:999px}.mil-symbol.mortar .ms-icon{width:calc(var(--ms-w) * .62);height:calc(var(--ms-h) * .6)}.mil-symbol.mortar .ms-icon:before{left:50%;bottom:1px;width:calc(var(--ms-w) * .34);height:2px;background:#05070ae0;transform:translate(-50%) rotate(-28deg)}.mil-symbol.mortar .ms-icon:after{left:50%;bottom:-1px;width:7px;height:7px;background:#05070ae6;border-radius:50%;transform:translate(-50%)}.mil-symbol.aviation .ms-icon:before,.mil-symbol.aviation .ms-icon:after{top:50%;width:50%;height:72%;border:2px solid rgba(5,7,10,.88)}.mil-symbol.aviation .ms-icon:before{right:50%;border-right:0;clip-path:polygon(0 50%,100% 0,100% 100%);transform:translateY(-50%)}.mil-symbol.aviation .ms-icon:after{left:50%;border-left:0;clip-path:polygon(0 0,100% 50%,0 100%);transform:translateY(-50%)}.mil-symbol.missile .ms-icon:before,.mil-symbol.missile .ms-icon:after{left:50%;width:calc(var(--ms-w) * .32);height:calc(var(--ms-h) * .32);border-top:2px solid rgba(5,7,10,.88);border-left:2px solid rgba(5,7,10,.88);transform:translate(-50%) rotate(45deg)}.mil-symbol.missile .ms-icon:before{top:0}.mil-symbol.missile .ms-icon:after{top:6px}.mil-symbol.nuclear .ms-icon{width:calc(var(--ms-h) * .72);height:calc(var(--ms-h) * .72);border:2px solid rgba(5,7,10,.88);border-radius:50%}.mil-symbol.nuclear .ms-icon:before,.mil-symbol.nuclear .ms-icon:after{left:50%;top:50%;width:2px;height:105%;background:#05070ae0;transform-origin:center}.mil-symbol.nuclear .ms-icon:before{transform:translate(-50%,-50%) rotate(60deg)}.mil-symbol.nuclear .ms-icon:after{transform:translate(-50%,-50%) rotate(-60deg)}.mil-symbol.airdefense .ms-icon:before{left:50%;top:50%;width:62%;height:72%;transform:translate(-50%,-50%);background:#05070ae0;clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%)}.mil-symbol .ms-mod{position:absolute;left:50%;bottom:-9px;min-width:18px;height:9px;display:grid;place-items:center;padding:0 2px;font:900 6.5px/1 var(--font-mono);font-style:normal;letter-spacing:0;color:#05070a;background:#e8edf2eb;border:1px solid rgba(5,7,10,.78);transform:translate(-50%)}.mil-symbol.hostile .ms-mod{bottom:-12px;transform:translate(-50%) rotate(-45deg)}.mil-symbol.mini .ms-mod{display:none}.mil-symbol .ms-count{position:absolute;left:50%;bottom:-2px;min-width:18px;height:13px;display:grid;place-items:center;padding:0 4px;font:900 8px/1 var(--font-mono);color:var(--text);background:#05070aeb;border:1px solid var(--ms-fill);border-radius:2px;transform:translate(-50%)}.mil-symbol.compact .ms-count{bottom:-5px}.mil-symbol.mini .ms-count{left:auto;right:-2px;bottom:-1px;min-width:13px;height:11px;padding:0 2px;font-size:7px;transform:none}.hide-markers .troop-marker,.hide-markers .column-marker,.hide-markers .weapon-marker,.hide-markers .attack-arrow,.hide-markers .attack-halo,.hide-markers .airport-badge{display:none!important}.airport-badge{width:18px;height:18px;display:grid;place-items:center;background:#05070ad1;border:1px solid rgba(125,211,252,.7);border-radius:4px;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))}.airport-badge svg{display:block}.troop-marker.tactical-unit{position:relative;width:0;height:0;display:block;pointer-events:none}.troop-marker .unit-owner{position:absolute;left:0;top:-33px;transform:translate(-50%);min-width:24px;height:10px;display:grid;place-items:center;padding:0 3px;font:900 7px/1 var(--font-mono);letter-spacing:.04em;color:#05070a;background:#e8edf2e6;border:1px solid rgba(5,7,10,.82);border-radius:1px}.troop-marker .unit-primary{position:absolute;left:0;top:0;transform:translate(-50%,-50%)}.troop-marker .unit-count{position:absolute;left:0;top:22px;transform:translate(-50%);min-width:24px;height:13px;display:grid;place-items:center;padding:0 4px;font:900 8px/1 var(--font-mono);color:var(--text);background:#05070aeb;border:1px solid var(--accent, #8fd5ff);border-radius:2px}.troop-marker.hostile .unit-count{border-color:var(--danger, #ff7d83)}.troop-marker.capital .unit-primary .ms-frame{outline:2px solid var(--amber);outline-offset:2px}.unit-special-stack{position:absolute;left:0;top:39px;display:flex;justify-content:center;gap:2px;min-width:34px;padding:2px 3px;background:#05070ab8;border:1px solid rgba(232,237,242,.16);border-radius:3px;transform:translate(-50%)}.column-marker,.weapon-marker{--bearing: 0rad;position:relative;width:0;height:0;pointer-events:none}.column-marker .column-symbol,.weapon-marker .weapon-symbol{position:absolute;left:0;top:0;transform:translate(-50%,-50%)}.column-marker.transfer .mil-symbol{--ms-fill: var(--accent, #6ee7a8);--ms-glow: var(--accent-glow, rgba(74, 222, 128, .38))}.column-marker.siege .mil-symbol{--ms-fill: var(--danger, #ff7d83);--ms-glow: var(--danger-glow, rgba(255, 90, 90, .44));animation:siege-blink .7s steps(2,end) infinite}.weapon-marker:after{content:"";position:absolute;left:8px;top:-1px;width:18px;height:0;border-top:2px solid rgba(232,237,242,.72);transform:rotate(var(--bearing));transform-origin:left center;opacity:.78}.weapon-marker.mortar:after{width:24px;border-top-style:dashed;border-top-color:#f5b53dd1}.weapon-marker.plane:after{width:34px;border-top-color:#7dd3fcb8;filter:blur(.4px)}.weapon-marker.missile:after,.weapon-marker.nuclear:after{width:40px;border-top-color:#ff8a3dd1;box-shadow:0 0 10px #ff8a3d85;animation:weapon-strobe .28s ease-in-out infinite alternate}.weapon-marker.nuclear .mil-symbol{--ms-fill: #ff9fbc;--ms-glow: rgba(255, 90, 138, .72)}@keyframes siege-blink{50%{opacity:.45}}@keyframes weapon-strobe{to{opacity:.38}}.attack-halo{width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:2px solid rgba(255,140,26,.9);box-shadow:0 0 12px #ff8c1a80;pointer-events:none;animation:attack-halo-pulse 1.5s ease-out infinite}.attack-halo--siege{border-color:#ff4d4df2;box-shadow:0 0 14px #ff4d4d99;animation-duration:.9s}@keyframes attack-halo-pulse{0%{transform:scale(.55);opacity:.95}70%{opacity:.28}to{transform:scale(1.5);opacity:0}}.attack-arrow{--bearing: 0rad;position:relative;width:0;height:0;pointer-events:none;filter:drop-shadow(0 0 3px rgba(0,0,0,.65))}.attack-arrow__chevron{position:absolute;left:0;top:0;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:15px solid #ff8c1a;transform:translate(-50%,-50%) rotate(var(--bearing));transform-origin:center;animation:attack-arrow-throb 1s ease-in-out infinite}.attack-arrow--siege .attack-arrow__chevron{border-left-color:#ff4d4d}.attack-arrow__count{position:absolute;left:0;top:0;transform:translate(-50%,-230%);padding:1px 6px;border-radius:999px;background:#140c04d9;border:1px solid rgba(255,140,26,.7);color:#ffd9a8;font:700 10px/1.2 system-ui,sans-serif;white-space:nowrap}.attack-arrow--siege .attack-arrow__count{border-color:#ff4d4dbf;color:#ffd0d0}@keyframes attack-arrow-throb{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.attack-halo,.attack-arrow__chevron{animation:none}}@keyframes fx-quake{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,2px)}80%{transform:translate(2px,1px)}}@keyframes fx-quake-strong{0%,to{transform:translate(0) scale(1)}15%{transform:translate(-5px,3px) scale(1.012)}35%{transform:translate(5px,-4px) scale(1.012)}55%{transform:translate(-4px,5px) scale(1.008)}75%{transform:translate(4px,2px) scale(1.006)}90%{transform:translate(-3px,-3px) scale(1.004)}}#map.fx-quake{animation:fx-quake .4s ease-in-out}#map.fx-quake-strong{animation:fx-quake-strong .6s ease-in-out}@media(prefers-reduced-motion:reduce){#map.fx-quake,#map.fx-quake-strong{animation:none}}.mortar-launcher{width:30px;height:30px;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.mortar-launcher .ml-icon{display:block}.mortar-launcher .ml-icon.firing{animation:mortar-recoil .32s ease-out}@keyframes mortar-recoil{0%{transform:translateY(0) scale(1)}28%{transform:translateY(4px) scale(.92)}to{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.mortar-launcher .ml-icon.firing{animation:none}}.plane-raider{width:28px;height:28px;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}.plane-raider .pr-icon{display:block}.weapon-marker.tank:after{content:none}.weapon-marker .drawn-tank{position:absolute;left:0;top:0;transform:translate(-50%,-50%) rotate(var(--bearing));transform-origin:center;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}.missile-round,.warhead-round{width:24px;height:26px;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}.warhead-round{width:28px;height:30px}.msl-flame{transform-origin:16px 24px;animation:msl-burn .14s ease-in-out infinite alternate}@keyframes msl-burn{0%{transform:scaleY(.7);opacity:.75}to{transform:scaleY(1.25);opacity:1}}.silo-hatch{width:40px;height:40px;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.silo-hatch .hd-l,.silo-hatch .hd-r{transition:transform .45s cubic-bezier(.4,0,.2,1);transform-origin:20px 20px}.silo-hatch.open .hd-l{transform:rotate(-78deg)}.silo-hatch.open .hd-r{transform:rotate(78deg)}@media(prefers-reduced-motion:reduce){.msl-flame{animation:none}.silo-hatch .hd-l,.silo-hatch .hd-r{transition:none}}.nuke-alert{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .25s ease;background:radial-gradient(ellipse at center,#b4000047,#3200008c)}.nuke-alert.show{opacity:1;animation:nuke-flash .85s steps(2,end) 3}@keyframes nuke-flash{50%{background:radial-gradient(ellipse at center,#ff2d2d80,#5a0000b8)}}.nuke-alert .na-inner{text-align:center;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.85);padding:22px 30px;border:2px solid rgba(255,90,90,.85);border-radius:14px;background:#18020299;box-shadow:0 0 40px #ff282866}.nuke-alert .na-icon{font-size:64px;line-height:1;animation:nuke-pulse .7s ease-in-out infinite alternate}@keyframes nuke-pulse{0%{transform:scale(.92);filter:drop-shadow(0 0 6px rgba(255,200,60,.6))}to{transform:scale(1.08);filter:drop-shadow(0 0 18px rgba(255,120,40,.9))}}.nuke-alert .na-title{margin-top:10px;font-family:var(--font-mono);font-weight:800;font-size:clamp(18px,4vw,34px);letter-spacing:2px;color:#ffd24d}.nuke-alert .na-sub{margin-top:10px;font-size:clamp(14px,2.6vw,20px)}.nuke-alert .na-eta{margin-top:4px;color:#ffb0b0;font-family:var(--font-mono)}@media(prefers-reduced-motion:reduce){.nuke-alert.show,.nuke-alert .na-icon{animation:none}}#replay-link{position:absolute;bottom:calc(6px + var(--safe-b));left:12px;z-index:10;color:var(--muted);font-family:var(--font-mono);font-size:11px;text-decoration:none;background:#0f151eb3;border:1px solid var(--line);padding:3px 8px;border-radius:3px}.soldier{width:7px;height:7px;border-radius:1px;background:var(--amber);box-shadow:0 0 6px #f5b53db3;pointer-events:none;transform:rotate(45deg)}.soldier.transfer{background:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 70%,transparent)}.chk{flex-direction:row;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:13px;color:var(--text)}.chk input{accent-color:var(--amber);width:16px;height:16px}@media(max-width:760px){body:after{box-shadow:inset 0 0 90px #00000094}#hud{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity clock" "stats stats" "actions actions";align-items:center;gap:6px;padding:calc(7px + var(--safe-t)) 8px 8px;background:linear-gradient(180deg,rgba(8,12,18,.98) 0%,rgba(8,12,18,.9) 72%,transparent),#080c12d1}#hud .hud-group{min-width:0;gap:5px;flex-wrap:nowrap}#hud .hud-group:nth-child(1){grid-area:identity}#hud .hud-group:nth-child(2){grid-area:clock;justify-content:flex-end}#hud .hud-stats{grid-area:stats;width:100%;justify-content:flex-start;flex-wrap:wrap}#hud .hud-group:last-child{grid-area:actions;width:100%;justify-content:flex-start;flex-wrap:wrap}.brand{font-size:15px;letter-spacing:.18em}#hud button,#hud .tag{flex:0 0 auto;min-height:30px;padding:6px 8px;font-size:10px;letter-spacing:0;border-radius:4px}#timescale{display:none}#btn-report,#btn-board,#btn-advance,#btn-leave-match{min-width:max-content}#city-panel,#attack-panel{top:auto;left:8px;right:8px;bottom:calc(10px + var(--safe-b));width:auto;max-height:min(56dvh,440px);padding:12px;border-radius:8px 8px 6px 6px;overflow-y:auto;overscroll-behavior:contain}#city-panel{z-index:24;border:1px solid var(--amber-dim);border-top:3px solid var(--amber);background:linear-gradient(180deg,rgba(245,181,61,.12),transparent 34%),#0f151ef5}#attack-panel{z-index:26;max-height:min(68dvh,580px);border:1px solid var(--amber-dim);border-top:3px solid var(--amber);background:linear-gradient(180deg,rgba(245,181,61,.14),transparent 38%),#0f151ef7}#attack-panel.transfer{border-top-color:var(--accent);border-right-color:color-mix(in srgb,var(--accent) 34%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 38%),#0f151ef7}.city-head,.attack-head{gap:10px;padding-bottom:9px}#city-name,#attack-title{font-size:18px;line-height:1.08}#city-code,#attack-route{font-size:10px}.city-metrics,.attack-metrics{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.metric,#attack-panel .metric{min-height:54px;padding:8px 9px}.metric span{font-size:9px;letter-spacing:.04em}.metric strong,#attack-panel .metric strong{margin-top:5px;font-size:14px}.city-section,.attack-section{margin-top:12px;padding-top:10px}.city-section h3,.attack-section h3{margin-bottom:7px;font-size:10px;letter-spacing:.08em}.city-pop,.city-min{font-size:23px}.muted{font-size:12px;line-height:1.42}.troop-readout{min-height:48px;padding:8px 10px}.troop-readout output{font-size:28px}.attack-quick{gap:6px}.attack-quick .btn{min-height:38px;font-size:10px;letter-spacing:0}.attack-submit,#city-march{min-height:44px}#drawer{left:0;right:0;width:auto;padding:calc(12px + var(--safe-t)) 12px calc(18px + var(--safe-b));border-left:0;border-top:3px solid var(--amber);background:#0f151ef7}.drawer-head{position:sticky;top:calc(-12px - var(--safe-t));z-index:1;margin:calc(-12px - var(--safe-t)) -12px 0;padding:calc(12px + var(--safe-t)) 12px 10px;background:#0f151efa;border-bottom:1px solid var(--line)}.list li{align-items:flex-start;font-size:13px}.toast{left:8px;right:8px;bottom:calc(12px + var(--safe-b));transform:none;max-width:none;font-size:12px}#replay-link{display:none}}[hidden]{display:none!important}.manual-card{width:min(640px,100%);max-height:86vh;border-left:3px solid var(--amber);background:linear-gradient(180deg,#121b27fa,#0b1018fa)}.manual-tabs{display:flex;flex-wrap:wrap;gap:6px}.manual-tab,.stats-tab{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:6px 11px;color:var(--text);background:#0f151ed9;border:1px solid var(--line);border-radius:3px;cursor:pointer}.manual-tab.active,.stats-tab.active{border-color:var(--amber);color:var(--amber);border-left-width:2px}.manual-body{overflow-y:auto;padding-right:6px;line-height:1.5;font-size:14px}.manual-body h2{margin:14px 0 5px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--amber)}.manual-body h2:first-child{margin-top:0}.manual-body p{margin:5px 0}.manual-body code{font-family:var(--font-mono);background:#0f151ee6;padding:1px 5px;border-radius:3px}.manual-list{margin:5px 0;padding-left:18px}.manual-list li{margin:3px 0}.manual-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:13px}.manual-table th,.manual-table td{text-align:left;padding:5px 8px;border-bottom:1px solid var(--line)}.manual-table th{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.manual-table td:nth-child(2),.manual-table td:nth-child(3){font-variant-numeric:tabular-nums}.hub-card{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:9px 11px;border:1px solid var(--line);border-left:2px solid var(--amber);border-radius:4px;background:var(--panel-2)}.hub-card .hub-name{font-weight:700;color:var(--text)}.hub-card .hub-rating{font-family:var(--font-mono);color:var(--amber);font-size:13px}.hub-card .hub-wl{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--muted)}.stats-card{width:min(560px,100%);max-height:86vh;border-left:3px solid var(--amber);background:linear-gradient(180deg,#121b27fa,#0b1018fa)}.stats-body{overflow-y:auto;padding-right:6px}.stats-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-bottom:10px}.stats-head .stats-name{font-size:18px;font-weight:700}.stats-rating{display:flex;align-items:baseline;gap:6px}.stats-rating b{font-family:var(--font-mono);font-size:22px;color:var(--amber)}.stats-rating small,.stats-sub{color:var(--muted)}.stats-sub{margin:14px 0 7px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-cell{display:flex;flex-direction:column;gap:2px;padding:10px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2)}.stat-cell span{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--text)}.stat-cell small{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.rep-badge{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;padding:2px 7px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.rep-badge.conquest{color:var(--amber);border-color:var(--amber-dim);background:#f5b53d1a}.rep-badge.karma{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent)}.hub-card .rep-badge{margin-left:4px}.stats-titles{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 8px}.rank-row{cursor:pointer}.rank-row .rank-pos{font-family:var(--font-mono);color:var(--amber);margin-right:6px}.stats-body .list .win{color:var(--accent)}@media(max-width:700px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.hud-hamburger{display:none;pointer-events:auto;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;font-size:18px;line-height:1;padding:4px 10px;min-height:34px;cursor:pointer}.hud-hamburger:active{background:var(--line)}.hud-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#04070b8c;pointer-events:auto}.hud-sheet[hidden]{display:none}.hud-sheet-panel{position:absolute;top:0;right:0;bottom:0;width:min(340px,90vw);background:var(--panel);border-left:1px solid var(--line);box-shadow:-12px 0 40px #00000080;display:flex;flex-direction:column;gap:4px;padding:calc(10px + var(--safe-t)) 12px calc(14px + var(--safe-b));overflow-y:auto}.hud-sheet .sheet-head{display:flex;align-items:center;gap:8px;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--line)}.hud-sheet .sheet-head strong{font-size:15px;letter-spacing:.14em}.hud-sheet .sheet-head #m-status{margin-left:auto}.hud-sheet .sheet-sec{margin:10px 0 2px}.hud-sheet .sheet-sec h4{margin:0 0 6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}.hud-sheet .sheet-rows{display:flex;flex-direction:column;gap:5px}.hud-sheet .sheet-row{padding:10px 12px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);font-size:13.5px;color:var(--text)}.hud-sheet .sheet-row[hidden]{display:none}.hud-sheet .sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hud-sheet .sheet-actions .btn{width:100%;min-height:42px;font-size:13px}.hud-sheet .sheet-actions .danger-btn{grid-column:1 / -1}@media(max-width:900px){#hud{display:flex;grid-template-areas:none;flex-wrap:nowrap;align-items:center;gap:8px;padding:calc(7px + var(--safe-t)) 10px 8px}.hud-hamburger{display:inline-flex;align-items:center;justify-content:center}#hud .brand,#hud #status,#hud #tick,#hud #timescale,#hud #mine,#hud .hud-stats,#hud .hud-group:nth-child(4){display:none}#hud .hud-group{flex:0 0 auto;min-width:0}#hud .hud-group:nth-child(2){flex:1 1 auto;justify-content:flex-end}#hud #world-clock{flex:0 1 auto;white-space:nowrap}}.bulk-bar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(14px + var(--safe-b));z-index:35;display:flex;align-items:center;gap:10px;padding:7px 8px 7px 15px;background:var(--panel);border:1px solid var(--line);border-radius:999px;box-shadow:0 8px 30px #00000080;pointer-events:auto;max-width:calc(100vw - 24px)}.bulk-bar[hidden]{display:none}.bulk-bar #bulk-bar-count{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}.bulk-bar .btn{min-height:36px}@media(max-width:900px){#city-panel{display:none}#attack-panel{position:absolute;left:8px;right:8px;top:auto;bottom:calc(8px + var(--safe-b));width:auto;max-width:none;max-height:54vh;overflow-y:auto}#attack-panel #attack-route,#attack-panel .attack-metrics .metric:nth-child(1),#attack-panel .attack-metrics .metric:nth-child(2),#attack-panel #attack-loss-card,#attack-panel #attack-survivor-card,#attack-panel #troops-min,#attack-panel>section:last-of-type{display:none}#attack-panel .attack-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}#attack-panel #attack-special-section{display:none}#attack-panel #attack-special-section.has-fire{display:block}#attack-panel #attack-special-section.has-fire>h3,#attack-panel #attack-special-section.has-fire #attack-special-power,#attack-panel #attack-special-section.has-fire .special-row:not(.fire){display:none}.toast{top:calc(60px + var(--safe-t));bottom:auto;left:8px;right:8px;transform:none;max-width:none;font-size:12px;pointer-events:none}}