:root{--base-blue:#0052ff;--base-blue-glow:#0052ffa6;--neon-cyan:#00f0ff;--neon-green:#0f8;--dark-navy:#0a0e17;--darker-navy:#020510;--text-primary:#fff;--text-secondary:#7a8fa8;--alert-red:#f36}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html{width:100%;height:100%;position:fixed;overflow:hidden}body{background-color:var(--darker-navy);width:100%;height:100%;color:var(--text-primary);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;font-family:Outfit,Inter,system-ui,sans-serif;overflow:hidden}#game-container{width:100%;height:100%;position:fixed;top:0;left:0}canvas{width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;touch-action:none;display:block}#ui-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#hud{z-index:10;justify-content:space-between;align-items:flex-start;transition:opacity .3s;display:flex;position:absolute;top:clamp(12px,2.5vh,24px);left:clamp(12px,2.5vw,28px);right:clamp(12px,2.5vw,28px)}.hud-center{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:clamp(12px,2.5vh,24px);left:50%;transform:translate(-50%)}.powerup-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;display:flex}.boost-bar-el{border:1px solid #ffd70066}.shield-bar-el{border:1px solid #00f0ff66}.powerup-icon{font-size:16px}.powerup-track{background:#ffffff1a;border-radius:4px;width:clamp(80px,12vw,160px);height:8px;overflow:hidden}.powerup-fill{border-radius:4px;width:100%;height:100%;transition:width .1s linear}.boost-fill{background:linear-gradient(90deg,#c80,gold);box-shadow:0 0 8px gold}.shield-fill{background:linear-gradient(90deg,#069,#00f0ff);box-shadow:0 0 8px #00f0ff}.score-container{letter-spacing:2px;gap:clamp(10px,1.5vw,20px);font-family:Courier New,Courier,monospace;font-size:clamp(14px,2.2vw,26px);font-weight:700;display:flex}.score-label{color:var(--text-secondary);text-shadow:0 0 8px #78a0dc66}.score-value{color:var(--text-secondary);text-shadow:0 0 8px #78a0dc66;transition:color .3s}.active-score{color:var(--text-primary);text-shadow:0 0 14px var(--base-blue), 0 0 30px #0052ff4d}.hud-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}#multiplier{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan), 0 0 20px #00f0ff4d;font-family:Courier New,Courier,monospace;font-size:clamp(12px,1.8vw,22px);font-weight:700}.wallet-badge{color:var(--base-blue);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0052ff1a;border:1px solid #0052ff80;border-radius:20px;padding:4px 10px;font-size:clamp(9px,1.2vw,13px);transition:all .3s}.screen{-webkit-backdrop-filter:blur(10px);z-index:20;pointer-events:auto;opacity:0;visibility:hidden;background:radial-gradient(at 50% 35%,#001e50b3 0%,#020510e0 70%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(16px,4vw,40px);transition:opacity .45s,visibility .45s;display:flex;position:absolute;top:0;left:0}.screen.active{opacity:1;visibility:visible}.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.hidden,.hidden *{-webkit-backdrop-filter:none!important}.logo-glow{background:var(--base-blue);filter:blur(90px);opacity:0;z-index:-1;width:min(500px,80vw);height:80px;animation:3s ease-in-out infinite alternate pulse-glow;position:absolute;top:28%}@keyframes pulse-glow{0%{opacity:.25;transform:scaleX(.8)}to{opacity:.5;transform:scaleX(1.15)}}h1.glitch{text-transform:uppercase;letter-spacing:clamp(2px,.5vw,6px);text-align:center;background:linear-gradient(135deg,#fff 0%,#c0d4ff 45%,#0052ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px #0052ffb3);-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:clamp(2rem,7vw,5.5rem);font-weight:900;line-height:1.05;position:relative}h1.glitch:before,h1.glitch:after{content:attr(data-text);background:inherit;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:100%;position:absolute;top:0;left:0}h1.glitch:before{clip-path:polygon(0 15%,100% 15%,100% 40%,0 40%);animation:4s step-end infinite glitch-1}h1.glitch:after{clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);animation:4s step-end infinite glitch-2}@keyframes glitch-1{0%,92%,to{opacity:0;transform:none}93%{opacity:.6;filter:hue-rotate(90deg);transform:translate(-3px,1px)}95%{opacity:.4;transform:translate(3px,-1px)}97%{opacity:.6;transform:translate(-2px)}}@keyframes glitch-2{0%,88%,to{opacity:0;transform:none}89%{opacity:.5;filter:hue-rotate(200deg);transform:translate(3px,2px)}91%{opacity:.3;transform:translate(-3px,-1px)}}.subtitle{color:var(--neon-cyan);letter-spacing:clamp(3px,.8vw,6px);text-transform:uppercase;opacity:.85;margin-bottom:clamp(30px,5vh,60px);font-size:clamp(.6rem,1.5vw,1rem)}.hint-text{color:var(--text-secondary);letter-spacing:2px;opacity:.7;margin-top:clamp(16px,2.5vh,28px);font-size:clamp(.65rem,1.2vw,.85rem)}.menu-buttons{flex-direction:column;gap:clamp(12px,2.5vh,22px);width:100%;max-width:min(320px,85vw);display:flex}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;outline:none;font-family:Outfit,system-ui,sans-serif;transition:all .2s}.primary-btn{color:#fff;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#0052ff 0%,#1a6aff 100%);border-radius:10px;padding:clamp(14px,2.2vh,20px) 30px;font-size:clamp(.9rem,2vw,1.15rem);font-weight:700;position:relative;overflow:hidden;box-shadow:0 0 24px #0052ff73,0 4px 16px #0006}.primary-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.primary-btn:hover,.primary-btn:focus{transform:translateY(-3px);box-shadow:0 0 40px #0052ffd9,0 8px 24px #00000080}.primary-btn:hover:before{left:100%}.primary-btn:active{transform:translateY(1px);box-shadow:0 0 16px #0052ff80}.secondary-btn{color:#ffffffd9;text-transform:uppercase;letter-spacing:1.5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border:1.5px solid #ffffff2e;border-radius:10px;padding:clamp(12px,2vh,17px) 30px;font-size:clamp(.8rem,1.6vw,1rem);font-weight:600}.secondary-btn:hover,.secondary-btn:focus{color:#fff;background:#00f0ff0f;border-color:#00f0ff99;box-shadow:0 0 14px #00f0ff33}.menu-footer{align-items:center;gap:16px;display:flex;position:absolute;bottom:clamp(18px,3vh,36px)}.icon-btn{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:clamp(40px,6vw,52px);height:clamp(40px,6vw,52px);font-size:clamp(1rem,2vw,1.3rem);transition:all .2s;display:flex}.icon-btn:hover{background:#0052ff26;border-color:#0052ff80;transform:scale(1.1);box-shadow:0 0 14px #0052ff4d}.game-over-text{color:var(--alert-red);text-shadow:0 0 20px #ff3366e6,0 0 50px #f366;letter-spacing:clamp(3px,1vw,8px);text-transform:uppercase;margin-bottom:clamp(20px,4vh,40px);font-size:clamp(2rem,6vw,4.5rem);font-weight:900;animation:2.5s infinite flicker}@keyframes flicker{0%,97%,to{opacity:1}98%{opacity:.6}99%{opacity:1}}.stats-panel{-webkit-backdrop-filter:blur(12px);background:#000a1ea6;border:1px solid #0052ff40;border-radius:16px;flex-direction:column;gap:clamp(10px,2vh,18px);width:100%;max-width:min(420px,90vw);margin-bottom:clamp(20px,4vh,40px);padding:clamp(18px,3vh,32px) clamp(20px,4vw,40px);display:flex;box-shadow:0 0 30px #0052ff1f,inset 0 0 40px #0028781a}.stat-row{color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:clamp(.8rem,1.6vw,1.1rem);display:flex}.stat-row+.stat-row{border-top:1px solid #ffffff12;padding-top:clamp(10px,2vh,18px)}.stat-value{color:#fff;text-shadow:0 0 10px #00b4ff66;font-family:Courier New,Courier,monospace;font-size:clamp(1rem,2vw,1.5rem);font-weight:700}@media (width<=480px){.score-container{gap:8px}.subtitle{letter-spacing:2px}}@media (height<=500px) and (orientation:landscape){.screen{justify-content:flex-start;padding-top:12px}h1.glitch{margin-bottom:4px;font-size:1.8rem}.subtitle{margin-bottom:12px}.logo-glow{display:none}}#modal-layer{z-index:50;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020510d9;width:100vw;height:100vh;position:fixed;top:0;left:0}.modal{background:#000a1ecc;border:1px solid #0052ff66;border-radius:16px;flex-direction:column;gap:20px;width:90%;max-width:500px;max-height:85vh;padding:clamp(15px,5vw,30px);animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards modal-pop;display:flex;position:relative;overflow-y:auto;box-shadow:0 0 30px #0052ff33,inset 0 0 40px #00287826}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-thumb{background:var(--base-blue);border-radius:4px}@keyframes modal-pop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.close-modal{color:var(--text-secondary);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:24px;display:flex;position:absolute;top:15px;right:15px}.close-modal:hover{color:var(--alert-red);background:#ff33661a}.modal-title{text-align:center;letter-spacing:2px;text-shadow:0 0 10px;text-transform:uppercase;font-size:1.5rem}.streak-counter{text-align:center;font-size:1.1rem;font-weight:600}.reward-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.reward-day:nth-child(7){grid-column:span 3}.reward-day{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:4px;padding:8px 4px;transition:all .3s;display:flex}.reward-day.claimed{color:var(--text-secondary);background:#00ff880d;border-color:#00ff884d}.reward-day.next{border-color:var(--neon-cyan);background:#0052ff26;transform:scale(1.05);box-shadow:0 0 15px #00f0ff33}.reward-day-title{opacity:.7;font-size:.8rem}.reward-day-val{color:var(--neon-cyan);font-size:1rem;font-weight:700}.modal-action{text-align:center;margin-top:10px}.leaderboard-list{flex-direction:column;gap:8px;display:flex}.leaderboard-item{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.leaderboard-item.current-user{border-color:var(--neon-cyan);background:#0052ff33;box-shadow:0 0 10px #00f0ff33}.rank-badge{color:var(--neon-green);width:30px;font-weight:700}.lb-address{color:var(--text-primary);flex:1;font-family:monospace}.lb-score{color:var(--neon-cyan);font-family:Courier New,Courier,monospace;font-weight:700}.music-toggle-btn{border:1px solid var(--neon-cyan);width:44px;height:44px;color:var(--neon-cyan);cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#00f0ff1a;border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:75px;left:20px;box-shadow:0 0 10px #00f0ff33}.music-toggle-btn:hover{background:#00f0ff33;transform:scale(1.05);box-shadow:0 0 15px #00f0ff66}.music-toggle-btn.muted{border-color:var(--alert-red);color:var(--alert-red);background:#ff33661a;box-shadow:0 0 10px #f363}.music-toggle-btn.muted:hover{background:#f363;box-shadow:0 0 15px #f366}