:root{--cyan: #00f2ff;--pink: #ff007b;--purple: #7000ff;--dark-bg: #030305;--glass: rgba(0, 242, 255, .05)}html,body{margin:0;background:#000;height:100vh;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#fff;overflow:hidden;touch-action:none}body{display:flex;justify-content:center;align-items:center}#gameWrapper{transform-origin:top center;touch-action:none;width:440px}#gameContainer{position:relative;width:440px;height:750px;background:var(--dark-bg);border:1px solid rgba(0,242,255,.2);overflow:hidden}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#050508d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;text-align:center;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-over-card{background:#0f0a14f2;border:2px solid var(--pink);border-radius:20px;padding:50px 40px;box-shadow:0 0 40px #ff007b4d,inset 0 0 20px #ff007b1a;display:flex;flex-direction:column;align-items:center;gap:35px;animation:scaleUp .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.game-over-card h1{margin:0;font-size:42px;line-height:1.1;letter-spacing:4px}#finalScore{margin:0;font-size:32px;font-family:Courier New,monospace;font-weight:700;color:#fff;background:#00f2ff1a;padding:15px 30px;border-radius:8px;border:1px solid rgba(0,242,255,.3);box-shadow:inset 0 0 10px #00f2ff1a}.title-anim{font-size:50px;line-height:.9;letter-spacing:8px;margin-bottom:40px;filter:drop-shadow(0 0 15px var(--cyan))}.top-score-container{margin-bottom:50px;padding:15px 30px;background:#ff007b0d;border-left:2px solid var(--pink);border-right:2px solid var(--pink)}#menuTopScore{font-size:32px;font-family:Courier New,monospace;font-weight:700}#controls{position:absolute;top:15px;right:15px;z-index:150}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:4px;background:#00f2ff33;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);cursor:pointer}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);border:none;cursor:pointer}.volume-slider::-moz-range-track{background:#00f2ff33;height:4px;border-radius:2px}.arcade-btn{background:transparent;border:2px solid var(--cyan);color:var(--cyan);padding:18px 40px;font-size:16px;font-weight:700;letter-spacing:3px;cursor:pointer;transition:all .3s;box-shadow:0 0 15px #00f2ff33,inset 0 0 5px #00f2ff33;border-radius:4px}.arcade-btn:hover{background:var(--cyan);color:#000;box-shadow:0 0 40px var(--cyan);transform:scale(1.05)}.small-btn{padding:8px 12px;font-size:18px;border-radius:50px;letter-spacing:0}#hud{position:absolute;top:25px;left:50%;transform:translate(-50%);width:180px;padding:10px;background:var(--glass);border:1px solid rgba(0,242,255,.3);border-top:3px solid var(--cyan);z-index:50;text-align:center}.hud-label{font-size:10px;letter-spacing:2px;color:var(--cyan);opacity:.8}#score{font-family:Courier New,monospace;font-size:28px;text-shadow:0 0 10px var(--cyan)}#roadWrapper{width:100%;height:100%;perspective:1000px}#road{position:absolute;left:50%;transform:translate(-50%);width:360px;height:100%;background:#080808;border-left:4px solid var(--cyan);border-right:4px solid var(--cyan);background-image:linear-gradient(to bottom,transparent 0%,transparent 80%,rgba(0,242,255,.4) 80%,rgba(0,242,255,.4) 100%);background-size:100% 150px}#player{position:absolute;bottom:50px;width:70px;height:100px;filter:drop-shadow(0 0 12px var(--cyan))}.obstacle{position:absolute;width:70px;height:70px;filter:drop-shadow(0 0 10px var(--pink)) hue-rotate(280deg)}.powerup{position:absolute;width:60px;height:60px;filter:drop-shadow(0 0 12px #ff6600) drop-shadow(0 0 4px #ffaa00)}.neon-text-cyan{color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.neon-text-pink{color:var(--pink);text-shadow:0 0 10px var(--pink)}.arrow-controls{display:flex;width:100%}.arrow-btn{flex:1;height:80px;background:#00f2ff14;border:1px solid rgba(0,242,255,.2);border-top:none;color:var(--cyan);font-size:36px;cursor:pointer;user-select:none;-webkit-user-select:none;opacity:.7;transition:opacity .1s,background .1s}.arrow-btn:first-child{border-right:none}.arrow-btn:active{opacity:1;background:#00f2ff33}