:root{color-scheme:dark;font-family:Arial Black,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08080a;color:#fff8f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #08080a;--panel: rgba(19, 16, 22, .88);--panel-strong: rgba(23, 18, 28, .96);--line: rgba(255, 255, 255, .16);--mint: #a9ff43;--cyan: #4ee8ff;--coral: #ff4f9a;--amber: #ffd166;--ink: #08080a}*{box-sizing:border-box}*,*:before,*:after{-webkit-tap-highlight-color:transparent}html{min-width:320px;min-height:100%;background:var(--bg);-webkit-touch-callout:none}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:repeating-linear-gradient(135deg,rgba(255,79,154,.08) 0 1px,transparent 1px 18px),linear-gradient(120deg,#08080ae0,#120b18c7),linear-gradient(155deg,#08080a,#151016 52%,#20131b);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button{border:0;color:inherit;font:inherit;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button:not(:disabled){cursor:pointer}button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.game-root{position:relative;min-height:100vh;display:grid;grid-template-rows:auto 1fr;overflow-x:hidden}.game-root:not(.menu-root){height:100vh;min-height:0;overflow:hidden}.game-root>:not(.stage-backdrop){position:relative;z-index:1}.stage-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.stage-light{position:absolute;top:-12%;width:34vw;height:72vh;opacity:.22;filter:blur(2px);transform-origin:top center;animation:stage-sweep 5.6s ease-in-out infinite alternate}.light-left{left:4%;background:linear-gradient(180deg,rgba(169,255,67,.42),transparent 74%);transform:rotate(18deg)}.light-right{right:2%;background:linear-gradient(180deg,rgba(255,79,154,.42),transparent 74%);animation-delay:-1.8s;transform:rotate(-18deg)}.speaker-stack{position:absolute;bottom:6%;width:78px;height:146px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:radial-gradient(circle at 50% 28%,rgba(78,232,255,.32) 0 15%,transparent 16%),radial-gradient(circle at 50% 72%,rgba(255,209,102,.28) 0 18%,transparent 19%),#ffffff0b;opacity:.52}.left-stack{left:clamp(10px,4vw,42px)}.right-stack{right:clamp(10px,4vw,42px)}.equalizer-bars{position:absolute;left:50%;bottom:3%;display:flex;gap:8px;transform:translate(-50%);opacity:.34}.equalizer-bars i{width:9px;height:30px;border-radius:999px;background:var(--mint);animation:eq-bounce .72s ease-in-out infinite alternate}.equalizer-bars i:nth-child(2){height:52px;background:var(--cyan);animation-delay:-.14s}.equalizer-bars i:nth-child(3){height:40px;background:var(--amber);animation-delay:-.26s}.equalizer-bars i:nth-child(4){height:62px;background:var(--coral);animation-delay:-90ms}.equalizer-bars i:nth-child(5){height:34px;animation-delay:-.32s}.music-particle{position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,209,102,.62);opacity:.2;animation:float-note 8s linear infinite}.music-particle:after{content:"";position:absolute;right:-7px;top:-18px;width:3px;height:22px;border-radius:999px;background:#ffd1669e}.particle-one{left:18%;bottom:-20px}.particle-two{left:78%;bottom:-20px;animation-delay:-3.4s}.particle-three{left:48%;bottom:-20px;animation-delay:-6s}.hype-50 .stage-light,.hype-75 .stage-light,.hype-100 .stage-light{opacity:.34}.hype-100 .equalizer-bars,.hype-100 .music-particle{opacity:.52}@keyframes stage-sweep{0%{transform:rotate(14deg) scaleX(.92)}to{transform:rotate(-10deg) scaleX(1.08)}}@keyframes eq-bounce{0%{transform:scaleY(.48)}to{transform:scaleY(1)}}@keyframes float-note{0%{transform:translateY(0) rotate(-8deg)}to{transform:translateY(-112vh) rotate(16deg)}}.menu-root{grid-template-rows:1fr;place-items:center;padding:clamp(18px,5vw,52px)}.home-menu,.credits-menu,.selection-menu{width:min(560px,100%);display:grid;gap:24px;justify-items:stretch}.home-menu{width:min(420px,calc(100vw - 36px));overflow:hidden}.home-menu>*{min-width:0;max-width:100%}.menu-brand{display:grid;gap:8px;justify-items:start;color:var(--mint);text-transform:uppercase}.home-menu .menu-brand{justify-items:center;text-align:center}.menu-brand:before{content:"";width:86px;height:24px;border-radius:999px 999px 60% 60%;background:radial-gradient(circle at 18% 55%,rgba(255,255,255,.42) 0 8%,transparent 9%),var(--mint);box-shadow:0 0 26px #a9ff4347}.menu-brand svg{color:var(--coral);filter:drop-shadow(0 0 16px rgba(255,79,154,.48))}.menu-brand span{max-width:100%;font-size:clamp(2.6rem,10vw,6.6rem);font-weight:1000;line-height:.82;text-shadow:5px 5px 0 rgba(255,79,154,.82),-3px -3px 0 rgba(78,232,255,.5)}.home-menu .menu-brand span{display:block;font-size:clamp(2rem,6.5vw,3rem)}.menu-brand strong{border:1px solid rgba(255,209,102,.62);border-radius:999px;padding:5px 10px;background:#ffd1661f;color:var(--amber);font-size:.86rem}.menu-brand.compact span{font-size:clamp(2.1rem,7vw,4.2rem)}.menu-actions,.credits-list,.song-choice-list,.difficulty-list{display:grid;gap:12px}.home-menu .menu-actions,.home-menu .menu-action{min-width:0;width:100%;max-width:100%}.menu-action,.settings-action{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:0 16px;background:#ffffff14;color:#fff8f2;font-weight:1000;text-transform:uppercase}.primary-menu-action{border-color:transparent;background:linear-gradient(135deg,var(--mint),var(--amber) 48%,var(--coral));color:var(--ink);box-shadow:0 0 30px #a9ff433d}.credit-row{min-height:132px;display:grid;align-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:14px 16px;background:var(--panel)}.credit-row span{color:#fff;font-size:1.08rem;font-weight:1000}.credit-row strong{color:var(--amber);font-size:.82rem;text-transform:uppercase}.credit-row p{margin:4px 0 0;color:#fff8f2c2;font-size:.78rem;font-weight:800}.credit-row a{overflow-wrap:anywhere;color:var(--cyan);font-size:.78rem;font-weight:900;text-decoration:none}.credit-row a:hover,.credit-row a:focus-visible{color:var(--mint);text-decoration:underline}.credit-row small{color:#fff8f2a8;font-size:.76rem;font-weight:1000;text-transform:uppercase}.top-hud{position:sticky;top:0;z-index:3;min-height:58px;display:grid;grid-template-columns:minmax(150px,1fr);align-items:center;gap:12px;padding:9px clamp(14px,3vw,34px);border-bottom:1px solid var(--line);background:#08080ae0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup{display:grid;grid-template-columns:auto auto;align-items:end;justify-content:start;gap:10px;min-width:0;color:var(--mint);font-weight:900;letter-spacing:0;text-transform:uppercase;width:fit-content;border:0;text-decoration:none}.brand-lockup:hover,.brand-lockup:focus-visible{color:var(--amber)}.brand-lockup svg{align-self:center;color:var(--coral);filter:drop-shadow(0 0 10px rgba(255,79,154,.42))}.brand-lockup span{line-height:.92;text-shadow:2px 2px 0 rgba(255,79,154,.8),-1px -1px 0 rgba(78,232,255,.54)}.brand-lockup small{align-self:center;border:1px solid rgba(255,209,102,.62);border-radius:999px;padding:3px 7px;background:#ffd1661f;color:var(--amber);font-size:.64rem;font-weight:1000;line-height:1}.hud-metric{min-width:86px;display:grid;gap:2px;text-align:right}.hud-metric small,.panel-kicker,.score-grid small,.track-header span,.song-button small{color:#eef7f49e;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.hud-metric strong{color:#fff;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.1}.game-layout{width:min(1440px,100%);align-self:stretch;min-height:0;display:grid;grid-template-columns:minmax(220px,280px) minmax(330px,1fr) minmax(190px,230px);gap:clamp(12px,2vw,22px);justify-self:center;padding:clamp(12px,2.4vw,30px)}.side-panel,.score-panel{align-self:stretch;display:flex;flex-direction:column;gap:18px;min-width:0;min-height:0;padding:12px}.panel-block,.score-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 20px 60px #00000047,inset 0 1px #ffffff14}.panel-block{display:grid;gap:12px;padding:16px}.panel-block.collapsible-panel{gap:0;overflow:hidden;padding:0}.panel-toggle{width:100%;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;padding:12px 14px;background:linear-gradient(135deg,#a9ff4314,#ff4f9a0f),#ffffff09;color:#fff8f2;text-align:left}.panel-toggle:hover{background:linear-gradient(135deg,#a9ff4321,#4ee8ff14),#ffffff0e}.panel-summary{min-width:0;display:grid;gap:4px}.panel-summary strong{overflow:hidden;color:#fff;font-size:.95rem;line-height:1.08;text-overflow:ellipsis;white-space:nowrap}.panel-chevron{flex:0 0 auto;color:var(--amber);transition:transform .16s ease}.panel-toggle[aria-expanded=true] .panel-chevron{transform:rotate(180deg)}.panel-toggle[aria-expanded=true]{border-bottom:1px solid rgba(255,255,255,.1)}.panel-content{padding:12px 14px 14px}.song-list{display:grid;gap:9px}.song-button{min-height:64px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;gap:5px;column-gap:11px;border:1px solid transparent;border-radius:8px;padding:12px;background:#ffffff0f;text-align:left;transition:border-color .16s ease,transform .16s ease,background .16s ease}.song-button:not(:disabled):hover,.song-button.active{border-color:#a9ff43bd;background:#a9ff431f}.song-button:not(:disabled):active{transform:translateY(1px)}.song-note-bullet{grid-row:1 / span 2;align-self:center;color:var(--amber);filter:drop-shadow(0 0 10px rgba(255,209,102,.24))}.song-button.active .song-note-bullet,.song-button:not(:disabled):hover .song-note-bullet{color:var(--mint)}.side-panel #track-panel{max-height:min(348px,calc(100vh - 385px));overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:12px;scrollbar-width:thin}.side-panel #track-panel .song-button{min-height:52px;padding:9px 11px}.song-button span{min-width:0;overflow:hidden;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.song-button small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-menu{width:min(520px,calc(100vw - 36px))}.selection-menu .menu-brand{justify-items:center;text-align:center}.selection-menu .menu-brand span{display:block;font-size:clamp(2rem,7vw,4rem)}.song-choice-list,.difficulty-list{max-height:min(62vh,520px);overflow-y:auto;padding-right:2px}.difficulty-button{min-height:86px;display:grid;align-content:center;justify-items:start;gap:6px;border:1px solid var(--line);border-radius:8px;padding:16px;background:linear-gradient(135deg,#4ee8ff14,#ff4f9a0f),#ffffff12;color:#fff8f2;text-align:left}.difficulty-button.active,.difficulty-button:hover{border-color:#4ee8ffc7;background:linear-gradient(135deg,#4ee8ff29,#a9ff4317),#ffffff14}.difficulty-button span{color:#fff;font-size:1.2rem;font-weight:1000;text-transform:uppercase}.difficulty-button small{color:#eef7f4a8;font-weight:800;text-transform:uppercase}.segmented-control{display:grid;gap:8px}.segmented-control button{min-height:42px;border:1px solid transparent;border-radius:8px;background:#ffffff12;color:#eef7f4c7;font-weight:900}.segmented-control button.active{border-color:#4ee8ffb3;background:#4ee8ff21;color:#fff}.side-panel #version-panel{gap:7px;padding:10px 12px 12px}.side-panel #version-panel button{min-height:34px;padding:6px 8px;line-height:1}.action-row{display:grid;grid-template-columns:1fr 44px 44px;gap:9px}.mobile-run-actions{display:none}.primary-action,.icon-action{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:900}.primary-action{background:linear-gradient(135deg,var(--mint),var(--amber) 48%,var(--coral));color:var(--ink);box-shadow:0 0 28px #a9ff4338}.icon-action{border:1px solid var(--line);background:#ffffff14}.settings-action{min-height:44px}.track-settings-action{position:absolute;top:12px;right:12px;z-index:4;width:44px;height:44px;border:1px solid rgba(238,247,244,.22);border-radius:999px;display:grid;place-items:center;color:var(--mint);background:#08080ab8;box-shadow:0 0 0 1px #4ee8ff1f,0 12px 30px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.track-settings-action:hover{color:var(--ink);background:var(--amber)}.settings-overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:16px;border-radius:8px;background:repeating-linear-gradient(135deg,rgba(169,255,67,.08) 0 1px,transparent 1px 18px),#08080ab8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-settings-overlay{position:fixed;border-radius:0}.settings-panel{width:min(430px,calc(100% - 10px));max-height:min(100%,380px);display:grid;gap:14px;border:1px solid var(--line);border-radius:8px;padding:16px;background:var(--panel-strong);box-shadow:0 28px 80px #0000006b}.settings-heading{display:flex;align-items:center;gap:10px;color:var(--mint);text-transform:uppercase}.settings-heading svg{color:var(--coral)}.settings-heading strong{font-size:1.2rem}.volume-control{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.settings-control{display:grid;gap:10px}.volume-control span,.volume-control strong,.settings-label{font-weight:1000;text-transform:uppercase}.volume-control strong{color:var(--amber)}.volume-control input{grid-column:1 / -1;width:100%;accent-color:var(--mint)}.track-shell{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(360px,1fr) auto;gap:12px}.track-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:8px;padding:12px 16px;background:var(--panel-strong)}.track-header div{display:grid;gap:4px;min-width:0}.track-header strong{overflow:hidden;color:#fff;font-size:clamp(1.1rem,2vw,1.55rem);line-height:1;text-overflow:ellipsis;white-space:nowrap}.track-header time{color:var(--amber);font-weight:900}.progress-strip{height:7px;overflow:hidden;border-radius:999px;background:#ffffff1f}.progress-strip span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--amber),var(--coral));transition:width .1s linear}.beat-track{position:relative;min-height:0;overflow:hidden;contain:layout paint;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(255,255,255,.16);border-radius:8px;background:linear-gradient(180deg,rgba(78,232,255,.1),transparent 42%),repeating-linear-gradient(90deg,transparent 0 31%,rgba(255,79,154,.08) 31% 31.35%,transparent 31.35% 33.33%),linear-gradient(180deg,rgba(255,255,255,.06) 0 1px,transparent 1px 100%);box-shadow:inset 0 -90px 90px #ff4f9a1a,0 30px 80px #00000057;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:none;user-select:none}.lane{position:relative;overflow:hidden;border-left:1px solid rgba(255,255,255,.1);background:repeating-linear-gradient(180deg,rgba(255,255,255,.06) 0 2px,transparent 2px 46px),#ffffff06;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.lane:nth-child(1){box-shadow:inset 0 0 36px #4ee8ff14}.lane:nth-child(2){box-shadow:inset 0 0 36px #a9ff4314}.lane:nth-child(3){box-shadow:inset 0 0 36px #ff4f9a14}.lane:first-child{border-left:0}.lane-glow{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(110,242,189,.18) 100%);opacity:0;transition:opacity .12s ease}.lane.pressed .lane-glow{opacity:1}.hype-25 .lane-glow,.hype-50 .lane-glow,.hype-75 .lane-glow,.hype-100 .lane-glow{animation:lane-energy .78s ease-in-out infinite alternate}.lane.held .lane-glow{background:linear-gradient(180deg,#f4c95d14,#f4c95d52),linear-gradient(180deg,transparent 0%,rgba(110,242,189,.2) 100%);opacity:1}.hype-50 .beat-track,.hype-75 .beat-track,.hype-100 .beat-track{box-shadow:inset 0 -90px 90px #ff4f9a1f,0 30px 80px #00000057,0 0 42px #a9ff4314}.hype-75 .beat-track,.hype-100 .beat-track{animation:track-energy .92s ease-in-out infinite alternate}.beat-track.miss-pulse{animation:miss-pulse .26s ease-out}@keyframes lane-energy{0%{opacity:.16}to{opacity:.34}}@keyframes track-energy{0%{filter:saturate(1)}to{filter:saturate(1.12) brightness(1.03)}}@keyframes miss-pulse{0%{transform:translate(0)}30%{transform:translate(-3px)}60%{transform:translate(3px)}to{transform:translate(0)}}.falling-note{position:absolute;z-index:1;width:min(72px,18%);height:22px;border-radius:8px;transform:translate(-50%);backface-visibility:hidden;contain:layout paint style;pointer-events:none;will-change:top,height,transform;background:linear-gradient(180deg,#ffffffb8,#fff0),var(--mint);box-shadow:0 0 24px #6ef2bd85,inset 0 -6px #0000002e}.falling-note:after{content:"";position:absolute;inset:5px 9px;border-radius:999px;background:#ffffff8f}.hold-note{min-height:42px;border-radius:8px;background:linear-gradient(180deg,#ffffffa3,#ffffff1f 16px,#ffffff0d),var(--mint);overflow:hidden}.hold-note:before{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;border-radius:0 0 8px 8px;background:#fff8d4d1;box-shadow:0 -8px 18px #fff8d438,inset 0 -3px #08080a3d}.hold-note:after{inset:10px 11px 15px;border-radius:5px;background:repeating-linear-gradient(180deg,#ffffff80 0 2px,#ffffff29 2px 8px)}.holding-note{filter:saturate(1.35) brightness(1.18);outline:2px solid rgba(255,248,212,.64);outline-offset:3px}.lane-0{left:16.666%;background-color:var(--cyan);box-shadow:0 0 24px #59d8ff80}.lane-1{left:50%;background-color:var(--mint)}.lane-2{left:83.333%;background-color:var(--coral);box-shadow:0 0 24px #ff7b6e7a}.hit-line{position:absolute;left:0;right:0;top:78%;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;border-top:2px solid rgba(244,201,93,.86);box-shadow:0 -14px 26px #f4c95d24}.hit-line span{width:clamp(48px,8vw,68px);height:clamp(48px,8vw,68px);display:grid;place-items:center;justify-self:center;margin-top:-1px;border:2px solid rgba(244,201,93,.9);border-radius:50%;background:#080c12db;color:#fff8d4;font-weight:1000;box-shadow:0 0 32px #f4c95d38}.hit-line span.held{border-color:#f4c95d;background:radial-gradient(circle at 50% 42%,rgba(255,248,212,.34),transparent 42%),#f4c95d47;color:#fff8d4;transform:scale(1.06);box-shadow:0 0 18px #f4c95d9e,0 0 44px #f4c95d5c}.lane-feedback{position:absolute;left:0;right:0;top:calc(78% - 64px);z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));pointer-events:none}.lane-feedback span{min-width:64px;min-height:28px;display:grid;place-items:center;justify-self:center;border-radius:999px;color:transparent;font-size:.82rem;font-weight:1000;text-transform:uppercase;transform:translateY(8px) scale(.96)}.lane-feedback span.perfect,.lane-feedback span.great,.lane-feedback span.good,.lane-feedback span.miss{animation:feedback-pop .56s ease-out forwards}.lane-feedback span.perfect,.lane-feedback span.great,.lane-feedback span.good{border:1px solid rgba(244,201,93,.86);background:#f4c95d38;color:#fff8d4;box-shadow:0 0 26px #f4c95d6b}.lane-feedback span.perfect{border-color:#a9ff43eb;background:#a9ff4333;color:#f4ffd8}.lane-feedback span.good{border-color:#4ee8ffc7;background:#4ee8ff29;color:#d9fbff}.lane-feedback span.miss{border:1px solid rgba(255,79,154,.86);background:#ff4f9a2e;color:#ffd1e3;box-shadow:0 0 22px #ff4f9a42}@keyframes feedback-pop{0%{opacity:0;transform:translateY(10px) scale(.92)}18%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-18px) scale(1.04)}}.judgement-flash{position:absolute;left:50%;top:22%;z-index:5;display:grid;gap:2px;min-width:160px;pointer-events:none;text-align:center;text-transform:uppercase;transform:translate(-50%);animation:judgement-bounce .72s ease-out forwards}.judgement-flash strong{font-size:clamp(1.4rem,5vw,3rem);line-height:.9;text-shadow:3px 3px 0 rgba(8,8,10,.8),0 0 28px rgba(255,209,102,.38)}.judgement-flash span{color:#fff8f2d1;font-size:.78rem;font-weight:1000}.judgement-flash.perfect strong{color:var(--mint)}.judgement-flash.great strong{color:var(--amber)}.judgement-flash.good strong{color:var(--cyan)}.judgement-flash.miss strong{color:var(--coral)}.burst-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.hit-burst{position:absolute;top:calc(78% - 18px);width:36px;height:36px;border-radius:50%;transform:translate(-50%);animation:burst-pop .62s ease-out forwards}.hit-burst.perfect{background:radial-gradient(circle,rgba(169,255,67,.72),transparent 66%)}.hit-burst.great{background:radial-gradient(circle,rgba(255,209,102,.66),transparent 66%)}.hit-burst.good{background:radial-gradient(circle,rgba(78,232,255,.56),transparent 66%)}@keyframes judgement-bounce{0%{opacity:0;transform:translate(-50%) translateY(16px) scale(.82)}18%{opacity:1;transform:translate(-50%) translateY(0) scale(1.08)}42%{transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-28px) scale(1.04)}}@keyframes burst-pop{0%{opacity:.86;transform:translate(-50%) scale(.44)}to{opacity:0;transform:translate(-50%) scale(2.1)}}.track-state{position:absolute;inset:0;z-index:3;display:grid;place-content:start center;gap:8px;padding-top:clamp(42px,13%,86px);background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 1px,transparent 1px 18px),#08080aad;text-align:center}.pause-actions{width:min(360px,calc(100vw - 70px));margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-self:center}.pause-actions button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.pause-restart-action{color:var(--text);background:#ffffff1a}.settings-pause-actions{width:100%;margin-top:0}.track-state strong{color:#fff;font-size:clamp(2rem,6vw,4.8rem);line-height:.95;text-transform:uppercase}.completion-state{overflow:hidden;background:radial-gradient(circle at 22% 24%,rgba(255,209,102,.24),transparent 14%),radial-gradient(circle at 76% 18%,rgba(169,255,67,.2),transparent 13%),repeating-linear-gradient(135deg,rgba(255,209,102,.08) 0 1px,transparent 1px 16px),#08080ab8}.completion-state:before,.completion-state:after{content:"";position:absolute;left:50%;top:clamp(36px,10%,74px);width:min(420px,82%);height:64px;border-top:2px solid rgba(255,209,102,.5);border-bottom:2px solid rgba(78,232,255,.26);pointer-events:none;transform:translate(-50%) rotate(-4deg)}.completion-state:after{border-color:#ff4f9a61;transform:translate(-50%) rotate(4deg)}.completion-state strong{position:relative;z-index:1;color:var(--amber);font-size:clamp(2.6rem,7.2vw,5.6rem);text-shadow:4px 4px 0 rgba(255,79,154,.74),-2px -2px 0 rgba(78,232,255,.46),0 0 34px rgba(255,209,102,.34)}.completion-state>span{position:relative;z-index:1;max-width:min(430px,calc(100vw - 70px));justify-self:center;overflow:hidden;color:#fff8f2db;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.countdown-state{place-content:center;padding-top:0;background:repeating-linear-gradient(135deg,rgba(169,255,67,.12) 0 1px,transparent 1px 18px),#08080a7a}.countdown-state strong{color:var(--mint);font-size:clamp(5.6rem,18vw,12rem);text-shadow:5px 5px 0 rgba(255,79,154,.82),-3px -3px 0 rgba(78,232,255,.5),0 0 42px rgba(169,255,67,.34)}.track-state span{color:#eef7f4b8;font-weight:900}.completion-rank{min-width:min(430px,100%);justify-self:center;display:inline-grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,209,102,.55);border-radius:8px;margin-top:8px;padding:10px 14px;background:linear-gradient(135deg,#f4c95d33,#59d8ff24),#08080a9e;color:var(--amber);box-shadow:0 0 30px #ffd16621}.completion-rank span{min-width:0;display:grid;gap:2px}.completion-rank small{color:#fff8f2a3;font-size:.58rem;font-weight:1000;text-transform:uppercase}.completion-rank b{min-width:0;overflow:hidden;white-space:nowrap;color:#fff;font-size:clamp(1.15rem,3vw,1.8rem);font-weight:1000;font-variant-numeric:tabular-nums;line-height:1}.completion-song-action{width:min(260px,calc(100vw - 70px));justify-self:center;margin-top:2px}.countdown-state span{color:var(--amber)}.thumb-pad{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:none;user-select:none}.thumb-pad button{position:relative;min-height:58px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff1c;color:#fff;font-size:1.25rem;font-weight:1000;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;transform:translateY(0) scale(1);transition:transform 80ms ease,box-shadow 80ms ease,filter 80ms ease;will-change:transform;user-select:none;box-shadow:inset 0 1px #fff3,inset 0 -9px #0003,0 11px #00000047,0 18px 28px #00000038}.thumb-pad button:active,.thumb-pad button.held{transform:translateY(5px) scale(.985);filter:saturate(1.08) brightness(1.06)}.thumb-pad button.held{border:1px solid rgba(244,201,93,.8);box-shadow:inset 0 0 0 2px #fff8d452,inset 0 -3px #0000003d,0 5px #00000052,0 0 22px #f4c95d57}.mobile-lane-button{display:none}.thumb-pad button:before{content:"";position:absolute;inset:10px 12px;border-radius:999px;background:#ffffff57;opacity:.7;pointer-events:none}.thumb-pad button:after{content:"";position:absolute;inset:auto 14px 9px;height:6px;border-radius:999px;background:#00000038;opacity:.55;pointer-events:none;transition:opacity 80ms ease,transform 80ms ease}.thumb-pad button:active:after,.thumb-pad button.held:after{opacity:.25;transform:translateY(3px) scaleX(.9)}.thumb-pad button.touch-lane-0{background:linear-gradient(180deg,#ffffff57,#ffffff08),var(--cyan);box-shadow:inset 0 1px #ffffff47,inset 0 -8px #00000029,0 11px #0a3037cc,0 0 24px #4ee8ff3d}.thumb-pad button.touch-lane-1{background:linear-gradient(180deg,#ffffff57,#ffffff08),var(--mint);box-shadow:inset 0 1px #ffffff47,inset 0 -8px #00000029,0 11px #2b490cd1,0 0 24px #a9ff4338}.thumb-pad button.touch-lane-2{background:linear-gradient(180deg,#ffffff57,#ffffff08),var(--coral);box-shadow:inset 0 1px #ffffff47,inset 0 -8px #00000029,0 11px #531231d1,0 0 24px #ff4f9a3d}.thumb-pad button.touch-lane-0:active,.thumb-pad button.touch-lane-0.held{box-shadow:inset 0 0 0 2px #fff8d447,inset 0 -3px #0000003d,0 5px #0a3037d1,0 0 24px #4ee8ff57}.thumb-pad button.touch-lane-1:active,.thumb-pad button.touch-lane-1.held{box-shadow:inset 0 0 0 2px #fff8d447,inset 0 -3px #0000003d,0 5px #2b490cd6,0 0 24px #a9ff4352}.thumb-pad button.touch-lane-2:active,.thumb-pad button.touch-lane-2.held{box-shadow:inset 0 0 0 2px #fff8d447,inset 0 -3px #0000003d,0 5px #531231d6,0 0 24px #ff4f9a57}.score-panel{justify-content:start;padding:16px}.mascot-panel{display:grid;gap:10px;border:1px solid rgba(169,255,67,.32);border-radius:8px;padding:12px;background:linear-gradient(135deg,#a9ff431a,#ff4f9a14),#ffffff0b;box-shadow:inset 0 0 28px #a9ff430f}.mascot-art{min-height:142px;display:grid;place-items:center;overflow:hidden;border-radius:8px;padding:12px;background:radial-gradient(circle at 50% 42%,rgba(78,232,255,.2),transparent 62%),#08080a6b}.mascot-art img{width:min(170px,100%);max-height:164px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.42))}.mascot-art span{max-width:100%;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 9px;background:#08080abd;color:var(--amber);font-size:.68rem;font-weight:1000;text-align:center;text-transform:uppercase}.mascot-panel strong{color:#fff;font-size:1rem;line-height:1.1;text-transform:uppercase}.mascot-vibe,.mascot-rocking{animation:mascot-bop .74s ease-in-out infinite alternate}.mascot-vibe .mascot-art img{transform:rotate(-2deg)}.mascot-rocking .mascot-art img{transform:rotate(3deg) scale(1.04)}.mascot-hype{border-color:#ffd166bd;animation:mascot-hype .52s ease-in-out infinite alternate}.mascot-hype .mascot-art{background:radial-gradient(circle at 50% 42%,rgba(255,209,102,.3),transparent 62%),#08080a6b}.mascot-hype .mascot-art img{transform:scale(1.08)}.mascot-miss,.mascot-bummed{border-color:#ff4f9a8f}.mascot-miss .mascot-art img,.mascot-bummed .mascot-art img{filter:grayscale(.18) drop-shadow(0 14px 18px rgba(0,0,0,.42));transform:rotate(-4deg)}.mascot-complete{border-color:#ffd166db;background:linear-gradient(135deg,#ffd1662e,#a9ff4321),#ffffff0e}.mascot-complete .mascot-art img{transform:scale(1.08) rotate(2deg)}.hype-callout{min-height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff0e;color:#fff8f2c7;font-weight:1000;text-transform:uppercase}.hype-callout.hype-10,.hype-callout.hype-25{color:var(--mint)}.hype-callout.hype-50,.hype-callout.hype-75,.hype-callout.hype-100{color:var(--amber);animation:hype-pop .64s ease-in-out infinite alternate;box-shadow:0 0 26px #ffd1662e}.results-card{display:grid;gap:10px;border:1px solid rgba(255,209,102,.48);border-radius:8px;padding:14px;background:repeating-linear-gradient(135deg,rgba(255,209,102,.08) 0 1px,transparent 1px 14px),#ffffff0e}.results-card>span{color:var(--amber);font-size:.72rem;font-weight:1000;text-transform:uppercase}.results-card>strong{color:#fff;line-height:1.05;text-transform:uppercase}.result-rank{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--mint),var(--amber),var(--coral));color:var(--ink);font-size:2rem;font-weight:1000}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.result-grid span{min-width:0;display:grid;gap:3px;border-radius:8px;padding:8px;background:#0000002e}.result-grid small{color:#fff8f29e;font-size:.64rem;font-weight:1000;text-transform:uppercase}.result-grid b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-variant-numeric:tabular-nums}@keyframes mascot-bop{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes mascot-hype{0%{transform:rotate(-1deg) scale(1)}to{transform:rotate(1deg) scale(1.025)}}@keyframes hype-pop{0%{transform:scale(1)}to{transform:scale(1.025)}}.rank-emblem{min-height:120px;display:grid;place-items:center;gap:8px;border-radius:8px;background:linear-gradient(135deg,#f4c95d29,#59d8ff1f);color:var(--amber)}.rank-emblem span{color:#fff;font-size:clamp(2rem,5vw,3rem);font-weight:1000;line-height:1}.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;min-width:0}.score-grid span{min-width:0;min-height:68px;display:grid;align-content:center;gap:4px;border:1px solid rgba(255,255,255,.11);border-radius:8px;padding:9px 10px;background:#ffffff0e}.score-grid strong{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;color:#fff;font-size:clamp(1rem,1.8vw,1.2rem);font-variant-numeric:tabular-nums;line-height:1.08}@media(max-width:980px){.game-root:not(.menu-root){height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto}.top-hud{grid-template-columns:1fr}.brand-lockup{grid-column:1 / -1}.game-layout{grid-template-columns:1fr;min-height:auto}.side-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.action-row{grid-column:1 / -1}.track-shell{min-height:72vh;grid-template-rows:auto auto 1fr auto}.score-panel{display:grid;grid-template-columns:160px 1fr;align-items:stretch}.rank-emblem{min-height:0}}@media(max-width:640px){body{overflow-y:auto}.menu-root{padding:16px}.selection-menu,.home-menu,.credits-menu{width:min(420px,calc(100vw - 28px));gap:18px}.selection-menu .menu-brand span,.menu-brand.compact span{font-size:clamp(1.8rem,11vw,2.8rem);line-height:.9}.song-choice-list,.difficulty-list{max-height:58vh}.top-hud{position:static;grid-template-columns:1fr;gap:8px;padding:10px}.brand-lockup{grid-column:1 / -1}.game-layout{gap:12px;padding:10px}.side-panel{display:none}.panel-block{gap:9px;padding:12px}.song-list,.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr))}.song-button,.segmented-control button{min-height:46px}.track-shell{min-height:auto}.mobile-run-actions{display:grid;grid-template-columns:1fr 46px 46px;gap:9px}.track-header{min-height:54px;padding:10px 12px}.track-header strong{font-size:1rem}.beat-track{min-height:380px}.falling-note{width:24%;height:19px}.hit-line{pointer-events:none}.hit-line span,.desktop-key-label,.keyboard-settings{display:none}.pause-actions{grid-template-columns:1fr}.thumb-pad{display:grid}.thumb-pad button{min-height:64px}.mobile-lane-button{display:block;width:100%;height:100%}.score-panel{grid-template-columns:1fr}.rank-emblem{min-height:84px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}