:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #f1ebdc;--muted: #c4bda9;--panel: rgba(23, 25, 23, .82);--panel-strong: rgba(12, 14, 13, .92);--line: rgba(241, 235, 220, .18);--accent: #e4bb68;--green: #5c9b58;--red: #be4740}*{box-sizing:border-box}html,body,#game-root,#phaser-root,#ui-root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#101419;color:var(--ink);touch-action:none}#game-root{position:relative}#phaser-root,#ui-root{position:absolute;top:0;right:0;bottom:0;left:0}#ui-root{pointer-events:none}button{border:1px solid var(--line);color:var(--ink);background:#1c1f1de6;font:inherit;min-height:44px;border-radius:8px;cursor:pointer;pointer-events:auto;touch-action:manipulation}button:disabled{cursor:not-allowed;color:#f1ebdc73}.menu-shell{width:100%;height:100%;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom));pointer-events:auto}.menu-panel{width:min(460px,92vw);padding:24px;border:1px solid var(--line);border-radius:8px;background:#121413db;box-shadow:0 18px 50px #00000052}.kicker{margin:0 0 6px;color:var(--accent);font-size:.78rem;text-transform:uppercase;letter-spacing:0}h1,h2,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(2.2rem,8vw,4.6rem);line-height:.95}.primary-action{width:100%;background:#d9a84e;color:#20170c;border-color:#20170c59;font-weight:800}.secondary-action{width:100%;margin-top:10px;background:#161b1ae6;color:var(--accent);font-weight:800}.locked-grid{display:grid;gap:9px;margin-top:16px}.locked-grid button{display:flex;justify-content:space-between;align-items:center;padding:0 14px;background:#0f1211b8}.locked-grid span{color:var(--muted);font-size:.78rem}.hud-top{position:absolute;top:calc(10px + env(safe-area-inset-top));left:10px;right:84px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;pointer-events:none}.hud-chip{min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:clamp(.68rem,1.8vw,.82rem);line-height:1.2}.hud-chip b{display:block;margin-top:2px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-chip.strong b{color:var(--accent)}.objective-chip span{display:block;height:5px;margin-top:6px;overflow:hidden;border-radius:999px;background:#f1ebdc24}.objective-chip i{display:block;height:100%;border-radius:inherit;background:#d94a43}.power-panel{position:absolute;top:calc(72px + env(safe-area-inset-top));right:10px;display:grid;gap:8px;width:76px;pointer-events:auto}.power-button{display:grid;align-content:center;gap:3px;min-height:58px;padding:6px;border-color:#e4bb6861;background:linear-gradient(180deg,#2c281ff0,#151715f0);font-size:.72rem;font-weight:800;box-shadow:inset 0 1px #ffffff0f,0 8px 20px #0000002e}.power-button small{color:#f1ebdc94;font-size:.62rem;font-weight:700}.power-button.active{color:#1b1408;background:var(--accent);outline:3px solid rgba(255,255,255,.34)}.power-button.active small{color:#1b1408b8}.power-button:disabled{background:#212320c7;border-color:#f1ebdc1f;color:#f1ebdc6b;box-shadow:none}.tray-panel{position:absolute;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#232621f5,#090d0ef5),var(--panel-strong);box-shadow:inset 0 1px #ffffff14,0 -12px 34px #0000003d;pointer-events:auto}.tray-status{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.82rem;line-height:1.25}.tray-status b{color:var(--ink)}.tray-status span{text-align:right}.tray-row{display:grid;grid-template-columns:repeat(8,minmax(58px,1fr));gap:8px;min-width:0}.lane-row{display:grid;grid-template-columns:repeat(5,minmax(42px,1fr));gap:7px;min-width:0}.lane-button{min-height:38px;border-color:#e4bb683d;background:#22241ee0;color:#f1ebdcb8;font-weight:900}.lane-button span{display:grid;place-items:center;width:24px;height:24px;margin:0 auto;border-radius:999px;background:#f1ebdc1a}.lane-button.active{color:#1f170b;background:#e4bb68;border-color:#1f170b6b;outline:2px solid rgba(255,255,255,.28)}.unit-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto auto;align-items:center;gap:3px;min-height:64px;padding:6px 7px;border-color:#8fc46f52;background:radial-gradient(circle at 50% 14px,rgba(154,208,124,.28),transparent 22px),linear-gradient(180deg,#304c2cf2,#182319f2);box-shadow:inset 0 1px #ffffff14;touch-action:none}.unit-card.dragging{opacity:.55;outline:2px dashed rgba(228,187,104,.8)}.unit-card-drag-ghost{position:fixed;z-index:50;left:0;top:0;max-width:132px;padding:8px 10px;border:1px solid rgba(228,187,104,.62);border-radius:8px;background:#182018eb;color:#f1ebdc;font-size:.72rem;font-weight:900;pointer-events:none;box-shadow:0 10px 28px #00000052}.unit-card-name{align-self:end;grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;text-align:left}.unit-card-level{align-self:start;grid-column:2;color:#dff6da;font-size:.92rem;text-align:left}.unit-card-hint{grid-column:2;margin-top:-2px;color:#e7f5c1b8;font-size:.58rem;font-weight:900;text-align:left;text-transform:uppercase}.unit-card.selected{outline:3px solid var(--accent);background:linear-gradient(180deg,#487641fa,#223322fa)}.unit-card-empty{border-style:dashed;border-color:#f1ebdc29;color:#f1ebdc6b;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 5px,transparent 5px 10px),#181b19ad;box-shadow:inset 0 1px #ffffff0a;opacity:.72}.unit-card-empty .unit-card-name,.unit-card-empty .unit-card-level{color:#f1ebdc75}.unit-card-icon{position:relative;grid-row:1 / 4;display:block;width:34px;height:42px;margin-right:4px}.unit-card-icon i,.unit-card-icon em,.unit-card-icon strong{position:absolute;display:block;box-sizing:border-box}.empty-slot-icon:before{content:"";position:absolute;left:6px;top:9px;width:22px;height:22px;border:2px dashed rgba(241,235,220,.28);border-radius:5px}.icon-soldier{left:8px;top:6px;width:18px;height:28px;border:2px solid #17361f;border-radius:50% 50% 42% 42%;background:#3b8e55}.icon-soldier em{left:3px;top:-8px;width:12px;height:12px;border-radius:999px;background:#223f28}.icon-soldier strong{right:-10px;top:4px;width:16px;height:4px;border-radius:999px;transform:rotate(-48deg);background:#203120}.icon-medic{background:#67b66a}.icon-medic:after{content:"";position:absolute;left:4px;top:8px;width:10px;height:10px;background:linear-gradient(#2f8d4c,#2f8d4c) center / 3px 10px no-repeat,linear-gradient(#2f8d4c,#2f8d4c) center / 10px 3px no-repeat,#f4f8ef;border-radius:2px}.icon-vehicle{left:5px;top:5px;width:24px;height:32px;border:2px solid #172d1b;border-radius:5px;background:#4f7f3a}.icon-vehicle:before,.icon-vehicle:after{content:"";position:absolute;top:5px;width:5px;height:22px;border-radius:4px;background:#101510}.icon-vehicle:before{left:-6px}.icon-vehicle:after{right:-6px}.icon-vehicle em{left:5px;top:6px;width:10px;height:7px;border-radius:2px;background:#1d2a1f}.icon-vehicle strong{left:8px;top:-7px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:9px solid #d9f0a3}.icon-tank{width:27px;height:36px;background:#45653d;border-color:#111f13}.icon-tank em{left:7px;top:10px;width:10px;height:10px;border-radius:999px;background:#5a7c4b}.icon-tank strong{left:11px;top:-8px;width:5px;height:20px;border-radius:999px;background:#1b2a1d}.icon-crate{left:7px;top:9px;width:22px;height:22px;border:2px solid #394012;border-radius:4px;background:#9bb14c}.icon-crate:before,.icon-crate:after{content:"";position:absolute;left:2px;right:2px;top:9px;height:3px;background:#5b6227}.icon-crate:after{top:2px;left:9px;right:auto;width:3px;height:16px}.deploy-button{width:clamp(86px,14vw,130px);min-height:64px;color:#11170f;background:#7fbd61;border-color:#11170f73;font-weight:900}.debug-fab{position:absolute;top:calc(264px + env(safe-area-inset-top));right:10px;width:76px;min-height:42px;color:#d9f5ff;background:#14262de0;border-color:#80d9ff52;font-size:.72rem;font-weight:900;pointer-events:auto}.debug-fab.active,.debug-panel button.active{color:#071a20;background:#8bdcff}.debug-panel{position:absolute;top:calc(312px + env(safe-area-inset-top));right:10px;display:grid;gap:6px;width:148px;padding:10px;border:1px solid rgba(139,220,255,.28);border-radius:8px;background:#0a1216eb;pointer-events:auto}.debug-title{color:#8bdcff;font-size:.76rem;font-weight:900}.debug-panel button{min-height:34px;padding:4px 7px;border-color:#8bdcff2e;background:#1b262af0;font-size:.68rem;font-weight:800}.deploy-button:disabled{background:#5f635cb3;color:#ffffff75}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#00000057;pointer-events:auto}.result-panel{width:min(380px,90vw);padding:22px;border:1px solid var(--line);border-radius:8px;background:#111210f2;text-align:center}.result-panel h2{margin-bottom:8px}.result-panel p{color:var(--muted)}@media(max-width:720px){.hud-top{right:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.power-panel{top:calc(112px + env(safe-area-inset-top));width:68px}.debug-fab{top:calc(304px + env(safe-area-inset-top));width:68px}.debug-panel{top:calc(352px + env(safe-area-inset-top))}.tray-row{grid-template-columns:repeat(4,minmax(0,1fr))}.tray-status{display:grid}.tray-status span{text-align:left}}