: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:#1a1a2e;color:#fafafa;overflow:hidden;-webkit-user-select:none;user-select:none}.game-container{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}canvas{display:block;border-radius:12px;box-shadow:0 0 40px #00000080}.ui-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.hud{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:24px;font-size:1rem;font-weight:600;letter-spacing:.02em;z-index:10}.hud-item{background:#00000080;padding:6px 16px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.hud-item span{color:#f59e0b}.menu-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a1ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:all;z-index:20;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-screen h1{font-size:3rem;font-weight:800;letter-spacing:-.03em;margin-bottom:8px;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-screen .subtitle{color:#ffffff80;font-size:1rem;margin-bottom:32px}.menu-screen .score-display{font-size:1.4rem;font-weight:600;margin-bottom:8px;color:#f59e0b}.menu-screen .high-score{font-size:.9rem;color:#fff6;margin-bottom:32px}.play-btn{padding:14px 48px;font-size:1.1rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;letter-spacing:.04em;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #f59e0b4d;pointer-events:all}.play-btn:hover{transform:scale(1.05);box-shadow:0 6px 28px #f59e0b73}.play-btn:active{transform:scale(.97)}.controls-hint{margin-top:24px;font-size:.8rem;color:#ffffff4d}.controls-hint kbd{background:#ffffff1a;padding:2px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.15);font-family:inherit}