*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{color:#e8e0d0;-webkit-user-select:none;user-select:none;background:#1a1510;width:100%;height:100%;font-family:Share Tech Mono,Courier New,monospace;overflow:hidden}canvas{cursor:crosshair;width:100%;height:100%;display:block}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud .panel{pointer-events:auto}#top-bar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}#top-left{flex-direction:column;gap:6px;display:flex}#credits{letter-spacing:.05em;background:linear-gradient(#3a3530 0%,#2a2520 100%);border:2px solid #6a6050;padding:8px 16px;font-size:20px;box-shadow:0 2px 8px #00000080}#credits span{color:#7dff7d}#map-name.subtle{color:#b0a890;background:#1e1a16bf;border:1px solid #5a5040;width:fit-content;padding:4px 10px;font-size:12px}#objective-bar{text-align:center;background:linear-gradient(#3a3530 0%,#2a2520 100%);border:2px solid #6a6050;flex-direction:column;align-items:center;gap:2px;min-width:220px;padding:8px 14px;font-size:13px;display:flex}#mission-timer{color:#ffd080;letter-spacing:.08em;min-height:0;font-size:22px}#mission-timer.urgent{color:#f64;animation:.8s ease-in-out infinite alternate pulseUrgent}@keyframes pulseUrgent{0%{opacity:1}to{opacity:.55}}#alerts{text-align:right;flex-direction:column;gap:4px;max-width:320px;display:flex}.alert{background:#28140ad9;border-left:3px solid #f84;padding:6px 10px;font-size:13px;animation:4s forwards fadeAlert}@keyframes fadeAlert{0%,70%{opacity:1}to{opacity:0}}#bottom-hud{background:linear-gradient(#4a4540 0%,#2e2a26 40%,#1e1a16 100%);border-top:3px solid #7a7060;grid-template-columns:140px 1fr 280px;gap:8px;height:auto;min-height:140px;max-height:42vh;padding:10px 10px 16px;display:grid;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 20px #0009}#minimap{width:120px;height:120px;image-rendering:pixelated;background:#1a3020;border:2px solid #5a5040;align-self:end}#center-panel{flex-direction:column;gap:6px;min-width:0;padding-bottom:4px;display:flex}#selection-info{color:#c8c0b0;min-height:20px;font-size:13px}#build-buttons,#train-buttons,#upgrade-buttons{flex-wrap:wrap;gap:6px;display:flex}#upgrade-buttons{margin-top:4px}.upgrade-btn.owned{opacity:.7;border-color:#4a8a4a}.action-btn{color:#e8e0d0;cursor:pointer;text-align:center;background:#3a3530;border:2px solid #6a6050;min-width:72px;padding:8px 10px;font-family:inherit;font-size:11px;transition:background .1s,border-color .1s}.action-btn:hover:not(:disabled){background:#4a4538;border-color:#9a8a60}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.active{background:#2a3a4a;border-color:#4af}.action-btn .cost{color:#7dff7d;margin-top:2px;font-size:10px;display:block}.repair-btn{flex-direction:column;align-items:center;gap:4px;min-width:56px;padding:6px 8px;display:flex}.repair-btn .spanner{color:#d8c878;background:currentColor;width:22px;height:22px;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M22.7 19.3l-1.4 1.4c-.4.4-1 .4-1.4 0L13 13.8c-1.5.8-3.3.8-4.8.1C6.2 13 5 11.1 5 9c0-.6.1-1.1.2-1.6L8.5 11l1.4-1.4L6.6 6.2C7.1 6.1 7.6 6 8.2 6c2.1 0 4 1.2 4.9 3.1.7 1.5.7 3.3-.1 4.8l6.9 6.9c.4.4.4 1 0 1.5zM3.5 3.5L2 5l3.2 3.2 1.4-1.4L3.5 3.5z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M22.7 19.3l-1.4 1.4c-.4.4-1 .4-1.4 0L13 13.8c-1.5.8-3.3.8-4.8.1C6.2 13 5 11.1 5 9c0-.6.1-1.1.2-1.6L8.5 11l1.4-1.4L6.6 6.2C7.1 6.1 7.6 6 8.2 6c2.1 0 4 1.2 4.9 3.1.7 1.5.7 3.3-.1 4.8l6.9 6.9c.4.4.4 1 0 1.5zM3.5 3.5L2 5l3.2 3.2 1.4-1.4L3.5 3.5z'/%3E%3C/svg%3E") 50%/contain no-repeat}.repair-btn.active .spanner{color:#6cf}.repair-btn .repair-label{letter-spacing:.02em;font-size:10px}canvas.repair-cursor{cursor:cell}.train-btn{min-width:88px;padding-bottom:14px;position:relative;overflow:hidden}.train-btn .train-name{display:block}.train-btn .train-bar{background:#1a1814;border:1px solid #5a5040;height:5px;position:absolute;bottom:4px;left:4px;right:4px;overflow:hidden}.train-btn .train-bar-fill{background:linear-gradient(90deg,#2a6a3a,#5dff7a);width:0%;height:100%;transition:width 50ms linear;display:block}.train-btn.training{background:#2a3340;border-color:#4af}.train-btn .train-pct{color:#9fdf9f;font-size:9px;line-height:1;position:absolute;bottom:10px;right:6px}.train-btn .train-badge{color:#0a1018;text-align:center;background:#4af;border:1px solid #8cf;min-width:14px;height:14px;padding:0 3px;font-size:10px;line-height:14px;position:absolute;top:3px;right:3px}#right-panel{flex-direction:column;gap:6px;display:flex}#power-status{font-size:12px}#power-status.ok{color:#7dff7d}#power-status.low{color:#f64}#queue-info{color:#a8a090;font-size:12px}.hud-actions{gap:6px;margin-top:4px;display:flex}#mute-btn.muted,#music-btn.muted{color:#f88;border-color:#a44}#speed-btn.sped-up{color:#ffe080;border-color:#ca8}#overlay-message{z-index:20;pointer-events:auto;background:#000000a6;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#overlay-message.visible{display:flex}#overlay-message .box{text-align:center;background:#2a2520;border:3px solid #8a7a50;padding:32px 48px}#overlay-message h1{color:#ffd080;margin-bottom:12px;font-size:36px}#overlay-message p{color:#c8c0b0;margin-bottom:20px}#overlay-message button{pointer-events:auto;color:#e8e0d0;cursor:pointer;background:#3a3530;border:2px solid #8a7a50;padding:10px 24px;font-family:inherit;font-size:14px}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}#mode-select{z-index:30;pointer-events:auto;background:radial-gradient(at 50% 30%,#503c1e73,#0000 55%),#0c0a08d1;justify-content:center;align-items:center;padding:16px 0;display:none;position:absolute;inset:0;overflow-y:auto}#mode-select.visible{display:flex}#hud.in-menu #top-bar,#hud.in-menu #bottom-hud,#hud.in-menu #help{visibility:hidden}.menu-box{text-align:center;background:linear-gradient(#3a342c 0%,#221e18 100%);border:3px solid #8a7a50;width:min(92vw,480px);max-width:480px;max-height:min(92vh,900px);padding:28px 36px 36px;overflow-y:auto;box-shadow:0 12px 40px #0000008c}.menu-logo{object-fit:contain;filter:drop-shadow(0 6px 18px #0000008c);width:min(52vw,240px);height:auto;margin:0 auto 8px;display:block}.menu-box h1{color:#ffd080;letter-spacing:.04em;margin-bottom:4px;font-size:32px}.menu-tag{color:#9a9080;margin-bottom:22px;font-size:13px}#mode-list{flex-direction:column;gap:10px;display:flex}.diff-row{gap:8px;margin-bottom:16px;display:flex}.faction-row{flex-direction:column;gap:10px;display:flex}.faction-group{align-items:center;gap:8px;display:flex}.faction-label{text-align:left;color:#a89878;flex-shrink:0;width:52px;font-size:12px}.faction-group .diff-btn{flex:1}.diff-btn{color:#c8c0b0;cursor:pointer;background:#2a2620;border:2px solid #6a6050;flex:1;padding:8px 6px;font-family:inherit;font-size:13px}.diff-btn:hover{border-color:#9a8a60}.diff-btn.active{color:#ffd080;background:#2a3a4a;border-color:#4af}.mode-card{text-align:left;color:#e8e0d0;cursor:pointer;background:#2a2620;border:2px solid #6a6050;flex-direction:column;gap:4px;padding:14px 16px;font-family:inherit;transition:border-color .12s,background .12s;display:flex}.mode-card strong{color:#ffd080;font-size:15px}.mode-card span{color:#a8a090;font-size:12px;line-height:1.35}.mode-card:hover{background:#2a3340;border-color:#4af}#box-select{pointer-events:none;z-index:5;background:#44aaff26;border:1px solid #4af;display:none;position:fixed}#help{color:#8a8070;max-width:280px;font-size:11px;line-height:1.5;position:absolute;top:56px;left:12px}#cheat-console{color:#7dff7d;z-index:30;pointer-events:auto;background:#080c08eb;border:1px solid #3a6a3a;flex-direction:column;max-width:520px;max-height:220px;font-family:Share Tech Mono,Courier New,monospace;font-size:13px;display:flex;position:absolute;bottom:160px;left:12px;right:12px;box-shadow:0 0 0 1px #0a1a0a,0 8px 24px #0000008c}#cheat-console[hidden]{display:none!important}#cheat-log{border-bottom:1px solid #2a4a2a;flex:1;min-height:72px;max-height:160px;padding:8px 10px;overflow-y:auto}.cheat-line{word-break:break-word;line-height:1.45}.cheat-line.dim{color:#6a8a6a}.cheat-line.err{color:#f86}.cheat-line.ok{color:#9dff9d}.cheat-row{align-items:center;gap:8px;padding:8px 10px;display:flex}.cheat-prompt{color:#5dff7a;flex-shrink:0}#cheat-input{color:#c8ffc8;font:inherit;caret-color:#7dff7d;background:0 0;border:none;outline:none;flex:1}