:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#030508;font-family:Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:radial-gradient(circle at top,#2e54783d,#0000 48%),linear-gradient(#09111b 0%,#030508 100%)}canvas{display:block}.app-shell{width:100%;min-height:100vh;padding:12px}.scene-shell{background:#05090eeb;border:1px solid #829abe29;border-radius:12px;width:100%;height:calc(100vh - 24px);position:relative;overflow:hidden}.selection-box{z-index:3;pointer-events:none;background:#5c8fff29;border:1px solid #7fd6ffeb;position:fixed;box-shadow:inset 0 0 0 1px #7fd6ff1f}.manpower-hud{z-index:2;gap:12px;display:flex;position:absolute;top:16px;left:16px}.manpower-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#dce7f5;background:#060b12d6;border:1px solid #94abcd33;border-radius:10px;min-width:180px;padding:12px 14px;box-shadow:0 10px 30px #0000003d}.manpower-card-player{border-color:#5c8fff57}.manpower-card-enemy{border-color:#ff7f6d57}.manpower-label,.manpower-income{display:block}.manpower-label{letter-spacing:.12em;text-transform:uppercase;color:#91a3bb;margin-bottom:6px;font-size:11px}.manpower-value{margin-bottom:4px;font-size:28px;line-height:1;display:block}.manpower-income{color:#9cb1ca;font-size:13px}.reinforcement-panel{z-index:2;gap:12px;width:min(320px,100vw - 56px);display:grid;position:absolute;top:16px;right:16px}.base-health-hud{z-index:2;gap:10px;display:grid;position:absolute;bottom:16px;left:16px}.base-health-card{color:#dce7f5;background:#060b12d6;border:1px solid #94abcd33;border-radius:10px;min-width:170px;padding:10px 12px}.base-health-card span{letter-spacing:.1em;text-transform:uppercase;color:#91a3bb;margin-bottom:4px;font-size:11px;display:block}.base-health-card strong{font-size:16px}.base-health-card-player{border-color:#5c8fff57}.base-health-card-enemy{border-color:#ff7f6d57}.game-over-overlay{z-index:4;background:#03070cad;place-items:center;display:grid;position:absolute;inset:0}.game-over-card{text-align:center;color:#dce7f5;background:#060b12eb;border:1px solid #94abcd4d;border-radius:12px;min-width:220px;padding:20px 22px}.game-over-card h2{margin:0 0 14px;font-size:28px}.game-over-card button{color:#dce7f5;font:inherit;cursor:pointer;background:#18263af5;border:1px solid #7fd6ff99;border-radius:8px;padding:9px 16px}.game-over-card button:hover{background:#21344efa}.reinforcement-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#dce7f5;background:#060b12d6;border:1px solid #94abcd33;border-radius:10px;padding:12px 14px;box-shadow:0 10px 30px #0000003d}.reinforcement-label{letter-spacing:.12em;text-transform:uppercase;color:#91a3bb;margin-bottom:8px;font-size:11px;display:block}.reinforcement-timer{font-size:30px;line-height:1;display:block}.reinforcement-cycle{color:#9cb1ca;margin-top:6px;font-size:13px;display:block}.reinforcement-actions{gap:8px;display:grid}.reinforcement-unit-entry{gap:6px;display:grid}.reinforcement-unit-actions{grid-template-columns:minmax(0,1fr) 36px;gap:8px;display:grid}.reinforcement-button{color:#dce7f5;width:100%;font:inherit;cursor:pointer;background:#111d2deb;border:1px solid #5c8fff4d;border-radius:8px;padding:10px 12px;display:block}.reinforcement-info-button{color:#dce7f5;font:inherit;cursor:pointer;background:#111d2deb;border:1px solid #94abcd3d;border-radius:8px;font-weight:700}.reinforcement-info-button:hover{background:#18263afa;border-color:#7fd6ff8c}.reinforcement-button-copy,.reinforcement-button-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.reinforcement-button-copy{flex-direction:column;align-items:stretch;gap:4px}.reinforcement-button-state{color:#9cb1ca;text-align:left;font-size:12px;line-height:1.3}.reinforcement-button:hover:not(:disabled){background:#18263afa;border-color:#7fd6ff8c}.reinforcement-button-locked{border-color:#ffd1663d}.reinforcement-button:disabled{opacity:.5;cursor:not-allowed}.reinforcement-info-panel{background:#0c131dcc;border:1px solid #94abcd24;border-radius:8px;padding:10px 12px}.reinforcement-info-copy{color:#c7d6e8;margin:0 0 8px;font-size:13px;line-height:1.4}.reinforcement-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;display:grid}.reinforcement-stats div{min-width:0}.reinforcement-stats dt{letter-spacing:.1em;text-transform:uppercase;color:#91a3bb;margin-bottom:3px;font-size:10px}.reinforcement-stats dd{color:#dce7f5;margin:0;font-size:13px}.reinforcement-empty{color:#9cb1ca;margin:0;font-size:14px}.reinforcement-queue{gap:8px;margin:0;padding:0;list-style:none;display:grid}.reinforcement-queue li{background:#0c131dcc;border:1px solid #94abcd24;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}@media (width<=720px){.manpower-hud{left:16px}.manpower-card{min-width:0}.reinforcement-panel{width:auto;inset:auto 16px 16px}.base-health-hud{top:auto;bottom:224px;left:16px}.reinforcement-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
