:root{--bg-color: #0f172a;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--accent-color: #00f0ff;--text-color: #f8fafc;--grid-line: rgba(255, 255, 255, .03)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:Inter,system-ui,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(circle at 50% 0%,#1e293b 0%,transparent 50%),radial-gradient(circle at 80% 80%,#1e1b4b 0%,transparent 40%);color:var(--text-color);height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#app{display:flex;gap:2rem;padding:2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 25px 50px -12px #00000080}.game-container{position:relative;box-shadow:0 0 20px #0000004d;border-radius:4px;overflow:hidden;border:4px solid rgba(255,255,255,.05)}canvas{display:block}.sidebar{display:flex;flex-direction:column;gap:2rem;min-width:200px}.panel{background:#0003;padding:1.5rem;border-radius:12px;border:1px solid var(--glass-border)}h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,white,var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-1px}h2{font-size:.875rem;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:.5rem}.score-value{font-size:2rem;font-family:Courier New,monospace;font-weight:700;color:var(--accent-color);text-shadow:0 0 10px rgba(0,240,255,.3)}.controls-info{font-size:.85rem;color:#64748b;line-height:1.6}.btn{background:var(--accent-color);color:#0f172a;border:none;padding:1rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px;margin-top:auto}.btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #00f0ff33}.mute-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-color)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s ease}.overlay.visible{opacity:1;pointer-events:all}.game-over-title{font-size:3rem;font-weight:900;color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.5);margin-bottom:1rem;transform:rotate(-2deg)}.final-score{font-size:1.5rem;color:#f8fafc;margin-bottom:2rem}