.kh-stage{--kh-primary:#21dcff;--kh-secondary:#bd3cff;--kh-success:#6dffb3;--kh-miss:#ff406c;--kh-background:#050817;isolation:isolate;color:#f4fbff;background:radial-gradient(circle at 20% 18%, color-mix(in srgb, var(--kh-primary) 15%, transparent), transparent 29%), radial-gradient(circle at 82% 22%, color-mix(in srgb, var(--kh-secondary) 18%, transparent), transparent 31%), var(--kh-background);border:1px solid color-mix(in srgb, var(--kh-primary) 24%, transparent);width:100%;min-height:clamp(430px,67vh,790px);box-shadow:inset 0 1px 0 #ffffff14, inset 0 -40px 90px #00000047, 0 30px 90px #01041273, 0 0 60px color-mix(in srgb, var(--kh-primary) 8%, transparent);font-family:var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;border-radius:12px;transition:border-color .9s,box-shadow 1.1s;position:relative;overflow:hidden;container-type:inline-size}.kh-stage:before{z-index:3;border-radius:inherit;pointer-events:none;content:"";border:1px solid #ffffff09;position:absolute;inset:0;box-shadow:inset 0 0 90px #00000070}.kh-stage__canvas{z-index:1;cursor:crosshair;touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.kh-stage__canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--kh-primary)}.kh-stage__atmosphere{z-index:2;background:linear-gradient(90deg, color-mix(in srgb, var(--kh-primary) 6%, transparent), transparent 14%, transparent 86%, color-mix(in srgb, var(--kh-secondary) 7%, transparent)), linear-gradient(180deg, #03061426, transparent 42%, #01020838);pointer-events:none;position:absolute;inset:0}.kh-stage__power-wash{z-index:2;opacity:0;background:radial-gradient(circle at 50% 69%, color-mix(in srgb, var(--kh-success) 17%, transparent), transparent 34%), linear-gradient(102deg, color-mix(in srgb, var(--kh-primary) 8%, transparent), transparent 28% 72%, color-mix(in srgb, var(--kh-secondary) 9%, transparent));mix-blend-mode:screen;pointer-events:none;transition:opacity .9s ease-out,filter .9s ease-out;position:absolute;inset:0}.kh-stage--power{border-color:color-mix(in srgb, var(--kh-success) 62%, transparent);box-shadow:inset 0 1px 0 #ffffff1c, inset 0 -40px 90px #0000003d, 0 30px 90px #01041273, 0 0 76px color-mix(in srgb, var(--kh-success) 16%, transparent)}.kh-stage--power .kh-stage__power-wash{animation:.95s ease-out both kh-stage-power-enter,2.4s ease-in-out .95s infinite alternate kh-stage-power-breathe}.kh-stage--power .kh-stage__strike-zone{background:linear-gradient(90deg, transparent, #fffffff5 7%, var(--kh-success) 50%, #fffffff5 93%, transparent);box-shadow:0 0 5px #ffffffd1, 0 0 14px color-mix(in srgb, var(--kh-success) 68%, transparent)}.kh-stage__scanlines{z-index:2;opacity:.16;mix-blend-mode:screen;pointer-events:none;background-image:repeating-linear-gradient(#0000 0 3px,#a6ebff09 4px);background-size:100% 4px;position:absolute;inset:0}.kh-stage__strike-zone{--kh-strike-width:min(78%, 720px);z-index:5;width:var(--kh-strike-width);background:linear-gradient(90deg, transparent, #f5fdffeb 7%, var(--kh-primary) 50%, #f5fdffeb 93%, transparent);height:2px;box-shadow:0 0 4px #f5fdffc2, 0 0 10px color-mix(in srgb, var(--kh-primary) 58%, transparent);opacity:0;pointer-events:none;transition:opacity .22s;animation:1.15s ease-in-out infinite kh-stage-strike-pulse;position:absolute;top:0;left:0;overflow:visible;transform:translate(-200vw,-200vh)translate(-50%,-50%)}.kh-stage__strike-zone[data-ready=true]{opacity:.96}.kh-stage__strike-zone:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--kh-primary) 13%, transparent), transparent);filter:blur(2px);content:"";position:absolute;inset:-2px 0}.kh-stage__strike-track{z-index:1;position:absolute;inset:-2px 0;overflow:hidden}.kh-stage__strike-sweep{filter:blur(1px);mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#ffffffc7,#0000);width:12%;height:100%;animation:2.2s cubic-bezier(.25,.7,.3,1) infinite kh-stage-strike-sweep;position:absolute;top:0;left:-18%;transform:skew(-16deg)}.kh-stage__strike-label{z-index:2;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;bottom:6px;left:0;right:0}.kh-stage__strike-label i{width:clamp(14px,5cqi,54px);height:1px;box-shadow:0 0 8px var(--kh-primary);background:linear-gradient(90deg,#0000,#f4fcffd1)}.kh-stage__strike-label i:last-child{background:linear-gradient(90deg,#f4fcffd1,#0000)}.kh-stage__strike-label span{border:1px solid color-mix(in srgb, var(--kh-primary) 48%, #f4fcff75);color:#effbffeb;box-shadow:inset 0 1px 0 #ffffff17, 0 0 9px color-mix(in srgb, var(--kh-primary) 25%, transparent);letter-spacing:.14em;text-align:center;text-indent:.14em;white-space:nowrap;background:#030813c7;border-radius:0;padding:3px 6px 2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:7px;font-style:normal;font-weight:950;line-height:1}.kh-stage__hud{z-index:4;pointer-events:none;padding:clamp(17px,2.4vw,28px);position:absolute;inset:0}.kh-stage__identity,.kh-stage__metrics,.kh-stage__hint{color:#e7f7ffb0;-webkit-backdrop-filter:blur(15px)saturate(130%);backdrop-filter:blur(15px)saturate(130%);background:#04091894;border:1px solid #daf3ff1a;align-items:center;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff0b,0 12px 36px #00000029}.kh-stage__identity{letter-spacing:.13em;border-radius:999px;gap:9px;padding:9px 13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700;top:clamp(17px,2.4vw,28px);left:clamp(17px,2.4vw,28px)}.kh-stage__identity strong{color:var(--kh-primary);font-weight:800}.kh-stage__live-dot{background:var(--kh-success);width:6px;height:6px;box-shadow:0 0 12px var(--kh-success);border-radius:50%;animation:1.8s ease-in-out infinite kh-stage-live}.kh-stage__divider{color:#ffffff2b}.kh-stage__metrics{letter-spacing:.11em;border-radius:13px;gap:1px;padding:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:700;top:clamp(17px,2.4vw,28px);right:clamp(17px,2.4vw,28px);overflow:hidden}.kh-stage__metrics span{white-space:nowrap;border-radius:9px;padding:7px 9px}.kh-stage__metrics strong{color:#f4fbff}.kh-stage__metrics .is-active{color:#04130e;background:var(--kh-success);box-shadow:0 0 22px color-mix(in srgb, var(--kh-success) 32%, transparent)}.kh-stage__hint{letter-spacing:.045em;white-space:nowrap;border-radius:999px;gap:8px;padding:8px 12px;font-size:10px;font-weight:650;bottom:clamp(15px,2.2vw,25px);left:50%;transform:translate(-50%)}.kh-stage__hint-line{background:var(--kh-primary);width:19px;height:2px;box-shadow:0 0 9px var(--kh-primary);border-radius:2px}.kh-stage__loading{z-index:6;color:#dff4ffad;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kh-stage__loading span{border:2px solid color-mix(in srgb, var(--kh-primary) 25%, transparent);border-top-color:var(--kh-primary);border-radius:50%;width:8px;height:8px;animation:.8s linear infinite kh-stage-spin}.kh-stage__fallback{z-index:8;text-align:center;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--kh-primary) 12%, transparent), transparent 34%), linear-gradient(180deg, #050817eb, #03050efa);flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:absolute;inset:0}.kh-stage__fallback-keys{border:1px solid color-mix(in srgb, var(--kh-primary) 28%, transparent);width:min(330px,76vw);height:76px;box-shadow:0 22px 50px #00000061, 0 0 35px color-mix(in srgb, var(--kh-primary) 10%, transparent);background:#0a0f1d;border-radius:8px;gap:3px;margin-bottom:27px;padding:5px;display:flex;transform:perspective(420px)rotateX(18deg)}.kh-stage__fallback-keys span{background:linear-gradient(#eaf4f6,#aabcc3);border-radius:2px 2px 5px 5px;flex:1;height:100%;box-shadow:inset 0 -4px 8px #00000029}.kh-stage__fallback-keys span:nth-child(2),.kh-stage__fallback-keys span:nth-child(4),.kh-stage__fallback-keys span:nth-child(7),.kh-stage__fallback-keys span:nth-child(9),.kh-stage__fallback-keys span:nth-child(11){z-index:1;background:linear-gradient(#252a38,#070a11);height:59%;margin-inline:-9px;box-shadow:0 5px 8px #00000073,inset 0 1px #ffffff1a}.kh-stage__fallback-kicker{color:var(--kh-primary);letter-spacing:.17em;margin:0 0 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:800}.kh-stage__fallback h3{color:#f4fbff;font-family:var(--font-bebas-neue), "Arial Narrow", Impact, sans-serif;letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(32px,5vw,52px);line-height:.9}.kh-stage__fallback>p:not(.kh-stage__fallback-kicker){color:#ddf0f89e;max-width:520px;margin:14px 0 0;font-size:13px;line-height:1.65}.kh-stage__fallback small{max-width:520px;color:color-mix(in srgb, var(--kh-miss) 76%, white);margin-top:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px}@keyframes kh-stage-live{0%,to{opacity:.5;transform:scale(.82)}50%{opacity:1;transform:scale(1.08)}}@keyframes kh-stage-spin{to{transform:rotate(360deg)}}@keyframes kh-stage-strike-pulse{0%,to{filter:brightness(.94)saturate()}48%{filter:brightness(1.22)saturate(1.16)}}@keyframes kh-stage-strike-sweep{0%,18%{opacity:0;left:-18%}28%{opacity:.95}72%{opacity:.95}82%,to{opacity:0;left:104%}}@keyframes kh-stage-power-breathe{0%{opacity:calc(.17 + var(--kh-power-energy) * .15);filter:saturate(1.02)brightness(.96)}to{opacity:calc(.25 + var(--kh-power-energy) * .2);filter:saturate(1.14)brightness(1.07)}}@keyframes kh-stage-power-enter{0%{opacity:0;filter:saturate(.82)brightness(.92)}to{opacity:calc(.17 + var(--kh-power-energy) * .15);filter:saturate(1.02)brightness(.96)}}@container (width<=650px){.kh-stage__identity{letter-spacing:.08em;font-size:8px}.kh-stage__metrics span:nth-child(2),.kh-stage__hint{display:none}}@container (width<=440px){.kh-stage__identity .kh-stage__divider,.kh-stage__identity strong,.kh-stage__metrics span:first-child{display:none}.kh-stage__strike-label span{padding-inline:5px;font-size:6px}}@media (prefers-reduced-motion:reduce){:root:not([data-motion-preference=full]) :is(.kh-stage__live-dot,.kh-stage__loading span,.kh-stage__strike-zone,.kh-stage__strike-sweep,.kh-stage__power-wash){animation:none}:root:not([data-motion-preference=full]) .kh-stage--power .kh-stage__power-wash{opacity:.18;filter:none}:root:not([data-motion-preference=full]) .kh-stage__strike-sweep{display:none}}:root[data-motion-preference=reduced] :is(.kh-stage__live-dot,.kh-stage__loading span,.kh-stage__strike-zone,.kh-stage__strike-sweep,.kh-stage__power-wash){animation:none}:root[data-motion-preference=reduced] .kh-stage--power .kh-stage__power-wash{opacity:.18;filter:none}:root[data-motion-preference=reduced] .kh-stage__strike-sweep{display:none}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-slate-200:oklch(92.9% .013 255.508);--color-slate-900:oklch(20.8% .042 265.755);--color-stone-50:oklch(98.5% .001 106.423);--color-white:#fff;--spacing:.25rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--tracking-wider:.05em;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.left-1{left:calc(var(--spacing) * 1)}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.isolate{isolation:isolate}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-12{height:calc(var(--spacing) * 12)}.max-w-5xl{max-width:var(--container-5xl)}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-slate-200{border-color:var(--color-slate-200)}.bg-stone-50{background-color:var(--color-stone-50)}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-12{padding-block:calc(var(--spacing) * 12)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-slate-900{color:var(--color-slate-900)}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/geist-latin.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/geist-mono-latin.woff2)format("woff2")}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/bebas-neue-latin.woff2)format("woff2")}:root{--ink:#f3efe3;--muted:#aaa7b2;--soft:#777480;--void:#050507;--panel:#0e0e12;--panel-2:#15151b;--paper:#f1ecdf;--paper-ink:#09090c;--hardware:#1b1b22;--line:#ffffff1c;--line-strong:#fff3;--acid:#d7ff3f;--cyan:#49e7ff;--violet:#8d68ff;--rose:#ff4d82;--amber:#ffc55a;--danger:#ff5264;--success:#80f5aa;--font-sans:var(--font-geist-sans), "Arial Narrow", Arial, sans-serif;--font-mono:var(--font-geist-mono), "SFMono-Regular", Consolas, monospace;--font-display:var(--font-bebas-neue), "Arial Narrow", Impact, sans-serif}*{box-sizing:border-box}html{background:var(--void);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:320px}body{background:radial-gradient(circle at 52% -16%, #6743e147, transparent 37rem), radial-gradient(circle at 8% 42%, #49e7ff0e, transparent 28rem), linear-gradient(125deg, transparent 0 64%, #ff4d8209 64.1% 64.35%, transparent 64.5%), var(--void);min-height:100vh;color:var(--ink);font-family:var(--font-sans);margin:0;overflow:hidden auto}button,input,select{font:inherit}button,select,input[type=range]{accent-color:var(--acid)}button{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app-shell{--arena-header-height:clamp(58px, 9dvh, 70px);--arena-transport-height:clamp(124px, 18dvh, 148px);--arena-primary-width:100%;--arena-stage-height:max(320px, calc(100dvh - var(--arena-header-height) - var(--arena-transport-height)));min-height:100dvh;position:relative;overflow:visible}.app-shell:before{z-index:-1;content:"";pointer-events:none;opacity:.36;background-image:radial-gradient(circle,#f3efe324 0 .7px,#0000 .85px),repeating-linear-gradient(116deg,#0000 0 38px,#ffffff06 39px 40px);background-size:9px 9px,100% 100%;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.topbar{min-height:var(--arena-header-height);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;background:linear-gradient(104deg,#d7ff3f09,#0000 28%),#050508e6;grid-template-columns:minmax(248px,1fr) minmax(330px,auto) minmax(248px,1fr);align-items:center;gap:18px;padding:0 24px;display:grid;position:relative}.topbar:after{content:"";background:linear-gradient(90deg, var(--acid) 0 12%, transparent 27% 73%, var(--violet) 88%, var(--rose));opacity:.72;pointer-events:none;height:2px;position:absolute;bottom:-1px;left:0;right:0}.brand{align-items:center;gap:13px;min-width:0;display:inline-flex}.brand-mark{background:var(--acid);clip-path:polygon(0 0,100% 0,100% 64%,72% 64%,72% 100%,0 100%);border:1px solid #d7ff3fd1;flex:0 0 34px;width:34px;height:34px;position:relative;transform:rotate(-3deg);box-shadow:4px 4px #f3efe3f0,0 0 26px #d7ff3f2e}.brand-mark:before,.brand-mark:after{content:"";background:#0d0d10;width:4px;position:absolute;bottom:6px}.brand-mark:before{height:11px;left:8px;box-shadow:7px -5px #0d0d10,14px 2px #0d0d10}.brand-copy{flex-direction:column;min-width:0;line-height:1;display:flex}.brand-name-row{align-items:flex-end;gap:8px;display:flex}.brand-name{font:400 26px/.8 var(--font-display);letter-spacing:.035em;text-shadow:2px 2px #8d68ff47;transform-origin:0;white-space:nowrap;transform:skew(-5deg)}.brand-version{color:var(--muted);font:700 9px/1 var(--font-mono);letter-spacing:.08em;white-space:nowrap}.brand-sub{color:var(--acid);font:700 8px/1 var(--font-mono);letter-spacing:.15em;text-transform:uppercase;margin-top:7px}.song-selector{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(100deg,#d7ff3f12,#0000 42%),#ffffff09;border:1px solid #f3efe32e;border-top-color:#d7ff3fad;justify-self:center;align-items:center;gap:12px;min-width:min(420px,38vw);min-height:48px;padding:7px 8px 7px 18px;display:flex}.song-selector-label{color:var(--acid);font:800 9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.song-selector-copy{flex:1;min-width:0}.song-selector-title{font:400 19px/.95 var(--font-display);letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-selector-meta{color:var(--muted);font:9px/1 var(--font-mono);letter-spacing:.04em;margin-top:2px}.library-button{border:1px solid var(--line-strong);background:var(--paper);min-height:30px;color:var(--paper-ink);cursor:pointer;font:400 14px/1 var(--font-display);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:5px;padding:0 11px;transition:border-color .16s,background .16s;display:inline-flex}.library-button:hover{border-color:var(--acid);background:var(--acid)}.device-status{justify-self:end;align-items:center;gap:10px;display:flex}.device-copy{flex-direction:column;align-items:flex-end;min-width:0;max-width:180px;display:flex}.device-name{max-width:180px;color:var(--ink);font:10px/1.2 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-hint{max-width:180px;color:var(--muted);font:8px/1.25 var(--font-mono);letter-spacing:.06em;text-align:right;text-transform:uppercase;margin-top:3px}.device-hint.signal-received{color:var(--success)}.device-hint.octave-warning{color:#ffbd70}.status-light{background:#51515a;border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 4px #ffffff0a}.status-light.online{background:var(--success);box-shadow:0 0 0 4px #80f5aa17,0 0 17px #80f5aa8c}.connect-button{min-height:34px;color:var(--cyan);cursor:pointer;font:9px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:linear-gradient(105deg,#49e7ff24,#49e7ff09);border:1px solid #49e7ff94;padding:0 14px;transition:color .15s,background .15s,box-shadow .15s}.connect-button:hover:not(:disabled){color:#05070a;background:var(--cyan);box-shadow:0 0 28px #49e7ff38}.connect-button:disabled{cursor:wait;opacity:.72}.main-grid{width:100%;min-height:calc(100vh - var(--arena-header-height));min-height:calc(100dvh - var(--arena-header-height));grid-template-columns:minmax(0,1fr) 310px;align-items:stretch;margin:0 auto;display:grid}.play-column{border-right:1px solid var(--line);background:#050509c2;flex-direction:column;align-items:center;min-width:0;display:flex}.stage-wrap{width:var(--arena-primary-width);min-height:0;height:var(--arena-stage-height);flex:0 0 var(--arena-stage-height);background:#050509;position:relative;overflow:hidden;container:performance-stage/inline-size}.stage-wrap>.kh-stage{border-radius:0;height:100%;min-height:0}.stage-wrap:before{z-index:3;content:"";pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 6% 12%,#d7ff3f24,#0000 10rem),radial-gradient(circle at 94% 8%,#ff4d8221,#0000 12rem);position:absolute;inset:0}.stage-wrap:after{z-index:4;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 110px #000000b8}.stage-wrap.is-power-mode:before{background:radial-gradient(circle at 50% 18%,#ffd96a26,#0000 17rem),radial-gradient(circle at 6% 12%,#d7ff3f2e,#0000 11rem),radial-gradient(circle at 94% 8%,#ff4d822b,#0000 13rem);animation:1.9s ease-in-out infinite alternate power-stage-breathe}.stage-head{z-index:12;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:18px;display:flex;position:absolute;top:10px;left:16px;right:16px}.lesson-tag{max-width:min(540px,68%);color:var(--paper-ink);clip-path:polygon(6px 0,100% 0,calc(100% - 8px) 100%,0 100%,0 6px);font:750 8px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:#f1ecdfed;align-items:center;gap:8px;padding:6px 12px 6px 28px;display:flex;position:relative;transform:rotate(-.45deg);box-shadow:5px 5px #d7ff3fb8,0 12px 26px #00000038}.lesson-tag:before{content:"";background:var(--acid);width:8px;height:auto;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 16px #d7ff3f8a}.stage-metrics{align-items:flex-start;gap:20px;display:flex}.stage-metric{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);text-align:right;background:#050508cc;border:1px solid #d7ff3f6b;min-width:64px;padding:6px 9px;box-shadow:3px 3px #8d68ff73}.stage-metric strong{color:var(--ink);font:400 21px/.78 var(--font-display);letter-spacing:-.06em;text-shadow:0 0 24px #ffffff38;display:block}.stage-metric span{color:var(--acid);font:7px/1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase;margin-top:3px;display:block}.performance-hud{--streak-color:var(--cyan);z-index:13;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:18px;transition:opacity .22s,filter .22s;display:flex;position:absolute;top:58px;left:18px;right:18px}.performance-hud.tier-building{--streak-color:var(--acid)}.performance-hud.tier-locked{--streak-color:#72ffd1}.performance-hud.tier-fire,.performance-hud.tier-rockstar{--streak-color:#ffd96a}.performance-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:repeating-linear-gradient(112deg,#0000 0 22px,#ffffff05 23px 24px),linear-gradient(135deg,#0b0d14f0,#05060bbf),#05060ab8;border:1px solid #f3efe338;width:min(205px,25vw);min-height:92px;padding:12px 14px 11px;position:relative;overflow:hidden;box-shadow:0 16px 36px #00000047,inset 0 1px #ffffff0f}.performance-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);height:4px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 16px #49e7ff6b}.performance-score{clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%)}.performance-hud.is-quick-loop .performance-score{border-color:#d7ff3f80}.performance-hud.is-quick-loop .performance-score:before{background:linear-gradient(90deg, transparent, var(--acid), transparent);box-shadow:0 0 16px #d7ff3f6b}.performance-hud.is-quick-loop .performance-streak{opacity:.5}.performance-streak{text-align:right;clip-path:polygon(18px 0,100% 0,100% 100%,0 100%);grid-template-columns:1fr auto;align-items:end;gap:8px 14px;display:grid}.performance-streak:before{background:linear-gradient(90deg, transparent, var(--streak-color));box-shadow:0 0 18px var(--streak-color)}@supports (color:color-mix(in lab, red, red)){.performance-streak:before{box-shadow:0 0 18px color-mix(in srgb, var(--streak-color) 56%, transparent)}}.power-meter{--power-color:var(--acid);border:1px solid var(--power-color);align-self:stretch;width:clamp(190px,28cqi,300px);min-height:92px;padding:11px 13px 10px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.power-meter{border:1px solid color-mix(in srgb, var(--power-color) 44%, #ffffff1f)}}.power-meter{background:radial-gradient(circle at 50% -60%, var(--power-color), transparent 68%), repeating-linear-gradient(112deg, transparent 0 20px, #ffffff05 21px 22px), #05060be0}@supports (color:color-mix(in lab, red, red)){.power-meter{background:radial-gradient(circle at 50% -60%, color-mix(in srgb, var(--power-color) 15%, transparent), transparent 68%), repeating-linear-gradient(112deg, transparent 0 20px, #ffffff05 21px 22px), #05060be0}}.power-meter{box-shadow:0 16px 36px #0000004d, inset 0 1px 0 #ffffff0f, 0 0 22px var(--power-color)}@supports (color:color-mix(in lab, red, red)){.power-meter{box-shadow:0 16px 36px #0000004d, inset 0 1px 0 #ffffff0f, 0 0 22px color-mix(in srgb, var(--power-color) 8%, transparent)}}.power-meter{clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);pointer-events:none;transition:border-color .24s,box-shadow .24s,filter .24s}.power-meter:before{content:"";background:linear-gradient(90deg, transparent, var(--power-color), transparent);height:3px;box-shadow:0 0 18px var(--power-color);position:absolute;top:0;left:13%;right:13%}@supports (color:color-mix(in lab, red, red)){.power-meter:before{box-shadow:0 0 18px color-mix(in srgb, var(--power-color) 52%, transparent)}}.power-meter-head,.power-meter-foot{font-family:var(--font-mono);text-transform:uppercase;justify-content:space-between;align-items:center;gap:9px;line-height:1;display:flex}.power-meter-head span{color:#f8f7f29e;letter-spacing:.15em;font-size:8px;font-weight:800}.power-meter-head strong{color:var(--power-color);letter-spacing:.05em;text-shadow:0 0 14px var(--power-color);font-size:11px;font-weight:900}@supports (color:color-mix(in lab, red, red)){.power-meter-head strong{text-shadow:0 0 14px color-mix(in srgb, var(--power-color) 64%, transparent)}}.power-meter-track{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#030306d1 calc(10% - 2px) 10%),#ffffff0e;border:1px solid #ffffff24;height:15px;margin-top:11px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 2px 7px #0000008f}.power-meter-track i{background:linear-gradient(90deg, var(--cyan), var(--violet), var(--rose), var(--acid));min-width:0;box-shadow:0 0 17px var(--power-color);background-size:180% 100%;position:absolute;inset:0 auto 0 0}@supports (color:color-mix(in lab, red, red)){.power-meter-track i{box-shadow:0 0 17px color-mix(in srgb, var(--power-color) 58%, transparent)}}.power-meter-track i{transition:width .22s ease-out}.power-meter-track b{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#030306c7 calc(10% - 2px) 10%);position:absolute;inset:0}.power-meter-foot{color:#f8f7f273;letter-spacing:.065em;margin-top:9px;font-size:7px}.power-meter-foot strong{color:#f8f7f2c7;white-space:nowrap;font-size:7px}.power-meter.is-active{--power-color:#ffd96a;background:radial-gradient(circle at 50% -35%,#ffd96a38,#0000 64%),repeating-linear-gradient(112deg,#0000 0 20px,#ffffff09 21px 22px),#08070af0;border-color:#ffd96ab3;animation:1.85s ease-in-out infinite alternate power-meter-breathe;box-shadow:0 16px 38px #00000052,inset 0 1px #ffffff1c,0 0 30px #ffd96a33,5px 5px #8d68ff59}.power-meter.is-active .power-meter-head span{color:#ffd96a;text-shadow:0 0 14px #ffd96a8f;font-size:9px}.power-meter.is-active .power-meter-head strong{color:#050507;text-shadow:none;background:#ffd96a;padding:3px 5px 2px}.power-meter.is-active .power-meter-track i{background:linear-gradient(90deg,#ff4d82,#ffd96a,#d7ff3f,#49e7ff) 0 0/180% 100%;animation:1.6s linear infinite power-meter-flow}.performance-hud.is-power-mode .performance-card{border-color:#ffd96a52}.performance-label,.performance-subline{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;line-height:1;display:block}.performance-label{color:#f8f7f2a3;font-size:9px;font-weight:750}.performance-subline{color:#f8f7f275;margin-top:5px;font-size:8px}.score-readout{align-items:baseline;gap:8px;margin-top:4px;display:flex;position:relative}.score-value{color:var(--ink);font:400 clamp(37px, 4vw, 58px)/.78 var(--font-display);letter-spacing:.01em;text-shadow:0 0 22px #fff3,0 0 38px #49e7ff1f;animation:.36s cubic-bezier(.16,1.2,.3,1) both score-kick}.performance-hud.is-quick-loop .score-value{color:var(--acid);letter-spacing:.04em;font-size:clamp(25px,2.7vw,38px)}.score-delta{color:var(--acid);font:850 10px/1 var(--font-mono);letter-spacing:-.03em;text-shadow:0 0 14px #d7ff3fa6;animation:1.05s ease-out both score-float}.combo-value{color:var(--streak-color);font:400 clamp(42px, 4.7vw, 66px)/.72 var(--font-display);letter-spacing:-.02em;text-shadow:0 0 26px var(--streak-color);margin-top:2px;display:block;transform:skew(-5deg)}@supports (color:color-mix(in lab, red, red)){.combo-value{text-shadow:0 0 26px color-mix(in srgb, var(--streak-color) 52%, transparent)}}.combo-value{animation:.38s cubic-bezier(.16,1.3,.3,1) both combo-kick}.combo-value small{letter-spacing:-.04em;margin-left:2px;font-size:.42em}.accuracy-stat strong{color:var(--ink);font:850 21px/.9 var(--font-mono);letter-spacing:-.07em;margin-top:6px;display:block}.accuracy-meter,.streak-charge{background:#ffffff1a;height:2px;display:block;position:relative;overflow:hidden}.accuracy-meter{width:54px;margin-top:8px;margin-left:auto}.accuracy-meter i,.streak-charge i{background:var(--streak-color);height:100%;box-shadow:0 0 10px var(--streak-color);transition:width .24s;display:block}.streak-charge{grid-column:1/-1}.stage-encouragement{--encouragement-color:var(--cyan);z-index:15;width:min(340px,100% - 440px);min-width:230px;min-height:72px;box-shadow:none;clip-path:none;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none;filter:drop-shadow(0 14px 22px #0000007a);background:0 0;border:0;padding:6px 72px 10px 12px;animation:.98s cubic-bezier(.16,1,.3,1) both judgement-slash;position:absolute;top:158px;left:50%;transform:translate(-50%)}.stage-encouragement:before{z-index:-1;content:"";background:radial-gradient(circle, #09090c21 0 .65px, transparent .8px) 0 0 / 7px 7px, var(--paper);box-shadow:7px 7px 0 var(--encouragement-color);position:absolute;inset:18px 42px 4px 4px}@supports (color:color-mix(in lab, red, red)){.stage-encouragement:before{box-shadow:7px 7px 0 color-mix(in srgb, var(--encouragement-color) 82%, #050507)}}.stage-encouragement:before{clip-path:polygon(10px 0,100% 0,calc(100% - 13px) 100%,0 100%,0 10px)}.stage-encouragement:after{z-index:-1;content:"";background:var(--encouragement-color);width:7px;box-shadow:0 0 18px var(--encouragement-color);position:absolute;top:21px;bottom:8px;left:4px}@supports (color:color-mix(in lab, red, red)){.stage-encouragement:after{box-shadow:0 0 18px color-mix(in srgb, var(--encouragement-color) 58%, transparent)}}.stage-encouragement.tone-perfect{--encouragement-color:#72ffd1}.stage-encouragement.tone-great,.stage-encouragement.tone-good{--encouragement-color:var(--cyan)}.stage-encouragement.tone-rockstar{--encouragement-color:#ffd96a}.stage-encouragement.tone-miss{--encouragement-color:#ff7f9a}.performance-feedback-toasts{z-index:15;pointer-events:none;width:min(230px,100% - 36px);height:42px;position:absolute;top:158px;left:18px}.performance-feedback-toast{--feedback-color:var(--cyan);border:1px solid var(--feedback-color);align-items:center;gap:9px;width:max-content;max-width:100%;padding:8px 14px 8px 10px;display:flex;position:absolute;top:0;left:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.performance-feedback-toast{border:1px solid color-mix(in srgb, var(--feedback-color) 42%, transparent)}}.performance-feedback-toast{border-left:4px solid var(--feedback-color);color:var(--ink);box-shadow:0 10px 24px #00000061, inset 0 0 18px var(--feedback-color);background:#050508e6}@supports (color:color-mix(in lab, red, red)){.performance-feedback-toast{box-shadow:0 10px 24px #00000061, inset 0 0 18px color-mix(in srgb, var(--feedback-color) 9%, transparent)}}.performance-feedback-toast{clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);opacity:0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:1.38s cubic-bezier(.16,1,.3,1) both feedback-toast-slide}.performance-feedback-toast.tone-perfect{--feedback-color:#72ffd1}.performance-feedback-toast.tone-great,.performance-feedback-toast.tone-good{--feedback-color:var(--cyan)}.performance-feedback-toast.tone-rockstar{--feedback-color:#ffd96a}.performance-feedback-toast.tone-miss{--feedback-color:#ff7f9a}.performance-feedback-toast strong{color:var(--feedback-color);font:400 22px/.9 var(--font-display);letter-spacing:.035em;text-transform:uppercase}.performance-feedback-toast span{color:#f3efe3bf;font:750 7px/1 var(--font-mono);letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.performance-feedback-toast b{color:var(--feedback-color);font:850 9px/1 var(--font-mono);letter-spacing:.03em;flex:none}.stage-encouragement.variant-milestone{width:min(450px,100% - 400px);min-height:112px;padding:7px 82px 14px 17px;animation:1.52s cubic-bezier(.16,1,.3,1) both milestone-poster;top:146px}.stage-encouragement.variant-milestone:before{border:1px solid var(--encouragement-color);inset:23px 45px 4px 4px}@supports (color:color-mix(in lab, red, red)){.stage-encouragement.variant-milestone:before{border:1px solid color-mix(in srgb, var(--encouragement-color) 55%, transparent)}}.stage-encouragement.variant-milestone:before{box-shadow:8px 8px 0 var(--encouragement-color), 0 0 34px var(--encouragement-color);background:repeating-linear-gradient(112deg,#0000 0 24px,#ffffff06 25px 26px),#050508f5}@supports (color:color-mix(in lab, red, red)){.stage-encouragement.variant-milestone:before{box-shadow:8px 8px 0 color-mix(in srgb, var(--encouragement-color) 74%, #050507), 0 0 34px color-mix(in srgb, var(--encouragement-color) 18%, transparent)}}.stage-encouragement.variant-milestone:after{top:26px;bottom:8px}.encouragement-kicker,.encouragement-detail{font-family:var(--font-mono);line-height:1.25;display:block}.encouragement-kicker{color:#050507;background:var(--encouragement-color);letter-spacing:.15em;text-transform:uppercase;width:fit-content;padding:5px 7px 4px;font-size:9px;font-weight:800;animation:.26s ease-out 60ms both callout-kicker-in}.stage-encouragement>strong{color:var(--paper-ink);font:400 clamp(40px, 4.5vw, 58px)/.76 var(--font-display);letter-spacing:.005em;text-shadow:none;text-transform:uppercase;transform-origin:0;margin:4px 0 3px 12px;animation:.32s cubic-bezier(.16,1.15,.3,1) .11s both callout-word-in;display:block;transform:skew(-5deg)}.stage-encouragement.variant-milestone>strong{color:var(--ink);text-shadow:0 0 28px var(--encouragement-color);margin-top:6px;font-size:clamp(54px,6vw,78px)}@supports (color:color-mix(in lab, red, red)){.stage-encouragement.variant-milestone>strong{text-shadow:0 0 28px color-mix(in srgb, var(--encouragement-color) 34%, transparent)}}.encouragement-detail{color:#f3efe3bd;background:#050508eb;width:fit-content;padding:3px 7px;font-size:8px;animation:.26s ease-out .18s both callout-detail-in}.encouragement-points{min-width:65px;color:var(--encouragement-color);font:900 13px/1 var(--font-mono);text-align:center;text-shadow:0 0 14px var(--encouragement-color);background:#050507;border:2px solid;padding:9px 7px;position:absolute;top:50%;right:5px;transform:translateY(-50%)rotate(4deg)}@supports (color:color-mix(in lab, red, red)){.encouragement-points{text-shadow:0 0 14px color-mix(in srgb, var(--encouragement-color) 58%, transparent)}}.encouragement-points{animation:.32s cubic-bezier(.16,1.2,.3,1) .23s both callout-points-in}.finale-status{z-index:16;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05060ac2;border-top:1px solid #d7ff3fbf;border-bottom:1px solid #d7ff3f47;min-width:190px;padding:10px 20px;animation:1.2s ease-in-out infinite alternate finale-breathe;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.finale-status span,.finale-status strong{text-transform:uppercase;display:block}.finale-status span{color:var(--acid);font:750 7px/1 var(--font-mono);letter-spacing:.18em}.finale-status strong{color:var(--ink);font:900 15px/1 var(--font-sans);letter-spacing:-.02em;margin-top:4px;font-style:italic}@keyframes score-kick{0%{filter:brightness(1.8);transform:translateY(4px)scale(.82)}65%{transform:translateY(-1px)scale(1.06)}to{filter:brightness();transform:none}}@keyframes score-float{0%{opacity:0;transform:translateY(7px)scale(.8)}18%,64%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-16px)scale(.94)}}@keyframes combo-kick{0%{filter:brightness(2);transform:scale(.65)rotate(-6deg)}65%{transform:scale(1.08)rotate(1deg)}to{filter:brightness();transform:none}}@keyframes judgement-slash{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-50%,6px)skew(-4deg)}16%,72%{opacity:1;clip-path:inset(0);transform:translate(-50%)skew(0deg)}to{opacity:0;clip-path:inset(0 0 0 100%);transform:translate(-50%,-3px)skew(2deg)}}@keyframes feedback-toast-slide{0%{opacity:0;transform:translate(calc(-100% - 18px))}14%,68%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(12px,-4px)}}@keyframes feedback-toast-fade{0%{opacity:0}10%,68%{opacity:1}to{opacity:0}}@keyframes milestone-poster{0%{opacity:0;transform:translate(-50%,-18px)scale(.78)rotate(-3deg)}12%{opacity:1;transform:translate(-50%,2px)scale(1.06)rotate(1deg)}20%,78%{opacity:1;transform:translate(-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-7px)scale(.98)rotate(1deg)}}@keyframes callout-kicker-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@keyframes callout-word-in{0%{opacity:0;transform:translateY(12px)skew(-12deg)scaleX(.72)}to{opacity:1;transform:skew(-5deg)}}@keyframes callout-detail-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes callout-points-in{0%{opacity:0;transform:translateY(-50%)rotate(14deg)scale(.55)}to{opacity:1;transform:translateY(-50%)rotate(4deg)scale(1)}}@keyframes finale-breathe{0%{opacity:.7;box-shadow:0 0 10px #d7ff3f0f}to{opacity:1;box-shadow:0 0 32px #d7ff3f2e}}@keyframes power-stage-breathe{0%{opacity:.82;filter:saturate(1.04)brightness(1.01)}to{opacity:1;filter:saturate(1.12)brightness(1.05)}}@keyframes power-stage-enter{0%{opacity:.36;filter:saturate(.88)brightness(.94)}to{opacity:.82;filter:saturate(1.04)brightness(1.01)}}@keyframes power-meter-breathe{0%{filter:brightness(.96)saturate();transform:translateY(0)}to{filter:brightness(1.08)saturate(1.1);transform:translateY(-1px)}}@keyframes power-meter-flow{to{background-position:0 -180%}}.performance-results-overlay{z-index:120;overscroll-behavior:contain;-webkit-backdrop-filter:blur(13px)saturate(1.15);backdrop-filter:blur(13px)saturate(1.15);background:linear-gradient(112deg,#0000 0 47%,#d7ff3f0d 47.1% 47.35%,#0000 47.5%),radial-gradient(circle at 50% 46%,#8d68ff30,#0000 36rem),#030306e6;place-items:center;padding:clamp(14px,2.5vw,30px);animation:.46s ease-out both results-curtain;display:grid;position:fixed;inset:0;overflow:hidden}.results-fit-frame{flex:none;width:min(880px,100%)}.results-fit-scaler{width:100%;transform:scale(var(--results-fit-scale,1));transform-origin:0 0}.performance-results-card{--result-color:var(--cyan);--stamp-color:#a91f4e;isolation:isolate;border:3px solid var(--paper-ink);background:radial-gradient(circle, #09090c21 0 .65px, transparent .85px) 0 0 / 7px 7px, linear-gradient(105deg, transparent 0 72%, var(--result-color) 72.2% 100%), var(--paper);width:min(880px,100%);max-height:none;padding:clamp(22px,3.2vw,38px);position:relative;overflow:visible}@supports (color:color-mix(in lab, red, red)){.performance-results-card{background:radial-gradient(circle, #09090c21 0 .65px, transparent .85px) 0 0 / 7px 7px, linear-gradient(105deg, transparent 0 72%, color-mix(in srgb, var(--result-color) 8%, transparent) 72.2% 100%), var(--paper)}}.performance-results-card{color:var(--paper-ink);box-shadow:16px 16px 0 var(--result-color), 0 40px 110px #000000b8, 0 0 72px var(--result-color)}@supports (color:color-mix(in lab, red, red)){.performance-results-card{box-shadow:16px 16px 0 color-mix(in srgb, var(--result-color) 58%, #050507), 0 40px 110px #000000b8, 0 0 72px color-mix(in srgb, var(--result-color) 18%, transparent)}}.performance-results-card{clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);animation:.65s cubic-bezier(.16,1,.3,1) both results-sheet-in}.performance-results-card:before,.performance-results-card:after{content:"";pointer-events:none;position:absolute}.performance-results-card:before{z-index:-1;background:var(--rose);width:1px;top:0;bottom:0;left:62px}@supports (color:color-mix(in lab, red, red)){.performance-results-card:before{background:color-mix(in srgb, var(--rose) 42%, transparent)}}.performance-results-card:after{z-index:3;opacity:.72;background:#d7ff3fc2;width:92px;height:18px;top:13px;right:42px;transform:rotate(2deg);box-shadow:0 1px #09090c47}.performance-results-card.result-legendary{--result-color:var(--acid);--stamp-color:#a91f4e}.performance-results-card.result-rockstar{--result-color:#ffd96a;--stamp-color:#a91f4e}.performance-results-card.result-locked{--result-color:#72ffd1;--stamp-color:#08604b}.performance-results-card.result-rising{--result-color:var(--cyan);--stamp-color:#075d6c}.performance-results-card.result-practice{--result-color:#ff9f7c;--stamp-color:#99243f}.results-registration{z-index:4;border:1px solid var(--paper-ink);pointer-events:none;border-radius:50%;width:18px;height:18px;position:absolute;top:17px;left:19px}.results-registration:before,.results-registration:after{content:"";background:var(--paper-ink);position:absolute}.results-registration:before{width:26px;height:1px;top:8px;left:-5px}.results-registration:after{width:1px;height:26px;top:-5px;left:8px}.results-sheet-header{justify-content:space-between;align-items:flex-end;gap:26px;padding-left:42px;display:flex}.results-kicker{width:fit-content;color:var(--paper-ink);background:var(--result-color);font:850 8px/1 var(--font-mono);letter-spacing:.17em;text-transform:uppercase;padding:5px 8px 4px;display:block}.results-sheet-header h2{color:var(--paper-ink);font:400 clamp(38px, 5.4vw, 66px)/.78 var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:10px 0 0}.results-sheet-meta{color:#09090c94;font:750 8px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-top:8px;display:block}.results-stage-points{border-left:6px solid var(--result-color);background:var(--paper-ink);min-width:190px;color:var(--paper);text-align:right;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);flex:none;padding:13px 16px 11px}.results-stage-points span,.results-stage-points strong{display:block}.results-stage-points>span{color:var(--result-color);font:800 8px/1 var(--font-mono);letter-spacing:.17em;text-transform:uppercase}.results-stage-points strong{font:400 clamp(42px, 5vw, 62px)/.72 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.02em;animation:odometer-settle .48s var(--stage-settle-delay,2.53s) cubic-bezier(.16, 1.2, .3, 1) both;margin-top:8px}.results-sheet-rule{background:linear-gradient(90deg, var(--paper-ink) 0 72%, var(--result-color) 72% 100%);transform-origin:0;height:5px;margin:18px 0 0 42px;animation:.52s ease-out .18s both results-rule-draw}.results-ledger{border-top:1px solid #09090c47;margin-left:42px}.results-ledger-row{opacity:0;min-height:43px;animation:results-row-mark .46s var(--row-delay) cubic-bezier(.16, 1, .3, 1) both;border-bottom:1px solid #09090c33;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.results-ledger-row:before{content:"";background:var(--row-color,var(--result-color));width:3px;position:absolute;top:8px;bottom:8px;left:-8px}.results-ledger-row.row-perfect{--row-color:#00a681}.results-ledger-row.row-great{--row-color:#008ca5}.results-ledger-row.row-good{--row-color:#7761d4}.results-ledger-row.row-miss{--row-color:#d94865}.results-ledger-row.row-bonus{--row-color:#9ebd19}.results-row-number{color:#09090c57;font:700 8px/1 var(--font-mono)}.results-row-label strong,.results-row-label small{display:block}.results-row-label strong{color:var(--paper-ink);font:400 21px/.86 var(--font-display);letter-spacing:.025em;text-transform:uppercase}.results-row-label small{color:#09090c78;font:8px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.results-row-points{color:var(--paper-ink);font:400 29px/.8 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.02em}.results-final-verdict{border:2px solid var(--paper-ink);background:repeating-linear-gradient(112deg, transparent 0 32px, #ffffff06 33px 34px), var(--paper-ink);min-height:180px;color:var(--paper);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);grid-template-columns:minmax(0,1fr) minmax(190px,.55fr);margin:19px 0 0 42px;display:grid}.results-test-block{opacity:0;min-width:0;animation:results-test-in .52s var(--test-block-delay,2.66s) ease-out both;flex-direction:column;justify-content:center;padding:18px 24px;display:flex}.results-test-label,.results-test-note{font-family:var(--font-mono);text-transform:uppercase}.results-test-label{color:var(--result-color);letter-spacing:.2em;font-size:8px;font-weight:850}.results-test-score{white-space:nowrap;align-items:flex-end;gap:9px;min-width:0;margin-top:7px;display:flex}.results-test-score>strong{color:var(--paper);font:400 clamp(94px, 12.5vw, 154px)/.63 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.01em;text-shadow:0 0 34px var(--result-color)}@supports (color:color-mix(in lab, red, red)){.results-test-score>strong{text-shadow:0 0 34px color-mix(in srgb, var(--result-color) 18%, transparent)}}.results-test-score>small{color:var(--result-color);font:850 17px/1 var(--font-mono);letter-spacing:-.05em;padding-bottom:7px}.results-test-note{color:#f3efe380;letter-spacing:.09em;margin-top:10px;font-size:8px}.results-grade-zone{border-left:1px solid #f3efe329;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.results-grade-burst{aspect-ratio:1;background:repeating-conic-gradient(from 4deg, transparent 0 10deg, var(--result-color) 10.5deg 12deg, transparent 12.5deg 24deg);width:240px;position:absolute}@supports (color:color-mix(in lab, red, red)){.results-grade-burst{background:repeating-conic-gradient(from 4deg, transparent 0 10deg, color-mix(in srgb, var(--result-color) 48%, transparent) 10.5deg 12deg, transparent 12.5deg 24deg)}}.results-grade-burst{opacity:0;animation:results-burst .7s var(--grade-delay,3.68s) ease-out both}.results-grade-stamp{z-index:1;border:5px double var(--stamp-color);min-width:154px;color:var(--stamp-color);text-transform:uppercase;box-shadow:5px 5px 0 var(--stamp-color);background:#f3efe3fa;place-items:center;padding:11px 14px 9px;display:grid;position:relative;transform:rotate(-7deg)}@supports (color:color-mix(in lab, red, red)){.results-grade-stamp{box-shadow:5px 5px 0 color-mix(in srgb, var(--stamp-color) 38%, transparent)}}.results-grade-stamp{opacity:0;animation:results-grade-stamp .69s var(--grade-delay,3.68s) cubic-bezier(.16, 1.38, .3, 1) both}.results-grade-stamp.stamp-fail{animation-name:results-grade-fail-stamp}.results-grade-stamp span,.results-grade-stamp em{font:850 8px/1 var(--font-mono);letter-spacing:.18em}.results-grade-stamp strong{font:400 clamp(82px, 10vw, 122px)/.63 var(--font-display);letter-spacing:-.02em;margin:5px 0 2px}.results-grade-stamp em{font-style:normal}.results-mastery-award{color:#09090c94;opacity:0;animation:results-feedback-in .42s var(--feedback-delay,4.12s) ease-out both;background:#09090c09;border:1px solid #09090c38;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;margin:13px 0 0 42px;padding:10px 14px;display:grid}.results-mastery-award.is-earned{color:#8a5900;background:linear-gradient(90deg,#ffc22b38,#ffdc6614);border-color:#a56d00;box-shadow:inset 4px 0 #d99500}.results-mastery-copy{min-width:0}.results-mastery-copy span,.results-mastery-copy strong{text-transform:uppercase;display:block}.results-mastery-copy span{font:800 7px/1 var(--font-mono);letter-spacing:.16em}.results-mastery-copy strong{color:var(--paper-ink);font:400 20px/.85 var(--font-display);letter-spacing:.025em;margin-top:4px}.results-mastery-stars{color:#09090c33;gap:3px;display:inline-flex}.results-mastery-stars svg.is-earned{color:#d99500;filter:drop-shadow(0 1px #09090c38)}.results-mastery-stars svg.just-landed{animation:.9s cubic-bezier(.16,1.45,.3,1) both results-gold-star-landed}.results-mastery-award>b{min-width:31px;color:var(--paper-ink);font:850 10px/1 var(--font-mono)}.results-gold-star-celebration{z-index:20;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.results-gold-star-celebration:before{content:"";background:radial-gradient(circle at center, #ffe8858a, #d68f0033 31%, #09090cd6 72%), repeating-conic-gradient(from 5deg at center, #ffe3682e 0 4deg, transparent 4deg 13deg);opacity:0;animation:results-gold-star-curtain 3.45s var(--gold-star-delay) ease-in-out both;position:absolute;inset:0}.results-gold-star-hero{z-index:3;aspect-ratio:1;color:#ffd34e;opacity:0;filter:drop-shadow(0 8px #9b5f00)drop-shadow(0 18px 32px #ffb200a8)drop-shadow(0 0 70px #ffe261f0);will-change:transform, opacity;place-items:center;width:clamp(250px,54%,430px);display:grid;position:relative}.results-gold-star-hero>svg{stroke:#714000;width:100%;height:100%}.results-gold-star-hero>span{color:#261400;text-align:center;text-transform:uppercase;place-items:center;display:grid;position:absolute;transform:translateY(4px)rotate(-2deg)}.results-gold-star-hero strong,.results-gold-star-hero em{white-space:nowrap;display:block}.results-gold-star-hero strong{font:400 clamp(45px, 8vw, 78px)/.72 var(--font-display);letter-spacing:.02em;text-shadow:0 1px #fff9c7bf}.results-gold-star-hero em{font:900 clamp(7px, 1.2vw, 11px)/1 var(--font-mono);letter-spacing:.22em;border:2px solid;margin-top:9px;padding:5px 9px 4px;font-style:normal}.results-gold-star-particles,.results-gold-star-ring{z-index:2;position:absolute;top:50%;left:50%}.results-gold-star-particles{width:1px;height:1px}.results-gold-star-particles i{width:var(--particle-size);height:calc(var(--particle-size) * .48);opacity:0;animation:results-gold-star-particle 1.12s calc(var(--gold-star-delay) + var(--particle-delay)) cubic-bezier(.12, .72, .2, 1) both;background:#ffd34e;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 10px #ffda48e6}.results-gold-star-particles i:nth-child(3n){background:#fff5b8;border-radius:50%}.results-gold-star-particles i:nth-child(4n){background:var(--rose)}.results-gold-star-particles i:nth-child(5n){background:var(--acid)}.results-gold-star-ring{aspect-ratio:1;opacity:0;border:4px solid #ffdc50c7;border-radius:50%;width:250px;transform:translate(-50%,-50%)scale(.2)}.results-gold-star-ring.ring-one{animation:results-gold-star-ring 1.05s var(--gold-star-delay) ease-out both}.results-gold-star-ring.ring-two{animation:results-gold-star-ring 1.2s calc(var(--gold-star-delay) + .12s) ease-out both}@keyframes results-gold-star-curtain{0%{opacity:0}8%,76%{opacity:1}to{opacity:0}}@keyframes results-gold-star-particle{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.2)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--particle-x)), calc(-50% + var(--particle-y))) rotate(var(--particle-rotate)) scale(.55)}}@keyframes results-gold-star-ring{0%{opacity:.9;transform:translate(-50%,-50%)scale(.15)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes results-gold-star-landed{0%{filter:brightness(4)drop-shadow(0 0 14px #ffd34e);transform:scale(2.8)rotate(18deg)}44%{filter:brightness(1.45)drop-shadow(0 0 9px #ffd34e);transform:scale(.82)rotate(-7deg)}72%{transform:scale(1.18)rotate(3deg)}to{filter:drop-shadow(0 1px #09090c38);transform:scale(1)rotate(0)}}.results-feedback{border-top:2px solid var(--paper-ink);opacity:0;animation:results-feedback-in .42s var(--feedback-delay,4.12s) ease-out both;grid-template-columns:116px minmax(0,1fr);align-items:start;gap:17px;margin:17px 0 0 42px;padding-top:13px;display:grid}.results-feedback>span{width:fit-content;color:var(--paper);background:var(--paper-ink);font:800 8px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;padding:5px 7px 4px}.results-feedback strong{color:var(--paper-ink);font:400 25px/.85 var(--font-display);letter-spacing:.02em;text-transform:uppercase;display:block}.results-feedback p{color:#09090ca1;margin:5px 0 0;font-size:11px;line-height:1.45}.results-actions{background:linear-gradient(180deg, transparent, var(--paper) 22%);opacity:0;animation:results-feedback-in .42s var(--actions-delay,4.25s) ease-out both;justify-content:flex-end;gap:9px;margin:17px 0 0 42px;padding:10px 0 4px;display:flex}.results-actions button{min-height:44px;color:var(--paper-ink);cursor:pointer;font:800 8px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:#09090c09;border:1px solid #09090c66;justify-content:center;align-items:center;gap:8px;padding:0 17px;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.results-actions button:hover,.results-actions button:focus-visible{border-color:var(--paper-ink);background:var(--result-color)}@supports (color:color-mix(in lab, red, red)){.results-actions button:hover,.results-actions button:focus-visible{background:color-mix(in srgb, var(--result-color) 22%, transparent)}}.results-actions button:hover,.results-actions button:focus-visible{transform:translateY(-2px)}.results-actions button:disabled{opacity:0;pointer-events:none}.results-actions .results-replay{border-color:var(--paper-ink);color:var(--paper);background:var(--paper-ink);box-shadow:4px 4px 0 var(--result-color)}.results-actions .results-replay:hover,.results-actions .results-replay:focus-visible{color:var(--paper-ink);background:var(--result-color)}@keyframes results-curtain{0%{opacity:0;-webkit-backdrop-filter:blur()saturate();backdrop-filter:blur()saturate()}to{opacity:1}}@keyframes results-sheet-in{0%{opacity:0;filter:brightness(1.5);transform:translateY(34px)scale(.92)rotate(-1deg)}to{opacity:1;filter:brightness();transform:none}}@keyframes results-rule-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes results-row-mark{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-13px)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes odometer-settle{0%{filter:brightness(1.8);transform:translateY(6px)scale(.92)}to{filter:brightness();transform:none}}@keyframes results-test-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes results-burst{0%{opacity:0;transform:scale(.35)rotate(-18deg)}35%{opacity:.72}to{opacity:.16;transform:scale(1.2)rotate(4deg)}}@keyframes results-grade-stamp{0%{opacity:0;filter:brightness(2);transform:scale(1.7)rotate(-18deg)}58%{opacity:1;transform:scale(.93)rotate(-5deg)}to{opacity:1;filter:brightness();transform:scale(1)rotate(-7deg)}}@keyframes results-grade-fail-stamp{0%{opacity:0;filter:brightness(1.7);transform:translateY(-28px)scale(1.55)rotate(9deg)}46%{opacity:1;transform:translateY(3px)scale(.9)rotate(-9deg)}68%{transform:translate(4px)scale(1.03)rotate(-5deg)}82%{transform:translate(-3px)scale(1)rotate(-8deg)}to{opacity:1;filter:brightness();transform:scale(1)rotate(-7deg)}}@keyframes results-feedback-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.count-in{z-index:20;width:min(360px,100% - 32px);box-shadow:none;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-direction:column;align-items:center;padding:8px 18px 12px;display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%)}.count-in-kicker,.count-in-cue{font-family:var(--font-mono);text-transform:uppercase}.count-in-kicker{color:var(--paper-ink);background:var(--acid);letter-spacing:.22em;padding:5px 8px 4px;font-size:9px;font-weight:750}.count-in-cue{color:#f3efe3c7;letter-spacing:.09em;background:#050508d1;padding:4px 8px;font-size:9px}.count-in strong{color:var(--acid);font:400 clamp(88px, 12vw, 150px)/.68 var(--font-display);letter-spacing:-.03em;text-shadow:0 0 42px #d7ff3f6b;margin:3px 0 2px;animation:.56s ease-out both count-pop}@keyframes count-pop{0%{opacity:0;transform:scale(1.3)}25%{opacity:1}to{opacity:.7;transform:scale(.88)}}.transport{width:var(--arena-primary-width);min-height:var(--arena-transport-height);background:repeating-linear-gradient(112deg,#0000 0 30px,#ffffff05 31px 32px),linear-gradient(#101016,#09090d);border-top:2px solid #f3efe329;flex:none;padding:7px clamp(12px,1.6vw,22px) 8px;box-shadow:inset 0 4px #d7ff3f09}.timeline-row{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px;display:grid}.timecode{color:var(--muted);font:9px/1 var(--font-mono);letter-spacing:.03em}.timecode:last-child{text-align:right}.timeline{cursor:pointer;height:28px;position:relative}.timeline-input{z-index:5;opacity:0;cursor:pointer;width:100%;height:28px;margin:0;position:absolute;inset:0}.timeline-track,.timeline-progress{height:3px;position:absolute;top:13px;left:0;right:0}.timeline-track{background:#3c3c47;box-shadow:inset 0 1px #ffffff14}.timeline-progress{background:var(--acid);right:auto;box-shadow:0 0 10px #d7ff3f59}.timeline-loop{border-right:1px solid var(--violet);border-left:1px solid var(--violet);pointer-events:none;background:#8d68ff36;height:10px;position:absolute;top:9px}.timeline-loop.is-quick-loop{border-color:var(--acid);background:#d7ff3f21;box-shadow:inset 0 0 12px #d7ff3f14}.timeline-marker{background:var(--violet);cursor:ew-resize;border:0;width:2px;height:12px;position:absolute;top:8px;transform:translate(-1px);box-shadow:0 0 8px #8d68ff8c}.timeline-marker:after{content:"";width:10px;height:20px;position:absolute;top:-4px;left:-4px}.section-labels{gap:4px;margin:2px 60px 0;display:flex;overflow:hidden}.section-pill{border:0;border-top:1px solid var(--line);min-width:0;min-height:20px;color:var(--soft);cursor:pointer;font:400 13px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background:0 0;padding:4px 7px 3px;overflow:hidden}.section-pill.active,.section-pill:hover{border-color:var(--acid);color:var(--acid)}.transport-controls{grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:clamp(8px,1.3vw,18px);margin-top:4px;display:grid}.transport-cluster{align-items:center;gap:7px;display:flex}.transport-cluster.end{justify-content:flex-end}.icon-button,.play-button{border:1px solid var(--line);cursor:pointer;background:linear-gradient(145deg,#24242c,#111116);place-items:center;transition:transform .12s,background .14s,border-color .14s;display:inline-grid}.icon-button{clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);width:40px;height:40px;box-shadow:inset 0 1px #ffffff14,0 3px #050507}.icon-button:hover{border-color:var(--line-strong);background:#22222b}.icon-button.active{border-color:var(--violet);color:#bba9ff;background:#8d68ff29}.quick-loop-button{position:relative}.quick-loop-button span{color:currentColor;font:800 9px/1 var(--font-mono);position:absolute;bottom:3px;right:4px}.quick-loop-button.active{border-color:var(--acid);color:var(--acid);background:#d7ff3f24;box-shadow:inset 0 1px #ffffff14,0 0 14px #d7ff3f24}.ab-button{color:#c7baff;width:29px;height:29px;font:800 9px/1 var(--font-mono)}.play-button{border-color:var(--acid);background:var(--acid);color:#0a0a0d;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);border-radius:0;width:52px;height:52px;transform:rotate(-2deg);box-shadow:0 0 30px #d7ff3f24}.play-button:hover{transform:rotate(-2deg)scale(1.04);box-shadow:0 0 38px #d7ff3f42}.play-button svg{transform:translate(1px)}.control-caption{min-width:68px;color:var(--muted);font:8px/1.25 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.control-caption strong{color:var(--ink);font:400 16px/.9 var(--font-display);letter-spacing:.035em;margin-top:4px;display:block}.speed-control{align-items:center;gap:10px;min-width:190px;display:flex}.speed-control input{cursor:pointer;width:110px}.coach-panel{min-width:0;max-height:calc(100vh - var(--arena-header-height));max-height:calc(100dvh - var(--arena-header-height));scrollbar-color:#d7ff3f73 #ffffff0a;scrollbar-width:thin;background:radial-gradient(circle at 100% 0,#8d68ff1a,#0000 18rem),repeating-linear-gradient(112deg,#0000 0 34px,#ffffff05 35px 36px),#0e0e12;border-left:2px solid #d7ff3f52;flex-direction:column;display:flex;overflow-y:auto}.coach-section{border-bottom:1px solid #f3efe321;padding:22px 18px;position:relative}.coach-section.grow{flex:1}.section-kicker{color:var(--ink);font:400 15px/.9 var(--font-display);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.section-kicker strong{color:var(--acid);font:800 9px/1 var(--font-mono);letter-spacing:.12em}.mode-switch{background:0 0;border:0;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:13px;padding:0;display:grid}.mode-option{min-height:40px;color:var(--muted);cursor:pointer;font:400 16px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(145deg,#222229,#111116);border:1px solid #f3efe329}.mode-option.active{border-color:var(--acid);background:var(--acid);color:var(--paper-ink);transform:translateY(-2px)rotate(-1deg);box-shadow:4px 4px #8d68ff8f}.coach-callout{--callout-color:var(--cyan);color:var(--paper-ink);background:radial-gradient(circle at 94% 82%, #09090c21 0 1px, transparent 1.2px) 0 0 / 7px 7px, var(--paper);box-shadow:6px 6px 0 var(--callout-color), 0 18px 34px #00000040;border:0;margin-top:14px;padding:34px 18px 18px;position:relative}@supports (color:color-mix(in lab, red, red)){.coach-callout{box-shadow:6px 6px 0 color-mix(in srgb, var(--callout-color) 72%, transparent), 0 18px 34px #00000040}}.coach-callout{clip-path:polygon(8px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 8px);transform:rotate(-.65deg)}.coach-callout:before{content:"COACH NOTE //";color:#050507;background:var(--callout-color);font:850 8px/1 var(--font-mono);letter-spacing:.14em;padding:6px 10px 5px;position:absolute;top:0;left:0}.coach-callout.warn{--callout-color:var(--amber)}.coach-callout.success{--callout-color:var(--success)}.coach-callout-title{color:var(--paper-ink);font:400 25px/.9 var(--font-display);letter-spacing:.02em;text-transform:uppercase}.coach-callout p{color:#09090cb3;margin:9px 0 0;font-size:12px;font-weight:560;line-height:1.48}.next-note{grid-template-columns:76px 1fr;align-items:center;gap:13px;margin-top:17px;display:grid}.note-orb{color:#ded6ff;width:76px;height:76px;font:400 39px/.8 var(--font-display);letter-spacing:.01em;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);background:linear-gradient(135deg,#8d68ff47,#0000 58%),#121219;border:1px solid #8d68ffcc;border-radius:0;place-items:center;display:grid;position:relative;box-shadow:5px 5px #8d68ff5c,0 0 30px #8d68ff1a}.next-note-copy strong{font:400 18px/.9 var(--font-display);letter-spacing:.04em;text-transform:uppercase;display:block}.next-note-copy span{color:var(--muted);font:9px/1.4 var(--font-mono);margin-top:5px;display:block}.next-landing-list{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.next-landing-chip{min-width:43px;color:var(--ink);font:8px/1 var(--font-mono);background:#8d68ff17;border:1px solid #8d68ff7a;justify-content:space-between;align-items:baseline;gap:6px;padding:5px 7px;display:inline-flex}.next-landing-chip b{font-size:9px}.next-landing-chip small{color:var(--acid);font:inherit;font-weight:800}.finger-row{gap:5px;margin-top:10px;display:flex}.finger-dot{border:1px solid var(--line);width:20px;height:20px;color:var(--soft);font:8px/1 var(--font-mono);border-radius:50%;place-items:center;display:grid}.finger-dot.active{border-color:var(--acid);color:var(--acid);background:#d7ff3f1f}.score-grid{border:0;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.score-cell{clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);background:#05050885;border:1px solid #f3efe321;border-top:2px solid #49e7ff94;min-height:62px;padding:12px}.score-cell strong{font:400 27px/.8 var(--font-display);letter-spacing:.01em;display:block}.score-cell span{color:var(--muted);font:8px/1.15 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;margin-top:7px;display:block}.backing-band-section{background:linear-gradient(128deg,#ff4d820b,#0000 42%),#ffffff03}.band-status{color:var(--muted);font:800 8px/1 var(--font-mono);letter-spacing:.12em;align-items:center;gap:6px;display:inline-flex}.band-status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px}.band-status.is-ready{color:var(--cyan)}.band-status.is-live{color:var(--rose);text-shadow:0 0 14px #ff4d829e}.band-status.is-live:before{animation:.82s ease-in-out infinite alternate band-live-pulse}.band-status.is-off{color:var(--soft)}.band-console{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:repeating-linear-gradient(112deg,#0000 0 23px,#ffffff05 24px 25px),linear-gradient(145deg,#181820,#0a0a0e);border:1px solid #f3efe329;border-top:3px solid #ff4d828a;margin-top:14px;transition:border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:5px 5px #ff4d821f}.band-console.is-enabled{border-top-color:var(--acid);box-shadow:5px 5px #8d68ff38}.band-console.is-active{background:radial-gradient(circle at 14% 0,#d7ff3f1c,#0000 11rem),repeating-linear-gradient(112deg,#0000 0 23px,#ffffff06 24px 25px),linear-gradient(145deg,#181820,#0a0a0e)}.band-console-head,.band-identity,.band-control-heading,.band-energy{align-items:center;display:flex}.band-console-head{border-bottom:1px solid #f3efe31a;justify-content:space-between;gap:12px;padding:12px}.band-identity{gap:10px;min-width:0}.band-icon{width:36px;height:36px;color:var(--paper-ink);background:var(--acid);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);flex:0 0 36px;place-items:center;display:grid;box-shadow:3px 3px #8d68ff94}.band-identity div>strong,.band-identity div>span{display:block}.band-identity strong{font:400 20px/.88 var(--font-display);letter-spacing:.04em;text-transform:uppercase}.band-identity div>span{color:var(--muted);font:7px/1 var(--font-mono);letter-spacing:.07em;text-transform:uppercase;margin-top:4px}.band-actions{flex:none;align-items:center;gap:6px;display:inline-flex}.band-jam-button{min-width:70px;min-height:34px;color:var(--cyan);cursor:pointer;font:800 8px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;background:#49e7ff0e;border:1px solid #49e7ff6b;justify-content:center;align-items:center;gap:6px;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.band-jam-button:hover,.band-jam-button:focus-visible{border-color:var(--acid);color:var(--acid);outline:none}.band-jam-button.is-playing{color:var(--rose);background:#ff4d8217;border-color:#ff4d82b8;box-shadow:inset 0 0 12px #ff4d8214}.band-power{min-width:52px;min-height:34px;color:var(--muted);cursor:pointer;font:800 8px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;background:#0a0a0e;border:1px solid #f3efe333;justify-content:center;align-items:center;gap:6px;display:inline-flex}.band-power.on{color:var(--acid);background:#d7ff3f0e;border-color:#d7ff3f7a}.band-power-light{background:#575762;border-radius:50%;width:7px;height:7px}.band-power.on .band-power-light{background:var(--acid);box-shadow:0 0 12px #d7ff3fb8}.band-energy{background:#05050875;border-bottom:1px solid #f3efe31a;justify-content:space-between;gap:14px;min-height:64px;padding:10px 12px}.band-energy-bars{flex:1;align-items:end;gap:4px;height:40px;display:flex}.band-energy-bars span{background:linear-gradient(180deg, var(--acid), var(--cyan));transform-origin:bottom;flex:1;min-height:10%;transition:height .1s linear,opacity .16s;box-shadow:0 0 10px #49e7ff2e}.band-energy-bars span:nth-child(3n){background:linear-gradient(180deg, var(--amber), var(--rose))}.band-console:not(.is-active) .band-energy-bars span{opacity:.26;height:12%!important}.band-console.is-active .band-energy-bars span{animation:.56s ease-in-out infinite alternate band-meter-pulse}.band-console.is-active .band-energy-bars span:nth-child(2){animation-delay:-180ms}.band-console.is-active .band-energy-bars span:nth-child(3){animation-delay:-360ms}.band-console.is-active .band-energy-bars span:nth-child(4){animation-delay:-90ms}.band-console.is-active .band-energy-bars span:nth-child(5){animation-delay:-270ms}.band-energy-copy{text-align:right;min-width:70px}.band-energy-copy strong,.band-energy-copy span{display:block}.band-energy-copy strong{color:var(--acid);font:400 31px/.75 var(--font-display)}.band-energy-copy span{color:var(--muted);font:7px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:6px}.band-control-grid{gap:11px;padding:12px;display:grid}.band-control-heading{justify-content:space-between;gap:10px}.band-control-heading label{color:var(--muted);font:8px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.band-control-heading output{color:var(--ink);font:800 8px/1 var(--font-mono)}.band-range{cursor:pointer;width:100%;margin-top:8px}.band-range:disabled{cursor:not-allowed;filter:grayscale();opacity:.32}.band-intensity-range{accent-color:var(--violet)}.band-sync-note{color:var(--soft);font:7px/1.4 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin:0;padding:0 12px 12px}@keyframes band-live-pulse{0%{opacity:.72;transform:scale(.82)}to{opacity:1;transform:scale(1.18)}}@keyframes band-meter-pulse{0%{filter:brightness(.86);transform:scaleY(.78)}to{filter:brightness(1.24);transform:scaleY(1)}}.setting-row{border-bottom:1px solid #fff1;justify-content:space-between;align-items:center;gap:10px;min-height:38px;display:flex}.setting-row:last-child{border-bottom:0}.latency-row{grid-template-columns:1fr 68px 42px;display:grid}.note-release-row{grid-template-columns:minmax(0,1fr) 88px 38px;display:grid}.latency-row strong,.note-release-row output{color:var(--ink);font:8px/1 var(--font-mono);text-align:right}.compact-range{cursor:pointer;width:68px}.note-release-range{width:88px;accent-color:var(--acid)}.note-release-range:disabled{cursor:not-allowed;filter:grayscale();opacity:.32}.setting-row label,.setting-row span{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.mini-select{border:1px solid var(--line);max-width:140px;min-height:27px;color:var(--ink);font:10px/1 var(--font-mono);background:#09090d}.mini-select:disabled{color:var(--muted);cursor:not-allowed;opacity:.7}.motion-effects-select{min-width:132px}.motion-effects-note{color:var(--muted);margin:5px 0 9px}@supports (color:color-mix(in lab, red, red)){.motion-effects-note{color:color-mix(in srgb, var(--muted) 82%, transparent)}}.motion-effects-note{font:8px/1.45 var(--font-mono);letter-spacing:.04em}.midi-channel-row{min-height:52px}.midi-channel-control{justify-items:end;gap:4px;min-width:148px;display:grid}.midi-channel-select{width:76px}.midi-channel-support{max-width:148px;color:var(--soft);font:7px/1.25 var(--font-mono);letter-spacing:.025em;text-align:right}.midi-align-card{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:repeating-linear-gradient(112deg,#0000 0 23px,#ffffff05 24px 25px),linear-gradient(145deg,#17171e,#09090d);border:1px solid #f3efe326;border-top:2px solid #49e7ff85;margin:12px 0 5px;overflow:hidden;box-shadow:4px 4px #49e7ff14}.midi-align-card.is-calibrated{border-top-color:var(--acid);box-shadow:4px 4px #d7ff3f1f}.midi-align-card.needs-verification{border-top-color:var(--amber);box-shadow:4px 4px #ffc55a26}.midi-align-card.is-listening{border-top-color:var(--cyan);box-shadow:4px 4px #49e7ff33,inset 0 0 26px #49e7ff09}.midi-align-card.has-error{border-top-color:var(--rose)}.midi-align-head,.midi-align-title,.midi-align-result,.midi-align-error{align-items:center;display:flex}.midi-align-head,.midi-align-result,.midi-align-error{justify-content:space-between;gap:10px}.midi-align-head{padding:10px 11px}.midi-align-title{gap:8px;min-width:0}.midi-align-icon{width:29px;height:29px;color:var(--paper-ink);background:var(--cyan);clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);flex:0 0 29px;place-items:center;display:grid;box-shadow:3px 3px #8d68ff7a}.midi-align-title strong,.midi-align-title div>span{display:block}.midi-align-title strong{color:var(--ink);font:400 17px/.9 var(--font-display);letter-spacing:.045em;text-transform:uppercase}.midi-align-title div>span{color:var(--muted);font:7px/1 var(--font-mono);letter-spacing:.045em;text-transform:uppercase;margin-top:4px}.midi-align-action,.midi-align-retry,.midi-align-reset{color:var(--cyan);cursor:pointer;font:800 7px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#49e7ff13;border:1px solid #49e7ff85}.midi-align-action{min-width:57px;min-height:29px;padding:0 8px}.midi-align-action.quiet{border-color:var(--line-strong);color:var(--muted);background:0 0}.midi-align-action:disabled{border-color:var(--line);color:var(--soft);cursor:not-allowed;filter:grayscale();opacity:.55}.midi-align-body{background:#0404076e;border-top:1px solid #f3efe317;padding:10px 11px}.midi-align-body>p{color:var(--muted);margin:0;font-size:9px;line-height:1.45}.midi-align-error{border-left:2px solid var(--rose);background:#ff4d8213;margin-bottom:10px;padding:8px}.midi-align-error strong,.midi-align-error span{display:block}.midi-align-error strong{color:var(--rose);font:800 7px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.midi-align-error span{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.35}.midi-align-retry{min-height:25px;color:var(--rose);background:0 0;border-color:#ff4d827a;padding:0 7px}.midi-align-steps{grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-bottom:10px;display:grid}.midi-align-steps>span{border:1px solid var(--line);min-width:60px;color:var(--soft);font:800 8px/1 var(--font-mono);text-transform:uppercase;padding:5px 7px}.midi-align-steps>span:last-child{text-align:right}.midi-align-steps span.active{color:var(--cyan);background:#49e7ff0f;border-color:#49e7ff85}.midi-align-steps span.complete{color:var(--acid);border-color:#d7ff3f61}.midi-align-steps small{letter-spacing:.07em;margin-left:3px;font-size:6px}.midi-align-steps i{background:linear-gradient(90deg, var(--cyan), var(--violet));opacity:.46;height:1px}.midi-align-prompt{grid-template-columns:10px minmax(0,1fr);align-items:center;gap:9px;display:grid}.midi-align-pulse{background:var(--cyan);border-radius:50%;width:8px;height:8px;animation:.7s ease-in-out infinite alternate midi-align-listen;box-shadow:0 0 12px #49e7ffc2}.midi-align-prompt strong,.midi-align-prompt div>span,.midi-align-verification strong,.midi-align-verification>span{display:block}.midi-align-prompt strong,.midi-align-verification strong{color:var(--ink);font-size:10px}.midi-align-prompt div>span,.midi-align-verification>span{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.4}.midi-align-verification{border-left:2px solid var(--amber);padding-left:9px}.midi-align-verification strong{color:var(--amber)}.midi-align-verification .midi-align-reset{margin-top:8px}.midi-align-endpoints{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.midi-align-map{font:800 11px/1 var(--font-mono);background:#d7ff3f0b;border:1px solid #d7ff3f47;grid-template-columns:auto auto auto;justify-content:center;align-items:baseline;gap:5px;padding:7px;display:grid}.midi-align-map small{color:var(--soft);letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1;font-size:6px}.midi-align-map span{color:var(--muted)}.midi-align-map strong{color:var(--acid)}.midi-align-result{margin-top:8px}.midi-align-result>span{color:var(--acid);font:700 7px/1.3 var(--font-mono);letter-spacing:.035em;text-transform:uppercase}.midi-align-reset{border-color:var(--line-strong);min-height:24px;color:var(--muted);background:0 0;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.midi-align-footnote{color:var(--soft);font:6px/1.4 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin:0;padding:0 11px 10px}@keyframes midi-align-listen{0%{opacity:.66;transform:scale(.78)}to{opacity:1;transform:scale(1.16)}}.toggle{border:1px solid var(--line-strong);cursor:pointer;background:#08080b;border-radius:999px;width:38px;height:20px;padding:2px}.toggle:after{content:"";background:#747480;border-radius:50%;width:14px;height:14px;transition:transform .14s,background .14s;display:block}.toggle.on{border-color:#d7ff3f73}.toggle.on:after{background:var(--acid);transform:translate(16px)}.keyboard-help{color:var(--soft);font:9px/1.5 var(--font-mono);align-items:center;gap:10px;padding:12px 18px;display:flex}kbd{border:1px solid var(--line-strong);min-width:24px;color:var(--ink);font:8px/1 var(--font-mono);text-align:center;background:#191920;border-bottom-width:2px;padding:4px 6px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 10% 8%,#d7ff3f17,#0000 20rem),radial-gradient(circle at 90% 92%,#ff4d8217,#0000 22rem),#020205d6;place-items:center;padding:24px;animation:.18s both fade-in;display:grid;position:fixed;inset:0}.modal-dismiss{cursor:default;background:0 0;border:0;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.library-modal{z-index:1;border:2px solid #f3efe342;border-top-color:var(--acid);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:#0a0a0e;flex-direction:column;width:min(1060px,100%);max-height:min(780px,100vh - 48px);display:flex;position:relative;overflow:hidden;box-shadow:10px 10px #8d68ff47,0 40px 120px #000000b3}.modal-head{color:var(--paper-ink);background:radial-gradient(circle at 92% 24%, #09090c1c 0 .8px, transparent 1px) 0 0 / 8px 8px, var(--paper);border-bottom:0;flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:26px 28px 23px;display:flex}.modal-kicker{width:fit-content;color:var(--paper-ink);background:var(--acid);font:850 9px/1 var(--font-mono);letter-spacing:.17em;text-transform:uppercase;padding:5px 8px 4px}.modal-head h2{font:400 clamp(42px, 5.5vw, 68px)/.78 var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:8px 0 0}.modal-head p{color:#09090ca8;max-width:600px;margin:10px 0 0;font-size:13px;line-height:1.5}.close-button{background:var(--paper-ink);width:44px;height:44px;color:var(--paper);cursor:pointer;border:1px solid #09090c6b;flex:0 0 44px;font-size:19px}@media (width>=641px) and (height<=688px){.modal-backdrop{padding:12px}.library-modal{max-height:calc(100dvh - 24px)}.modal-head{gap:14px;padding:14px 18px 13px}.modal-head h2{margin-top:6px;font-size:clamp(36px,7dvh,50px)}.modal-head p{max-width:680px;margin-top:6px;font-size:11px;line-height:1.35}}.challenge-picker{background:linear-gradient(90deg,#8d68ff1f,#0000 42%),#101016;border:0;border-top:1px solid #f3efe31a;border-bottom:1px solid #f3efe329;flex:none;justify-content:space-between;align-items:center;gap:18px;margin:0;padding:13px 18px;display:flex}.challenge-picker-copy{gap:4px;min-width:0;display:grid}.challenge-picker-copy span{color:var(--acid);font:850 8px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.challenge-picker-copy strong{color:#f3efe3b8;font:500 10px/1.2 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.challenge-picker-copy small{color:#f3efe37a;font:750 8px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.challenge-segments{background:#07070b;border:1px solid #f3efe324;grid-template-columns:repeat(3,minmax(84px,1fr));gap:4px;padding:4px;display:grid}.challenge-option{cursor:pointer;position:relative}.challenge-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.challenge-option span{color:#f3efe394;min-height:32px;font:850 9px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:1px solid #0000;place-items:center;padding:0 12px;transition:border-color .14s,color .14s,background .14s;display:grid}.challenge-option:hover span{color:var(--ink);background:#f3efe30f}.challenge-option input:focus-visible+span{outline:2px solid var(--paper);outline-offset:2px}.challenge-option input:checked+span{border-color:var(--acid);color:var(--paper-ink);background:var(--acid)}.song-library-scroll{background:repeating-linear-gradient(112deg,#0000 0 34px,#ffffff05 35px 36px),#08080c;flex:auto;min-height:0;padding:18px 12px 24px;overflow:auto}.career-tier+.career-tier{border-top:1px solid #f3efe321;margin-top:26px;padding-top:24px}.career-tier-head{justify-content:space-between;align-items:end;gap:20px;margin:0 8px 11px;display:flex}.career-tier-head span{color:var(--violet);font:850 8px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.career-tier-head h3{color:var(--ink);font:400 26px/.9 var(--font-display);letter-spacing:.025em;text-transform:uppercase;margin:5px 0 0}.career-tier-head p{color:#f3efe375;max-width:360px;font:8px/1.45 var(--font-mono);text-align:right;text-transform:uppercase;margin:0}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.song-card{min-width:0;min-height:170px;color:var(--ink);cursor:pointer;text-align:left;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(135deg,#8d68ff14,#0000 42%),#111117;border:1px solid #f3efe324;border-top:3px solid #8d68ff94;padding:22px;transition:background .15s,border-color .15s,transform .15s;position:relative}.song-card:hover,.song-card.selected{background:linear-gradient(135deg,#d7ff3f17,#0000 48%),#191921;border-color:#d7ff3f9e;transform:translateY(-2px)}.song-card.is-cleared{border-top-color:#d7ff3fc7}.song-card.is-demo-song{border-top-color:var(--acid)}.song-card.is-demo-locked{background:repeating-linear-gradient(112deg,#0000 0 22px,#ffffff05 23px 24px),linear-gradient(135deg,#ff4d820f,#0000 46%),#0d0d12;border-top-color:#ff4d82bf}.song-card.is-demo-locked:hover,.song-card.is-demo-locked:focus-visible{background:linear-gradient(135deg,#ff4d821f,#0000 54%),#15151c;border-color:#ff4d82c2}.song-card.is-demo-locked .song-card-index,.song-card.is-demo-locked .difficulty-dot.filled{color:#f3efe375;background:#f3efe34d}.song-card.is-demo-locked .song-card-challenge{color:#ff7aa1;border-color:#ff4d828c}.song-card.selected:before{content:"";background:var(--acid);width:7px;position:absolute;top:0;bottom:0;left:0}.song-card-index{color:var(--acid);font:800 9px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.song-card h4{font:400 30px/.86 var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:13px 0 0}.song-card-challenge{color:var(--acid);font:850 7px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:#07070bc2;border:1px solid #d7ff3f6b;padding:4px 6px 3px;position:absolute;top:18px;right:18px}.song-composer{color:var(--muted);font:10px/1.4 var(--font-mono);margin-top:4px}.song-card-mastery{color:#f3efe36b;background:#ffd34909;border:1px solid #ffd34938;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:11px;padding:8px 10px;display:grid}.song-card-mastery>small,.song-card-mastery>b{font:850 7px/1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase}.song-card-mastery>span{justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.song-card-mastery svg{color:#f3efe333;filter:none}.song-card-mastery svg.is-earned{color:#ffd349;filter:drop-shadow(0 0 5px #ffd34985)}.song-card-mastery>b{color:#ffd349}.song-card-progress{color:#f3efe375;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);text-transform:uppercase;background:repeating-linear-gradient(112deg,#0000 0 18px,#ffffff06 19px 20px),#f3efe306;border:1px solid #f3efe32e;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;min-height:104px;margin-top:15px;padding:12px 14px 11px;display:grid;position:relative;overflow:hidden}.song-card-progress:after{content:"";background:#f3efe333;width:5px;position:absolute;inset:0 auto 0 0}.song-card-progress-rank,.song-card-progress-details,.song-card-progress-status,.song-card-progress-score{gap:4px;min-width:0;display:grid}.song-card-progress-rank{border-right:1px solid #f3efe329;align-content:center;align-self:stretch;min-width:76px;padding-right:14px}.song-card-progress-rank>strong{color:#f3efe394;font:400 clamp(54px, 5vw, 76px)/.66 var(--font-display);letter-spacing:-.025em}.song-card-progress-details{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px}.song-card-progress-rank>small,.song-card-progress-status>small,.song-card-progress-score>small{color:inherit;font:800 7px/1 var(--font-mono);letter-spacing:.13em;opacity:.72}.song-card-progress-status>b{color:#f3efe394;font:400 24px/.82 var(--font-display);letter-spacing:.025em;align-items:center;gap:7px;display:flex}.song-card-progress-score{text-align:right;justify-items:end}.song-card-progress-score>strong{color:#f3efe38f;max-width:100%;font:900 clamp(18px, 2vw, 28px)/.9 var(--font-mono);letter-spacing:-.07em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-card-progress.is-cleared{border-color:var(--acid);color:#09090c;background:radial-gradient(circle at 83% 50%, #ffffff75, transparent 28%), repeating-linear-gradient(112deg, transparent 0 18px, #09090c0e 19px 20px), var(--acid);box-shadow:5px 5px #8d68ff80}.song-card-progress.is-cleared:after{background:#09090c}.song-card-progress.is-cleared .song-card-progress-status>b,.song-card-progress.is-cleared .song-card-progress-rank>strong,.song-card-progress.is-cleared .song-card-progress-score>strong{color:#09090c}.song-card-progress.is-cleared .song-card-progress-rank{border-right-color:#09090c38}.song-card-progress.is-cleared .song-card-progress-score>strong{text-shadow:1px 1px #ffffff61;font-size:clamp(21px,2.1vw,30px)}.song-card-lock-panel{color:#f3efe38f;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:repeating-linear-gradient(135deg,#0000 0 12px,#ff4d8209 13px 14px),#ff4d8209;border:1px solid #ff4d8247;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;gap:9px 13px;min-height:162px;margin-top:15px;padding:18px;display:grid}.song-card-lock-icon{color:#ff7aa1;background:#ff4d8214;border:1px solid #ff4d826b;place-items:center;width:42px;height:42px;display:grid}.song-card-lock-panel>span:nth-child(2){gap:5px;min-width:0;display:grid}.song-card-lock-panel strong{color:#ff7aa1;font:400 28px/.86 var(--font-display);letter-spacing:.035em}.song-card-lock-panel small{color:#f3efe380;font:8px/1.4 var(--font-mono);text-transform:uppercase}.song-card-lock-cta{min-height:34px;color:var(--ink);font:850 8px/1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase;background:#f3efe30e;border:1px solid #f3efe32e;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.difficulty{align-items:center;gap:4px;margin-top:15px;display:flex}.difficulty-dot{background:#393943;width:17px;height:3px}.difficulty-dot.filled{background:var(--acid)}.song-card-footer{color:var(--muted);font:8px/1 var(--font-mono);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.skill-chips{gap:5px;margin-top:14px;display:flex;overflow:hidden}.skill-chip{border:1px solid var(--line);color:#f3efe3b8;font:8px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#f3efe309;padding:4px 6px}.purchase-gate-backdrop{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 74% 18%,#8d68ff2e,#0000 22rem),#030307e0;place-items:center;padding:24px;animation:.16s both fade-in;display:grid;position:absolute;inset:0}.purchase-gate-dismiss{background:0 0;border:0;position:absolute;inset:0}.purchase-gate{z-index:1;border:2px solid #f3efe33d;border-top:4px solid var(--acid);width:min(520px,100%);max-height:100%;color:var(--ink);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:radial-gradient(circle at 90% 12%,#d7ff3f17,#0000 14rem),repeating-linear-gradient(112deg,#0000 0 28px,#ffffff05 29px 30px),#101016;padding:38px;position:relative;overflow:auto;box-shadow:9px 9px #ff4d826b,0 30px 90px #000000b8}.purchase-gate:focus-visible{outline:2px solid var(--acid);outline-offset:-8px}.purchase-gate-close{width:38px;height:38px;color:var(--ink);cursor:pointer;background:#08080c;border:1px solid #f3efe33d;place-items:center;display:grid;position:absolute;top:16px;right:16px}.purchase-gate-icon{width:58px;height:58px;color:var(--acid);background:#d7ff3f14;border:1px solid #d7ff3f7a;place-items:center;display:grid;box-shadow:5px 5px #8d68ff5c}.purchase-gate-kicker{color:#ff7aa1;font:850 9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-top:22px}.purchase-gate h3{font:400 clamp(42px, 7vw, 62px)/.82 var(--font-display);letter-spacing:.015em;text-transform:uppercase;margin:9px 50px 0 0}.purchase-gate>p{color:#f3efe3ad;margin:16px 0 0;font-size:13px;line-height:1.55}.purchase-gate ul{color:#f3efe3b8;font:800 9px/1.25 var(--font-mono);letter-spacing:.07em;text-transform:uppercase;background:#f3efe309;border:1px solid #f3efe324;gap:8px;margin:18px 0 0;padding:14px 16px 14px 32px;display:grid}.purchase-gate li::marker{color:var(--acid)}.purchase-gate-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:20px;display:grid}.purchase-gate-primary,.purchase-gate-secondary{cursor:pointer;min-height:46px;font:850 9px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;border:1px solid #0000;padding:0 15px}.purchase-gate-primary{color:#09090c;background:var(--acid);justify-content:space-between;align-items:center;display:flex;box-shadow:4px 4px #8d68ff8c}.purchase-gate-primary:hover{background:#e5ff78}.purchase-gate-secondary{color:#f3efe3bd;background:0 0;border-color:#f3efe338}.purchase-gate-note{color:#f3efe36b;font:8px/1.4 var(--font-mono);text-align:center;text-transform:uppercase;margin-top:14px;display:block}.training-launch-section{background:linear-gradient(120deg,#d7ff3f0f,#0000 58%),#0b0b0f;padding:12px}.training-launcher{border:1px solid #d7ff3f73;border-left:4px solid var(--acid);width:100%;min-height:112px;color:var(--ink);cursor:pointer;text-align:left;background:radial-gradient(circle at 8% 16%,#d7ff3f21,#0000 7rem),linear-gradient(135deg,#19191f,#101014);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 12px;transition:transform .14s,border-color .14s,background .14s;display:grid;box-shadow:5px 5px #8d68ff2e}.training-launcher:hover{border-color:var(--acid);background:radial-gradient(circle at 8% 16%,#d7ff3f30,#0000 7rem),linear-gradient(135deg,#202029,#121217);transform:translateY(-2px)}.training-launch-icon{background:var(--acid);width:36px;height:36px;color:var(--paper-ink);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);place-items:center;display:grid}.training-launch-copy{gap:4px;min-width:0;display:grid}.training-launch-copy small{color:var(--acid);font:750 7px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.training-launch-copy strong{font:400 23px/.95 var(--font-display);letter-spacing:.035em;text-transform:uppercase}.training-launch-copy>span{color:var(--muted);font-size:9px;line-height:1.4}.training-room-modal{z-index:1;border:2px solid #f3efe340;border-top:5px solid var(--acid);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background:#09090d;flex-direction:column;width:min(1160px,100%);max-height:min(850px,100dvh - 48px);display:flex;position:relative;overflow:hidden;box-shadow:12px 12px #8d68ff4d,0 40px 120px #000000c2}.training-room-head{color:var(--paper-ink);background:radial-gradient(circle at 92% 18%, #09090c1f 0 .8px, transparent 1px) 0 0 / 8px 8px, var(--paper);flex:none;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 26px 22px;display:flex}.training-room-heading{align-items:flex-start;gap:16px;min-width:0;display:flex}.training-room-icon{background:var(--paper-ink);width:46px;height:46px;color:var(--acid);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);flex:0 0 46px;place-items:center;margin-top:1px;display:grid}.training-room-head h2{font:400 clamp(43px, 5vw, 68px)/.82 var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:9px 0 0}.training-room-head p{color:#09090cab;max-width:680px;margin:10px 0 0;font-size:12px;line-height:1.5}.training-room-head-actions{flex:none;align-items:flex-start;gap:12px;display:flex}.training-room-total{color:#09090c9e;min-width:94px;font:700 7px/1.25 var(--font-mono);letter-spacing:.05em;text-align:right;text-transform:uppercase;border:1px solid #09090c40;gap:2px;padding:8px 10px;display:grid}.training-room-total strong{color:var(--paper-ink);font:400 23px/.9 var(--font-display)}.training-room-primer{background:#111116;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff1f;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.training-room-primer>div{border-right:1px solid #ffffff1a;gap:5px;min-width:0;padding:12px 18px;display:grid}.training-room-primer>div:last-child{border-right:0}.training-room-primer span{color:var(--soft);font:750 7px/1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase}.training-room-primer strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.training-roadmap{scrollbar-color:#d7ff3f73 #ffffff0a;scrollbar-width:thin;background:repeating-linear-gradient(112deg,#0000 0 34px,#ffffff05 35px 36px),#08080c;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid;overflow-y:auto}.training-roadmap-card{min-width:0;min-height:142px;color:var(--ink);cursor:pointer;text-align:left;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(135deg,#8d68ff14,#0000 44%),#121218;border:1px solid #f3efe324;border-top:3px solid #8d68ffad;grid-template-rows:1fr auto;grid-template-columns:36px minmax(0,1fr);gap:10px 12px;padding:17px;transition:border-color .14s,background .14s,transform .14s;display:grid;position:relative;overflow:hidden}.training-roadmap-card:hover,.training-roadmap-card.is-current{background:linear-gradient(135deg,#d7ff3f1a,#0000 48%),#191920;border-color:#d7ff3fad;transform:translateY(-2px)}.training-roadmap-card.is-mastered{border-top-color:var(--success)}.training-card-number{width:34px;height:34px;color:var(--acid);font:800 10px/1 var(--font-mono);background:#d7ff3f14;border:1px solid #d7ff3f80;place-items:center;display:grid}.is-mastered .training-card-number{border-color:var(--success);background:var(--success);color:#07120b}.training-card-copy{align-content:start;gap:5px;min-width:0;display:grid}.training-card-copy small{color:var(--acid);font:750 7px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.training-card-copy strong{font:400 26px/.92 var(--font-display);letter-spacing:.035em;text-transform:uppercase}.training-card-copy>span{color:var(--muted);font-size:9px;line-height:1.42}.training-card-meta{color:var(--soft);font:700 7px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-top:1px solid #ffffff17;grid-column:1/-1;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-top:9px;display:grid}.training-card-meta span:nth-child(2){text-align:right}.training-card-meta svg{color:var(--acid)}.training-room-foot{color:var(--muted);background:#121217;border-top:1px solid #d7ff3f4d;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:11px 18px;font-size:9px;display:flex}.training-room-foot>span{color:var(--acid);font:750 8px/1 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:7px;display:flex}.training-room-foot strong{color:var(--ink);text-align:right}.training-coach-intro{background:radial-gradient(circle at 96% 8%, #d7ff3f38, transparent 10rem), var(--paper);color:var(--paper-ink);padding:18px;overflow:hidden}.training-coach-intro:after{content:"";border:9px solid #09090c12;width:90px;height:56px;position:absolute;bottom:-27px;right:-22px;transform:rotate(-18deg)}.training-coach-topline,.training-lesson-count{z-index:1;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.training-coach-topline>span{font:800 8px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;display:flex}.training-coach-topline button{min-height:28px;color:var(--paper-ink);cursor:pointer;font:750 7px/1 var(--font-mono);text-transform:uppercase;background:0 0;border:1px solid #09090c59;padding:0 9px}.training-lesson-count{font:800 7px/1 var(--font-mono);margin-top:14px}.training-lesson-count i{background:#09090c24;flex:1;height:4px;position:relative;overflow:hidden}.training-lesson-count b{background:var(--paper-ink);display:block;position:absolute;inset:0 auto 0 0}.training-lesson-eyebrow{z-index:1;color:#09090c8f;font:750 7px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-top:15px;display:block;position:relative}.training-coach-intro h2{z-index:1;font:400 37px/.83 var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:6px 0 0;position:relative}.training-coach-intro p{z-index:1;color:#09090ca8;margin:10px 0 0;font-size:10px;line-height:1.45;position:relative}.training-move-tabs{gap:5px;margin-top:14px;display:grid}.training-move-tabs button{border:1px solid var(--line);min-height:36px;color:var(--muted);cursor:pointer;font:700 8px/1.2 var(--font-mono);text-align:left;text-transform:uppercase;background:#ffffff06;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:8px;padding:5px 9px 5px 5px;display:grid}.training-move-tabs button>span{width:25px;height:25px;color:var(--soft);background:#ffffff0f;place-items:center;display:grid}.training-move-tabs button:hover,.training-move-tabs button.active{color:var(--ink);background:#d7ff3f12;border-color:#d7ff3f80}.training-move-tabs button.active>span{background:var(--acid);color:var(--paper-ink)}.training-current-move{border-left:3px solid var(--violet);background:#8d68ff14;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:10px;padding:11px;display:grid}.training-current-move>div:first-child{gap:5px;min-width:0;display:grid}.training-current-move>div:first-child span{color:#baf;font:750 7px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.training-current-move>div:first-child strong{color:var(--ink);font-size:9px;font-weight:550;line-height:1.4}.training-clean-runs{grid-template-columns:repeat(2,24px);place-content:center end;gap:4px;display:grid}.training-clean-runs i{width:24px;height:24px;color:var(--soft);font:750 7px/1 var(--font-mono);border:1px solid #fff3;place-items:center;font-style:normal;display:grid}.training-clean-runs.is-mastered i{border-color:var(--success);background:var(--success);color:#07120b}.training-clean-runs span{color:var(--soft);font:700 6px/1 var(--font-mono);letter-spacing:.06em;text-align:right;text-transform:uppercase;grid-column:1/-1}.training-hand-position{color:var(--muted);margin:12px 0 0;font-size:9px;line-height:1.45}.training-finger-map{gap:8px;margin-top:12px;display:grid}.training-hand-row{grid-template-columns:38px minmax(0,1fr);gap:6px;display:grid}.training-hand-label{align-content:center;gap:3px;display:grid}.training-hand-label span{color:var(--cyan);font:850 10px/1 var(--font-mono)}.hand-right .training-hand-label span{color:var(--rose)}.training-hand-label strong{color:var(--soft);font:700 6px/1.15 var(--font-mono);text-transform:uppercase}.training-hand-keys{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.training-finger-key{color:#111116;opacity:.33;background:linear-gradient(#e7e2d7,#aaa7a1);border:1px solid #f3efe329;border-bottom:3px solid #f3efe333;place-items:end center;min-width:0;height:48px;padding:5px 2px;transition:transform 90ms,opacity .12s,box-shadow .12s;display:grid;position:relative}.training-finger-key.is-used{opacity:.82}.training-finger-key.is-target{border-color:var(--acid);opacity:1;box-shadow:0 0 0 2px #d7ff3f38,0 0 16px #d7ff3f38}.training-finger-key.is-pressed{background:var(--acid);opacity:1;border-bottom-width:1px;transform:translateY(2px)}.training-finger-key.is-complete{background:var(--success);opacity:1}.training-finger-key small{width:100%;font:750 6px/1 var(--font-mono);text-align:center;position:absolute;top:4px;left:0}.training-finger-key b{width:21px;height:21px;color:var(--ink);font:800 8px/1 var(--font-mono);background:#17171c;border-radius:50%;place-items:center;display:grid}.training-finger-map>p{color:var(--soft);margin:1px 0 0 44px;font-size:7px;line-height:1.4}.training-landing-notes{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.training-landing-notes>span{background:#49e7ff0f;border:1px solid #49e7ff57;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 5px;min-width:65px;padding:7px 8px;display:grid}.training-landing-notes>span.hand-right{background:#ff4d8212;border-color:#ff4d8261}.training-landing-notes>span.is-complete{opacity:.58;border-color:#80f5aa80}.training-landing-notes small{color:var(--cyan);font:800 7px/1 var(--font-mono)}.training-landing-notes .hand-right small,.training-landing-notes>span.hand-right small{color:var(--rose)}.training-landing-notes strong{color:var(--ink);font:400 22px/.8 var(--font-display);text-align:right}.training-landing-notes b{color:var(--muted);font:700 6px/1 var(--font-mono);text-transform:uppercase;grid-column:1/-1}.training-loop-clear{color:var(--success);background:#80f5aa0f;border:1px solid #80f5aa59;align-items:center;gap:7px;margin-top:12px;padding:10px;font-size:9px;display:flex}.training-success-cue{color:var(--muted);align-items:flex-start;gap:6px;margin:10px 0 0;font-size:8px;line-height:1.4;display:flex}.training-success-cue svg{color:var(--acid);flex:none;margin-top:1px}.training-session-status{color:var(--muted);font:700 7px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;display:flex}.training-session-status>span{background:var(--soft);border-radius:50%;width:7px;height:7px}.training-session-status>span.is-live{background:var(--acid);animation:1.2s ease-in-out infinite training-status-pulse;box-shadow:0 0 10px #d7ff3fb3}@keyframes training-status-pulse{50%{opacity:.42}}.training-action-grid{gap:6px;margin-top:11px;display:grid}.training-action-grid button{border:1px solid var(--line);min-height:49px;color:var(--muted);cursor:pointer;text-align:left;background:#ffffff06;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:7px 10px;display:grid}.training-action-grid button:hover,.training-action-grid button.active{color:var(--acid);background:#d7ff3f12;border-color:#d7ff3f80}.training-action-grid button>span{gap:3px;display:grid}.training-action-grid small{color:var(--soft);font:700 6px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.training-action-grid strong{color:var(--ink);font:400 20px/.9 var(--font-display);letter-spacing:.04em;text-transform:uppercase}.training-action-help{color:var(--soft);margin:9px 0 0;font-size:7px;line-height:1.45}.training-lesson-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.training-lesson-nav button{border:1px solid var(--line);min-width:0;min-height:46px;color:var(--muted);cursor:pointer;text-align:left;background:#15151b;justify-content:space-between;align-items:center;gap:4px;padding:6px 8px;display:flex}.training-lesson-nav button:last-child{text-align:right}.training-lesson-nav button:disabled{cursor:not-allowed;opacity:.3}.training-lesson-nav button>span{gap:3px;min-width:0;display:grid}.training-lesson-nav small{color:var(--soft);font:700 6px/1 var(--font-mono);text-transform:uppercase}.training-lesson-nav strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.training-exit{width:100%;min-height:36px;color:var(--soft);cursor:pointer;font:750 7px/1 var(--font-mono);letter-spacing:.07em;text-transform:uppercase;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin-top:7px;display:flex}.training-exit:hover{color:var(--ink)}.permission-note{z-index:80;border:0;border-top:5px solid var(--cyan);width:min(370px,100vw - 40px);color:var(--paper-ink);background:var(--paper);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px;position:fixed;bottom:20px;right:20px;box-shadow:7px 7px #49e7ff80,0 18px 60px #0000007a}.permission-note strong{font:400 24px/.9 var(--font-display);text-transform:uppercase;display:block}.permission-note p{color:#09090cad;margin:7px 0 0;font-size:11px;line-height:1.45}.permission-note button{border:1px solid var(--cyan);background:var(--paper-ink);min-height:31px;color:var(--cyan);cursor:pointer;font:8px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;margin-top:12px;padding:0 12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container performance-stage (width<=760px){.stage-head{top:8px;left:10px;right:10px}.lesson-tag{max-width:58%;padding-block:5px}.stage-metric{min-width:56px;padding:4px 7px}.stage-metric strong{font-size:18px}.stage-metric span{margin-top:2px;font-size:6px}.performance-hud{gap:8px;top:48px;left:12px;right:12px}.performance-card{width:min(178px,29cqi);min-height:78px;padding:10px 11px 9px}.power-meter{width:min(214px,34cqi);min-height:78px;padding:9px 10px 8px}.power-meter-track{height:12px;margin-top:8px}.power-meter-foot{margin-top:7px}.score-value{font-size:clamp(22px,4.2cqi,30px)}.combo-value{font-size:clamp(28px,5.3cqi,40px)}.stage-encouragement{width:min(260px,100% - 24px);min-width:0;min-height:52px;padding-block:9px;top:146px}.performance-feedback-toasts{top:134px;left:12px}.stage-encouragement .encouragement-detail{display:none}.count-in{width:min(290px,100% - 24px);top:146px}.stage-wrap.is-counting-in .performance-hud{opacity:.66;filter:saturate(.76)}}@container performance-stage (width<=520px){.performance-hud{grid-template-columns:minmax(0,1fr) minmax(126px,.95fr) minmax(0,1fr);gap:6px;display:grid;left:8px;right:8px}.performance-card{width:auto;min-width:0;min-height:74px}.power-meter{width:auto;min-width:0;min-height:74px;padding-inline:8px}.power-meter-head span,.power-meter-foot span{display:none}.power-meter-head,.power-meter-foot{justify-content:center}.performance-subline{font-size:6px}.stage-encouragement{width:min(245px,100% - 18px);min-height:50px;top:132px}.performance-feedback-toasts{width:min(178px,100% - 16px);top:130px;left:8px}.count-in{width:min(280px,100% - 20px);top:140px}}@media (width<=1120px){.topbar{grid-template-columns:auto minmax(260px,1fr) auto}.brand-sub,.device-copy{display:none}.song-selector{width:100%;min-width:0}.main-grid{grid-template-columns:minmax(0,1fr) 276px}.transport-controls{grid-template-columns:1fr auto 1fr}.transport{padding-inline:12px}.section-labels{margin-inline:48px}.transport-cluster{gap:5px}.speed-control{gap:7px;min-width:0}.speed-control input{width:84px}}@media (width>=881px) and (width<=1000px){.transport-controls{grid-template-columns:minmax(84px,.7fr) auto minmax(232px,1.6fr)}.transport-cluster>.control-caption{display:none}.speed-control{flex:0 145px}.speed-control input{width:64px;min-width:48px}.section-labels{margin-inline:40px}}@media (width<=880px){.topbar{grid-template-columns:auto 1fr auto;min-height:62px;padding:0 14px}.brand-name{font-size:0}.brand-name:after{content:"KH";font:400 20px/1 var(--font-display);letter-spacing:.06em}.song-selector-meta,.song-selector-label,.connect-button span{display:none}.connect-button{width:36px;padding:0}.main-grid{display:block}.play-column{border-right:0}.stage-wrap{height:58vh;min-height:460px}.performance-card{width:min(172px,23vw)}.stage-encouragement{width:min(260px,100% - 380px);min-width:210px}.coach-panel{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;max-height:none;display:grid;overflow:visible}.coach-section{border-right:1px solid var(--line)}.keyboard-help{grid-column:1/-1}}@media (width>=641px) and (width<=880px) and (orientation:landscape){.app-shell{--arena-header-height:56px;--arena-transport-height:112px;--arena-stage-height:max(280px, calc(100dvh - var(--arena-header-height) - var(--arena-transport-height)))}.topbar{min-height:var(--arena-header-height)}.stage-wrap{width:var(--arena-primary-width);min-height:0;height:var(--arena-stage-height)}.transport{width:var(--arena-primary-width);min-height:var(--arena-transport-height);padding:5px 10px 6px}.section-labels{margin:1px 36px 0}.section-pill{min-height:18px;padding:3px 5px 2px;font-size:12px}.transport-controls{grid-template-columns:minmax(80px,.55fr) 44px minmax(218px,1.45fr);gap:8px;margin-top:3px}.transport-cluster>.control-caption{display:none}.play-button{width:44px;height:44px}.speed-control{flex:0 132px;gap:5px}.speed-control input{width:48px;min-width:44px}}@media (width<=640px){.topbar{gap:8px}.song-selector{min-height:38px;padding-left:10px}.song-selector-title{font-size:15px}.library-button{padding:0 8px;font-size:0}.library-button:after{content:"+";font-size:16px}.library-button svg{display:none}.stage-wrap{height:55vh;min-height:390px}.stage-head{top:12px;left:12px;right:12px}.lesson-tag{white-space:nowrap;max-width:46%;overflow:hidden}.stage-metrics{gap:10px}.stage-metric{min-width:48px}.stage-metric strong{font-size:16px}.performance-hud{grid-template-columns:minmax(0,1fr) minmax(126px,.95fr) minmax(0,1fr);gap:8px;display:grid;top:48px;left:10px;right:10px}.performance-card{width:auto;min-width:0;min-height:72px;padding:10px 11px 9px}.power-meter{width:auto;min-width:0;min-height:72px;padding:8px}.power-meter-head span,.power-meter-foot span{display:none}.power-meter-head,.power-meter-foot{justify-content:center}.performance-score{clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}.performance-streak{clip-path:polygon(8px 0,100% 0,100% 100%,0 100%);grid-template-columns:1fr auto;gap:6px 8px}.score-value{font-size:clamp(29px,9vw,40px)}.score-delta{font-size:8px}.combo-value{font-size:clamp(34px,10vw,45px)}.accuracy-stat strong{margin-top:5px;font-size:17px}.accuracy-meter{width:40px;margin-top:6px}.stage-wrap.is-counting-in .performance-hud{opacity:.6;filter:saturate(.72)}.count-in{width:min(280px,100% - 28px);top:143px}.count-in strong{font-size:clamp(78px,27vw,108px)}.stage-encouragement{width:min(245px,100% - 20px);min-width:0;min-height:50px;padding:11px 55px 11px 12px;top:132px;left:50%}.performance-feedback-toasts{width:min(178px,100% - 20px);top:128px;left:10px}.encouragement-detail{font-size:8px}.stage-encouragement>strong{font-size:clamp(34px,12vw,48px)}.stage-encouragement.variant-milestone{width:min(310px,100% - 18px);min-height:86px;padding:8px 64px 12px 13px;top:124px}.stage-encouragement.variant-milestone>strong{font-size:clamp(42px,14vw,58px)}.performance-results-overlay{padding:0;display:block;overflow:auto}.results-fit-frame,.results-fit-scaler{width:100%}.performance-results-card{width:100%;min-height:100dvh;max-height:none;padding:max(18px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom));box-shadow:none;clip-path:none;border:0}.performance-results-card:before{left:36px}.performance-results-card:after{width:66px;height:14px;top:10px;right:19px}.results-registration{top:14px;left:11px}.results-sheet-header{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-left:27px;display:grid}.results-kicker{padding-inline:6px;font-size:7px}.results-sheet-header h2{margin-top:8px;font-size:clamp(33px,10.5vw,44px)}.results-sheet-meta{margin-top:6px;font-size:7px}.results-stage-points{border-left-width:4px;min-width:116px;padding:10px 10px 8px}.results-stage-points>span{font-size:7px}.results-stage-points strong{margin-top:6px;font-size:clamp(34px,10vw,43px)}.results-sheet-rule,.results-ledger,.results-final-verdict,.results-mastery-award,.results-feedback,.results-actions{margin-left:27px}.results-sheet-rule{height:4px;margin-top:13px}.results-ledger-row{grid-template-columns:25px minmax(0,1fr) auto;min-height:38px}.results-row-label strong{font-size:18px}.results-row-label small,.results-row-number{font-size:7px}.results-row-points{font-size:23px}.results-final-verdict{grid-template-columns:minmax(0,1fr) 122px;min-height:148px;margin-top:14px}.results-test-block{padding:13px 14px}.results-test-score>strong{font-size:clamp(84px,26vw,108px)}.results-test-score>small{padding-bottom:4px;font-size:12px}.results-test-note{margin-top:7px;font-size:7px}.results-grade-stamp{border-width:4px;min-width:104px;padding:9px 8px 7px}.results-grade-stamp strong{font-size:clamp(64px,20vw,82px)}.results-grade-stamp span,.results-grade-stamp em{font-size:7px}.results-mastery-award{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px;padding:9px 10px}.results-mastery-copy strong{font-size:18px}.results-mastery-stars{gap:1px}.results-mastery-stars svg{width:17px;height:17px}.results-mastery-award>b{text-align:right;grid-column:2;font-size:8px}.results-feedback{grid-template-columns:82px minmax(0,1fr);gap:10px;margin-top:13px;padding-top:10px}.results-feedback strong{font-size:21px}.results-feedback p{margin-top:4px;font-size:9px;line-height:1.35}.results-actions{padding:9px 0 max(2px, env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent, var(--paper) 18%);margin-top:13px}.results-actions button{flex:1;min-height:48px;padding-inline:10px;font-size:7px}.transport{min-height:0;padding:13px 12px 15px}.section-labels{scroll-snap-type:x proximity;scrollbar-width:none;margin-left:0;margin-right:0;overflow-x:auto}.section-labels::-webkit-scrollbar{display:none}.section-pill{scroll-snap-align:start;min-width:112px;flex:0 0 112px!important}.transport-controls{grid-template-columns:1fr auto 1fr;gap:8px}.transport-cluster .control-caption,.speed-control input,.transport-cluster.end .icon-button:not(.active),.transport-cluster.end .ab-button,.speed-control{display:none}.transport-cluster.end .icon-button,.transport-cluster.end .ab-button{display:inline-grid!important}.play-button{width:50px;height:50px}.icon-button{width:44px;height:44px}.coach-panel{display:block}.coach-section{border-right:0}.mode-option,.band-jam-button,.band-power,.setting-row{min-height:44px}.coach-callout{padding:34px 16px 17px;transform:none}.coach-callout-title{font-size:24px}.band-console{box-shadow:4px 4px #8d68ff33}.midi-channel-control{min-width:0}.midi-channel-support{max-width:170px}.song-grid{grid-template-columns:minmax(0,1fr)}.challenge-picker{flex-direction:column;align-items:stretch;gap:10px;padding:11px 12px}.challenge-picker-copy{justify-content:space-between;align-items:center;gap:12px;display:flex}.challenge-picker-copy strong{text-align:right}.challenge-segments{grid-template-columns:repeat(3,minmax(0,1fr))}.song-library-scroll{padding:14px 10px 22px}.career-tier-head{flex-direction:column;align-items:start;gap:7px;margin-inline:4px}.career-tier-head p{text-align:left;max-width:none}.modal-backdrop{padding:10px}.modal-head{padding:18px}.modal-head h2{font-size:clamp(40px,14vw,56px)}.song-card h4{font-size:27px}.song-card{min-height:195px;padding:18px}.skill-chips{flex-wrap:wrap;overflow:visible}.skill-chip{padding-inline:4px;font-size:7px}.song-card-footer{flex-wrap:wrap}.purchase-gate-backdrop{padding:10px}.purchase-gate{padding:30px 20px 22px}.purchase-gate-actions{grid-template-columns:minmax(0,1fr)}.purchase-gate-secondary{min-height:42px}}@media (width<=880px){.coach-panel.is-training{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.coach-panel.is-training .coach-section{border-right:1px solid var(--line)}}@media (width<=760px){.training-room-head{gap:14px;padding:18px}.training-room-icon{flex-basis:40px;width:40px;height:40px}.training-room-head h2{font-size:clamp(38px,8vw,54px)}.training-roadmap{grid-template-columns:minmax(0,1fr)}.training-roadmap-card{min-height:132px}}@media (width>=641px) and (height<=688px){.training-room-modal{max-height:calc(100dvh - 24px)}.training-room-head{padding:13px 18px 12px}.training-room-icon{flex-basis:38px;width:38px;height:38px}.training-room-head h2{margin-top:6px;font-size:clamp(34px,6.6dvh,48px)}.training-room-head p{max-width:720px;margin-top:6px;font-size:10px;line-height:1.35}.training-room-primer>div{padding-block:8px}.training-roadmap-card{min-height:124px;padding:13px}.training-card-copy strong{font-size:23px}.training-card-copy>span{font-size:8px}.training-room-foot{padding-block:8px}}@media (width<=640px){.coach-panel.is-training{display:block}.coach-panel.is-training .coach-section{border-right:0}.training-room-backdrop{padding:0}.training-room-modal{border:0;border-top:5px solid var(--acid);width:100%;min-height:100dvh;max-height:100dvh;box-shadow:none;clip-path:none}.training-room-head{padding:max(14px, env(safe-area-inset-top)) 14px 14px;align-items:flex-start}.training-room-heading{gap:10px}.training-room-icon{display:none}.training-room-head h2{font-size:clamp(37px,11.5vw,49px)}.training-room-head p{font-size:10px;line-height:1.4}.training-room-total{display:none}.training-room-primer{grid-template-columns:minmax(0,1fr)}.training-room-primer>div{border-bottom:1px solid #ffffff14;border-right:0;padding:7px 14px}.training-room-primer>div:last-child{border-bottom:0}.training-roadmap{padding:8px}.training-roadmap-card{min-height:152px;padding:14px}.training-card-copy strong{font-size:25px}.training-card-copy>span{font-size:9px}.training-room-foot{padding:10px 14px max(10px, env(safe-area-inset-bottom));gap:6px;display:grid}.training-room-foot strong{text-align:left}.training-launch-section{padding:10px}.training-launcher{min-height:104px}.training-coach-intro h2{font-size:43px}.training-move-tabs button,.training-coach-topline button,.training-action-grid button,.training-lesson-nav button,.training-exit{min-height:44px}.training-hand-row{grid-template-columns:44px minmax(0,1fr)}.training-finger-key{height:56px}}.performance-card{transition:border-color .9s,box-shadow .9s}.performance-side{flex-direction:column;flex:none;align-items:stretch;width:min(205px,25vw);display:flex}.performance-hud .performance-side .performance-streak{width:100%;min-height:92px;box-shadow:none;clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;order:1;margin:0;padding:8px 0 5px;overflow:visible}.performance-side .performance-streak:before{display:none}.performance-side .performance-label,.performance-side .performance-subline,.performance-side .accuracy-stat strong{text-shadow:0 2px 8px #000000d1}.power-meter{width:72px;height:126px;min-height:0;box-shadow:none;clip-path:none;background:0 0;border:0;order:2;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) 14px;align-self:flex-start;gap:8px 7px;margin:8px 0 0 8px;padding:0;transition:opacity .9s,filter .9s;display:grid;position:relative;top:auto;right:auto;overflow:visible}.power-meter:before{display:none}.power-meter-head,.power-meter-foot{text-align:right;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:5px;display:flex}.power-meter-head{grid-area:1/1}.power-meter-head span{max-width:48px;line-height:1.25}.power-meter-track{width:14px;height:auto;min-height:0;box-shadow:inset 2px 0 7px #00000080, 0 0 16px var(--power-color);background:repeating-linear-gradient(0deg,#0000 0 calc(10% - 2px),#030306c7 calc(10% - 2px) 10%),#ffffff0e;grid-area:1/2/4;align-self:stretch;margin:0}@supports (color:color-mix(in lab, red, red)){.power-meter-track{box-shadow:inset 2px 0 7px #00000080, 0 0 16px color-mix(in srgb, var(--power-color) 18%, transparent)}}.power-meter-track i{background:linear-gradient(0deg, var(--cyan), var(--violet), var(--rose), var(--acid));background-size:100% 180%;width:100%;min-width:0;min-height:0;transition:height .42s cubic-bezier(.16,1,.3,1);inset:auto 0 0}.power-meter-track b{background:repeating-linear-gradient(0deg,#0000 0 calc(10% - 2px),#030306b8 calc(10% - 2px) 10%)}.power-meter-foot{grid-area:3/1;margin:0}.power-meter-foot>span{display:none}.power-meter-foot strong{white-space:normal;max-width:48px;font-size:8px;line-height:1.2}.power-meter.is-active{box-shadow:none;background:0 0;border:0;animation:.95s ease-out both power-rail-enter,2.4s ease-in-out .95s infinite alternate power-meter-breathe}.power-meter.is-active .power-meter-track i{background:linear-gradient(#49e7ff,#d7ff3f,#ffd96a,#ff4d82) 0 0/100% 180%}.stage-wrap.is-power-mode:before{animation:1.1s ease-out both power-stage-enter,2.4s ease-in-out 1.1s infinite alternate power-stage-breathe}@keyframes power-rail-enter{0%{opacity:.58;filter:brightness(.92)saturate(.78)}to{opacity:1;filter:brightness(.96)saturate()}}@container performance-stage (width<=760px){.performance-hud{grid-template-columns:none;display:flex}.performance-side{width:min(178px,29cqi)}.performance-hud .performance-side .performance-streak{min-height:78px;padding:6px 0 3px}.power-meter{grid-template-columns:minmax(0,1fr) 12px;gap:7px 6px;width:60px;height:108px;margin-top:6px;padding:0}.power-meter-track{width:12px;height:auto;margin:0}.power-meter-foot{margin:0}}@container performance-stage (width<=520px){.performance-hud{grid-template-columns:none;display:flex}.performance-score,.performance-side{width:min(160px,39cqi)}.performance-hud .performance-side .performance-streak{min-height:74px;padding-top:4px}.power-meter{grid-template-columns:minmax(0,1fr) 10px;gap:5px 4px;width:46px;height:92px;margin-top:5px;margin-left:4px;padding:0}.power-meter-track{width:10px}.power-meter-head span{display:none}.power-meter-head strong,.power-meter-foot strong{max-width:32px;padding-inline:2px;font-size:7px}}@media (prefers-reduced-motion:reduce){:root:not([data-motion-preference=full]) *,:root:not([data-motion-preference=full]) :before,:root:not([data-motion-preference=full]) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}:root:not([data-motion-preference=full]) :is(.score-value,.score-delta,.combo-value,.power-meter,.power-meter-track i,.stage-encouragement,.encouragement-kicker,.stage-encouragement>strong,.encouragement-detail,.encouragement-points,.finale-status,.performance-results-overlay,.performance-results-card,.results-sheet-rule,.results-ledger-row,.results-stage-points strong,.results-test-block,.results-grade-burst,.results-grade-stamp,.results-mastery-award,.results-feedback,.results-actions){opacity:1!important;filter:none!important;animation:none!important;transform:none!important}:root:not([data-motion-preference=full]) .performance-feedback-toast{animation:.9s ease-out both feedback-toast-fade!important;transform:none!important}:root:not([data-motion-preference=full]) .stage-wrap.is-power-mode:before{opacity:.88;filter:none;animation:none!important}:root:not([data-motion-preference=full]) .results-grade-burst{opacity:.16!important}:root:not([data-motion-preference=full]) :is(.stage-encouragement,.finale-status){transform:translate(-50%)!important}:root:not([data-motion-preference=full]) .stage-encouragement>strong{transform:skew(-5deg)!important}:root:not([data-motion-preference=full]) .encouragement-points{transform:translateY(-50%)rotate(4deg)!important}:root:not([data-motion-preference=full]) .results-grade-stamp{transform:rotate(-7deg)!important}}:root[data-motion-preference=reduced] *,:root[data-motion-preference=reduced] :before,:root[data-motion-preference=reduced] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}:root[data-motion-preference=reduced] :is(.score-value,.score-delta,.combo-value,.power-meter,.power-meter-track i,.stage-encouragement,.encouragement-kicker,.stage-encouragement>strong,.encouragement-detail,.encouragement-points,.finale-status,.performance-results-overlay,.performance-results-card,.results-sheet-rule,.results-ledger-row,.results-stage-points strong,.results-test-block,.results-grade-burst,.results-grade-stamp,.results-feedback,.results-actions){opacity:1!important;filter:none!important;animation:none!important;transform:none!important}:root[data-motion-preference=reduced] .performance-feedback-toast{animation:.9s ease-out both feedback-toast-fade!important;transform:none!important}:root[data-motion-preference=reduced] .stage-wrap.is-power-mode:before{opacity:.88;filter:none;animation:none!important}:root[data-motion-preference=reduced] .results-grade-burst{opacity:.16!important}:root[data-motion-preference=reduced] :is(.stage-encouragement,.finale-status){transform:translate(-50%)!important}:root[data-motion-preference=reduced] .stage-encouragement>strong{transform:skew(-5deg)!important}:root[data-motion-preference=reduced] .encouragement-points{transform:translateY(-50%)rotate(4deg)!important}:root[data-motion-preference=reduced] .results-grade-stamp{transform:rotate(-7deg)!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}