:root{--bg: #0c1a33;--bg-gradient: radial-gradient(1200px 600px at 50% -20%, #1a2f5c 0%, #0c1a33 55%, #070f1e 100%);--card: #162a4a;--card-2: #1d345c;--border: rgba(255,255,255,.08);--border-strong: rgba(255,204,51,.25);--accent: #ffcc33;--accent-2: #ff6b2e;--accent-gradient: linear-gradient(90deg, #ffcc33 0%, #ff8a2e 55%, #ff6b2e 100%);--success: #2ecc71;--success-gradient: linear-gradient(90deg, #2ecc71, #1abc9c);--tile: #d4a373;--tile-2: #e8c39e;--curb: #5a6a7a;--crack: #2a2f3a;--green: #2a9d5c;--text: #f2f5ff;--text-dim: #a8b3cc;--text-muted: #6b7a99;--radius: 16px;--radius-lg: 20px;--radius-xl: 24px;--shadow: 0 8px 24px rgba(0,0,0,.45);--shadow-strong: 0 12px 32px rgba(0,0,0,.55);--gap: 12px}body{background:var(--bg-gradient),var(--bg);color:var(--text)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Manrope,system-ui,-apple-system,sans-serif;background:var(--bg-gradient),var(--bg);color:var(--text);min-height:100vh}a{color:#7cc4ff}button{cursor:pointer;border:none;border-radius:12px;padding:10px 16px;background:var(--card);color:var(--text);font-weight:700;box-shadow:var(--shadow);transition:transform .12s,filter .12s}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:12px;box-shadow:var(--shadow)}.energy-bar{height:14px;background:#0f1e3a;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.energy-fill{height:100%;background:var(--accent-gradient);transition:width .3s}.grid{display:grid;gap:2px}.cell{aspect-ratio:1;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.cell-0{background:var(--crack)}.cell-1{background:var(--curb)}.cell-2{background:var(--tile)}