:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.game-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:1rem}.game-title{font-size:2rem;font-weight:700;letter-spacing:.05em;color:#fd0;text-shadow:0 0 20px rgba(255,221,0,.3);margin:0}.game-wrapper{display:flex;flex-direction:column;gap:.75rem;align-items:center}.game-canvas{border:2px solid #333;border-radius:8px;background:#0a0a0a;max-width:100%;height:auto}.controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.gold-display{display:flex;align-items:center;gap:.4rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:.5rem 1rem;font-weight:700;font-size:1.1rem}.gold-icon{font-size:1.2rem}.gold-amount{color:#fd0;min-width:3ch}.unit-buttons{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.unit-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .75rem;border:2px solid #444;border-radius:8px;background:#1a1a1a;color:#fafafa;cursor:pointer;transition:all .15s;min-width:80px;font-family:inherit}.unit-btn:hover:not(.disabled){border-color:#888;background:#222;transform:translateY(-1px)}.unit-btn:active:not(.disabled){transform:translateY(0)}.unit-btn.disabled{opacity:.4;cursor:not-allowed}.unit-btn.miner{border-color:#a86}.unit-btn.miner:hover:not(.disabled){border-color:#ca8}.unit-btn.swordsman{border-color:#68a}.unit-btn.swordsman:hover:not(.disabled){border-color:#8ac}.unit-btn.archer{border-color:#6a6}.unit-btn.archer:hover:not(.disabled){border-color:#8c8}.unit-btn.spearmen{border-color:#a66}.unit-btn.spearmen:hover:not(.disabled){border-color:#c88}.unit-icon{font-size:1.4rem}.unit-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.unit-cost{font-size:.7rem;color:#fd0;opacity:.8}.restart-btn{padding:.5rem 1.25rem;border:2px solid #f44;border-radius:8px;background:#1a1a1a;color:#f44;font-weight:700;font-size:.9rem;cursor:pointer;font-family:inherit;transition:all .15s}.restart-btn:hover{background:#311;border-color:#f66}.instructions{text-align:center;color:#ffffff73;font-size:.85rem;max-width:500px}.instructions p{margin:.2rem 0}.instructions kbd{display:inline-block;padding:.1rem .4rem;border:1px solid #555;border-radius:3px;background:#222;font-family:monospace;font-size:.8rem}