: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}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden;user-select:none;-webkit-user-select:none}.game-container{width:100vw;height:100vh;position:relative;overflow:hidden;background:linear-gradient(180deg,#0a0a2e,#1a0a3e,#0a0a2e)}.game-canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;pointer-events:none;z-index:10}.hud-left,.hud-right{display:flex;align-items:center;gap:20px}.score-display{font-size:1.5rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);font-variant-numeric:tabular-nums}.combo-display{font-size:1rem;font-weight:600;color:#ff6b35;text-shadow:0 0 8px rgba(255,107,53,.5);transition:transform .1s}.combo-display.active{transform:scale(1.3)}.lives-display{display:flex;gap:4px}.life-heart{font-size:1.3rem;filter:drop-shadow(0 0 4px rgba(255,0,0,.5))}.life-heart.lost{opacity:.2;filter:none}.level-display{font-size:.9rem;color:#fff9;font-weight:500}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay h1{font-size:3rem;margin:0 0 8px;background:linear-gradient(135deg,gold,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.overlay h2{font-size:1.8rem;margin:0 0 16px;color:#f44}.overlay .subtitle{font-size:1.1rem;color:#fff9;margin-bottom:32px}.overlay .final-score{font-size:2rem;font-weight:700;color:gold;margin-bottom:8px}.overlay .high-score{font-size:1rem;color:#ffffff80;margin-bottom:32px}.btn{padding:14px 48px;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(135deg,gold,#ff8c00);color:#1a0a0a;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #ffd7004d;pointer-events:all}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #ffd70073}.btn:active{transform:translateY(0)}.controls-hint{margin-top:24px;font-size:.85rem;color:#fff6;text-align:center;line-height:1.6}.score-popup{position:absolute;pointer-events:none;font-weight:700;font-size:1.2rem;color:gold;text-shadow:0 0 6px rgba(255,215,0,.6);animation:floatUp .8s ease-out forwards;z-index:5}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(1.3)}}