:root{--bg: #090B10;--line: #1B2130;--cyan: #4DF0E0;--red: #FF5C6C;--gold: #FFC24D;--ink: #E9EDF2;--dim: #7C8AA0;--purple: #A78BFA;--orange: #FB923C}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{overflow-x:hidden;overflow-y:hidden;max-width:100vw}body{margin:0;padding:0;height:100%;overflow-x:hidden;background:var(--bg);font-family:Space Grotesk,"Noto Color Emoji",system-ui,sans-serif;color:var(--ink);user-select:none}#wrap{position:relative;width:100vw;max-width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg);overscroll-behavior:none;overflow-x:hidden}canvas{display:block;touch-action:none;width:100%;height:100%;transition:filter .25s ease;will-change:transform}.paused canvas{filter:blur(5px)}#hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;pointer-events:none;font-family:ui-monospace,monospace}#score{font-size:13px;letter-spacing:2px;color:var(--dim);font-weight:600}#score b{display:block;font-family:Space Grotesk,sans-serif;font-size:40px;color:var(--ink);letter-spacing:0;line-height:1;margin-top:2px}#comboTag{position:absolute;left:20px;bottom:70px;font-family:Space Grotesk,"Noto Color Emoji",sans-serif;font-size:28px;font-weight:700;color:var(--gold);opacity:0;transition:opacity .15s ease,transform .15s ease;pointer-events:none;text-shadow:0 0 20px rgba(255,194,77,.4)}#comboTag.show{opacity:1;transform:scale(1)}#speedTag{position:absolute;left:20px;bottom:26px;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:1.5px;color:var(--dim);pointer-events:none}#speedTag span{color:var(--cyan);font-weight:700;font-size:13px}#modeTag{font-size:11px;letter-spacing:2px;color:var(--gold);text-align:right}#best{text-align:right;font-size:11px;letter-spacing:1.5px;color:var(--dim);margin-top:4px}#best span{color:var(--cyan);font-weight:700}#recordPace{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:1px;color:var(--dim);margin-top:6px;transition:color .2s ease}#recordPace.ahead{color:var(--gold);font-weight:700}#scoreVal.gold{background:linear-gradient(180deg,#FFE8B8,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}#recordBanner{position:absolute;top:38%;left:0;right:0;text-align:center;pointer-events:none;opacity:0;transform:translateY(8px) scale(.9);transition:opacity .25s ease,transform .25s ease}#recordBanner.show{opacity:1;transform:translateY(0) scale(1)}#recordBanner .txt{display:inline-block;font-size:26px;font-weight:700;letter-spacing:-.5px;color:var(--gold);text-shadow:0 0 20px rgba(255,194,77,.6);background:#090b1080;padding:8px 20px;border-radius:100px}#powerWrap{position:absolute;left:20px;right:20px;bottom:58px;height:6px;border-radius:4px;background:#ffffff0f;overflow:hidden;pointer-events:none}#powerBar{height:100%;width:0%;border-radius:4px;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:width .08s linear}#powerWrap.full #powerBar{animation:powerFlash .4s infinite alternate}@keyframes powerFlash{0%{opacity:1}to{opacity:.55}}#powerWrap.urgent #powerBar{animation:powerUrgent .15s ease-in-out infinite alternate}@keyframes powerUrgent{0%{opacity:1;filter:brightness(1.3)}to{opacity:.3;filter:brightness(.6)}}#breakTag{position:absolute;top:70px;left:0;right:0;text-align:center;font-family:ui-monospace,monospace;font-size:13px;letter-spacing:3px;color:var(--gold);text-transform:uppercase;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s ease}#breakTag.show{opacity:1}#flashOverlay{position:absolute;inset:0;pointer-events:none;background:#ffc24d26;opacity:0;transition:opacity .06s ease}#flashOverlay.flash{opacity:1;transition:opacity 0s}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#090b10;padding:20px;overflow-y:auto;z-index:100}#startScreen{justify-content:flex-start;padding:max(32px,7vh) 20px max(18px,3vh);border-top:3px solid var(--cyan);overflow-x:hidden;background:radial-gradient(ellipse 70% 50% at 50% 30%,rgba(77,240,224,.05) 0%,transparent 60%),#090b10}#pauseScreen{border-top:3px solid var(--purple)}#overScreen{border-top:3px solid var(--red)}.hidden{display:none}.start-footer{flex-shrink:0;width:100%;display:flex;flex-direction:column;align-items:center}.mode-center{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0;width:100%}h1{font-size:44px;margin:0 0 12px;letter-spacing:-2px;font-weight:700;flex-shrink:0;background:linear-gradient(180deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--dim);font-size:13px;max-width:280px;margin:12px 0 20px;line-height:1.6}.mode-selector{position:relative;overflow:visible;width:100%;max-width:380px;min-height:56px;margin:0 0 20px;touch-action:pan-y}.mode-opt{position:absolute;left:50%;top:50%;width:200px;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(var(--mode-rgb, 255, 255, 255),.06);border:1px solid rgba(var(--mode-rgb, 255, 255, 255),.1);color:var(--ink);font-family:Space Grotesk,"Noto Color Emoji",sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;padding:14px 16px;border-radius:14px;cursor:pointer;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s ease,background .15s ease,border-color .15s ease;letter-spacing:.8px}.mode-opt .mo-icon{font-size:18px;width:28px;text-align:center;flex-shrink:0}.mode-opt .mo-label{flex-shrink:0;text-align:left;white-space:nowrap}.mo-lives{position:absolute;top:-6px;right:-6px;font-size:12px;line-height:1;letter-spacing:0;font-family:"Noto Color Emoji",sans-serif;background:var(--bg);border:1px solid var(--line);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;z-index:3}.mode-opt.focused{z-index:2;background:rgba(var(--mode-rgb, 255, 255, 255),.14);border-color:rgba(var(--mode-rgb, 255, 255, 255),.3);font-weight:600;animation:pulseGlow 2s ease-in-out infinite}@media(hover:hover){.mode-opt:hover{background:rgba(var(--mode-rgb, 255, 255, 255),.1);border-color:rgba(var(--mode-rgb, 255, 255, 255),.18)}.mode-opt.focused:hover{background:rgba(var(--mode-rgb, 255, 255, 255),.18);border-color:rgba(var(--mode-rgb, 255, 255, 255),.4)}}#toggleDetails{font-family:Space Grotesk,"Noto Color Emoji",sans-serif;font-size:12px;font-weight:500;letter-spacing:.5px;padding:5px 14px;border-radius:100px;background:transparent;color:var(--dim);border:1px solid var(--line);cursor:pointer;margin:0;transition:color .2s ease,border-color .2s ease,background .2s ease;line-height:1.4}@media(hover:hover){#toggleDetails:hover{color:var(--ink);border-color:#ffffff26;background:#ffffff0a}}#toggleDetails:active{transform:scale(.94)}.mode-details{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .35s ease,margin .3s ease;margin-top:0;width:100%;display:flex;flex-direction:column;align-items:center}.mode-details.open{max-height:200px;opacity:1;margin-top:10px}#modeDesc{font-size:13px;color:var(--dim);max-width:260px;line-height:1.5;margin:0;min-height:18px;transition:opacity .3s ease,transform .3s ease}.desc-icon{font-style:normal;margin-right:4px}#modeDots{display:flex;gap:6px;justify-content:center;min-height:20px;align-items:center;margin:0 0 10px}.mdot{width:8px;height:8px;border-radius:50%;background:var(--dim);opacity:.25;transition:opacity .4s cubic-bezier(.34,1.56,.64,1),width .4s cubic-bezier(.34,1.56,.64,1),height .4s cubic-bezier(.34,1.56,.64,1),border-radius .4s cubic-bezier(.34,1.56,.64,1),background .4s cubic-bezier(.34,1.56,.64,1)}.mdot.active{width:20px;height:5px;border-radius:100px;opacity:.9;transform:none}@keyframes pulseGlow{0%,to{box-shadow:0 0 16px rgba(var(--mode-rgb, 255, 255, 255),.15),0 0 40px rgba(var(--mode-rgb, 255, 255, 255),.05)}50%{box-shadow:0 0 24px rgba(var(--mode-rgb, 255, 255, 255),.3),0 0 56px rgba(var(--mode-rgb, 255, 255, 255),.1)}}#modePowerUps{display:flex;gap:8px;justify-content:center;align-items:center;min-height:22px;margin:12px 0 6px;flex-wrap:wrap}.mp-icon{font-size:18px;font-family:"Noto Color Emoji",sans-serif;opacity:.2;filter:grayscale(.8) brightness(.5);transition:opacity .3s ease,filter .3s ease,transform .3s ease,background .3s ease;line-height:1;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}.mp-icon.active{opacity:.95;filter:none;transform:none;background:rgba(var(--mode-rgb, 255, 255, 255),.12)}#puModal{z-index:110;gap:20px}#puCard{width:100%;max-width:340px;background:var(--bg);padding:18px 16px 16px;border-radius:16px;border:1px solid var(--line)}.pu-single-wrap{display:flex;align-items:center;gap:6px;width:100%}.pu-single-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;animation:puFadeSlide .18s ease both}@keyframes puFadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pu-big-icon{font-size:64px;font-family:"Noto Color Emoji",sans-serif;line-height:1;filter:drop-shadow(0 0 20px rgba(77,240,224,.4));transition:opacity .2s ease}.pu-name{font-size:22px;font-weight:700;color:var(--ink);letter-spacing:.5px;margin-top:2px}.pu-desc{font-size:14px;color:var(--dim);max-width:240px;line-height:1.4}.pu-nav-btn{background:transparent;border:1px solid var(--line);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;flex-shrink:0;padding:0;margin:0;transition:border-color .15s ease,background .15s ease}.pu-nav-btn svg{display:block;color:var(--dim);transition:color .15s ease}@media(hover:hover){.pu-nav-btn:hover{border-color:var(--cyan);background:#4df0e014}.pu-nav-btn:hover svg{color:var(--cyan)}}.pu-nav-btn:active{transform:scale(.9)}.pu-dots{display:flex;gap:6px;margin-top:4px}.pu-dot{width:5px;height:5px;border-radius:50%;background:var(--dim);opacity:.25;transition:opacity .2s ease,transform .2s ease,background .2s ease}.pu-dot.active{opacity:.8;transform:scale(1.4);background:var(--cyan)}@keyframes titleGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}#startScreen>*{animation:fadeSlideIn .5s ease both}#startScreen>h1{animation:fadeSlideIn .5s ease both,titleGlow 3s ease-in-out .5s infinite}#startScreen>.mode-center{animation:none}#startScreen>.lbwrap{animation-delay:.15s}.mode-center>*{animation:fadeSlideIn .5s ease both}.mode-center>:nth-child(1){animation-delay:.08s}.mode-center>:nth-child(2){animation-delay:.16s}.mode-center>:nth-child(3){animation-delay:.24s}.mode-center>:nth-child(4){animation-delay:.32s}.modebtns{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}button{font-family:Space Grotesk,"Noto Color Emoji",sans-serif;font-size:15px;font-weight:600;letter-spacing:.5px;padding:15px 28px;border-radius:100px;border:none;cursor:pointer;margin:4px;transition:transform .15s ease,opacity .15s ease}@media(hover:hover){button:hover{filter:brightness(1.1)}}button:active{transform:scale(.94)}.primary{background:var(--cyan);color:#06110f;box-shadow:0 0 30px #4df0e059}.gold{background:var(--gold);color:#241a02;box-shadow:0 0 30px #ffc24d4d}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.ps-card{width:100%;max-width:280px;background:#ffffff08;border:1px solid var(--line);border-radius:12px;padding:10px 14px 8px;margin:4px 0 8px}.ps-title{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:2px;color:var(--dim);text-transform:uppercase;text-align:center;margin-bottom:4px}.player-stats{width:100%;display:flex;justify-content:center;gap:10px;font-size:13px;font-family:Space Grotesk,"Noto Color Emoji",sans-serif}.player-stats .ps-item{display:flex;align-items:center;gap:4px;color:var(--dim);font-weight:500;letter-spacing:.5px}.player-stats .ps-item .ps-icon{font-size:12px;line-height:1}.player-stats .ps-item .ps-score{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}.player-stats .ps-item.ps-zero .ps-score{color:var(--dim);opacity:.4}.player-stats .ps-divider{color:var(--line);font-size:11px;align-self:center}.ps-tooltip{margin-top:6px;padding:8px 10px;background:#ffffff0d;border:1px solid var(--line);border-radius:8px;font-size:11px;font-family:ui-monospace,"Noto Color Emoji",monospace;line-height:1.7;color:var(--dim);text-align:left;transition:opacity .15s ease,transform .15s ease}.ps-tooltip:not(.hidden){animation:fadeSlideIn .15s ease both}.ps-tooltip .tt-line{display:flex;justify-content:space-between;gap:12px}.ps-tooltip .tt-label{color:var(--dim);font-weight:500;letter-spacing:.5px}.ps-tooltip .tt-score{color:var(--ink);font-weight:700}.ps-tooltip .tt-date{color:var(--dim);opacity:.6;margin-left:auto}.ps-tooltip .tt-empty{color:var(--dim);opacity:.35;font-style:italic}.lbwrap{margin-top:12px;width:100%;max-width:300px;text-align:left}.lbtitle{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:2px;color:var(--dim);margin-bottom:10px;text-transform:uppercase}.lbrow{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:4px;border-radius:10px;background:#ffffff08;font-size:13px;animation:lbFadeIn .35s ease both;animation-delay:calc(var(--i, 0) * .06s);transition:background .2s ease,box-shadow .2s ease}.lbrow.highlight{background:#ffc24d14;box-shadow:inset 0 0 0 1px #ffc24d33}@keyframes lbFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lb-rank{width:24px;text-align:center;font-weight:600;font-size:12px;color:var(--dim);flex-shrink:0;line-height:1}.lb-rank.num{font-size:11px;font-family:ui-monospace,monospace;color:var(--dim);opacity:.5}.lb-avatar{width:26px;height:26px;border-radius:50%;background:var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--ink);flex-shrink:0;line-height:1}.lb-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.lb-name{color:var(--ink);font-weight:500;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.lb-bar{height:3px;border-radius:2px;background:#ffffff0f;overflow:hidden}.lb-bar-fill{display:block;height:100%;border-radius:2px;background:var(--cyan);transition:width .5s ease}.lbrow.highlight .lb-bar-fill{background:var(--gold)}.lb-score{font-weight:700;font-family:ui-monospace,monospace;color:var(--cyan);font-variant-numeric:tabular-nums;flex-shrink:0}.lbrow.highlight .lb-score{color:var(--gold)}@media(hover:hover){.lbrow:hover{background:#ffffff0f}.lbrow.highlight:hover{background:#ffc24d1f}}.lbempty{font-size:12px;color:var(--dim);font-style:italic}.bignum{font-size:76px;font-weight:700;letter-spacing:-3px;color:var(--ink);line-height:1}#overLabel{color:var(--red);letter-spacing:4px;font-size:12px}#finalScore{margin:6px 0 4px;background:linear-gradient(180deg,#fff,var(--red));-webkit-background-clip:text;background-clip:text;color:transparent}#rankLine{font-size:13px;color:var(--gold);margin-bottom:10px;min-height:18px}.row-primary{display:flex;gap:14px;margin:6px 0 16px;justify-content:center}.row-primary .stat{display:flex;flex-direction:column;align-items:center}.row-primary .stat .n{font-size:24px;font-weight:700}.row-primary .stat .lbl{font-family:ui-monospace,monospace;font-size:9px;letter-spacing:1.5px;color:var(--dim);text-transform:uppercase;margin-top:2px}#finalBreaks{color:var(--gold)}#finalNear{color:var(--cyan)}.row-secondary{display:flex;gap:10px;margin:0 0 16px;justify-content:center;flex-wrap:wrap;padding:6px 14px;background:#ffffff08;border-radius:10px;max-width:300px}.stat-s{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--dim);font-family:ui-monospace,"Noto Color Emoji",monospace}.stat-s .n{font-size:15px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.stat-s .lbl{font-size:9px;letter-spacing:1px;text-transform:uppercase;opacity:.6}.stat-s .s-revive{color:var(--red)}.stat-s .s-bpm{color:var(--purple)}#livesHud{position:absolute;left:50%;top:68px;transform:translate(-50%);display:flex;align-items:center;gap:4px;pointer-events:none;font-family:Space Grotesk,"Noto Color Emoji",sans-serif;font-size:12px;color:var(--dim);opacity:.7;transition:opacity .2s ease;z-index:5}#livesHearts{font-size:14px;letter-spacing:2px}#livesText{font-family:ui-monospace,monospace;font-size:11px;color:var(--dim);font-weight:600}#timerHud{position:absolute;left:50%;top:18px;transform:translate(-50%);text-align:center;font-family:ui-monospace,monospace;pointer-events:none}#timerHud .label{font-size:10px;letter-spacing:2px;color:var(--dim)}#timerVal{font-size:36px;color:var(--red);font-family:Space Grotesk,sans-serif;line-height:1}#pauseScreen:not(.hidden){animation:pauseEnter .25s ease both}#pauseScreen.closing{animation:pauseExit .2s ease both;pointer-events:none}@keyframes pauseEnter{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pauseExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}#pauseScreen .pause-icon{font-size:64px;line-height:1;margin:8px 0;filter:drop-shadow(0 0 20px rgba(167,139,250,.4))}#pauseScreen .pause-label{font-family:ui-monospace,monospace;font-size:13px;letter-spacing:5px;color:var(--purple);text-transform:uppercase;margin-bottom:2px}#pauseScreen .pause-sub{color:var(--dim);font-size:13px;max-width:240px;margin:4px 0 28px;line-height:1.6}#pauseScreen .modebtns{gap:12px}#powerUpIndicators{position:absolute;bottom:90px;left:50%;transform:translate(-50%);display:flex;gap:10px;pointer-events:none;z-index:5;background:#090b108c;padding:4px 10px;border-radius:50px;backdrop-filter:blur(4px);overflow:hidden}.pu-indicator{font-size:16px;font-family:"Noto Color Emoji",sans-serif;line-height:1;display:flex;align-items:center;justify-content:center;width:20px;height:20px;opacity:.25;filter:grayscale(.8) brightness(.5);transition:opacity .35s ease,filter .35s ease,transform .35s ease}.pu-indicator.active{opacity:1;filter:grayscale(0) brightness(1);transform:scale(1.25)}#powerUpTag{position:absolute;top:70px;left:50%;transform:translate(-50%);opacity:0;visibility:hidden;display:flex;align-items:center;gap:6px;font-size:22px;font-weight:700;color:var(--ink);pointer-events:none;z-index:10;animation:powerUpPulse .6s ease-in-out infinite alternate}#powerUpTag span{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;color:var(--gold);min-width:20px;text-align:center}#powerUpTag .pu-orbs{font-size:15px;font-weight:600;color:var(--dim);font-family:Space Grotesk,"Noto Color Emoji",sans-serif}@keyframes powerUpPulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.1)}}#namePrompt{z-index:110;gap:20px}#namePrompt #nameInput{background:transparent;border:none;border-bottom:2px solid var(--line);color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:22px;text-align:center;padding:8px 4px;width:220px;letter-spacing:2px;outline:none;text-transform:uppercase}#namePrompt #nameInput::placeholder{color:var(--dim);font-size:18px;letter-spacing:4px}#namePrompt #nameInput:focus{border-color:var(--cyan)}#namePrompt .label{font-size:13px}#pauseBtn{position:absolute;top:68px;right:18px;z-index:15;width:44px;height:44px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;opacity:.45;transition:opacity .2s ease;pointer-events:auto;touch-action:manipulation}#pauseBtn svg{display:block;color:var(--dim)}#pauseBtn:active{opacity:.8}.app-version{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:1px;color:var(--dim);opacity:.35;text-align:center;margin-top:8px}.update-banner{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:linear-gradient(180deg,#4df0e026,#4df0e040);backdrop-filter:blur(12px);border-top:1px solid rgba(77,240,224,.3);font-size:14px;font-weight:600;color:var(--ink);z-index:200;transform:translateY(100%);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;pointer-events:none}.update-banner.visible{transform:translateY(0);opacity:1;pointer-events:auto}.update-banner .ub-reload{background:var(--cyan);color:#06110f;border:none;padding:8px 20px;border-radius:100px;font-size:13px;font-weight:700;cursor:pointer;margin:0;box-shadow:0 0 20px #4df0e04d;transition:transform .15s ease}.update-banner .ub-reload:active{transform:scale(.94)}#hint{position:absolute;bottom:26px;left:0;right:0;text-align:center;font-family:ui-monospace,monospace;font-size:12px;letter-spacing:2px;color:var(--dim);pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}