*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background-color:#020617;font-family:Inter,sans-serif;color:#fff}#root{width:100vw;height:100vh;position:relative}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.score-display{position:absolute;top:30px;right:40px;text-align:right;pointer-events:none;z-index:100;animation:slide-down .5s ease-out}.score-main{font-family:Orbitron,sans-serif;font-size:4rem;font-weight:900;color:#fff;text-shadow:0 0 7px #fff,0 0 10px #00ffff,0 0 21px #00ffff,0 0 42px #00ffff;line-height:1;letter-spacing:2px;font-style:italic;transform:skew(-10deg)}.distance-sub{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:#0ff;text-transform:uppercase;letter-spacing:4px;margin-top:5px;opacity:.8}.screen-container{background:#0f172ae6;padding:50px;border-radius:30px;border:4px solid #00ffff;box-shadow:0 0 30px #00ffff4d,inset 0 0 15px #0ff3;text-align:center;pointer-events:auto;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);min-width:400px}h1{font-family:Orbitron,sans-serif;font-size:5.5rem;font-weight:900;margin-bottom:20px;text-transform:uppercase;color:#fff;text-shadow:0 0 10px #6366f1,0 0 20px #6366f1,4px 4px 0 #000;letter-spacing:4px}.subtitle{font-size:1.5rem;color:#d4a373;margin-bottom:30px;font-weight:700}button{background:linear-gradient(to bottom,#dfff00,#a8cf00);border:3px solid #000;padding:15px 50px;font-size:1.8rem;font-weight:900;color:#000;border-radius:10px;cursor:pointer;transition:transform .1s;box-shadow:0 6px #000;text-transform:uppercase}button:active{transform:scale(.95)}.mute-btn{position:absolute;top:30px;left:40px;background:#0f172a99;border:2px solid #00ffff;color:#fff;width:60px;height:60px;border-radius:15px;cursor:pointer;font-size:28px;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;box-shadow:0 0 15px #0ff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mute-btn:hover{transform:scale(1.1);background:#0ff3}.controls-hint{margin-top:30px;font-size:1rem;color:#bbb}.touch-controls{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:5;pointer-events:none}.jump-layer{position:absolute;top:0;left:0;width:100%;height:50%;z-index:6;pointer-events:auto;cursor:pointer}.touch-layer{flex:1;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:rgba(0,255,255,.1)}.touch-layer:active{background:#00ffff0d}@media(max-width:768px){h1{font-size:3.5rem;letter-spacing:2px}.score-main{font-size:2.8rem}.screen-container{min-width:90%;padding:30px 20px}.mute-btn{top:20px;left:20px;width:50px;height:50px;font-size:22px}.score-display{top:20px;right:25px}}@media(max-width:480px){h1{font-size:2.5rem}.subtitle{font-size:1.1rem}.score-main{font-size:2rem}}@keyframes slide-down{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.screen{animation:fade-in .4s ease-out;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#02061766}