*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none;user-select:none;background:#000008;width:100%;height:100%;font-family:Inter,sans-serif;overflow:hidden}#game-canvas{z-index:0;width:100%;height:100%;display:block;position:fixed;top:0;left:0}#ui{z-index:10;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}#start-screen{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;transition:opacity .8s;display:flex}#start-screen.hidden{opacity:0;pointer-events:none!important}#start-screen h1{letter-spacing:.3em;color:#00e5ff;text-shadow:0 0 20px #00e5ff80,0 0 60px #00e5ff4d,0 0 120px #00e5ff26;text-align:center;margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-size:clamp(3.5rem,14vw,12rem);font-weight:900;animation:3s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{text-shadow:0 0 20px #00e5ff80,0 0 60px #00e5ff4d}50%{text-shadow:0 0 30px #00e5ffcc,0 0 80px #00e5ff80,0 0 140px #00e5ff40}}.subtitle{color:#fff6;letter-spacing:.25em;text-transform:uppercase;text-align:center;margin-bottom:3rem;font-size:clamp(.85rem,2vw,1.15rem);font-weight:300}#start-screen button,#game-over button{pointer-events:auto;letter-spacing:.2em;color:#00e5ff;cursor:pointer;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);background:#00e5ff0f;border:2px solid #00e5ff66;border-radius:4px;padding:1rem 2.5rem;font-family:Orbitron,sans-serif;font-size:clamp(.7rem,1.5vw,.95rem);font-weight:700;transition:all .3s}#start-screen button:hover,#game-over button:hover{background:#00e5ff24;border-color:#00e5ff;transform:scale(1.03);box-shadow:0 0 20px #00e5ff40,inset 0 0 20px #00e5ff14}#start-screen button:active,#game-over button:active{transform:scale(.98)}.controls-hint{color:#ffffff40;letter-spacing:.2em;text-transform:uppercase;margin-top:1.8rem;font-size:.75rem}.how-to-play{text-align:center;margin-bottom:2.5rem}.how-to-play p{color:#ffffff80;letter-spacing:.08em;font-size:clamp(.8rem,1.8vw,1.05rem);line-height:1.8}.how-to-play .controls-detail{color:#ffffff40;letter-spacing:.15em;text-transform:uppercase;margin-top:.5rem;font-size:clamp(.65rem,1.2vw,.8rem)}.hl-cyan{color:#00e5ff;text-shadow:0 0 10px #00e5ff66}.hl-red{color:#f24;text-shadow:0 0 10px #ff224480}.hl-green{color:#0f8;text-shadow:0 0 10px #00ff8880}#hud{flex-direction:column;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}#hud.hidden{opacity:0;pointer-events:none!important}#hud-top{justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem;display:flex}#score{color:#fff;text-shadow:0 0 20px #ffffff4d;font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:900;line-height:1}#depth{color:#ffffff59;letter-spacing:.15em;font-family:Orbitron,sans-serif;font-size:clamp(.6rem,1.2vw,.8rem);font-weight:400}#game-over{-webkit-backdrop-filter:blur(12px);pointer-events:auto;cursor:pointer;background:#000008bf;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;transition:opacity .6s;display:flex}#game-over.hidden{opacity:0;pointer-events:none!important}#game-over h1{letter-spacing:.3em;color:#f43f5e;text-shadow:0 0 30px #f43f5e80,0 0 80px #f43f5e33;text-align:center;margin-bottom:2rem;font-family:Orbitron,sans-serif;font-size:clamp(2rem,7vw,4.5rem);font-weight:900}#final-score{color:#fff;text-shadow:0 0 20px #ffffff4d;margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:900}#best-score{color:#ffffff59;letter-spacing:.15em;margin-bottom:1.5rem;font-family:Orbitron,sans-serif;font-size:clamp(.7rem,1.5vw,.9rem);font-weight:400}#leaderboard{width:min(320px,85vw);margin-bottom:2rem}#leaderboard h2{color:#ffffff4d;letter-spacing:.25em;text-align:center;margin-bottom:.8rem;font-family:Orbitron,sans-serif;font-size:clamp(.55rem,1.2vw,.7rem);font-weight:700}#leaderboard-list{flex-direction:column;gap:.3rem;padding:0;list-style:none;display:flex}#leaderboard-list li{color:#ffffff73;letter-spacing:.08em;background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;justify-content:space-between;align-items:center;padding:.35rem .8rem;font-family:Orbitron,sans-serif;font-size:clamp(.6rem,1.1vw,.75rem);display:flex}#leaderboard-list li .lb-rank{color:#fff3;min-width:2rem;font-weight:400}#leaderboard-list li .lb-score{color:#ffffffa6;font-weight:700}#leaderboard-list li .lb-depth{color:#fff3;font-size:.65em}#leaderboard-list li.lb-current{background:#00e5ff14;border-color:#00e5ff40}#leaderboard-list li.lb-current .lb-score{color:#00e5ff;text-shadow:0 0 8px #00e5ff66}#leaderboard-list li.lb-gold .lb-rank{color:#fbbf24}#leaderboard-list li.lb-silver .lb-rank{color:#94a3b8}#leaderboard-list li.lb-bronze .lb-rank{color:#cd7f32}#game-over button{color:#f43f5e;background:#f43f5e0f;border-color:#f43f5e66}#game-over button:hover{background:#f43f5e24;border-color:#f43f5e;box-shadow:0 0 20px #f43f5e40,inset 0 0 20px #f43f5e14}.restart-hint{color:#ffffff40;letter-spacing:.2em;text-transform:uppercase;margin-top:1.5rem;font-size:.7rem;animation:2s ease-in-out infinite pulse-glow}#tutorial{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;transition:opacity 1.5s;display:flex}#tutorial.hidden{opacity:0;pointer-events:none!important}#tutorial p{color:#ffffffb3;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 20px #fff3;font-family:Orbitron,sans-serif;font-size:clamp(.9rem,2.5vw,1.4rem);font-weight:700}#tutorial .tutorial-sub{color:#ffffff4d;letter-spacing:.12em;margin-top:.8rem;font-family:Inter,sans-serif;font-size:clamp(.65rem,1.5vw,.85rem);font-weight:300}@media (width<=640px){#hud{padding:1rem 1.2rem}.controls-hint{margin-top:1.2rem}}@media (prefers-reduced-motion:reduce){#start-screen h1{animation:none}}