html,body{background:#cfe0e8;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#game{position:fixed;inset:0}#game canvas{display:block}.lil-gui.root{z-index:10}.controls-hint{color:#f2efe6;pointer-events:none;background:#14181e99;border-radius:8px;padding:8px 12px;font-size:12px;line-height:1.6;position:absolute;bottom:12px;left:204px}.controls-hint span{opacity:.7}.controls-hint .hint-head{pointer-events:auto;cursor:pointer;font-weight:700}.controls-hint.closed .hint-body{display:none}.status-badge{color:#f2efe6;pointer-events:none;background:#14181eb3;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:600;display:none;position:absolute;top:88px;left:50%;transform:translate(-50%)}.selection-box{pointer-events:none;background:#f2efe61f;border:1px solid #f2efe6e6;display:none;position:absolute}.side-label{color:#f2efe6;pointer-events:none;background:#14181e99;border-radius:8px;padding:6px 12px;font-size:13px;position:absolute;top:50px;left:50%;transform:translate(-50%)}.hud-top{color:#f2efe6;background:#14181eb3;border-radius:8px;padding:6px 12px;font-size:14px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.hud-top span{opacity:.7}.hud-panel{border-top:3px solid var(--side-accent);color:#f2efe6;background:#14181ed1;border-radius:10px;width:min(460px,100% - 24px);padding:10px 14px;font-size:13px;display:none;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hud-title{margin-bottom:2px;font-size:15px;font-weight:700}.hud-text{opacity:.9;margin-bottom:6px;line-height:1.4}.hud-text span{opacity:.6}.hud-panel button{background:var(--side-button);color:#f2efe6;font:inherit;cursor:pointer;text-align:left;border:1px solid #f2efe659;border-radius:6px;margin:4px 6px 0 0;padding:6px 10px}.hud-panel button:hover:not([disabled]){filter:brightness(1.15)}.hud-panel button[disabled]{cursor:not-allowed;opacity:.8;background:#444a52}.hud-panel .cost{color:#e0b43c}.hud-panel small{opacity:.75;display:block}.hud-banner{color:#e0b43c;background:#14181ed9;border-radius:12px;padding:16px 32px;font-size:32px;font-weight:700;display:none;position:absolute;top:30%;left:50%;transform:translate(-50%)}.hud-top .dead{color:#e0503c}.hud-hero{cursor:pointer;position:absolute;top:70px;left:12px}.hero-card{color:#f2efe6;background:#14181ebf;border:2px solid #0000;border-radius:8px;min-width:150px;padding:6px 10px;font-size:14px}.hero-card:hover{background:#282e38d9}.hero-card.selected{border-color:#f2efe6cc}.hero-card span{opacity:.6;font-size:11px}.hero-card.dead{color:#e0503c}.hero-hp{background:#00000080;border-radius:3px;height:6px;margin-top:5px;overflow:hidden}.hero-hp i{background:#5cc35c;height:100%;display:block}.hero-status{margin-top:3px;font-size:12px}.start-screen{z-index:20;color:#f2efe6;background:#0e1016b8;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.start-box{max-width:860px;margin:auto}.start-box h1{text-align:center;margin:0 0 12px;font-size:28px}.start-sides{flex-wrap:wrap;gap:16px;display:flex}.start-side{flex:300px}.start-side h2{margin:0 0 8px;font-size:18px}.start-side.knights h2{color:#e0b43c}.start-side.necros h2{color:#a6ff5e}.hero-pick{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#1e242ef2;border:2px solid #f2efe633;border-radius:10px;margin-bottom:10px;padding:10px 14px;font-size:13px;display:block}.knights .hero-pick:hover{border-color:#e0b43c}.necros .hero-pick:hover{border-color:#a6ff5e}.hero-pick .hero-name{font-size:17px;font-weight:700;display:block}.hero-pick .hero-style{opacity:.7;margin-bottom:4px;display:block}.hero-pick ul{margin:0;padding-left:18px;line-height:1.45}.start-hint{text-align:center;opacity:.6;font-size:12px}.hud-panel .stats{opacity:.7}.hud-panel .unit-row{align-items:center;gap:8px;margin-top:6px;display:flex}.hud-panel button.type-name{background:#ffffff14;flex:none;min-width:120px;margin:0;padding:3px 8px}.hud-panel button.type-name.open{border-color:#e0b43c}.hud-panel button.type-name small{display:inline}.unit-boxes{flex-wrap:wrap;gap:3px;display:flex}.hud-panel button.unit-box{background:#00000073;border-radius:3px;width:16px;height:20px;margin:0;padding:0;position:relative;overflow:hidden}.unit-box i{position:absolute;bottom:0;left:0;right:0}.hud-panel .type-info{border-top:1px solid #f2efe633;margin-top:8px;padding-top:6px}.hud-groups{gap:4px;display:flex;position:absolute;top:124px;left:12px}.hud-groups button{color:#f2efe6;min-width:34px;font:inherit;cursor:pointer;background:#14181ecc;border:1px solid #f2efe659;border-radius:6px;padding:4px 6px;font-size:15px;font-weight:700}.hud-groups button small{opacity:.75;margin-left:3px;font-size:10px;font-weight:400}.minimap{cursor:pointer;width:180px;height:180px;image-rendering:pixelated;border:2px solid #14181ed9;border-radius:6px;position:absolute;bottom:12px;left:12px}.alert-toast{color:#f2efe6;pointer-events:none;background:#781814d9;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:600;display:none;position:absolute;top:124px;left:50%;transform:translate(-50%)}#game{--side-accent:#e0b43c;--side-button:#3b6fb6}#game[data-side=necros]{--side-accent:#a6ff5e;--side-button:#5b3a75}.hud-title{color:var(--side-accent)}.hud-top,.side-label,.hero-card{border-bottom:2px solid var(--side-accent)}.hud-panel .keys{opacity:.6;margin-top:6px;font-size:11px;display:block}.hud-panel kbd{font:inherit;border:1px solid #f2efe666;border-radius:3px;padding:0 4px}.start-modes{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}.start-mode{color:inherit;font:inherit;cursor:pointer;background:#1e242ef2;border:2px solid #f2efe640;border-radius:20px;padding:6px 14px;font-size:13px}.start-mode.on{background:#e0b43c2e;border-color:#e0b43c}