:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:#cfe8ff}.app{position:relative;width:100vw;height:100vh;overflow:hidden}.app canvas{display:block;width:100%;height:100%}.hud{position:absolute;inset:0;pointer-events:none;color:#0f172a;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.hud-panel{position:absolute;left:16px;top:16px;background:#ffffffd9;border:1px solid rgba(15,23,42,.15);border-radius:10px;padding:12px 14px;min-width:220px;pointer-events:auto}.hud-panel h2{margin:0 0 8px;font-size:14px;letter-spacing:.4px;text-transform:uppercase}.hud-controls{position:absolute;left:16px;bottom:16px;background:#0f172ab3;color:#f8fafc;border-radius:10px;padding:10px 12px;font-size:12px;max-width:280px}.hud-controls strong{display:block;font-weight:600;margin-bottom:6px}.hud-hint{position:absolute;left:50%;bottom:120px;transform:translate(-50%);padding:8px 14px;border-radius:16px;background:#ffffffe6;border:1px solid rgba(15,23,42,.15);font-size:13px;pointer-events:none}.hud-message{position:absolute;right:16px;top:16px;background:#0f172ad9;color:#f8fafc;padding:8px 12px;border-radius:10px;font-size:12px}.quiz-modal{position:absolute;inset:0;display:grid;place-items:center;background:#0f172a73;pointer-events:auto}.quiz-card{background:#fff;border-radius:12px;padding:20px;min-width:280px;border:1px solid rgba(15,23,42,.15);display:grid;gap:12px}.quiz-card h3{margin:0;font-size:16px}.quiz-card input{padding:8px 10px;border-radius:8px;border:1px solid rgba(15,23,42,.2);font-size:14px}.math-problem{display:flex;flex-direction:column;align-items:flex-end;font-family:monospace;font-size:28px;font-weight:700;padding:12px 16px;background:#f8fafc;border-radius:8px}.math-row{white-space:pre}.math-row.bottom-number{display:flex;gap:.3ch}.math-row .operator{margin-right:.2ch}.math-line{height:3px;background:#1e293b;margin-top:4px;border-radius:2px}.quiz-actions{display:flex;gap:8px;justify-content:flex-end}.quiz-actions button{border-radius:8px;border:none;padding:8px 12px;background:#1d4ed8;color:#fff;font-size:13px;cursor:pointer}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:8px}.settings-row input[type=range]{width:120px}.minimap-border{position:absolute;right:16px;bottom:16px;width:180px;height:180px;border:2px solid rgba(15,23,42,.8);border-radius:4px;background:#0f172a1a;pointer-events:none;box-shadow:0 2px 8px #0003}.city-health-bar{position:absolute;top:16px;left:50%;transform:translate(-50%);width:280px;background:#0f172ad9;border-radius:10px;padding:10px 14px;pointer-events:none}.city-health-label{display:flex;justify-content:space-between;align-items:center;color:#f8fafc;font-size:12px;font-weight:600;margin-bottom:6px}.city-health-track{width:100%;height:12px;background:#fff3;border-radius:6px;overflow:hidden}.city-health-fill{height:100%;border-radius:6px;transition:width .3s ease,background-color .3s ease}.game-over-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0f172ad9;pointer-events:auto;z-index:100}.game-over-content{display:flex;flex-direction:column;align-items:center;gap:32px}.game-over-title{font-size:72px;font-weight:800;color:#ef4444;text-shadow:0 4px 12px rgba(0,0,0,.5);margin:0;letter-spacing:4px}.game-over-restart{padding:16px 48px;font-size:20px;font-weight:600;background:#22c55e;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease,transform .1s ease}.game-over-restart:hover{background:#16a34a;transform:scale(1.05)}.game-over-restart:active{transform:scale(.98)}