:root{color:#e8efe4;font-family:Segoe UI,system-ui,sans-serif;background:#1a2a18;--r-xl: 20px;--r-lg: 16px;--r-md: 12px;--r-sm: 8px;--r-pill: 999px}html,body,#game{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#game canvas{touch-action:none}.overlay{position:fixed;inset:0;display:grid;place-items:center;overflow:auto;padding:24px 16px;background:radial-gradient(ellipse at 50% 0%,rgba(80,120,56,.18),transparent 55%),#0a120ae6;z-index:2}.panel{width:min(1180px,96vw);max-height:92vh;overflow:auto;padding:28px 32px 24px;border:1px solid #4a6a3c;border-radius:var(--r-xl);background:#1c2c1af5;box-shadow:0 20px 56px #00000073}.menu-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #3d5a34}.menu-kicker{margin:0 0 4px;color:#8a9a7c;font-size:11px;letter-spacing:.16em;text-transform:uppercase}h1{margin:0 0 6px;letter-spacing:.1em;font-weight:700;font-size:32px}.sub{color:#a8b89a;margin:0;font-size:14px}.admin-note{display:inline-block;margin:0 0 12px;padding:4px 10px;border:1px solid #c9a227;border-radius:var(--r-pill);background:#3a3018;color:#f2e08a;font-size:12px;letter-spacing:.08em}.admin-note.hidden,.admin-gate.hidden,.admin-opt.hidden,.adapt-panel.hidden,#giveFuel.hidden{display:none}.admin-opt{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#f2e08a;font-size:13px;cursor:pointer}.admin-opt input{accent-color:#c9a227}#giveFuel{pointer-events:auto;cursor:pointer;font:inherit}.admin-gate{margin:0 0 12px}#adminPass{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #c9a227;border-radius:var(--r-md);background:#1a2a18;color:#f2e08a}.menu-tabs{display:flex;gap:8px;flex:none}.menu-tab{padding:8px 18px;border:1px solid #3d5a34;border-radius:var(--r-pill);background:#1a2a18;color:#a8b89a;font:inherit;font-size:13px;letter-spacing:.06em;cursor:pointer}.menu-tab:hover{border-color:#7cb86a;color:#e8efe4}.menu-tab.on{border-color:#7cb86a;background:#35542f;color:#e8efe4}.control-list{margin:0;padding:0;list-style:none}.control-list li{display:flex;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid #3d5a34;font-size:13px}.control-list li:last-child{border-bottom:0}.control-list kbd{flex:none;min-width:88px;padding:2px 8px;border:1px solid #6a8a58;border-radius:var(--r-sm);background:#1a2a18;color:#c8d4bc;font:inherit;font-size:12px;text-align:center}.control-list span{color:#e8efe4}.name-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;color:#8a9a7c;font-size:11px;letter-spacing:.1em;text-transform:uppercase}#name{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #3d5a34;border-radius:var(--r-md);background:#1a2a18;color:#e8efe4;font:inherit;font-size:15px;letter-spacing:normal;text-transform:none}#name,#adminPass,input,textarea{user-select:text;-webkit-user-select:text}#name:focus{outline:none;border-color:#7cb86a}#name.invalid{border-color:#c45c3e}.grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}.class-btn{display:flex;flex-direction:column;align-items:flex-start;height:100%;text-align:left;padding:14px 14px 12px;border:1px solid #3d5a34;border-left:3px solid #4a6a3c;border-radius:var(--r-md);background:#1e301c;color:#e8efe4;cursor:pointer}.class-btn:hover{border-color:#7cb86a;border-left-color:#8fd37a;background:#274226}@media(max-width:980px){.overlay{padding:8px;align-items:start}.panel{width:100%;max-height:calc(100dvh - 16px);padding:12px 10px 10px;zoom:.82}.menu-head{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;margin-bottom:10px;padding-bottom:8px}h1{font-size:22px;margin-bottom:2px}.sub{font-size:12px}.grid{grid-template-columns:1fr 1fr;gap:6px}.class-btn{padding:8px 8px 6px}.name-field{margin-bottom:8px;gap:4px}#name{padding:7px 8px;font-size:13px}}.class-btn strong{display:block;margin-bottom:4px;font-size:16px;letter-spacing:.03em}.class-role{color:#a8b89a;font-size:12px;line-height:1.35}.class-stats{margin-top:8px;color:#c8d4bc;font-size:11px;font-variant-numeric:tabular-nums}.mods{margin:8px 0 0;padding:8px 0 0;border-top:1px solid #334a2e;list-style:none;width:100%}.mods li{font-size:11px;line-height:1.4;margin-top:4px}.mods .buff{color:#8fd37a}.mods .buff:before{content:"+ "}.mods .debuff{color:#e07060}.mods .debuff:before{content:"- "}.hud{position:fixed;left:12px;right:192px;top:10px;z-index:1;pointer-events:none;text-shadow:0 1px 3px rgba(20,32,16,.75)}.hud.hidden,.hidden{display:none}.row{display:flex;gap:16px;align-items:center;font-size:13px;letter-spacing:.04em}.pip{width:10px;height:10px;border-radius:50%;display:inline-block}.invite-btn{position:fixed;left:48px;top:42px;z-index:2;height:32px;padding:0 10px;border:1px solid #3d5a34;border-radius:var(--r-sm);background:#182816eb;color:#f2e08a;font:inherit;font-size:12px;pointer-events:auto;cursor:pointer}.invite-btn:hover{border-color:#7cb86a;color:#e8efe4}.invite-btn.hidden{display:none}.leave-btn{position:fixed;left:12px;top:42px;z-index:2;width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid #3d5a34;border-radius:var(--r-sm);background:#182816eb;color:#c8d4bc;pointer-events:auto;cursor:pointer}.leave-btn:hover{border-color:#e07060;color:#e8efe4;background:#381c18eb}.leave-btn svg{width:16px;height:16px}.play-controls{position:fixed;left:12px;bottom:16px;z-index:2;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:1px;pointer-events:none;background:none;border:none;font-size:12px;letter-spacing:.03em;color:#e8efe4}.play-controls li{display:contents}.play-controls kbd{margin:0;padding:0;border:none;background:none;color:#f2e08a;font:inherit;font-weight:600;text-align:left}.play-controls span{color:#dce4d4}@media(max-width:1500px){.play-controls{bottom:108px}}.unit-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:10px;pointer-events:auto;max-width:min(1100px,96vw);text-shadow:none}.unit-slot.hidden{display:none}.unit-slot{position:relative;display:flex;align-items:center;gap:10px;min-width:186px;padding:10px 12px 10px 10px;border:1px solid #3d5a34;border-radius:var(--r-md);background:#182816eb;color:#e8efe4;cursor:pointer}.unit-slot:hover:not(:disabled){border-color:#7cb86a}.unit-slot:disabled{opacity:.45;cursor:default}.unit-slot.pressed{border-color:#f2e08a;box-shadow:0 0 0 1px #f2e08a}.unit-slot kbd{width:22px;height:22px;display:grid;place-items:center;border:1px solid #6a8a58;border-radius:var(--r-sm);background:#1a2a18;font-size:12px;font-family:inherit}.unit-icon{width:36px;height:36px;flex:0 0 36px;border-radius:var(--r-sm);background:#2a4026;position:relative}.unit-icon-squad:before{content:"";position:absolute;inset:9px 11px;border-radius:50%;background:#dce8d6}.unit-icon-squad:after{content:"";position:absolute;top:7px;right:8px;width:10px;height:4px;border-radius:2px;background:#b8c8b0}.unit-icon-tank:before{content:"";position:absolute;left:7px;right:7px;top:12px;height:12px;border-radius:3px;background:#dce8d6;box-shadow:0 -5px #4a5844,0 5px #4a5844}.unit-icon-tank:after{content:"";position:absolute;right:6px;top:16px;width:8px;height:4px;border-radius:1px;background:#b8c8b0}.unit-icon-heli:before{content:"";position:absolute;left:8px;right:6px;top:14px;height:8px;border-radius:8px;background:#dce8d6}.unit-icon-heli:after{content:"";position:absolute;left:7px;right:7px;top:7px;height:22px;border:1px solid #b8c8b0;border-radius:50%;box-shadow:inset 10px 0 0 -9px #b8c8b0,inset -10px 0 0 -9px #b8c8b0}.unit-icon-truck:before{content:"";position:absolute;left:6px;right:6px;top:12px;height:12px;border-radius:6px;background:#dce8d6}.unit-icon-truck:after{content:"";position:absolute;right:7px;top:10px;width:10px;height:10px;border-radius:50%;background:#dce8d6}.unit-icon-heal:before,.unit-icon-heal:after{content:"";position:absolute;background:#7cff6b}.unit-icon-heal:before{left:16px;top:8px;width:4px;height:20px}.unit-icon-heal:after{left:8px;top:16px;width:20px;height:4px}.unit-icon-drone:before{content:"";position:absolute;left:8px;right:8px;top:13px;height:10px;background:#dce8d6;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.unit-icon-drone:after{content:"";position:absolute;left:6px;right:6px;top:6px;height:24px;background:radial-gradient(circle at 6px 6px,#b8c8b0 2.4px,transparent 2.5px),radial-gradient(circle at 18px 6px,#b8c8b0 2.4px,transparent 2.5px),radial-gradient(circle at 6px 18px,#b8c8b0 2.4px,transparent 2.5px),radial-gradient(circle at 18px 18px,#b8c8b0 2.4px,transparent 2.5px)}.unit-meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.unit-meta strong{font-size:13px}.unit-cost{color:#a8b89a;font-size:11px}.unit-count{margin-left:auto;min-width:22px;text-align:right;color:#c6d6b8;font-size:13px}.minimap{position:fixed;right:12px;top:12px;width:168px;height:126px;z-index:2;image-rendering:pixelated;pointer-events:none;border-radius:var(--r-md);box-shadow:0 0 0 1px #1c1e20;overflow:hidden}.board{position:fixed;right:12px;top:146px;z-index:2;width:168px;padding:8px 10px 6px;pointer-events:none;background:#142010b8;border:1px solid #3d5a34;border-radius:var(--r-md);text-shadow:0 1px 3px rgba(20,32,16,.75)}.board-head{margin-bottom:4px;color:#8a9a7c;font-size:11px;letter-spacing:.08em;text-transform:uppercase}#boardList{margin:0;padding:0;list-style:none}.board-row{display:flex;align-items:center;gap:6px;padding:1px 0;font-size:12px}.board-row.you{color:#f2e08a}.board-row.you-off{margin-top:4px;padding-top:4px;border-top:1px solid #3d5a34}.board-rank{width:16px;flex:none;color:#8a9a7c;text-align:right}.board-row.you .board-rank{color:#f2e08a}.board-pip{width:8px;height:8px;flex:none;border-radius:50%}.board-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-score{flex:none;color:#c8d4bc;font-variant-numeric:tabular-nums}.board-row.you .board-score{color:#f2e08a}.unit-icon-evo:before{content:"";position:absolute;inset:8px 10px;border:2px solid #f2e08a;transform:rotate(45deg)}.evo-picker{position:fixed;left:50%;bottom:92px;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:10px;z-index:3;pointer-events:auto;max-width:96vw}.evo-picker.hidden{display:none}.evo-card{width:240px;padding:12px 14px;border:1px solid #3d5a34;border-radius:var(--r-md);background:#182816f5;color:#e8efe4;text-align:left;cursor:pointer}.evo-card:hover{border-color:#f2e08a}.evo-card.pressed{border-color:#f2e08a;box-shadow:0 0 0 1px #f2e08a}.evo-card strong{display:block;margin-bottom:6px}.evo-card span{color:#a8b89a;font-size:12px}.unit-icon-barracks:before{content:"";position:absolute;left:8px;right:8px;top:7px;height:16px;border-radius:3px;background:#dce8d6}.unit-icon-barracks:after{content:"";position:absolute;left:15px;bottom:7px;width:6px;height:7px;background:#6d675b}.unit-icon-turret:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#dce8d6}.unit-icon-turret:after{content:"";position:absolute;left:16px;top:6px;width:4px;height:24px;background:#b8c8b0;box-shadow:9px 0 #b8c8b0,-9px 0 #b8c8b0}.stat-panel{position:fixed;left:12px;top:84px;width:168px;padding:10px;border:1px solid #3d5a34;border-radius:var(--r-md);background:#182816eb;pointer-events:auto;z-index:2}.stat-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;color:#f2e08a}.xp-track{height:6px;margin-bottom:8px;border-radius:3px;background:#1a2a18;overflow:hidden}.xp-track i{display:block;height:100%;width:0;background:#7cb86a}.stat-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px;padding:4px 6px;border:1px solid #3d5a34;border-radius:var(--r-sm);background:#1a2a18;color:#e8efe4;font:inherit;font-size:11px;cursor:pointer}.stat-row:hover:not(:disabled){border-color:#7cb86a}.stat-row:disabled{opacity:.45;cursor:default}.stat-row.boosted{border-color:#c9a227}.adapt-panel{position:fixed;left:196px;top:84px;width:148px;padding:10px;border:1px solid #3d5a34;border-radius:var(--r-md);background:#182816eb;pointer-events:none;z-index:2}.adapt-head{font-size:12px;margin-bottom:6px;color:#f2e08a}.adapt-row{display:flex;justify-content:space-between;font-size:11px;margin:0 0 4px;color:#e8efe4}.upgrade-hud{position:fixed;left:50%;bottom:92px;transform:translate(-50%);z-index:3;pointer-events:auto}.upgrade-hud.hidden{display:none}#upgradeBtn{padding:8px 14px;border:1px solid #c9a227;border-radius:var(--r-pill);background:#182816f5;color:#f2e08a;font:inherit;cursor:pointer}.toast{position:fixed;bottom:108px;left:50%;transform:translate(-50%);padding:10px 16px;background:#243820;border:1px solid #7cb86a;border-radius:var(--r-pill);z-index:3}.toast.adapt{bottom:auto;top:38%;padding:18px 28px;font-size:22px;letter-spacing:.04em;background:#18281652;border:none;color:#e8efe4;text-shadow:0 2px 12px rgba(12,20,10,.85)}.touch-pad{position:fixed;inset:0;z-index:4;pointer-events:none}.touch-pad.hidden{display:none}.stick{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:calc(118px + env(safe-area-inset-bottom));width:96px;height:96px;border:2px solid rgba(124,184,106,.55);border-radius:50%;background:#14201059;pointer-events:auto;touch-action:none}.stick:after{content:"";position:absolute;inset:28px;border-radius:50%;background:#e8efe459}.fire-pad{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:calc(118px + env(safe-area-inset-bottom));width:72px;height:72px;border:2px solid #c45c3e;border-radius:50%;background:#501c168c;color:#f2c8c0;font:inherit;font-size:13px;letter-spacing:.06em;pointer-events:auto;touch-action:none}.fire-pad:active{background:#c45c3eb3}@media(max-width:720px){.overlay{place-items:start;padding:4px;padding-top:max(4px,env(safe-area-inset-top));padding-bottom:max(4px,env(safe-area-inset-bottom))}.panel{max-height:calc(100dvh - 8px);padding:8px 8px 6px;box-shadow:none;zoom:.7}.menu-kicker{display:none}h1{font-size:18px;letter-spacing:.06em;margin-bottom:2px}.sub{font-size:11px}.menu-tab{padding:5px 10px;font-size:11px}.menu-head{margin-bottom:8px;padding-bottom:6px;gap:6px}.name-field{margin-bottom:6px;font-size:9px}#name{padding:6px 8px;font-size:13px}.grid{grid-template-columns:1fr 1fr;gap:5px}.class-btn{padding:6px 6px 5px}.class-btn strong{font-size:12px;margin-bottom:2px}.class-role{display:none}.class-stats{margin-top:4px;font-size:9px}.mods{margin-top:4px;padding-top:4px}.mods li{font-size:9px;margin-top:2px;line-height:1.25}.control-list li{padding:4px 0;font-size:11px;gap:8px}.control-list kbd{min-width:56px;font-size:10px;padding:1px 5px}.play-controls{display:none}.hud{left:6px;right:6px;top:max(4px,env(safe-area-inset-top))}.row{flex-wrap:wrap;gap:4px 8px;font-size:10px}.leave-btn{left:8px;top:max(38px,calc(env(safe-area-inset-top) + 32px));width:28px;height:28px}.invite-btn{left:40px;top:max(38px,calc(env(safe-area-inset-top) + 32px));height:28px;font-size:11px}.stat-panel{left:6px;top:auto;bottom:calc(76px + env(safe-area-inset-bottom));width:112px;padding:5px}.stat-head,.stat-row{font-size:9px}.stat-row{padding:2px 4px;margin-bottom:2px}.adapt-panel{left:124px;top:auto;bottom:calc(76px + env(safe-area-inset-bottom));width:100px;padding:5px}.minimap{right:6px;top:max(6px,env(safe-area-inset-top));width:72px;height:54px}.board{right:6px;top:calc(66px + env(safe-area-inset-top));width:72px;padding:3px 4px}.board-head,.board-row{font-size:8px}.unit-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(360px,calc(100vw - 12px));max-width:min(360px,calc(100vw - 12px));bottom:max(4px,env(safe-area-inset-bottom));gap:3px}.unit-slot{min-width:0;max-width:none;flex:none;height:26px;gap:3px;padding:2px 4px;border-radius:5px}.unit-slot kbd,.unit-cost{display:none}.unit-icon{width:18px;height:18px;flex-basis:18px}.unit-meta strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-count{min-width:0;font-size:8px}.evo-picker,.upgrade-hud{bottom:calc(68px + env(safe-area-inset-bottom))}.evo-card{width:min(200px,44vw);padding:8px}.toast{bottom:calc(80px + env(safe-area-inset-bottom));font-size:12px;padding:6px 10px}.stick{width:72px;height:72px;bottom:calc(88px + env(safe-area-inset-bottom))}.stick:after{inset:22px}.fire-pad{width:56px;height:56px;font-size:11px;bottom:calc(88px + env(safe-area-inset-bottom))}}@media(orientation:landscape)and (max-height:540px){.overlay{place-items:start;overflow:hidden;padding:2px 6px;padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}.panel{max-height:100dvh;padding:4px 8px;zoom:.62;overflow:hidden}.menu-kicker,.sub,.class-role{display:none}.menu-head{margin-bottom:4px;padding-bottom:4px;gap:6px}h1{font-size:16px;margin:0}.menu-tab{padding:3px 8px;font-size:10px}.name-field{margin-bottom:4px;gap:2px;font-size:8px}#name{padding:4px 6px;font-size:12px}.grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:4px}.class-btn{padding:4px 5px 3px}.class-btn strong{font-size:11px;margin-bottom:1px}.class-stats{margin-top:2px;font-size:8px}.mods{margin-top:2px;padding-top:2px;max-height:2.6em;overflow:hidden}.mods li{font-size:8px;margin-top:1px;line-height:1.2}.control-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 12px;max-height:calc(100dvh - 48px);overflow:auto}.control-list li{padding:2px 0;font-size:10px}.play-controls{display:none}.hud{top:2px;left:max(6px,env(safe-area-inset-left));right:max(88px,env(safe-area-inset-right))}.row{gap:3px 7px;font-size:9px}.leave-btn{left:max(6px,env(safe-area-inset-left));top:22px;width:24px;height:24px}.invite-btn{left:calc(max(6px,env(safe-area-inset-left)) + 28px);top:22px;height:24px;font-size:10px}.leave-btn svg{width:13px;height:13px}.stat-panel{top:50px;bottom:auto;left:max(6px,env(safe-area-inset-left));width:108px;padding:4px}.adapt-panel{top:50px;bottom:auto;left:calc(120px + env(safe-area-inset-left));width:96px;padding:4px}.minimap{width:64px;height:48px;top:4px;right:max(4px,env(safe-area-inset-right))}.board{width:64px;top:56px;right:max(4px,env(safe-area-inset-right));padding:2px 3px}.board-head,.board-row{font-size:7px}.unit-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(420px,calc(100vw - 80px));max-width:min(420px,calc(100vw - 80px));bottom:max(2px,env(safe-area-inset-bottom));gap:3px}.unit-slot{min-width:0;max-width:none;flex:none;height:22px;padding:1px 3px;gap:2px}.unit-icon{width:14px;height:14px;flex-basis:14px}.unit-meta strong,.unit-count{font-size:8px}.evo-picker,.upgrade-hud,.toast{bottom:calc(52px + env(safe-area-inset-bottom))}.stick{width:58px;height:58px;left:max(10px,env(safe-area-inset-left));bottom:calc(56px + env(safe-area-inset-bottom))}.stick:after{inset:18px}.fire-pad{width:48px;height:48px;font-size:10px;right:max(10px,env(safe-area-inset-right));bottom:calc(56px + env(safe-area-inset-bottom))}}