*{margin:0;padding:0;box-sizing:border-box}
body{background:#06060c;overflow:hidden;font-family:'Segoe UI',system-ui,sans-serif;color:#e0e0e0}
canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0}
#backBtn{position:fixed;top:14px;left:16px;z-index:20;color:rgba(255,255,255,0.35);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:2px;padding:6px 12px;border-radius:4px;transition:all .2s}
#backBtn:hover{color:#fff;background:rgba(255,255,255,0.1)}
#ui{position:fixed;inset:0;pointer-events:none;z-index:1}
#score{position:absolute;top:16px;left:50%;transform:translateX(-50%);font-size:36px;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(255,68,102,0.4);opacity:0;transition:opacity .3s}
#score.visible{opacity:1}
#highscore{position:absolute;top:60px;left:50%;transform:translateX(-50%);font-size:13px;color:#99a;opacity:0;transition:opacity .3s}
#highscore.visible{opacity:1}
#overlay,#deathOverlay{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(6,6,12,0.85);backdrop-filter:blur(12px);transition:opacity .3s}
#overlay:not(.visible),#deathOverlay:not(.visible){opacity:0;pointer-events:none}
h1{font-size:56px;font-weight:900;letter-spacing:12px;margin-bottom:16px;background:linear-gradient(135deg,#ff4466,#ff8844);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
p{font-size:14px;color:#8899aa;margin-bottom:8px}
.controls{font-size:11px;letter-spacing:2px;color:#556;margin-bottom:24px}
button{background:linear-gradient(135deg,#ff4466,#ff8844);color:#fff;border:none;padding:12px 48px;font-size:14px;font-weight:800;letter-spacing:4px;border-radius:6px;cursor:pointer;transition:transform .15s,box-shadow .3s}
button:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(255,68,102,0.3)}
#finalScore{font-size:24px;color:#ff4466;font-weight:700;margin:16px 0}
#newHigh{color:#ff8844;font-size:14px;margin-bottom:24px}
#pauseMenu{position:fixed;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(6,6,12,0.9);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .25s}
#pauseMenu.visible{opacity:1;pointer-events:auto}
.vol-row{display:flex;align-items:center;gap:12px;margin:20px 0 24px}
.vol-row label{font-size:11px;letter-spacing:3px;color:#8899aa;font-weight:700}
.vol-row span{font-size:13px;color:#ff8844;min-width:36px;text-align:right}
#volSlider{-webkit-appearance:none;appearance:none;width:160px;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;outline:none}
#volSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#ff4466,#ff8844);border-radius:50%;cursor:pointer;box-shadow:0 0 10px rgba(255,68,102,0.4)}
#volSlider::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,#ff4466,#ff8844);border-radius:50%;cursor:pointer;border:none}