:root{--panel: rgba(18, 22, 20, .82);--ink: #eef1ea;--muted: #a4ad9f;--accent: #b8f04a;--danger: #ff5a4a}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#14181a;overflow:hidden;overscroll-behavior:none}body{font:14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}#map{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;display:block;cursor:grab}#map.drag{cursor:grabbing}:root{--ctrl-w: 88px}.hud{position:fixed;left:10px;right:calc(10px + var(--ctrl-w));top:calc(10px + env(safe-area-inset-top,0px));display:flex;gap:8px;align-items:flex-start;pointer-events:none}.card{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:10px 12px;pointer-events:auto}.info{flex:0 1 auto;min-width:0;max-width:520px}.info{padding:7px 10px}.info h1{margin:0;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}#status{color:var(--muted);font-size:12px}#status:empty{display:none}#status.err{color:var(--danger)}.chips{margin-top:4px;display:none;flex-wrap:wrap;gap:4px 10px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.chip{display:inline-flex;align-items:center;gap:3px}.chip svg{width:15px;height:15px}.chip.dmg{color:#ffa94d;padding:0 6px;border-radius:6px;background:#ff782824}.chip.sep{width:1px;align-self:stretch;background:#3a4440}.controls{position:fixed;z-index:2;right:calc(10px + env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);max-height:calc(100% - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;display:grid;grid-template-columns:56px;gap:6px;padding:8px;align-content:start}@media (max-height: 760px){.controls{gap:4px;padding:6px}.controls button{min-height:42px;padding:3px 2px;font-size:10px}.controls button svg{width:19px;height:19px}}@media (max-height: 560px){.controls button{min-height:34px;gap:0}.controls button span{display:none}.grp-sep{margin:0 2px}}.grp-sep{grid-column:1 / -1;height:1px;background:#3a4440;margin:1px 2px}.btns button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 2px;min-height:50px;font-size:10.5px;font-weight:600;line-height:1.1}button svg{width:22px;height:22px;flex:none}button span{white-space:nowrap}button{font:inherit;font-weight:600;color:var(--ink);background:#2b3230;border:1px solid #444d49;border-radius:8px;padding:8px 10px;min-height:38px;cursor:pointer}button[aria-pressed=true]{background:var(--accent);color:#17200a;border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}.bomb[aria-pressed=true]{background:#ff4632;border-color:#ff4632;color:#200a08}#heliCall[aria-pressed=true],#safeArea[aria-pressed=true]{background:#34d399;border-color:#34d399;color:#062016}#army[aria-pressed=true]{background:#3aa0ff;border-color:#3aa0ff;color:#061626}#hint{margin-top:3px;font-size:11.5px;color:var(--accent);display:none}.bomb{position:relative}.heli-panel{margin-top:8px;padding-top:8px;border-top:1px solid #38423e}#heliStatus{font-size:12.5px;color:var(--ink);margin-bottom:6px}.heli-btns{display:flex;gap:6px;flex-wrap:wrap}.heli-btns button{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;min-height:30px;font-size:12.5px}.heli-btns button svg{width:16px;height:16px}.legend{position:fixed;left:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));display:none;flex-direction:column;align-items:stretch;gap:2px;padding:5px}.legend button{display:flex;align-items:center;gap:6px;min-height:0;padding:2px 7px;font-size:10.5px;font-weight:600;line-height:1.5;text-align:left;background:transparent;border-color:transparent;color:var(--ink)}.legend button:hover{background:#2b3230}.legend button[aria-pressed=true]{background:var(--accent);color:#17200a;border-color:var(--accent)}.legend .lg-all{justify-content:center;color:var(--muted);border-color:#444d49;margin-bottom:2px}.sw{width:9px;height:9px;border-radius:2px;display:inline-block;flex:none}.attr{position:fixed;right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(6px + env(safe-area-inset-bottom,0px));z-index:3;font-size:11px;color:#d5d9d0;max-width:min(520px,calc(100% - 20px))}.attr summary{list-style:none;cursor:pointer;width:22px;height:22px;margin-left:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0000008c;font-size:13px}.attr summary::-webkit-details-marker{display:none}.attr[open] summary{background:#000c}.attr-body{margin-top:4px;padding:6px 10px;border-radius:8px;background:#000000bf;line-height:1.4}.attr a{color:inherit}.end-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:none;align-items:center;justify-content:center;background:#060a088c;padding:16px}.end-card{max-width:340px;width:100%;text-align:center;padding:18px 20px}.end-card h2{margin:0 0 6px;font-size:20px}.end-card .stars{font-size:34px;color:#ffd23f;letter-spacing:4px}.end-card .stars span{color:#3a4440}.end-card p{color:var(--muted);margin:6px 0 10px}.end-card ul{list-style:none;padding:0;margin:0 0 14px;text-align:left;font-size:13px}.end-card li{padding:3px 0;border-bottom:1px solid #2c3431}.end-card button{width:100%;background:var(--accent);color:#17200a;border-color:var(--accent)}.news-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:none;align-items:center;justify-content:center;padding:16px;background:#04060599;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.news-card{width:100%;max-width:420px;overflow:hidden;border-radius:12px;background:#111513;border:1px solid #2c3431;box-shadow:0 18px 50px #0000008c;animation:news-in .35s cubic-bezier(.2,.9,.3,1.2)}@keyframes news-in{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:none;opacity:1}}.news-bar{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#c8102e;color:#fff;font-weight:800;font-size:13px;letter-spacing:1px}.live-dot{width:9px;height:9px;border-radius:50%;background:#fff;animation:blink 1s infinite}@keyframes blink{50%{opacity:.25}}.news-kicker{margin-left:auto;font-size:11px;font-weight:700;background:#00000040;padding:2px 6px;border-radius:4px}.news-media{aspect-ratio:16 / 9;background:#1b201d;position:relative;overflow:hidden}.news-media img{width:100%;height:100%;object-fit:cover;display:block}.news-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#7d877f;font-size:11px;font-weight:700;letter-spacing:2px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 2px,transparent 2px 4px),radial-gradient(circle at 50% 45%,#2d3531,#141816 75%)}.news-ph-icon{font-size:48px;letter-spacing:0;filter:grayscale(.2)}.news-card h3{margin:12px 14px 4px;font-size:17px;line-height:1.25}#newsBody{margin:0 14px 10px;min-height:5.2em;color:#c9cfc6;font-size:13.5px;line-height:1.45;cursor:pointer}.caret{display:inline-block;width:7px;height:1em;margin-left:1px;vertical-align:-2px;background:#c8102e;animation:blink .8s infinite}.news-ticker{overflow:hidden;white-space:nowrap;background:#1d2320;color:#ffd23f;font-size:11px;font-weight:700;padding:4px 0}.news-ticker span{display:inline-block;padding-left:100%;animation:ticker 18s linear infinite}@keyframes ticker{to{transform:translate(-100%)}}#newsClose{display:block;width:calc(100% - 28px);margin:12px 14px 14px;background:#c8102e;border-color:#c8102e;color:#fff}.picking .hud,.picking .controls,.picking .legend{display:none!important}.picker,.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;display:none;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at 50% 30%,#1d2622,#0c0f0e 70%)}.loading{background:#080b0ad1}.picker-card{width:100%;max-width:460px;max-height:100%;overflow-y:auto;padding:18px}.picker-card h2{margin:0 0 4px;font-size:20px}.pick-sub{margin:0 0 12px;color:var(--muted);font-size:13px}.pick-search{display:flex;gap:6px}.pick-search input{flex:1;min-width:0;font:inherit;color:var(--ink);background:#1b211e;border:1px solid #444d49;border-radius:8px;padding:8px 10px}.pick-search input:focus{outline:2px solid var(--accent);outline-offset:1px}.pick-results{display:flex;flex-direction:column;gap:4px;margin-top:8px}.pick-results .result{text-align:left;display:flex;flex-direction:column;gap:1px;padding:7px 10px}.pick-results .result span,.preset span{font-size:11px;font-weight:500;color:var(--muted)}.pick-msg{margin:4px 0;font-size:13px;color:var(--muted)}.pick-msg.err{color:var(--danger)}.pick-here{width:100%;margin-top:8px}.pick-label{margin:14px 0 6px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.pick-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:6px}.preset{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left}.pick-note{margin:12px 0 0;font-size:10.5px;color:#7d877f}.load-card{max-width:360px;width:100%;text-align:center;padding:20px}.load-card h2{margin:8px 0 4px;font-size:17px}.load-card p{margin:0 0 12px;color:var(--muted);font-size:13px}.load-card button{width:100%;margin-top:6px}.spinner{width:30px;height:30px;margin:0 auto;border-radius:50%;border:3px solid #2c3431;border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button.secondary{background:transparent}.end-card button+button{margin-top:6px}.chip.cp{color:#ffd23f;padding:0 6px;border-radius:6px;background:#ffd23f24}.controls button{position:relative}.cost{position:absolute;top:2px;left:3px;padding:0 3px;border-radius:6px;font-size:9.5px;line-height:13px;font-weight:800;color:#ffd23f;background:#00000073}.cost:before{content:"⚡";font-size:8px;margin-right:1px}button.poor .cost{color:#ff8a7a}button.poor{opacity:.55}.heli-row{display:flex;align-items:center;gap:6px;margin-top:5px}.heli-row button{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;min-height:30px;font-size:12.5px}.heli-row button svg{width:16px;height:16px}.heli-lbl{width:58px;font-size:12px;color:var(--muted)}.menu-btn:after{content:"";position:absolute;left:3px;top:50%;margin-top:-4px;border:4px solid transparent;border-right-color:#a4ad9f}.menu-btn.menu-open{outline:2px solid var(--accent);outline-offset:1px}.flyout{position:fixed;z-index:4;display:none;flex-direction:column;gap:6px;width:min(300px,calc(100vw - var(--ctrl-w) - 24px));max-height:calc(100vh - 16px);overflow-y:auto;padding:10px}.fly-title{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.fly-opt{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left;padding:6px 8px;min-height:0;font-weight:500}.fly-opt:hover:not(:disabled){border-color:var(--accent)}.fly-img{display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden;flex:none}.fly-img.photo{width:84px;height:47px;background:#fff}.fly-img.photo img{width:100%;height:100%;object-fit:contain}.fly-img.sprite{width:52px;height:47px;background:#56673a33}.fly-img.sprite img{max-width:44px;max-height:40px;image-rendering:auto}.fly-text{display:flex;flex-direction:column;gap:1px;min-width:0}.fly-text b{font-size:13px}.fly-text span{font-size:11px;color:var(--muted)}.fly-why{font-style:normal;font-size:10.5px;color:#ff8a7a}.fly-why:empty{display:none}.fly-cost{font-size:11px;font-weight:800;color:#ffd23f;white-space:nowrap}.fly-cost:before{content:"⚡";font-size:9px}.fly-opt.poor .fly-cost{color:#ff8a7a}.has-unit .legend{display:none!important}.unit-card{position:fixed;left:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:2;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;width:min(280px,calc(100% - var(--ctrl-w) - 24px));border-left:4px solid var(--accent)}#unitAvatar{width:56px;height:56px;flex:none;border-radius:8px;background:#1b211e}.unit-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.unit-info b{font-size:14px}#unitRole{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-hp{height:5px;border-radius:3px;background:#ffffff1a;overflow:hidden;margin-top:3px}.unit-hp i{display:block;height:100%;width:100%}.unit-hp-text{font-size:10.5px;color:var(--muted)}#satFx,#satReadout{display:none}.sat-overlay #satFx{display:block;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.38) 100%)}.sat-overlay #satFx:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:sat-grain 1s steps(5) infinite}@keyframes sat-grain{0%{background-position:0 0}20%{background-position:-37px 21px}40%{background-position:53px -44px}60%{background-position:-12px 60px}80%{background-position:71px 9px}to{background-position:0 0}}.sat-overlay #satReadout{display:block;position:fixed;z-index:0;pointer-events:none;left:50%;transform:translate(-50%);bottom:calc(10px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 2 * var(--ctrl-w));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 10px;border-radius:6px;background:#00000059;font:600 10.5px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.4px;color:#dcffe6d9;text-shadow:0 1px 2px rgba(0,0,0,.9)}.sat-overlay #satReadout:before{content:"● ";color:#ff3b30;animation:blink 1.2s infinite}.picking #satFx,.picking #satReadout{display:none!important}@media (prefers-reduced-motion: reduce){.sat-overlay #satFx:after{animation:none}}.sat-overlay .legend,.sat-overlay .unit-card{bottom:calc(40px + env(safe-area-inset-bottom,0px))}