:root{--bg: #071021;--card: #0f1720;--accent: #9ae66e;--muted: #98a0ad;--panel: #0b1220}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,#071021,#0b1220);color:#e6eef6}.app{min-height:100vh;display:flex;flex-direction:column;gap:16px;align-items:center;padding:28px}header{text-align:center}header h1{margin:0;font-size:28px;letter-spacing:-.02em}header p{margin:6px 0 0;color:var(--muted);font-size:13px}main{display:flex;justify-content:center;width:100%}.game-wrapper{position:relative;display:inline-block}.game-panel{display:flex;gap:12px;background:#ffffff05;padding:12px;border-radius:12px;box-shadow:0 8px 24px #0009;align-items:center}canvas{display:block;width:420px;height:420px;border-radius:8px;box-shadow:inset 0 0 30px #0006}.hud{min-width:200px;display:flex;flex-direction:column;gap:8px;color:#cfe9c7;font-size:14px}.controls{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}button{background:linear-gradient(180deg,#1b2730,#111827);border:1px solid rgba(255,255,255,.06);color:#e6eef6;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px}button:hover{transform:translateY(-1px)}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.gameover-box{background:#020617e6;border:1px solid rgba(255,255,255,.06);padding:22px;border-radius:12px;text-align:center;box-shadow:0 12px 40px #0009}footer{margin-top:6px;color:var(--muted);font-size:13px}