@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}:root{color:#f4f3eb;font-synthesis:none;--acid:#d4fa48;--muted:#8f979a;--line:#ffffff20;background:#080d16;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,select,input[type=range]{cursor:pointer}button{color:inherit;border:0}button:disabled{opacity:.45;cursor:wait}button,a,select,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--acid);outline-offset:5px}[hidden]{display:none!important}#stage,.vignette{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:linear-gradient(#080c12d9 0,#080c1280 66px,#0000 130px),linear-gradient(90deg,#080c12f5 0%,#080c12ec 23%,#080c1277 41%,#0000 65%),linear-gradient(#0000 80%,#080c12dd)}.topbar{z-index:5;justify-content:space-between;align-items:center;display:flex;position:fixed;top:27px;left:48px;right:48px}body:is([data-phase=countdown],[data-phase=playing],[data-phase=paused],[data-phase=results]) .topbar{display:none}.wordmark{letter-spacing:-.8px;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:34px;font-style:italic;font-weight:800;text-decoration:none}.wordmark>span:first-child{color:var(--acid);margin:0 2px}.wordmark-dot{vertical-align:top;margin-left:5px;font-family:DM Sans,sans-serif;font-size:10px;font-style:normal;line-height:25px}.edition{letter-spacing:3px;color:#b0b4b4;white-space:nowrap;align-items:center;gap:19px;font-size:10px;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.edition i{background:var(--acid);border-radius:50%;width:3px;height:3px}.quiet-button{border:1px solid var(--line);letter-spacing:1.4px;background:#0c11158a;border-radius:3px;padding:11px 17px;font-size:11px;font-weight:700}.quiet-button span{margin-left:12px;font-size:15px}.quiet-button:hover,.secondary-button:hover{background:#ffffff14}.menu-panel{z-index:2;width:407px;position:absolute;top:123px;left:49px}.eyebrow{letter-spacing:2.3px;color:var(--acid);align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.live-dot{background:var(--acid);border-radius:50%;width:5px;height:5px;box-shadow:0 0 13px #d4fa4855}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Barlow Condensed,sans-serif}h1{letter-spacing:-1.6px;margin-top:22px;font-size:106px;font-weight:800;line-height:.88}h1 em,.center-dialog em{color:var(--acid);font-style:normal}.intro{color:#b1b5b5;margin:19px 0 25px;font-size:14px;line-height:1.6}.track-card{border:1px solid #ffffff17;border-left:2px solid var(--acid);background:#11181de0;align-items:center;gap:16px;padding:15px;display:flex}.track-art{background:linear-gradient(140deg,#6c988a 0%,#5b827845 27%,#111e29 42%,#ded693 44%,#334c47 47%,#1c2d31 60%,#8eaa65 100%);flex:0 0 72px;place-items:center;width:72px;height:73px;display:grid;position:relative;overflow:hidden}.track-art:after{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0005 4px);position:absolute;inset:0}.track-art span{color:#eceddccc;font-family:Barlow Condensed,sans-serif;font-size:35px;font-weight:800;transform:skew(-10deg)}.micro-label{letter-spacing:1.8px;color:var(--muted);font-size:9px;font-weight:700}.track-card h2{letter-spacing:.4px;margin:3px 0;font-size:26px;font-weight:700;line-height:1.15}.track-artist{letter-spacing:1.2px;color:#bbc0c0;font-size:9px}.track-meta{color:#8b989b;letter-spacing:1px;margin-top:9px;font-size:9px}.track-meta b{color:#4c5b5d;padding:0 8px}.selection-row{grid-template-columns:1fr 1fr;gap:13px;margin-top:19px;display:grid}label{color:var(--muted);letter-spacing:1.3px;font-size:9px;font-weight:700;display:block}select{color:#ecede8;letter-spacing:.4px;background:#11171c;border:1px solid #ffffff26;border-radius:2px;width:100%;margin-top:7px;padding:11px 10px;font-size:11px;font-weight:600;display:block}.avatar-import{justify-content:space-between;align-items:center;margin:12px 0 18px;display:flex}.avatar-import>span{color:#717c82;font-size:9px}.avatar-import label{cursor:pointer}#avatar-file{opacity:0;width:1px;height:1px;position:absolute}.avatar-import:focus-within{outline:1px solid var(--acid);outline-offset:5px}.text-button{letter-spacing:1px;color:#bfc9bf;background:0 0;padding:0;font-size:10px;font-weight:700}.text-button:hover{color:var(--acid)}.primary-button{background:var(--acid);color:#18200b;letter-spacing:.8px;justify-content:space-between;align-items:center;width:100%;height:61px;padding:0 22px;font-family:Barlow Condensed,sans-serif;font-size:23px;font-weight:700;transition:background .15s,transform .15s;display:flex}.primary-button:hover:not(:disabled){background:#e1ff76;transform:translateY(-1px)}.primary-button>span:last-child{font-size:28px}.load-status{color:#93a282;min-height:13px;margin-top:10px;font-size:10px}.howto{color:#7f8a91;margin-top:12px;font-size:11px;line-height:1.65}.stage-caption{text-align:right;gap:5px;display:grid;position:fixed;bottom:97px;right:61px}.stage-caption strong{letter-spacing:2px;font-family:Barlow Condensed,sans-serif;font-size:33px}.stage-caption>span:last-child{letter-spacing:2px;color:#849394;font-size:8px}#menu-footer{color:#69747d;letter-spacing:1.8px;z-index:1;justify-content:space-between;font-size:8px;display:flex;position:fixed;bottom:24px;left:49px;right:49px}body[data-phase=playing] .vignette,body[data-phase=countdown] .vignette,body[data-phase=paused] .vignette{background:linear-gradient(#0000 86%,#080c12c0),linear-gradient(#080c12e8,#080c12d0 145px,#0000 230px)}body:not([data-phase=menu]) .edition{display:none}#play-hud{pointer-events:none;position:fixed;inset:0}.song-hud{gap:4px;display:grid;position:absolute;top:94px;left:49px}.song-hud strong{letter-spacing:.6px;font-family:Barlow Condensed,sans-serif;font-size:27px}#section-name{letter-spacing:2px;color:var(--acid);margin-top:6px;font-size:9px}.stats-hud{align-items:center;gap:36px;display:flex;position:absolute;top:101px;right:49px}.stats-hud>div{text-align:right;gap:1px;display:grid}.stats-hud>div>span{letter-spacing:1.5px;color:#92a0a0;font-size:9px}.stats-hud strong{font-variant-numeric:tabular-nums;font-family:Barlow Condensed,sans-serif;font-size:34px;font-weight:600}.stats-hud strong span{color:#a5b3ad;font-size:16px}.icon-button{pointer-events:auto;background:#ffffff0d;border:1px solid #fff2;width:41px;height:41px;font-size:25px}#song-position{color:#819192;font-variant-numeric:tabular-nums;align-items:center;gap:14px;font-size:10px;display:flex;position:absolute;bottom:27px;left:49px;right:49px}progress{appearance:none;background:#ffffff16;border:0;flex:1;height:3px}progress::-webkit-progress-bar{background:#ffffff16}progress::-webkit-progress-value{background:var(--acid)}progress::-moz-progress-bar{background:var(--acid)}#countdown,#rest-countdown{--countdown-width:calc(var(--hw-right,70vw) - var(--hw-left,30vw));--countdown-depth:calc(var(--hw-hit-y,85vh) - var(--hw-far-y,30vh));left:calc((var(--hw-left,30vw) + var(--hw-right,70vw)) / 2);top:calc(var(--hw-far-y,30vh) + var(--countdown-depth) * .34);width:calc(var(--countdown-width) * .5);text-align:center;text-shadow:0 2px 8px #000;position:absolute;transform:translate(-50%,-50%)}#countdown span,#rest-countdown span{font-size:clamp(10px, calc(var(--countdown-width) * .018), 12px);letter-spacing:clamp(1px, calc(var(--countdown-width) * .005), 4px);white-space:nowrap;display:block}#countdown strong,#rest-countdown strong{font-family:Barlow Condensed,sans-serif;font-size:clamp(44px, calc(var(--countdown-width) * .14), min(112px, calc(var(--countdown-depth) * .3)));color:var(--acid);text-shadow:0 2px 8px #000,0 0 24px #d4fa4830;line-height:1.1;display:block}#judgment{color:var(--acid);letter-spacing:2px;text-shadow:0 3px 10px #000;opacity:0;font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:700;transition:opacity .2s;position:absolute;top:174px;left:50%;transform:translate(-50%)}#judgment[data-result=miss]{color:#ff707a}#lane-legend{pointer-events:none;position:absolute;inset:0}.lane-key{border:1px solid color-mix(in srgb, var(--lane) 60%, transparent);border-bottom:3px solid var(--lane);color:#e9eee5;background:#071117df;border-radius:4px;justify-content:center;align-items:center;width:43px;height:35px;font-size:13px;font-weight:600;display:flex;position:absolute;transform:translate(-50%,-50%)}.lane-key.active{background:var(--lane);color:#091012;box-shadow:0 0 20px color-mix(in srgb, var(--lane) 30%, transparent)}.play-hint{letter-spacing:1.5px;color:#b5c0bc;white-space:nowrap;font-size:10px;transition:opacity 1.2s ease-out;position:absolute;bottom:59px;left:39%;transform:translate(-50%)}.center-dialog{z-index:7;text-align:center;background:#0c1319f5;border:1px solid #c2d5aa26;width:415px;padding:33px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 110px #000b}.center-dialog .eyebrow{justify-content:center;font-size:9px}.center-dialog h2{margin:18px 0 13px;font-size:64px;font-weight:800;line-height:.94}.center-dialog>p{color:#8f9a9d;font-size:12px}.center-dialog .primary-button{margin-top:26px}.secondary-button{letter-spacing:1px;background:#ffffff08;border:1px solid #ffffff20;width:100%;margin-top:11px;padding:13px;font-size:11px}.center-dialog>.text-button{margin-top:21px}.final-score{gap:3px;margin:24px 0 15px;display:grid}.final-score>span:first-child{letter-spacing:2px;color:#909d99;font-size:9px}.final-score strong{font-family:Barlow Condensed,sans-serif;font-size:67px;line-height:1}#personal-best{color:var(--acid);letter-spacing:1px;min-height:13px;font-size:10px}.result-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding:16px 0;display:grid}.result-grid>div{gap:5px;display:grid}.result-grid strong{font-family:Barlow Condensed,sans-serif;font-size:28px}.result-grid span{color:#8f9e98;letter-spacing:.8px;font-size:8px}.modal-shade{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:12;background:#04080dbb;place-items:center;display:grid;position:fixed;inset:0}output{float:right;color:#e0e8d1;letter-spacing:0;font-size:10px}input[type=range]{width:100%;accent-color:var(--acid);margin:14px 0 0}#notice{z-index:20;color:#ffd5cc;background:#3b2426;border:1px solid #ef7d7355;max-width:620px;padding:13px 20px;font-size:12px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}body:is([data-phase=countdown],[data-phase=playing],[data-phase=paused]) #notice{width:max-content;max-width:min(620px,100vw - 24px);font-size:calc(12px * var(--a11y-scale,1));overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:8px 12px;line-height:1.35;display:-webkit-box;top:12px;bottom:auto;overflow:hidden}body[data-phase=paused] #notice[data-status=true]{display:none}@media (width>=651px) and (height<=1024px){#menu-footer{display:none}}@media (width>=651px) and (height<=980px){.menu-panel{scrollbar-width:thin;scrollbar-color:#69747d transparent;max-height:calc(100dvh - 145px);top:105px;overflow-y:auto}h1{margin-top:16px;font-size:88px}.intro{margin:13px 0 17px;font-size:13px}}@media (height<=820px){.menu-panel{top:105px}h1{margin-top:16px;font-size:88px}.intro{margin:13px 0 17px;font-size:13px}.track-card{padding:12px}.selection-row{margin-top:14px}.avatar-import{margin:10px 0 14px}.primary-button{height:55px}.howto{margin-top:8px}.center-dialog{padding:25px 31px}}@media (height<=800px) and (width>=651px){.menu-panel{scrollbar-width:thin;scrollbar-color:#69747d transparent;max-height:calc(100dvh - 106px);top:94px;overflow-y:auto}h1{font-size:64px}.intro{margin:8px 0 12px}.selection-row{margin-top:10px}.avatar-import{margin:8px 0 10px}}@media (width<=1050px){.topbar{left:28px;right:28px}.menu-panel{width:360px;left:28px}.track-card{gap:12px}.track-card h2{font-size:23px}.edition{display:none}.stats-hud{gap:23px;right:28px}.song-hud{left:28px}}@media (width<=650px){body{overflow-y:auto}.topbar{flex-wrap:wrap;gap:10px;top:20px;left:20px;right:20px}.topbar .wordmark{font-size:30px;line-height:1}.topbar .topbar-actions{width:100%}.topbar .quiet-button{flex:1;min-width:0}.topbar #account-open,.topbar #room-open{max-width:none}body #room-hud{top:25px;right:20px}.vignette{background:#080d16b0}body[data-phase=playing] .vignette,body[data-phase=countdown] .vignette,body[data-phase=paused] .vignette{background:linear-gradient(#080c12 0 178px,#080c12eb 205px,#0000 238px),linear-gradient(#0000 86%,#080c12c0)}.menu-panel{width:calc(100% - 56px);padding-bottom:110px;position:relative;top:128px}.stage-caption,#menu-footer{display:none}.center-dialog{width:calc(100% - 32px)}.stats-hud{justify-content:flex-start;top:192px;left:20px;right:20px}.song-hud{top:118px;left:20px;right:20px}#play-hud .song-hud strong{max-width:100%}.stats-hud>div{text-align:left}.play-hint{left:50%}#judgment{top:254px}body:is([data-phase=playing],[data-phase=countdown],[data-phase=paused]) .topbar{gap:6px;top:16px}body:is([data-phase=playing],[data-phase=countdown],[data-phase=paused]) .topbar .wordmark{font-size:24px}body:is([data-phase=playing],[data-phase=countdown],[data-phase=paused]) .topbar .quiet-button{letter-spacing:1px;white-space:nowrap;min-height:32px;padding:7px 8px;font-size:10px}body:is([data-phase=playing],[data-phase=countdown],[data-phase=paused]) .topbar .quiet-button span{margin-left:4px;font-size:13px}body:is([data-phase=playing],[data-phase=countdown],[data-phase=paused]) #room-hud{top:17px}body:is([data-phase=playing],[data-phase=countdown],[data-phase=paused]) .song-hud{gap:2px;top:88px}body:is([data-phase=playing],[data-phase=countdown],[data-phase=paused]) .song-hud>.micro-label{display:none}body:is([data-phase=playing],[data-phase=countdown],[data-phase=paused]) .song-hud strong{font-size:24px}body:is([data-phase=playing],[data-phase=countdown],[data-phase=paused]) #section-name{margin-top:0}body:is([data-phase=playing],[data-phase=countdown],[data-phase=paused]) .stats-hud{gap:22px;top:134px}body:is([data-phase=playing],[data-phase=countdown],[data-phase=paused]) .stats-hud strong{font-size:30px;line-height:1}body:is([data-phase=playing],[data-phase=countdown],[data-phase=paused]) #pause{margin-left:auto}body:is([data-phase=playing],[data-phase=countdown],[data-phase=paused]) #judgment{top:179px}body:is([data-phase=playing],[data-phase=countdown],[data-phase=paused]) .play-hint{letter-spacing:.65px;color:#b5c0bc;font-size:11px}}.track-meta{align-items:center;gap:8px;display:flex}#instrument-choice,#venue-choice{width:auto;min-width:90px;color:var(--acid);border-color:#d4fa4840;padding:4px 18px 4px 6px;font-size:9px}@media (width>=651px) and (height<=800px){.lane-key{height:28px}#song-position{bottom:12px}}@media (width>=651px) and (height<=650px){.lane-key{height:24px;font-size:12px}#song-position{bottom:8px}}.multiplier{--fill:0;--tier:#92a0a0;pointer-events:none;background:radial-gradient(#0a121bcc 55%,#0a121b00 72%);border-radius:50%;align-content:center;place-items:center;width:104px;height:104px;transition:filter .2s;display:grid;position:absolute;bottom:118px;left:34px}.multiplier svg{position:absolute;inset:0;transform:rotate(-90deg)}.multiplier circle{fill:none;stroke-width:6px}.multiplier .ring-track{stroke:#ffffff1c}.multiplier .ring-fill{stroke:var(--tier);stroke-linecap:round;stroke-dasharray:calc(var(--fill) * 100) 100;transition:stroke-dasharray .12s linear,stroke .2s}.multiplier strong{color:#fff;font-family:Barlow Condensed,sans-serif;font-size:40px;font-weight:700;line-height:.9}.multiplier span{letter-spacing:1.6px;color:#a5b3ad;margin-top:2px;font-size:8px}.multiplier[data-level="2"]{--tier:#78b5e8}.multiplier[data-level="3"]{--tier:#e2ca6b}.multiplier[data-level="4"]{--tier:var(--acid);filter:drop-shadow(0 0 12px #d4fa4880)}@media (width<=900px){.multiplier{width:76px;height:76px;bottom:150px;left:14px}.multiplier strong{font-size:30px}}.rank-block{align-content:center;justify-items:center;gap:4px;display:grid}.rank-letter{background:linear-gradient(180deg, #fff, #b8c2c6 45%, var(--rank,var(--acid)));color:#0000;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--rank,var(--acid)) 55%, transparent));-webkit-background-clip:text;background-clip:text;font-family:Barlow Condensed,sans-serif;font-size:92px;font-style:italic;font-weight:800;line-height:.85}.rank-letter[data-rank=S]{--rank:var(--acid)}.rank-letter[data-rank=A]{--rank:#78b5e8}.rank-letter[data-rank=B]{--rank:#e2ca6b}.rank-letter[data-rank=C]{--rank:#e9a36b}.rank-letter[data-rank=D]{--rank:#e7768b}.rank-stars{color:#f2c94c;letter-spacing:2px;font-size:15px}.rank-stars .off{color:#ffffff2a}.breakdown{align-content:center;gap:7px;display:grid}.bd-row{letter-spacing:1.2px;color:#a5b3ad;grid-template-columns:62px 1fr 40px;align-items:center;gap:10px;font-size:9px;display:grid}.bd-row i{background:#ffffff10;height:8px;overflow:hidden}.bd-row b{height:100%;width:var(--w,0%);background:var(--q);display:block}.bd-row em{text-align:right;color:#f4f3eb;font-family:Barlow Condensed,sans-serif;font-size:18px;font-style:normal}.bd-row[data-q=perfect]{--q:#35d6f0}.bd-row[data-q=great]{--q:#69d287}.bd-row[data-q=good]{--q:#e2ca6b}.bd-row[data-q=miss]{--q:#e7768b}.result-strip{grid-column:1/-1;gap:6px;display:grid}.result-strip .micro-label em{color:var(--acid);margin-left:8px;font-style:normal}#result-timeline,#result-histogram{align-items:flex-end;gap:1px;height:26px;display:flex}#result-histogram{gap:3px;height:34px}#result-timeline i{background:#ffffff0d;flex:1;height:100%}#result-timeline i[data-r=perfect]{background:#35d6f0}#result-timeline i[data-r=great]{background:#69d287}#result-timeline i[data-r=good]{background:#e2ca6b}#result-timeline i[data-r=miss]{background:#e7768b}#result-histogram i{background:linear-gradient(#78b5e8,#35d6f0);flex:1;min-height:2px}#result-histogram i:nth-child(11){background:var(--acid)}.strip-axis{letter-spacing:1.4px;color:#7f8c90;justify-content:space-between;font-size:8px;display:flex}.progress-wrap{flex:1;align-items:center;display:flex;position:relative}.progress-wrap progress{width:100%}#section-ticks i{background:#ffffff40;width:1px;height:7px;position:absolute;bottom:3px}#section-ticks i span{display:none}#section-ticks i.current{background:var(--acid)}.stats-hud>div>.hud-stars{color:#f2c94c;letter-spacing:4px;text-shadow:0 1px 6px #000c;margin-top:2px;font-size:17px}.stats-hud{isolation:isolate;align-items:flex-start}.stats-hud:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 60%,#060a10f2 45%,#060a1000 80%);position:absolute;inset:-16px -24px -14px -40px}.stats-hud>.icon-button{align-self:center}.overdrive{--energy:0;pointer-events:none;justify-items:center;gap:6px;width:44px;display:grid;position:absolute;bottom:240px;left:34px}.overdrive[data-state=off]{display:none}.od-label,.od-hint{letter-spacing:1.6px;color:#a5b3ad;text-shadow:0 1px 3px #000,0 0 8px #000d;font-size:8px}.od-hint{opacity:0}.od-tube{background:#0a121bcc;border:1px solid #ffffff38;border-radius:11px;width:22px;height:128px;position:relative;overflow:hidden;box-shadow:inset 0 0 8px #000a}.od-tube b{height:calc(var(--energy) * 100%);background:linear-gradient(#35d6f0,#2f8fdf);transition:height .12s linear;position:absolute;bottom:0;left:0;right:0}.od-tube:after{content:"";background:#ffffff70;height:1px;position:absolute;bottom:50%;left:0;right:0}.overdrive[data-state=ready] .od-hint{opacity:1;color:#35d6f0;animation:.7s ease-in-out infinite alternate od-pulse}.overdrive[data-state=ready] .od-tube{border-color:#35d6f0;box-shadow:0 0 14px #35d6f0aa}.overdrive[data-state=active] .od-tube{border-color:#fff;box-shadow:0 0 22px #9be9ff}.overdrive[data-state=active] .od-tube b{background:linear-gradient(#fff,#7fe4ff);transition:none}@keyframes od-pulse{0%{opacity:.45}to{opacity:1}}.multiplier[data-level="5"],.multiplier[data-level="6"],.multiplier[data-level="7"],.multiplier[data-level="8"]{--tier:#9be9ff;filter:drop-shadow(0 0 14px #35d6f0aa)}@media (width<=900px){.overdrive{bottom:236px;left:18px}.od-tube{height:90px}}@media (width>=651px){#song-position{bottom:6px}}@media (width<=650px){.stats-hud>div>.hud-stars{display:none}}.results-extras{grid-column:1/-1;gap:8px;display:grid}.rx-sustain{gap:5px;display:grid}.rx-sustain .micro-label em{color:var(--acid);margin-left:8px;font-style:normal}.rx-sustain i{background:#ffffff10;height:6px;display:block;overflow:hidden}.rx-sustain b{height:100%;width:var(--w,0%);background:linear-gradient(90deg,#78b5e8,#35d6f0);display:block}.rx-notes{letter-spacing:.6px;color:#b8c4bf;margin:0;font-size:11px;line-height:1.45}.rank-up{letter-spacing:1.6px;color:#0b1210;background:var(--acid);white-space:nowrap;margin:4px 0 0;padding:3px 8px;font-size:9px;font-weight:700}.rank-up[hidden]{display:none}.track-card{flex-wrap:wrap}.track-card>div:not(.track-art):not(.tc-chips){flex:1 1 0}.track-meta #instrument-choice{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.selection-row>label:has(#difficulty){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.selection-row{grid-template-columns:1fr}.tc-chips{flex:1 0 100%;gap:8px;margin-top:2px;display:grid}.tc-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.tc-chip{text-align:left;color:#d7dcdc;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:2px;gap:2px;min-width:0;padding:7px 6px 6px;transition:background .15s,border-color .15s;display:grid}.tc-chip:hover:not(:disabled){background:#ffffff14;border-color:#ffffff40}.tc-chip[data-state=on]{border-color:var(--acid);color:#f4f3eb;background:#d4fa4820}.tc-chip:disabled{opacity:.4;cursor:not-allowed}.tc-name{letter-spacing:1.1px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;line-height:1}.tc-chip[data-state=on] .tc-name{color:var(--acid)}.tc-score{letter-spacing:.4px;color:#9aa4a6;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:600;overflow:hidden}.tc-rank{align-items:center;gap:4px;min-height:11px;font-size:8px;line-height:1;display:flex}.tc-rank b{color:var(--tc-rank,var(--acid));font-family:Barlow Condensed,sans-serif;font-size:12px;font-style:italic;font-weight:800}.tc-rank i{letter-spacing:0;color:#f2c94c;font-style:normal}.tc-rank .off{color:#ffffff2a}.tc-rank[data-rank=A]{--tc-rank:#78b5e8}.tc-rank[data-rank=B]{--tc-rank:#e2ca6b}.tc-rank[data-rank=C]{--tc-rank:#e9a36b}.tc-rank[data-rank=D]{--tc-rank:#e7768b}.track-card{gap:12px;padding:11px 13px}.tc-chips{gap:6px;margin-top:0}.tc-chip{grid-template-columns:1fr auto;align-items:center;gap:1px 4px;padding:5px 6px 4px}.tc-chip .tc-name{grid-area:1/1}.tc-chip .tc-rank{grid-area:1/2;min-height:0}.tc-chip .tc-score{grid-area:2/1/auto/-1}@media (width>=651px) and (height>=981px){.menu-panel{top:100px}.menu-panel h1{margin-top:14px}.menu-panel .intro{margin:14px 0 18px}.selection-row{margin-top:14px}.avatar-import{margin:8px 0 12px}}.track-meta #venue-choice{margin-top:0}@media (width>=651px){.menu-panel .load-status,.menu-panel .howto{margin-top:6px}.menu-panel .avatar-import{margin:8px 0 12px}}body[data-phase=paused] .od-prompt{opacity:0}@media (width<=650px){#play-hud .od-prompt{top:calc(anchor(--od-footer bottom) + 8px);display:block}.topbar .topbar-actions .quiet-button{letter-spacing:.6px;white-space:nowrap;padding:10px 4px}#settings-open span{display:none}.multiplier{width:58px;height:58px;bottom:58px;left:8px}.multiplier strong{font-size:22px}.multiplier span{display:none}}@media (width>=651px){body .od-prompt{top:calc(anchor(bottom) + 8px);bottom:auto;left:auto;right:calc(anchor(left) + 8px);transform:none}}.song-hud>:is(.micro-label,strong){transition:opacity 1.2s ease-out}.play-hint:is(.faded,.squeezed),.title-faded .song-hud>:is(.micro-label,strong){opacity:0}.play-hint{text-shadow:0 1px 4px #000,0 0 10px #000c}body[data-phase=results] .vignette{background:linear-gradient(#080c12d0 0,#080c1270 90px,#0000 170px),linear-gradient(#0000 84%,#080c1290),linear-gradient(90deg,#080c1218 0%,#080c1226 24%,#080c12b8 40%,#080c12c8 100%)}#pause-dialog .text-button{margin:12px auto 0;display:block}#score{transform-origin:100%}#score.score-pop{animation:.26s ease-out score-pop}#hud-stars.star-pop{animation:.26s ease-out star-pop}@keyframes score-pop{40%{color:var(--acid);transform:scale(1.16)}}@keyframes star-pop{40%{color:#ffe27a;text-shadow:0 0 10px #ffd84a;transform:scale(1.35)}}#room-open{white-space:nowrap}#room-dialog{color:#f4f3eb;background:#101820;border:1px solid #b2d7d438;border-radius:4px;width:min(520px,100vw - 32px);max-height:calc(100dvh - 40px);padding:26px;overflow-y:auto;box-shadow:0 16px 80px #000a}#room-dialog::backdrop{background:#040911b8}#room-title{margin-top:6px;font-size:36px}#room-message{color:#d4fa48;overflow-wrap:anywhere;min-height:18px;margin:16px 0;font-size:12px;line-height:1.5}#room-message[data-error=true]{color:#ffbdab}#room-signed-out p,.room-intro{color:#b6c4c7;margin-bottom:18px;font-size:13px;line-height:1.6}#room-dialog .primary-button,#room-dialog .secondary-button{width:100%}#room-dialog button:focus-visible,#room-hud button:focus-visible,#room-join-code:focus-visible{outline-offset:3px;outline:2px solid #d4fa48}#room-join-form{margin-top:24px}#room-join-form label{letter-spacing:1.4px;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.room-join-fields{grid-template-columns:1fr 92px;gap:10px;display:grid}#room-join-code{width:100%;min-width:0;font:inherit;letter-spacing:3px;text-transform:uppercase;color:#edf1e9;background:#080f17;border:1px solid #ffffff32;border-radius:3px;padding:12px}#room-code-help,.room-note{color:#9aafb5;margin-top:12px;font-size:11px;line-height:1.6;display:block}.room-code-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}#room-code{letter-spacing:4px;font-variant-numeric:tabular-nums;margin-top:4px;font-size:30px;display:block}#room-song{color:#b6c4c7;margin-top:14px;font-size:11px}.room-phase{color:#d4fa48;letter-spacing:1.5px;margin:14px 0 8px;font-size:10px}#room-roster,#room-hud-roster{margin:0;padding:0;list-style:none}#room-band-count{margin:0 0 8px;font-weight:700}#room-roster{gap:6px;display:grid}#room-roster .room-member{background:#0a121b;border:1px solid #ffffff18;border-left:3px solid #b2d7d44d;border-radius:3px;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px 8px 8px;display:grid}#room-roster .room-member[data-self=true]{background:#0d1a1c;border-left-color:#d4fa48}#room-roster .room-member[data-state=ready]{border-left-color:#8ce65a}#room-roster .room-member[data-connected=false]{opacity:.78;border-left-color:#efb598}.room-member-badge{color:#d4fa48;letter-spacing:.5px;background:linear-gradient(135deg,#1b2c36,#101b25);border:1px solid #ffffff1f;border-radius:3px;place-items:center;width:40px;height:40px;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:800;display:grid}.room-member-main{min-width:0}.room-member-line{align-items:center;gap:6px;min-width:0;display:flex}.room-member-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.room-member-avatar{text-overflow:ellipsis;white-space:nowrap;color:#9aafb5;letter-spacing:.6px;margin-top:4px;font-size:10px;display:block;overflow:hidden}.room-chip{color:#cfe0dc;letter-spacing:.9px;border:1px solid #ffffff2b;border-radius:2px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700;line-height:1.3}.room-chip[hidden]{display:none}.room-member-role{color:#18200b;background:#d4fa48;border-color:#d4fa48}.room-member-result{text-align:right;justify-items:end;gap:3px;min-width:78px;display:grid}.room-member-state{color:#a6d5c1;letter-spacing:.9px;font-size:9px;font-weight:700}[data-state=not-ready] .room-member-state{color:#ffb45c}.room-member-link{letter-spacing:.7px;color:#9aafb5;font-variant-numeric:tabular-nums;font-size:9px}.room-member-link:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.room-member-link[data-tone=live],.room-member-link[data-tone=good]{color:#8ce65a}.room-member-link[data-tone=ok]{color:#ffd24d}.room-member-link[data-tone=slow],.room-member-link[data-tone=reconnecting]{color:#efb598}.room-member-link[data-tone=reconnecting]:before{animation:1s ease-in-out infinite room-link-pulse}@keyframes room-link-pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.room-member-link[data-tone=reconnecting]:before{animation:none}}.room-member-score[hidden]{display:none}.room-member-score{font-variant-numeric:tabular-nums;font-size:15px;display:block}[data-connected=false] .room-member-name,[data-connected=false] .room-member-state{color:#efb598}#room-roster .room-slot{list-style:none}.room-slot-invite{color:#8ea6ac;letter-spacing:1.1px;background:0 0;border:1px dashed #b2d7d44d;border-radius:3px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.room-slot-invite small{letter-spacing:1px;color:#d4fa48;font-size:9px}.room-slot-invite:hover:not(:disabled){color:#edf1e9;border-color:#d4fa48}.room-actions{gap:10px;margin-top:20px;display:grid}.room-actions .text-button{justify-self:start;margin-top:6px}.room-privacy{border-top:1px solid #ffffff18;padding-top:12px}#room-hud{z-index:5;pointer-events:none;background:#07101bd6;border:1px solid #ffffff18;border-radius:3px;width:200px;padding:10px 12px;position:fixed;top:182px;right:49px}#room-hud-open{color:#d4fa48;width:100%;font:inherit;letter-spacing:.4px;cursor:pointer;pointer-events:auto;background:0 0;border:0;justify-content:space-between;gap:8px;padding:3px 0 9px;font-size:9px;display:flex}#room-hud-roster li{justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}#room-hud .room-member-name{font-size:10px}#room-hud .room-member-score{margin:0;font-size:12px}@media (width<=1050px){#room-hud{width:180px;right:28px}}@media (width<=650px){#room-dialog{padding:20px}#room-open{text-overflow:ellipsis;max-width:110px;overflow:hidden}#room-hud{width:auto;padding:2px 6px;top:73px;right:28px}#room-hud-open{padding:2px 0}#room-hud-roster{display:none}}.room-instrument-label{letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;font-size:11px;display:flex}.room-instrument-label select{max-width:180px}@media (width>=900px){#room-dialog{width:min(840px,100vw - 48px)}#room-active:not([hidden]){grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;column-gap:28px;display:grid}#room-active>*{grid-column:1}#room-active>#room-roster-wrap{grid-area:1/2/span 10}}@media (width<=650px){#room-roster .room-member{grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"badge main result""badge inst result";gap:4px 8px;padding-right:8px}.room-member-badge{grid-area:badge;width:34px;height:34px;font-size:15px}.room-member-main{grid-area:main}.room-member-instrument{grid-area:inst;justify-self:start}.room-member-result{grid-area:result;min-width:66px}}.track-card>div:not(.track-art){min-width:0}.track-card h2,.track-artist,.song-hud strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-hud strong{max-width:40vw}#library-open{z-index:2;color:#d4fa48;letter-spacing:1px;background:#10191ce8;width:100%;padding:7px 2px;font-size:8px;position:absolute;bottom:0;left:0}#library-dialog{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f3eb;background:#101820;border:1px solid #b2d7d438;border-radius:4px;width:min(880px,100vw - 32px);max-height:calc(100dvh - 32px);padding:28px;overflow-y:auto;box-shadow:0 16px 80px #000a}#library-dialog::backdrop{background:#040911bd}#library-title{margin-top:4px;font-size:40px}#library-message{color:#d4fa48;overflow-wrap:anywhere;min-height:18px;margin:12px 0 18px;font-size:12px;line-height:1.5}.library-layout{grid-template-columns:1fr 1fr;gap:30px;display:grid}.library-layout>section{min-width:0}#library-dialog h3{letter-spacing:1px;font-size:17px}.library-list-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}#library-list{max-height:300px;margin:0;padding:0;list-style:none;overflow-y:auto}#library-list li{margin-bottom:6px}#library-list button{text-align:left;color:#edf1e9;cursor:pointer;background:#080f17;border:1px solid #ffffff20;border-radius:2px;width:100%;padding:13px}#library-list button[aria-pressed=true]{background:#d4fa4809;border-color:#d4fa4870}#library-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}#library-list span{color:#9aafb5;letter-spacing:1px;margin-top:7px;font-size:9px;display:block}#library-list .library-row-artist{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}#library-list .library-row-roles{gap:4px;margin-top:8px;display:flex}#library-list .library-row-roles:empty{display:none}.library-role-bar{width:calc(14px + 34px * var(--fill,.2));background:#d4fa48;border-radius:1px;height:4px;display:block}.library-role-bar[data-role=bass]{background:#59d7ff}.library-role-bar[data-role=drums]{background:#ff7a59}.library-role-bar.sparse{background:repeating-linear-gradient(90deg,#ffb45a 0 3px,#ffb45a40 3px 6px)}#library-list li[hidden]{display:none}#library-count{color:#9aafb5;letter-spacing:1px;margin-left:6px;font-size:11px}.library-toolbar{grid-template-columns:1fr auto;gap:10px;margin-bottom:12px;display:grid}.library-toolbar label{margin-top:0}.library-toolbar select{color:#edf1e9;background:#080f17;border:1px solid #ffffff30;border-radius:2px;margin-top:7px;padding:10px;font-size:12px;display:block}#library-empty{margin-top:4px}.library-steps-help{color:#9aafb5;margin:14px 0 0;padding-left:18px;font-size:11px;line-height:1.65}#library-roles{gap:8px;margin-top:16px;display:grid}.library-role{background:#ffffff05;border:1px solid #ffffff16;border-radius:2px;grid-template-columns:62px 1fr;grid-template-areas:"name spark""count spark""flag flag";align-items:center;column-gap:12px;padding:9px 11px;display:grid}.library-role strong{letter-spacing:1.2px;color:#edf1e9;grid-area:name;font-size:10px}.library-role .library-role-count{color:#9aafb5;grid-area:count;font-size:10px}.library-spark{grid-area:spark;width:100%;height:26px}.library-spark path{fill:#d4fa4855;stroke:#d4fa48;stroke-width:1px;vector-effect:non-scaling-stroke}.library-spark path.pending{fill:none;stroke:#ffffff30}.library-role[data-role=bass] .library-spark path:not(.pending){fill:#59d7ff55;stroke:#59d7ff}.library-role[data-role=drums] .library-spark path:not(.pending){fill:#ff7a5955;stroke:#ff7a59}.library-role em{color:#ffb45a;letter-spacing:.6px;grid-area:flag;margin-top:7px;font-size:10px;font-style:normal}.library-role.sparse{background:#ffb45a0d;border-color:#ffb45a55}.library-role.sparse .library-spark path:not(.pending){fill:#ffb45a40;stroke:#ffb45a}#library-job-eta{color:#9aafb5;margin-top:4px;font-size:11px;display:block}#library-job-eta:empty{display:none}#library-job-steps{color:#9aafb5;letter-spacing:.6px;flex-wrap:wrap;gap:4px 12px;margin:12px 0 0;padding:0;font-size:10px;list-style:none;display:flex}#library-job-steps li:before{content:"○ "}#library-job-steps li.done{color:#edf1e9}#library-job-steps li.done:before{content:"● "}#library-job-steps li[aria-current=step]{color:#d4fa48}#library-job-steps li[aria-current=step]:before{content:"◉ "}#library-upload{border-top:1px solid #ffffff20;margin-top:24px;padding-top:20px}#library-dialog label{letter-spacing:1.2px;margin-top:14px;font-size:9px}#library-dialog input{color:#edf1e9;background:#080f17;border:1px solid #ffffff30;border-radius:2px;width:100%;min-width:0;margin-top:7px;padding:10px;font-size:12px;display:block}#library-dialog input[type=file]{border:0;padding:7px 0}#library-dialog input[type=file]::file-selector-button{color:#edf1e9;font:inherit;cursor:pointer;background:#1d2731;border:1px solid #ffffff30;border-radius:2px;margin-right:10px;padding:7px 10px}.library-file{background:#a6d5c105;border:1px dashed #a6d5c15c;border-radius:3px;padding:13px}#library-file-label{letter-spacing:0;overflow-wrap:anywhere;font-size:10px;font-weight:400;line-height:1.5;display:block}.library-metadata{grid-template-columns:1fr 1fr;gap:12px;display:grid}#library-dialog .primary-button,#library-dialog .secondary-button{width:100%}#library-upload-submit{margin-top:16px;font-size:16px}.library-note,#library-quality,#library-sign-in p{color:#9aafb5;margin-top:14px;font-size:11px;line-height:1.65}#library-sign-in{margin-top:20px}#library-sign-in button{margin-top:14px}#library-detail{background:#080f1780;border:1px solid #ffffff16;border-radius:3px;padding:20px}#library-dialog #library-detail-title{letter-spacing:0;overflow-wrap:anywhere;margin-top:12px;font-size:29px}#library-detail-artist{color:#bfcccc;overflow-wrap:anywhere;margin-top:7px;font-size:12px}#library-detail-meta{color:#9aafb5;margin-top:14px;font-size:11px}#library-job-progress{accent-color:#d4fa48;width:100%;height:5px;margin-top:25px}#library-job-stage{color:#d4fa48;text-transform:uppercase;margin-top:8px;font-size:11px;display:block}#library-preview{margin-top:24px}#library-audio{width:100%;height:42px;margin-top:12px}.library-detail-actions{gap:12px;margin-top:24px;display:grid}#library-delete{justify-self:start}#library-dialog :focus-visible{outline-offset:3px;outline:2px solid #d4fa48}@media (width<=700px){#library-dialog{padding:20px}.library-layout{grid-template-columns:1fr;gap:22px}#library-list{max-height:180px}}.cover-host{position:relative;overflow:hidden}.cover-host>.cover-img{object-fit:cover;width:100%;height:100%;transition:filter .4s,opacity .4s;display:block;position:absolute;inset:0}.cover-host.cover-analysing>.cover-img{filter:saturate(.55)brightness(.7)}.track-card>.track-art.cover-host{border:1px solid #ffffff1f;flex:0 0 92px;width:92px;height:92px}.track-art.cover-ready>span,.track-art.cover-ready>i{display:none}.track-art.cover-ready:after{opacity:.35}.track-art.cover-ready #library-open{padding:4px 2px}#library-list button:has(.cover-thumb){min-height:88px;padding-left:88px;position:relative}#library-list .cover-thumb{background:#0b141b;border:1px solid #fff2;width:64px;height:64px;margin:0;position:absolute;top:8px;left:8px}.cover-detail{aspect-ratio:1;background:#0b141b;border:1px solid #ffffff26;width:min(100%,220px);margin-bottom:14px;position:relative;box-shadow:0 0 26px #d4fa4818}.cover-scan{pointer-events:none;--cover-progress:0;place-items:center;display:grid;position:absolute;inset:0}.cover-scan-line{background:linear-gradient(#d4fa4800 0%,#d4fa4838 78%,#d4fa48d0 97%,#d4fa4800 100%);height:26%;animation:2.4s cubic-bezier(.5,0,.5,1) infinite cover-sweep;position:absolute;top:0;left:0;right:0;box-shadow:0 6px 18px #d4fa4840}.cover-scan-dial{aspect-ratio:1;background:conic-gradient(#d4fa48 calc(var(--cover-progress) * 360deg), #fff3 0);border-radius:50%;width:46%;position:relative;box-shadow:0 0 16px #d4fa4855;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60%);mask:radial-gradient(circle,#0000 58%,#000 60%)}.cover-scan-dial:after{content:"";background:conic-gradient(from 0deg, #59d7ff00 0 70%, #59d7ffcc 100%);animation:1.6s linear infinite cover-spin;position:absolute;inset:0}.cover-scan-label{color:#d4fa48;letter-spacing:1.2px;text-align:center;text-transform:uppercase;background:#071018d8;padding:5px 6px;font-size:10px;font-weight:700;position:absolute;bottom:0;left:0;right:0}@keyframes cover-sweep{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}@keyframes cover-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cover-scan-line{animation:none;top:40%}.cover-scan-dial:after{animation:none}}#library-list .cover-thumb .cover-scan-label{display:none}#chart-editor-dialog{color:#edf3ef;background:#0d171f;border:1px solid #759b9e70;border-radius:6px;width:min(1160px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px 28px;font-size:12px;overflow-y:auto;box-shadow:0 24px 100px #000b}#chart-editor-dialog::backdrop{background:#030a10cc}#chart-editor-dialog [hidden]{display:none}#chart-editor-dialog *{box-sizing:border-box}.editor-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}#editor-title{letter-spacing:1px;margin:4px 0;font-size:30px}#editor-song-title{color:#acbfc3;overflow-wrap:anywhere}#editor-message{color:#def46c;overflow-wrap:anywhere;min-height:20px;margin:14px 0;line-height:1.5}#editor-controls{border:0;min-width:0;margin:0;padding:0}#chart-editor-dialog label{color:#a4b8bd;letter-spacing:.5px;margin:0;font-size:10px;display:block}#chart-editor-dialog input:not([type=checkbox]),#chart-editor-dialog select{color:#f1f4f1;width:100%;min-width:0;font:inherit;background:#081119;border:1px solid #72939855;border-radius:3px;margin:6px 0 0;padding:9px;font-size:12px;display:block}#chart-editor-dialog input:focus-visible,#chart-editor-dialog button:focus-visible,#chart-editor-dialog select:focus-visible{outline-offset:3px;outline:2px solid #e4f67c}#chart-editor-dialog button{cursor:pointer}#chart-editor-dialog .primary-button,#chart-editor-dialog .secondary-button{letter-spacing:.7px;text-align:center;flex:none;justify-content:center;align-items:center;width:auto;height:auto;min-height:35px;margin:0;padding:9px 12px;font-size:10px;display:inline-flex}#chart-editor-dialog button:disabled,#chart-editor-dialog fieldset:disabled{opacity:.5;cursor:default}.editor-toolbar{grid-template-columns:1fr 1fr 2fr;align-items:end;gap:18px;display:grid}#editor-audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:36px}#chart-editor-dialog .editor-scrub{margin-top:16px}#editor-clock{float:right;font-variant-numeric:tabular-nums;color:#edf3ef}#chart-editor-dialog #editor-position{accent-color:#cdec62;padding:0}.editor-window{flex-wrap:wrap;align-items:end;gap:12px;margin:14px 0 8px;display:flex}#chart-editor-dialog .editor-window>label{width:130px}.editor-window .editor-check{width:auto;margin-bottom:10px}#chart-editor-dialog .editor-check{align-items:center;gap:8px;line-height:1.5;display:flex}#chart-editor-dialog input[type=checkbox]{accent-color:#d4ef6a}.editor-help{color:#94a9b0;margin:9px 0;font-size:11px;line-height:1.5}#editor-timeline{-webkit-user-select:none;user-select:none;margin:18px 10px 0 70px;position:relative}.editor-ruler{cursor:pointer;color:#91a9ae;font-variant-numeric:tabular-nums;height:22px;font-size:9px;position:relative}.editor-ruler span{position:absolute}.editor-ruler span:last-child{transform:translate(-100%)}.editor-lane{background-color:#08111899;background-image:linear-gradient(90deg, var(--editor-beat-color,#52747c55) 1px, transparent 1px), linear-gradient(90deg, var(--editor-step-color,transparent) 1px, transparent 1px);background-size:var(--editor-beat-size,12.5%) 100%, var(--editor-step-size,12.5%) 100%;background-position:var(--editor-beat-pos,0) 0, var(--editor-step-pos,0) 0;cursor:crosshair;border:1px solid #46646c66;border-bottom:0;height:39px;position:relative}.editor-lane:nth-last-child(2){border-bottom:1px solid #46646c66}.editor-lane-name{text-align:right;width:58px;color:var(--note-color);pointer-events:none;position:absolute;top:12px;right:calc(100% + 10px)}#chart-editor-dialog .editor-note{border:1px solid var(--note-color);background:color-mix(in srgb, var(--note-color) 25%, #081118);border-left-width:6px;border-radius:3px;min-width:10px;max-width:100%;height:18px;margin:0;padding:0;position:absolute;top:10px;box-shadow:0 1px 5px #0009}#chart-editor-dialog .editor-note[aria-pressed=true]{outline-offset:2px;z-index:2;outline:2px solid #fff}#editor-playhead{pointer-events:none;z-index:3;background:#f9f7e2;width:1px;position:absolute;top:20px;bottom:0;box-shadow:0 0 7px #f9f7e299}.editor-lower{grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;display:grid}.editor-lower section{background:#15232d80;border:1px solid #76999e33;border-radius:4px;min-width:0;padding:16px}.editor-lower h3{letter-spacing:1px;margin:0 0 12px;font-size:12px}.editor-note-fields{grid-template-columns:1fr 1fr;gap:12px;margin:10px 0;display:grid}#editor-lanes{border:1px solid #789aa055;gap:7px;min-width:0;margin:12px 0;padding:10px;display:flex}#editor-lanes legend{color:#a4b8bd;padding:0 5px;font-size:9px}#editor-lanes label{color:var(--note-color);align-items:center;gap:4px;display:flex}.editor-actions{flex-wrap:wrap;align-items:end;gap:10px;display:flex}#chart-editor-dialog .editor-actions label{width:96px}.editor-footer{background:#0d171ff5;border-top:1px solid #76999e33;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:16px 0;display:flex;position:static}.editor-footer>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#editor-dirty{color:#b2c6c5;font-size:10px}#editor-discard-prompt{z-index:6;background:#302518;border:1px solid #ecb66b;padding:16px;position:sticky;top:-24px}#editor-discard-prompt p{margin-bottom:12px}@media (width<=760px){#chart-editor-dialog{width:calc(100vw - 16px);padding:18px 14px}.editor-toolbar{grid-template-columns:1fr 1fr}#editor-audio{grid-column:1/-1}.editor-lower{grid-template-columns:1fr;gap:12px}.editor-ruler span:nth-child(2n){display:none}}.editor-vocal-grid{background-color:#08111899;background-image:linear-gradient(90deg, var(--editor-beat-color,#52747c55) 1px, transparent 1px), linear-gradient(90deg, var(--editor-step-color,transparent) 1px, transparent 1px);background-size:var(--editor-beat-size,12.5%) 100%, var(--editor-step-size,12.5%) 100%;background-position:var(--editor-beat-pos,0) 0, var(--editor-step-pos,0) 0;--note-color:#c8e487;border:1px solid #46646c66;min-height:210px;position:relative}.editor-vocal-pitch{pointer-events:none;border-top:1px solid #46646c33;width:100%;height:1px;position:absolute}.editor-vocal-pitch span{color:#9aafb7;font-size:9px;position:absolute;top:-5px;right:calc(100% + 10px)}#chart-editor-dialog .editor-vocal-note{border-left-width:3px;height:14px;transform:translateY(-4px)}#editor-timeline{background:#081118}#editor-waveform{pointer-events:none;width:100%;height:calc(100% - 22px);position:absolute;top:22px;left:0}.editor-zoom{gap:6px;display:flex}#chart-editor-dialog .editor-zoom .secondary-button{min-width:38px;font-size:16px;line-height:1}#chart-editor-dialog .editor-scroll{margin:0 0 4px}#chart-editor-dialog #editor-scroll{accent-color:#78b5e8;padding:0}#editor-shortcuts b{color:#cfe0e2;letter-spacing:.7px;margin-right:6px}#chart-editor-dialog .editor-note{touch-action:none;cursor:grab}#chart-editor-dialog .editor-note:active{cursor:grabbing}#chart-editor-dialog .editor-note.editor-flagged{border-style:dashed dashed dashed solid;border-color:#ffbf47;box-shadow:0 0 0 1px #ffbf4766,0 1px 5px #0009}#chart-editor-dialog .editor-note.editor-flagged:after{content:"?";color:#1a1204;text-align:center;pointer-events:none;background:#ffbf47;border-radius:50%;width:13px;height:13px;font-size:9px;font-weight:700;line-height:13px;position:absolute;top:-9px;right:-6px}#editor-timeline:focus,#chart-editor-dialog:focus{outline:none}.vocal-panel{color:#f4f3eb;background:linear-gradient(135deg,#142229f5,#090f18fa 65%);border:1px solid #71898a55;border-radius:3px;width:min(1180px,100vw - 56px);max-width:none;max-height:calc(100dvh - 40px);padding:32px 42px 26px;overflow-y:auto;box-shadow:0 24px 100px #000a}.vocal-panel::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02070aa6}.vocal-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.vocal-heading>div:first-child{flex:1;min-width:0}.vocal-close{flex:0 0 36px}.vocal-eyebrow{letter-spacing:2px;color:#8fa8aa;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.vocal-eyebrow i{background:#d4fa48;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #d4fa4866}.vocal-heading h2{letter-spacing:-1px;margin:10px 0 0;font-family:Barlow Condensed,sans-serif;font-size:clamp(38px,5vw,68px);font-weight:800;line-height:1}.vocal-heading em,.vocal-overlay em{color:#d4fa48;font-style:italic}.vocal-artist{color:#93a6ad;letter-spacing:1.8px;margin:9px 0 0;font-size:10px}.vocal-close{background:#ffffff08;border:1px solid #ffffff20;border-radius:50%;width:36px;height:36px;font-size:25px}.vocal-band{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;align-items:center;gap:24px;margin-top:20px;padding:12px 0;font-size:10px;display:flex}.vocal-band-room{color:#a5b8bf;letter-spacing:1.5px;flex:none}.vocal-band-members{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;min-width:0;display:grid}.vocal-band-member{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;min-width:0;display:grid}.vocal-band-name{white-space:nowrap;text-overflow:ellipsis;color:#d0dcdd;overflow:hidden}.vocal-band-member strong{font-variant-numeric:tabular-nums;color:#f4f3eb;font-weight:500}.vocal-band-status{letter-spacing:1px;color:#8da9a4;grid-column:1/-1;font-size:8px}.vocal-band-member[data-state=finished] .vocal-band-status{color:#d4fa48}.vocal-band-member[data-state=offline]{opacity:.55}.vocal-topline{justify-content:space-between;align-items:flex-end;gap:20px;margin:26px 0 12px;display:flex}.vocal-state{color:#b4c5c6;letter-spacing:1.4px;max-width:60%;font-size:10px;line-height:1.6}.vocal-stats{gap:38px;display:flex}.vocal-stats div{text-align:right;gap:4px;display:grid}.vocal-stats span{letter-spacing:2px;color:#879b9f;font-size:9px}.vocal-stats strong{font-variant-numeric:tabular-nums;font-family:Barlow Condensed,sans-serif;font-size:31px}.vocal-highway{background:linear-gradient(90deg,#0b111ac9 24.9%,#77987512 25%,#0a141bab 29%),radial-gradient(at 65%,#19434366,#0000);border:1px solid #7fada12a;height:clamp(240px,34vh,380px);position:relative;overflow:hidden}.vocal-highway canvas{width:100%;height:100%;display:block}.vocal-now{color:#d4fa48;letter-spacing:1px;background:#0f171d;padding:3px 7px;font-size:8px;position:absolute;bottom:9px;left:25%;transform:translate(-50%)}.vocal-overlay{background:linear-gradient(90deg,#0d171ff5,#0d171fde 45%,#0d171f44);flex-direction:column;justify-content:center;padding:24px 40px;display:flex;position:absolute;inset:0}.vocal-overlay h3{letter-spacing:-.5px;margin:13px 0;font:800 clamp(38px,4vw,62px)/.95 Barlow Condensed,sans-serif}.vocal-overlay p{color:#a5b8bf;max-width:340px;margin:0;font-size:12px;line-height:1.7}.vocal-phrase{justify-content:space-between;align-items:center;gap:20px;min-height:58px;display:flex}.vocal-lyric{font-size:18px;font-weight:500}.vocal-pitch{letter-spacing:1.2px;color:#84c8bc;white-space:nowrap;font-size:11px}.vocal-timeline{color:#84999d;font-variant-numeric:tabular-nums;align-items:center;gap:13px;font-size:10px;display:flex}.vocal-timeline progress{appearance:none;border:none;flex:1;height:3px}.vocal-timeline progress::-webkit-progress-bar{background:#ffffff15}.vocal-timeline progress::-webkit-progress-value{background:#d4fa48}.vocal-controls{border-top:1px solid #ffffff15;margin-top:24px;padding-top:22px}.vocal-buttons{gap:12px;display:flex}.vocal-buttons button{letter-spacing:1.2px;background:#ffffff06;border:1px solid #ffffff25;min-height:47px;padding:0 24px;font-size:11px;font-weight:700}.vocal-buttons .vocal-start,.vocal-buttons .vocal-pause,.vocal-buttons .vocal-return{color:#122012;background:#d4fa48;border-color:#d4fa48}.vocal-buttons button:hover{filter:brightness(1.13)}.vocal-options{color:#82969c;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:10px;display:flex}.vocal-options label{letter-spacing:1px;align-items:center;gap:7px;font-size:9px;display:flex}.vocal-options input{accent-color:#d4fa48}#vocals-open{color:#a8d9d0;letter-spacing:1.8px;background:0 0;border:1px solid #a8d9d025;width:100%;margin-top:10px;padding:10px 0;font-size:10px}@media (width<=650px){.vocal-panel{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:22px 18px}.vocal-band{flex-direction:column;align-items:stretch;gap:12px}.vocal-band-members{gap:12px}.vocal-band-member{grid-template-columns:minmax(0,1fr)}.vocal-band-status{letter-spacing:.4px;font-size:7px}.vocal-heading h2{font-size:43px}.vocal-heading{gap:12px}.vocal-highway{height:260px}.vocal-stats{gap:17px}.vocal-overlay{padding:22px}.vocal-phrase{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 0}.vocal-buttons{flex-wrap:wrap}.vocal-buttons button{white-space:nowrap;flex:1;padding:0 14px}.vocal-options{flex-direction:column;align-items:flex-start;gap:12px}}@media (height<=850px){.vocal-panel[data-band=true]{max-height:calc(100dvh - 20px);padding:20px 30px}.vocal-panel[data-band=true] .vocal-heading h2{margin-top:6px;font-size:46px}.vocal-panel[data-band=true] .vocal-band{margin-top:12px;padding:8px 0}.vocal-panel[data-band=true] .vocal-topline{margin:12px 0 8px}.vocal-panel[data-band=true] .vocal-highway{height:220px}.vocal-panel[data-band=true] .vocal-phrase{min-height:42px;font-size:14px}.vocal-panel[data-band=true] .vocal-controls{margin-top:14px;padding-top:14px}.vocal-panel[data-band=true] .vocal-buttons button{min-height:42px}}@media (height<=680px) and (width>=651px){.vocal-panel[data-band=true]{padding:12px 24px}.vocal-panel[data-band=true] .vocal-heading h2{margin-top:3px;font-size:32px}.vocal-panel[data-band=true] .vocal-eyebrow,.vocal-panel[data-band=true] .vocal-artist{font-size:8px;line-height:1.3}.vocal-panel[data-band=true] .vocal-artist{margin-top:4px}.vocal-panel[data-band=true] .vocal-band{margin-top:6px;padding:5px 0}.vocal-panel[data-band=true] .vocal-topline{margin:6px 0 4px}.vocal-panel[data-band=true] .vocal-stats strong{font-size:22px;line-height:1}.vocal-panel[data-band=true] .vocal-stats span{font-size:8px;line-height:1.2}.vocal-panel[data-band=true] .vocal-stats div{gap:3px}.vocal-panel[data-band=true] .vocal-phrase{min-height:28px}.vocal-panel[data-band=true] .vocal-lyric{font-size:14px}.vocal-panel[data-band=true] .vocal-controls{margin-top:6px;padding-top:6px}.vocal-panel[data-band=true] .vocal-buttons button{min-height:40px}}@media (width<=650px){.vocal-panel[data-band=true]{padding:16px 18px}.vocal-panel[data-band=true] .vocal-heading h2{font-size:32px}.vocal-panel[data-band=true] .vocal-eyebrow,.vocal-panel[data-band=true] .vocal-artist{letter-spacing:1px;font-size:8px}.vocal-panel[data-band=true] .vocal-band{gap:8px}.vocal-panel[data-band=true] .vocal-phrase{gap:6px;padding:10px 0}.vocal-panel[data-band=true] .vocal-lyric{font-size:14px}}.vocal-mic{align-items:center;gap:12px;min-width:0;display:flex}.vocal-level{appearance:none;background:#ffffff15;border:none;border-radius:3px;width:110px;height:6px;overflow:hidden}.vocal-level::-webkit-progress-bar{background:#ffffff15}.vocal-level::-webkit-progress-value{background:#4a8f86;transition:none}.vocal-level::-moz-progress-bar{background:#4a8f86}.vocal-level[data-voiced=true]::-webkit-progress-value{background:#d4fa48}.vocal-level[data-voiced=true]::-moz-progress-bar{background:#d4fa48}.vocal-feedback{letter-spacing:2px;opacity:0;pointer-events:none;text-shadow:0 2px 10px #000;padding:4px 12px;font:800 22px/1 Barlow Condensed,sans-serif;position:absolute;top:14px;left:25%;transform:translate(-50%)}.vocal-feedback[data-tier=perfect]{color:#9be98a}.vocal-feedback[data-tier=good]{color:#e2ca6b}.vocal-feedback[data-tier=miss]{color:#e7768b}.vocal-feedback[data-flip="0"]{animation:1.1s ease-out vocal-callout-a}.vocal-feedback[data-flip="1"]{animation:1.1s ease-out vocal-callout-b}@keyframes vocal-callout-a{0%{opacity:0;transform:translate(-50%,8px)scale(.9)}15%{opacity:1;transform:translate(-50%)scale(1.08)}70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-6px)scale(1)}}@keyframes vocal-callout-b{0%{opacity:0;transform:translate(-50%,8px)scale(.9)}15%{opacity:1;transform:translate(-50%)scale(1.08)}70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-6px)scale(1)}}.vocal-panel[data-mic=blocked] .vocal-overlay em,.vocal-panel[data-mic=missing] .vocal-overlay em,.vocal-panel[data-mic=busy] .vocal-overlay em,.vocal-panel[data-mic=insecure] .vocal-overlay em,.vocal-panel[data-mic=error] .vocal-overlay em{color:#e7768b}.vocal-panel[data-mic=blocked] .vocal-state,.vocal-panel[data-mic=missing] .vocal-state,.vocal-panel[data-mic=busy] .vocal-state,.vocal-panel[data-mic=insecure] .vocal-state,.vocal-panel[data-mic=error] .vocal-state{color:#f0a0ae}.vocal-results{background:linear-gradient(90deg,#0d171f,#101d24);grid-template-columns:170px minmax(0,1fr);align-items:center;gap:18px 34px;padding:18px 36px;display:grid;position:absolute;inset:0;overflow-y:auto}.vocal-results[hidden]{display:none}.vocal-rank-block{align-content:center;justify-items:center;gap:4px;display:grid}.vocal-results-label{letter-spacing:2px;color:#879b9f;font-size:8px}.vocal-rank-letter{--rank:#d4fa48;background:linear-gradient(180deg, #fff, #b8c2c6 45%, var(--rank));color:#0000;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--rank) 55%, transparent));-webkit-background-clip:text;background-clip:text;padding-right:8px;font-family:Barlow Condensed,sans-serif;font-size:108px;font-style:italic;font-weight:800;line-height:.9}.vocal-rank-letter[data-rank=A]{--rank:#78b5e8}.vocal-rank-letter[data-rank=B]{--rank:#e2ca6b}.vocal-rank-letter[data-rank=C]{--rank:#e9a36b}.vocal-rank-letter[data-rank=D]{--rank:#e7768b}.vocal-rank-stars{color:#f2c94c;letter-spacing:3px;font-size:17px}.vocal-rank-stars .off{color:#ffffff2a}.vocal-results-body{gap:12px;min-width:0;display:grid}.vocal-results-chips{letter-spacing:1.6px;color:#879b9f;flex-wrap:wrap;gap:8px 26px;font-size:9px;display:flex}.vocal-results-chips b{letter-spacing:.5px;color:#f4f3eb;font-variant-numeric:tabular-nums;margin-left:6px;font:800 22px/1 Barlow Condensed,sans-serif}.vocal-phrases{gap:6px;margin:0;padding:0;list-style:none;display:grid}.vocal-phrases li{--q:#9be98a;color:#b4c5c6;grid-template-columns:minmax(70px,150px) minmax(0,1fr) 40px;align-items:center;gap:12px;font-size:11px;display:grid}.vocal-phrases li[data-tier=good]{--q:#e2ca6b}.vocal-phrases li[data-tier=miss]{--q:#e7768b}.vocal-phrases span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vocal-phrases progress{appearance:none;border:none;width:100%;height:6px}.vocal-phrases progress::-webkit-progress-bar{background:#ffffff15}.vocal-phrases progress::-webkit-progress-value{background:var(--q)}.vocal-phrases progress::-moz-progress-bar{background:var(--q)}.vocal-phrases b{text-align:right;font-variant-numeric:tabular-nums;color:var(--q);font-weight:500}.vocal-stats{gap:28px}@media (width<=650px){.vocal-topline{flex-wrap:wrap}.vocal-state{max-width:100%}.vocal-stats{gap:14px}.vocal-level{width:70px}.vocal-mic{gap:8px}.vocal-results{grid-template-columns:1fr;align-items:start;gap:6px;padding:12px 16px}.vocal-rank-block{grid-template-columns:auto auto;justify-content:start;place-items:center start;column-gap:14px}.vocal-results-label{grid-column:1/-1}.vocal-rank-letter{font-size:64px}.vocal-rank-stars{font-size:14px}.vocal-phrases li{grid-template-columns:minmax(50px,90px) minmax(0,1fr) 36px;gap:8px}}@media (prefers-reduced-motion:reduce){.vocal-feedback[data-flip]{animation-duration:10ms}}body[data-vocal-stage=true] :is(#menu,#menu-footer,#stage-caption,.topbar,#play-hud,#pause-dialog){display:none}body[data-vocal-stage=true] .vignette{background:linear-gradient(#0000 75%,#080c12dd)}.vocal-panel[data-stage=true][data-band]{z-index:80;width:100vw;height:100dvh;max-height:none;box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;margin:0;padding:12px 24px;position:fixed;inset:0;overflow:hidden}.vocal-panel[data-stage=true]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.vocal-panel[data-stage=true][data-band] .vocal-heading{text-shadow:0 2px 8px #000;align-items:center;height:36px}.vocal-panel[data-stage=true][data-band] .vocal-heading h2{letter-spacing:1px;margin:0;font-size:24px}.vocal-panel[data-stage=true] :is(.vocal-heading .vocal-eyebrow,.vocal-artist){display:none}.vocal-panel[data-stage=true][data-band] .vocal-highway{background:linear-gradient(90deg,#071019e8 25%,#0a1822ba);height:220px;margin-top:8px}.vocal-panel[data-stage=true][data-band] .vocal-phrase{background:#071019b8;gap:12px;min-height:40px;padding:8px 12px}.vocal-panel[data-stage=true] .vocal-lyric{text-shadow:0 2px 6px #000;font-size:18px}.vocal-panel[data-stage=true] .vocal-timeline{background:#071019b8;padding:8px 12px}.vocal-panel[data-stage=true][data-band] .vocal-topline{text-shadow:0 2px 8px #000;flex-direction:column;align-items:flex-end;gap:8px;margin:0;position:absolute;bottom:92px;right:24px}.vocal-panel[data-stage=true] .vocal-state{max-width:100%}.vocal-panel[data-stage=true][data-band] .vocal-controls{bottom:max(16px, env(safe-area-inset-bottom));border:0;margin:0;padding:0;position:absolute;left:24px;right:24px}.vocal-panel[data-stage=true] .vocal-options{text-shadow:0 2px 5px #000;margin-top:8px}.vocal-panel[data-stage=true] :is(button,.vocal-options label){pointer-events:auto}.vocal-panel[data-stage=true][data-band] .vocal-band{background:#071019b8;margin:0;padding:10px 12px;position:absolute;bottom:80px;left:24px;right:360px}@media (width<=650px){.vocal-panel[data-stage=true][data-band]{padding:8px 10px}.vocal-panel[data-stage=true][data-band] .vocal-heading h2{font-size:20px}.vocal-panel[data-stage=true][data-band] .vocal-phrase{gap:6px;min-height:64px}.vocal-panel[data-stage=true][data-band] .vocal-controls{left:10px;right:10px}.vocal-panel[data-stage=true] .vocal-options>span{display:none}.vocal-panel[data-stage=true][data-band] .vocal-topline{bottom:112px;right:12px}.vocal-panel[data-stage=true][data-band] .vocal-band{bottom:190px;left:10px;right:10px}}.a11y-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.a11y-heading{border-top:1px solid var(--line);letter-spacing:2px;grid-column:1/-1;margin:8px 0 -6px;padding-top:14px;font-size:12px}:where(button,a,select,input,textarea,summary):focus-visible{outline:3px solid var(--acid);outline-offset:3px;box-shadow:0 0 0 6px #000000b3}#settings-dialog :where(button,select,input):focus-visible,dialog :where(button,select,input,textarea):focus-visible{outline-offset:2px;box-shadow:0 0 0 5px #000000b3}.lane-key:focus-visible{outline:none}[data-a11y-dialog]:focus,[data-a11y-dialog]:focus-visible{box-shadow:none;outline:none}:root[data-a11y-symbols=on] .lane-key[data-symbol]{flex-direction:column;gap:1px;height:46px;line-height:1}:root[data-a11y-symbols=on] .lane-key[data-symbol]:before{content:attr(data-symbol);color:var(--lane);text-shadow:0 0 2px #000,0 0 4px #000;font-size:19px}:root[data-a11y-symbols=on] .lane-key.active[data-symbol]:before{color:#091012;text-shadow:none}:root[data-a11y-scale] :is(.song-hud,.stats-hud,#song-position,#judgment,.play-hint,#countdown,#rest-countdown,.center-dialog,#settings-dialog,#notice){zoom:var(--a11y-scale)}:root[data-a11y-scale] body:is([data-phase=countdown],[data-phase=playing],[data-phase=paused]) #notice{zoom:1}:root[data-a11y-scale] .menu-panel{zoom:var(--a11y-scale);max-height:calc((100vh - 150px) / var(--a11y-scale));padding:6px 8px 6px 0;overflow-y:auto}:root[data-a11y-scale] #settings-dialog{max-height:calc((100vh - 55px) / var(--a11y-scale))}:root[data-a11y-scale] .lane-key{font-size:calc(13px * var(--a11y-scale));min-width:calc(43px * var(--a11y-scale))}:root[data-a11y-motion=reduced] *,:root[data-a11y-motion=reduced] :before,:root[data-a11y-motion=reduced] :after{scroll-behavior:auto;transition-duration:.01ms;transition-delay:0s;animation-duration:.01ms;animation-iteration-count:1;animation-delay:0s}:root[data-a11y-motion=reduced] .live-dot{animation:none}:root[data-a11y-contrast=high]{--acid:#f2ff3d;--muted:#e2e6e6;--line:#ffffffd0}:root[data-a11y-contrast=high] :is(.song-hud,.stats-hud){color:#fff;background:#000000e6;border:2px solid #fff;border-radius:6px;padding:8px 14px}:root[data-a11y-contrast=high] :is(#song-position,.play-hint){color:#fff;background:#000000e6;border-radius:4px;padding:3px 10px}:root[data-a11y-contrast=high] :is(.song-hud,.stats-hud,#song-position,.play-hint) :is(span,strong,em,small,p){color:#fff}:root[data-a11y-contrast=high] #section-name{color:var(--acid)}:root[data-a11y-contrast=high] .stats-hud>div>span,:root[data-a11y-contrast=high] #song-position,:root[data-a11y-contrast=high] .play-hint,:root[data-a11y-contrast=high] .micro-label,:root[data-a11y-contrast=high] .load-status,:root[data-a11y-contrast=high] .howto,:root[data-a11y-contrast=high] small{color:#fff;font-weight:700}:root[data-a11y-contrast=high] :is(.multiplier,.overdrive) span{color:#fff}:root[data-a11y-contrast=high] #judgment{color:#fff;text-shadow:none;background:#000;border:2px solid;border-radius:6px;padding:2px 16px}:root[data-a11y-contrast=high] #judgment[data-result=miss]{color:#ff9aa2}:root[data-a11y-contrast=high] #countdown strong,:root[data-a11y-contrast=high] #rest-countdown strong{text-shadow:0 0 2px #000,0 0 12px #000}:root[data-a11y-contrast=high] .lane-key{color:#fff;border:2px solid var(--lane);background:#000;border-bottom-width:5px;font-weight:800}:root[data-a11y-contrast=high] .lane-key.active{background:var(--lane);color:#000;outline:3px solid #fff}:root[data-a11y-contrast=high] :is(.multiplier,.overdrive){background-color:#000c}:root[data-a11y-contrast=high] progress{background:#fff5;height:7px}:root[data-a11y-contrast=high] progress::-webkit-progress-bar{background:#fff5}:root[data-a11y-contrast=high] :is(.center-dialog,#settings-dialog,dialog){color:#fff;background:#000;border:2px solid #fff}:root[data-a11y-contrast=high] :is(.center-dialog,#settings-dialog,dialog) :is(p,span,small,label,.eyebrow){color:#fff}:root[data-a11y-contrast=high] :is(.quiet-button,.secondary-button,.icon-button,select){background:#000;border:2px solid #fff}:root[data-a11y-contrast=high] .text-button{color:#fff;text-decoration:underline}:root[data-a11y-contrast=high] .primary-button{outline-offset:-4px;outline:2px solid #fff}:root[data-a11y-contrast=high] .vignette{opacity:1}.topbar-actions{align-items:center;gap:10px;display:flex}#account-open{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}#account-dialog{color:#f4f3eb;background:#101820;border:1px solid #b2d7d438;border-radius:4px;width:min(440px,100vw - 32px);max-height:calc(100vh - 40px);padding:26px;overflow-y:auto;box-shadow:0 16px 80px #000a}#account-dialog::backdrop{background:#040911b8}#account-title{margin-top:6px;font-size:36px}#account-message{color:#d4fa48;margin:16px 0;font-size:12px;line-height:1.6}#account-message:empty{margin:8px 0}#account-dialog label{letter-spacing:1.4px;gap:8px;margin-top:16px;font-size:10px;font-weight:700;display:grid}#account-dialog input,#account-dialog select{color:#edf1e9;letter-spacing:normal;background:#080f17;border:1px solid #ffffff32;border-radius:3px;width:100%;min-width:0;padding:12px;font-size:14px}#account-dialog .primary-button,#account-dialog .secondary-button{width:100%;margin-top:20px}#account-dialog .text-button{margin-top:20px}#account-discord-link{box-sizing:border-box;text-align:center;text-decoration:none;display:block}.account-note,#account-password-help{color:#9aafb5;margin-top:16px;font-size:11px;line-height:1.6}.account-welcome{letter-spacing:1.4px;color:#9aafb5;font-size:10px}.account-welcome strong,.account-welcome span{overflow-wrap:anywhere;display:block}.account-welcome strong{color:#f4f3eb;margin:6px 0;font-family:Barlow Condensed,sans-serif;font-size:30px}#account-avatar-name{overflow-wrap:anywhere;margin-top:20px;font-size:12px}@media (width<=650px){.topbar-actions{gap:6px}#account-open{max-width:110px}.topbar-actions .quiet-button{padding:10px;font-size:9px}}.bandhud-roster{pointer-events:none;background:radial-gradient(#060a10ee 55%,#060a1000 100%);gap:14px;padding:6px 16px 5px;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%)}.bandhud-chip{--tone:hsl(var(--hue) 70% 58%);justify-items:center;gap:1px;min-width:78px;display:grid}.bandhud-face{letter-spacing:.5px;color:#fff;background:radial-gradient(circle at 32% 26%, hsl(var(--hue) 75% 68% / .9), transparent 60%), linear-gradient(160deg, hsl(var(--hue) 60% 38%), hsl(var(--hue) 55% 16%));text-shadow:0 1px 3px #000a;border:2px solid #ffffff2e;border-radius:50%;place-items:center;width:38px;height:38px;font:700 15px/1 Barlow Condensed,sans-serif;display:grid;position:relative}.bandhud-chip[data-player=true] .bandhud-face{border-color:var(--acid);box-shadow:0 0 0 1px #0008,0 0 12px #d4fa4877}.bandhud-glyph{width:17px;height:17px;color:var(--tone);background:#0b111b;border:1px solid #fff3;border-radius:50%;padding:2px;position:absolute;bottom:-4px;right:-5px}.bandhud-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:1.2px;color:#eef1e8;text-shadow:0 1px 5px #000;max-width:96px;margin-top:2px;font:600 12px/1.1 Barlow Condensed,sans-serif;overflow:hidden}.bandhud-state{letter-spacing:1.5px;color:#92a0a0;font-variant-numeric:tabular-nums;font:600 9px/1.1 DM Sans,sans-serif}.bandhud-chip[data-player=true] .bandhud-state{letter-spacing:.5px;color:var(--acid);font:600 15px/1 Barlow Condensed,sans-serif}.bandhud-roster[data-compact=true]{opacity:.7;gap:8px;padding:3px 10px}.bandhud-roster[data-compact=true] .bandhud-chip{grid-auto-flow:column;align-items:center;min-width:0}.bandhud-roster[data-compact=true] .bandhud-face{width:26px;height:26px;font-size:11px}.bandhud-roster[data-compact=true] .bandhud-glyph{width:13px;height:13px;padding:1px;bottom:-3px;right:-4px}.bandhud-roster[data-compact=true] .bandhud-name,.bandhud-roster[data-compact=true] .bandhud-chip:not([data-player=true]) .bandhud-state{display:none}.bandhud-roster[data-compact=true] .bandhud-chip .bandhud-state{margin-left:6px}.bandhud-crowd{--level:0;pointer-events:none;justify-items:center;gap:6px;width:44px;display:grid;position:absolute;top:214px;right:14px}.bandhud-crowd-label,.bandhud-crowd-zone{letter-spacing:1.5px;color:#a5b3ad;text-shadow:0 1px 5px #000;font-size:9px}.bandhud-crowd-zone{min-height:11px;font-weight:700}.bandhud-crowd[data-zone=riot] .bandhud-crowd-zone{color:var(--acid)}.bandhud-crowd[data-zone=cold] .bandhud-crowd-zone{color:#ff707a}.bandhud-crowd-tube{background:#05080ecc;border:1px solid #fff4;border-radius:4px;width:20px;height:clamp(120px,26vh,230px);display:block;position:relative;box-shadow:0 0 0 1px #0009}.bandhud-crowd-tube b{clip-path:inset(calc((1 - var(--level)) * 100%) 0 0 0);background:linear-gradient(#7dff5a 0%,#b6f03c 32%,#f2d13c 55%,#f29a35 76%,#e5404a 100%);border-radius:2px;transition:clip-path .25s ease-out;position:absolute;inset:2px}.bandhud-crowd-tube b:after{content:"";background:repeating-linear-gradient(#0000 0 9px,#05080ecc 9px 11px);position:absolute;inset:0}.bandhud-crowd-tube em{height:0;left:-7px;right:-7px;bottom:calc(2px + var(--level) * (100% - 4px));filter:drop-shadow(0 0 4px #fffc);border-top:2px solid #fff;transition:bottom .25s ease-out;position:absolute}.bandhud-crowd-tube em:before{content:"";border:5px solid #0000;border-left:7px solid #fff;position:absolute;top:-6px;left:-5px}.bandhud-crowd[data-zone=riot] .bandhud-crowd-tube{border-color:var(--acid);box-shadow:0 0 12px #d4fa4888}@media (width<=1180px){.bandhud-roster{display:none}}@media (width<=650px){.bandhud-crowd{display:none}}@media (height<=650px){.bandhud-roster{top:74px}.bandhud-crowd{top:190px}.bandhud-crowd-tube{height:110px}}@media (prefers-reduced-motion:reduce){.bandhud-crowd-tube b,.bandhud-crowd-tube em{transition:none}}#band-hud{pointer-events:none;position:absolute;inset:0}.calibration-row{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.calibration-open{color:#e0e8d1;letter-spacing:1px;background:0 0;border:1px solid #ffffff30;padding:10px 14px;font-size:10px;font-weight:700}.calibration-open:hover{border-color:var(--acid);color:var(--acid)}.calibration-dialog{color:#f4f3eb;background:#10171d;border:1px solid #ffffff25;width:min(460px,100vw - 32px);padding:27px 31px;box-shadow:0 30px 120px #0008}.calibration-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04080dcc}.calibration-dialog h2{margin:0 0 14px;font-size:34px;line-height:1.1}.calibration-dialog p{margin:0 0 12px;font-size:13px;line-height:1.5}.calibration-dialog [hidden]{display:none}.calibration-dialog .calibration-note{color:#8d999a;font-size:11px}.calibration-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.calibration-primary{background:var(--acid);color:#0a0f12;letter-spacing:1px;border:0;padding:12px 18px;font-size:11px;font-weight:800}.calibration-quiet{color:#bfc9bf;letter-spacing:1px;background:0 0;border:0;padding:10px 6px;font-size:10px;font-weight:700}.calibration-quiet:hover{color:var(--acid)}.calibration-pad{color:#8d999a;letter-spacing:2px;background:#182129;border:1px solid #ffffff30;place-items:center;width:100%;height:130px;font-size:12px;font-weight:800;transition:background 60ms linear;display:grid}.calibration-pad.is-on{background:var(--acid);color:#0a0f12}.calibration-dots{justify-content:center;gap:8px;margin:16px 0 10px;display:flex}.calibration-dots i{background:#ffffff25;border-radius:50%;width:10px;height:10px}.calibration-dots i.is-done{background:var(--acid)}.onboarding-card{z-index:30;border:1px solid #ffffff25;border-left:3px solid var(--acid);color:#f4f3eb;background:#10171dee;width:min(340px,100vw - 48px);max-height:calc(100vh - 120px);padding:18px 20px;position:fixed;top:96px;right:24px;overflow-y:auto;box-shadow:0 20px 80px #0009}.onboarding-eyebrow{letter-spacing:1.5px;color:var(--acid);font-size:9px}.onboarding-card h2{margin:4px 0 10px;font-size:28px;line-height:1.1}.onboarding-steps{gap:9px;margin:0;padding-left:20px;display:grid}.onboarding-steps li::marker{color:var(--acid);font-weight:800}.onboarding-steps strong{letter-spacing:1px;font-size:11px;display:block}.onboarding-steps span{color:#b9c3c0;font-size:12px;line-height:1.4;display:block}.onboarding-keys{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.onboarding-keys span{text-align:center;color:#0a0f12;background:var(--lane,var(--acid));min-width:30px;padding:5px 8px;font-size:11px;font-weight:800}.onboarding-done{background:var(--acid);color:#0a0f12;letter-spacing:1px;border:0;margin-top:14px;padding:10px 16px;font-size:11px;font-weight:800}.co-card{opacity:0;pointer-events:none;text-shadow:0 3px 14px #000;gap:10px;width:min(400px,30vw);padding:18px 0 0;transition:opacity .4s ease-out;display:grid;position:absolute;top:auto;bottom:17%;right:90px}.co-card[data-show=true]{opacity:1;transition-duration:.12s}.co-wipe{background:var(--acid);transform-origin:0;width:100%;height:3px;position:absolute;top:0;left:0;transform:scaleX(0);box-shadow:0 0 16px #d4fa4880}.co-card[data-show=true] .co-wipe{animation:2.6s cubic-bezier(.2,.8,.2,1) both co-wipe}.co-title{letter-spacing:1px;color:#fff;overflow-wrap:anywhere;font-family:Barlow Condensed,sans-serif;font-size:clamp(34px,4.4vw,68px);font-weight:800;line-height:.95}.co-artist{letter-spacing:4px;color:#b5c0bc;font-size:11px}.co-chips{flex-wrap:wrap;gap:6px;display:flex}.co-chips span{letter-spacing:2px;color:#dbe4e0;background:#080c12b0;border:1px solid #fff3;padding:4px 9px;font-size:10px}.co-chips span:first-child{color:var(--acid);border-color:#d4fa4899}.co-card[data-show=true] :is(.co-title,.co-artist,.co-chips){animation:.7s cubic-bezier(.2,.8,.2,1) both co-reveal}.co-card[data-show=true] .co-artist{animation-delay:.15s}.co-card[data-show=true] .co-chips{animation-delay:.3s}@keyframes co-wipe{0%{opacity:1;transform:scaleX(0)}30%{opacity:1;transform:scaleX(1)}to{opacity:.35;transform:scaleX(1)}}@keyframes co-reveal{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0);opacity:1}}.co-banner{white-space:nowrap;opacity:0;pointer-events:none;background:linear-gradient(90deg,#080c12e0,#080c12a0);border-left:3px solid #fff5;align-items:baseline;gap:10px;max-width:min(360px,100vw - 32px);padding:5px 16px 4px;font-family:Barlow Condensed,sans-serif;display:flex;position:absolute;transform:translate(-50%,-50%)}.co-banner[data-slot=hud]{transform:translate(-50%)}#play-hud .co-banner[data-kind][data-slot=highway]{left:calc((var(--hw-left,30vw) + var(--hw-right,70vw)) / 2);top:max(var(--co-hud-bottom,0px), calc(var(--hw-far-y,30vh) - (var(--hw-hit-y,85vh) - var(--hw-far-y,30vh)) * .1));transform:translate(-50%)}.co-banner strong{letter-spacing:4px;color:#fff;text-shadow:0 2px 8px #000;font-size:22px;font-weight:700}.co-banner span{letter-spacing:3px;color:var(--acid);font-size:12px;font-weight:600}.co-banner span:empty{display:none}.co-banner[data-kind=section]{border-left-color:#fff4}.co-banner[data-kind=section] strong{color:#dbe4e0;font-size:19px}.co-banner[data-kind=streak],.co-banner[data-kind=final]{border-left-color:var(--acid);box-shadow:0 0 26px #d4fa4826}.co-banner[data-kind=streak] strong,.co-banner[data-kind=final] strong{color:var(--acid);text-shadow:0 0 18px #d4fa4870,0 2px 8px #000}.co-banner[data-kind=final] strong{letter-spacing:6px;font-size:26px}.co-banner[data-show=true]{animation:.45s cubic-bezier(.2,.8,.2,1) both co-slide}.co-banner[data-show=false]{transition:opacity .35s ease-in}@keyframes co-slide{0%{opacity:0;translate:0 -12px}to{opacity:1;translate:0}}.co-badge{letter-spacing:2px;white-space:nowrap;color:var(--acid);opacity:0;background:#d4fa4814;border:1px solid #d4fa4866;padding:3px 8px 2px;font-size:9px;transition:opacity .3s ease-out;position:absolute;top:21px;left:calc(100% + 14px)}.co-badge[data-state=clean]{opacity:1}.co-badge[data-state=cracked]{opacity:1;color:#ff6b6b;background:#ff6b6b14;border-color:#ff6b6b99;animation:1.2s ease-out both co-crack}.co-badge[data-state=cracked]:after{content:"";background:#ff6b6b;width:2px;position:absolute;top:-3px;bottom:-3px;left:30%;transform:skew(-24deg);box-shadow:0 0 6px #ff6b6b}@keyframes co-crack{0%{opacity:1;transform:translate(0)}8%{transform:translate(-3px)}16%{transform:translate(3px)}24%{transform:translate(-2px)}32%{transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translateY(6px)}}@media (width<=899px){.co-card{left:20px;right:20px;top:var(--hw-far-y,30vh);background:linear-gradient(#080c12,#080c12f2 88%,#080c12b0);gap:1px;width:auto;padding:2px 8px;bottom:auto}.co-card .co-title{font-size:34px}.co-card .co-artist{letter-spacing:2px;font-size:9px;line-height:1}.co-card .co-chips{gap:4px}.co-card .co-chips span{letter-spacing:1px;padding:2px 4px;font-size:8px;line-height:1}}@media (width<=650px){.co-badge{top:3px;left:auto;right:0}}@media (prefers-reduced-motion:reduce){.co-card,.co-banner,.co-badge{transition:none}.co-wipe{opacity:.5;transform:scaleX(1)}.co-card[data-show=true] :is(.co-title,.co-artist,.co-chips,.co-wipe),.co-banner[data-show=true],.co-badge[data-state=cracked]{animation:none}.co-banner[data-show=true],.co-badge[data-state=cracked]{opacity:1}}:root[data-a11y-motion=reduced] .co-wipe{opacity:.5;transform:scaleX(1)}:root[data-a11y-motion=reduced] .co-card[data-show=true] :is(.co-title,.co-artist,.co-chips,.co-wipe),:root[data-a11y-motion=reduced] .co-banner[data-show=true],:root[data-a11y-motion=reduced] .co-badge[data-state=cracked]{animation:none}:root[data-a11y-motion=reduced] .co-banner[data-show=true],:root[data-a11y-motion=reduced] .co-badge[data-state=cracked]{opacity:1}#career-dialog{color:#f4f3eb;background:linear-gradient(135deg,#172023,#0c1216 70%);border:1px solid #b2d7d438;width:min(920px,100vw - 48px);max-height:calc(100dvh - 100px);margin:0;padding:24px;position:fixed;top:76px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 16px 80px #0008}#career-dialog::backdrop{background:#040911aa}#career-title{margin-top:4px;font-size:41px;line-height:1.2}.career-level{gap:8px;margin:0;display:grid}.career-level-number{color:var(--acid);font-size:34px;font-weight:800;line-height:1}.career-level-title{letter-spacing:2.3px;color:#b8c5c6;font-size:11px;font-weight:700}.career-bar{background:#ffffff18;border-radius:3px;height:6px;display:block;overflow:hidden}.career-bar b{background:var(--acid);height:100%;display:block}.career-level small{letter-spacing:1.2px;color:#8da2a7;font-size:10px}.career-stats{grid-template-columns:repeat(9,minmax(0,1fr));gap:9px;display:grid}.career-stats div{background:#1d2731;border:1px solid #ffffff15;border-radius:3px;gap:3px;padding:11px 10px;display:grid}.career-stats strong{font-size:20px;line-height:1}.career-stats span{letter-spacing:1.4px;color:#a5b8b9;font-size:9px}#career-dialog h3{letter-spacing:2px;color:var(--acid);margin:20px 0 9px;font-size:11px}.career-chips{flex-wrap:wrap;gap:6px;display:flex}.career-chip{letter-spacing:1.2px;color:#6f7e83;border:1px solid #ffffff20;border-radius:2px;padding:5px 9px;font-size:9px;font-weight:700}.career-chip[data-played=true]{color:#f4f3eb;border-color:var(--acid);background:#253227}.career-achievements{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.career-achievements li{background:#1d2731;border:1px solid #ffffff15;border-radius:3px;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px;display:grid}.career-achievements li[data-unlocked=false]{color:#a0aaad}.career-achievements li[data-unlocked=true]{border-color:var(--acid);background:#253227}.career-achievements strong{font-size:11px}.career-achievements small{color:#a5b8b9;font-size:10px;line-height:1.4}.career-level-row{border-bottom:1px solid #ffffff18;grid-template-columns:1fr 250px;gap:24px;margin-bottom:14px;padding:18px 0;display:grid}.career-next-unlock{border-left:2px solid var(--acid);background:#d4fa4809;align-content:center;gap:8px;padding:14px 18px;display:grid}.career-next-unlock span,.career-next-unlock small{color:#a5b8b9;font-size:10px}.career-next-unlock span{letter-spacing:1.4px}.career-next-unlock strong{font-family:Barlow Condensed,sans-serif;font-size:22px}.career-empty-hint{color:#b8c5c6;margin:0 0 14px;font-size:12px}.career-stats strong{font-variant-numeric:tabular-nums}.career-stats span{letter-spacing:.7px;font-size:8px}.career-badge{color:#8b989d;background:#ffffff05;border:1px solid #ffffff24;place-items:center;width:34px;height:38px;display:grid}.career-badge svg{width:24px;height:24px}[data-unlocked=true] .career-badge{color:var(--acid);background:#d4fa4810;border-color:#d4fa4866;box-shadow:0 0 16px #d4fa4815}.career-achievement-content{align-content:start;gap:5px;min-width:0;display:grid}.career-achievement-title{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.career-achievement-state{letter-spacing:.8px;color:#8b989d;font-size:7px}[data-unlocked=true] .career-achievement-state{color:var(--acid)}.career-achievement-meter{appearance:none;color:#859394;background:#ffffff10;border:0;width:100%;height:4px}.career-achievement-meter::-webkit-progress-bar{background:#ffffff10}.career-achievement-meter::-webkit-progress-value{background:#859394}.career-achievement-meter::-moz-progress-bar{background:#859394}[data-unlocked=true] .career-achievement-meter::-webkit-progress-value{background:var(--acid)}[data-unlocked=true] .career-achievement-meter::-moz-progress-bar{background:var(--acid)}.career-progress-text{color:#a5b8b9;font-variant-numeric:tabular-nums;font-size:9px}@media (width<=800px){.career-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.career-achievements{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.career-level-row{grid-template-columns:1fr;gap:14px}}.career-toasts{z-index:50;pointer-events:none;gap:8px;display:grid;position:fixed;top:24px;right:24px}body:is([data-phase=countdown],[data-phase=playing],[data-phase=paused]) .career-toasts{display:none}body:has(#settings-shade:not([hidden]),dialog[open]) .career-toasts{display:none}.career-toast{border:1px solid var(--acid);background:#101820f2;border-radius:3px;gap:3px;min-width:240px;max-width:320px;padding:12px 14px;animation:.35s ease-out both career-toast-in;display:grid;box-shadow:0 8px 40px #0009}.career-toast-eyebrow{letter-spacing:2.3px;color:var(--acid);font-size:9px;font-weight:700}.career-toast strong{letter-spacing:.6px;font-size:15px}.career-toast small{color:#a5b8b9;font-size:10px}@keyframes career-toast-in{0%{opacity:0;transform:translate(16px)}}@media (prefers-reduced-motion:reduce){.career-toast{animation:none}}body[data-phase=playing] #career-open,body[data-phase=countdown] #career-open,body[data-phase=paused] #career-open{display:none}@media (width<=650px){#career-dialog{max-height:calc(100vh - 96px);top:80px}.career-stats{grid-template-columns:1fr 1fr}.career-achievements{grid-template-columns:1fr}.career-toasts{top:16px;left:16px;right:16px}.career-toast{max-width:none}}#play-hud[data-danger=true] .bandhud-crowd-tube{animation:.5s steps(2,jump-none) infinite danger-flash}#play-hud[data-danger=true] .bandhud-crowd-zone{color:#ff4d5e}@keyframes danger-flash{0%{box-shadow:0 0 0 3px #ff4d5e, 0 0 calc(18px + 24px * var(--danger,1)) #ff2a40cc;background-color:#ff2a4099}to{background-color:#ff2a4020;box-shadow:0 0 0 2px #ff4d5e66}}.failed-dialog{border-color:#ff4d5e40;overflow:hidden}.failed-dialog:before{content:"";pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,#fff 0 1px,#0000 1px 3px);animation:.6s steps(3,end) infinite failed-static;position:absolute;inset:0}.failed-dialog>*{position:relative}.failed-dialog .eyebrow{color:#ff6b78}.failed-dialog h2 em{color:#ff4d5e}.failed-bars{justify-content:center;align-items:flex-end;gap:4px;height:22px;margin-top:18px;display:flex}.failed-bars i{background:#ff4d5e;width:6px}.failed-bars i:first-child{height:25%}.failed-bars i:nth-child(2){opacity:.25;height:50%}.failed-bars i:nth-child(3){opacity:.18;height:75%}.failed-bars i:nth-child(4){opacity:.12;height:100%}.failed-dialog h2{margin-top:12px}.failed-dialog>p{line-height:1.5}@keyframes failed-static{to{background-position:0 3px}}.wardrobe-links{justify-content:space-between;align-items:center;gap:12px;margin:-3px 0 16px;display:flex}.wardrobe-links a{text-decoration:none}#gear-label{color:var(--acid);margin-left:6px;font-size:9px}#gear-dialog{color:#f4f3eb;background:#101820;border:1px solid #b2d7d438;width:420px;max-height:calc(100vh - 116px);margin:0;padding:24px;position:fixed;top:90px;left:48px;overflow-y:auto;box-shadow:0 16px 80px #0008}#gear-dialog::backdrop{background:#04091155}#gear-title{margin-top:6px;font-size:32px}#finish-description{color:#b8c5c6;min-height:36px;margin:16px 0 12px;font-size:11px;line-height:1.6}#finish-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.finish-card{text-align:left;background:#1d2731;border:1px solid #ffffff15;border-radius:3px;grid-template-columns:37px 1fr;gap:5px 9px;padding:12px 9px;display:grid}.finish-card strong{align-self:end;font-size:11px}.finish-card small{color:#a5b8b9;font-size:9px}.finish-card[aria-pressed=true]{border-color:var(--acid);background:#253227}.finish-card[data-locked=true]{opacity:.75}.finish-card:hover{border-color:#c5e0df88}.finish-card:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.finish-swatch{background:linear-gradient(135deg, #fff5, transparent 40%, #0005), var(--finish-color);border-radius:10px 10px 15px 15px;grid-row:span 2;align-self:center;width:36px;height:40px;box-shadow:inset 0 0 0 1px #fff5,0 3px 4px #0007}.finish-stripe{background:linear-gradient(60deg, transparent 40%, var(--guard-color) 41%, var(--guard-color) 49%, transparent 50%), var(--finish-color)}.finish-burst{background:radial-gradient(ellipse, #ffd8a788, transparent 60%, #170f20bd), var(--finish-color)}#collection-status{color:#8da2a7;margin-top:18px;font-size:10px;line-height:1.6}.finish-unlocks{color:var(--acid);margin:12px 0;font-size:11px;line-height:1.6}@media (width>=1280px){#gear-dialog{width:min(420px,33.333vw - 48px);left:24px}}@media (width<=650px){#gear-dialog::backdrop{background:#040911bd}#gear-dialog{width:calc(100% - 32px);max-height:calc(100vh - 96px);top:80px;left:16px}.wardrobe-links{flex-wrap:wrap}}#boot-screen{z-index:100;color:#f4f3eb;background:radial-gradient(60% 50% at 50% 42%,#14203a 0%,#080d16 70%),#080d16;place-content:center;justify-items:center;gap:18px;padding:24px;transition:opacity .35s;display:grid;position:fixed;inset:0}#boot-screen[data-state=done]{opacity:0;pointer-events:none}.boot-brand{letter-spacing:-.02em;font-family:Barlow Condensed,sans-serif;font-size:clamp(48px,9vw,96px);font-style:italic;font-weight:800;line-height:1}.boot-brand span{color:var(--acid,#d4fa48)}.boot-bar{--boot-progress:0%;background:#ffffff1c;border-radius:2px;width:min(360px,70vw);height:4px;position:relative;overflow:hidden}.boot-bar i{width:var(--boot-progress);background:var(--acid,#d4fa48);transition:width .3s;position:absolute;inset:0 auto 0 0;box-shadow:0 0 14px #d4fa48aa}.boot-label{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:13px}.boot-detail{letter-spacing:.08em;min-height:1.2em;color:var(--muted,#8f979a);margin:-8px 0 0;font-size:11px}@media (prefers-reduced-motion:reduce){#boot-screen,.boot-bar i{transition:none}}.wordmark>span:first-child{text-shadow:0 0 10px #d4fa4844;animation:5s ease-in-out infinite menu-wordmark-glow}@keyframes menu-wordmark-glow{0%,to{text-shadow:0 0 6px #d4fa4833}50%{text-shadow:0 0 14px #d4fa48b0,0 0 38px #d4fa4855}91%{text-shadow:0 0 5px #d4fa4822}93%{text-shadow:0 0 16px #d4fa48c0}95%{text-shadow:0 0 4px #d4fa4822}}.menu-panel .eyebrow:after{content:"";background:linear-gradient(90deg,#d4fa4877,#0000);flex:1;max-width:150px;height:1px}.live-dot{animation:2.2s ease-in-out infinite menu-live-dot}@keyframes menu-live-dot{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}.menu-panel h1{text-shadow:0 6px 34px #0009}.menu-panel h1 em{text-shadow:0 0 22px #d4fa4855;animation:4.2s ease-in-out infinite menu-noise-glow}@keyframes menu-noise-glow{0%,to{text-shadow:0 0 14px #d4fa4833}50%{text-shadow:0 0 26px #d4fa4890,0 0 64px #d4fa4840}}.menu-panel>.eyebrow,.menu-panel>h1,.menu-panel>.intro,.menu-panel>.track-card{animation:.6s cubic-bezier(.2,.8,.25,1) both menu-rise}.menu-panel>h1{animation-delay:60ms}.menu-panel>.intro{animation-delay:.14s}.menu-panel>.track-card{animation-delay:.22s}@keyframes menu-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.track-card{transition:border-color .25s,box-shadow .25s}.track-card:hover{border-color:#d4fa4855;box-shadow:0 0 28px #d4fa4814}.stage-caption .signal{--dial:.5;justify-self:end;justify-items:end;gap:6px;width:268px;margin:8px 0 4px;display:grid}.signal-readout{color:#849394;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:6px;display:flex}.signal-readout b{letter-spacing:1px;color:#f4f3eb;font-variant-numeric:tabular-nums;font-family:Barlow Condensed,sans-serif;font-size:40px;font-weight:700;line-height:.9;transition:color .3s,text-shadow .3s}.signal[data-tuned=true] .signal-readout b{color:var(--acid);text-shadow:0 0 18px #d4fa4866}.signal[data-tuned=false] .signal-readout b{color:#98a5a8}.signal-readout span{letter-spacing:1.8px;font-size:9px;font-weight:700}.signal-readout em{letter-spacing:1.8px;text-align:right;color:#b1b5b5;flex-basis:100%;margin-top:4px;font-size:9px;font-style:normal;font-weight:700}.signal-dial{background:repeating-linear-gradient(90deg,#fff4 0 1px,#0000 1px 8px) 0 20px/100% 7px no-repeat;width:100%;height:40px;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.signal-scale{letter-spacing:1px;color:#8a989b;justify-content:space-between;padding:0 10px;font-size:8px;display:flex;position:absolute;inset:30px 0 0}.signal-scale i{font-style:normal}.signal-needle{top:0;left:calc(var(--dial) * 100%);background:var(--acid);width:2px;height:28px;margin-left:-1px;transition:left .9s cubic-bezier(.3,1.5,.5,1),background .3s,box-shadow .3s;animation:3.6s ease-in-out infinite menu-needle-hunt;position:absolute;box-shadow:0 0 10px #d4fa48aa}.signal[data-tuned=false] .signal-needle{box-shadow:none;background:#6f7c80}@keyframes menu-needle-hunt{0%,to{transform:translate(0)}35%{transform:translate(1.5px)}70%{transform:translate(-1px)}}.signal-tag{letter-spacing:2px;color:#849394;font-size:8px}@media (prefers-reduced-motion:reduce){.wordmark>span:first-child,.live-dot,.menu-panel h1 em,.signal-needle,.menu-panel>.eyebrow,.menu-panel>h1,.menu-panel>.intro,.menu-panel>.track-card{animation:none}.signal-needle{transition:none}}@media (width>=651px) and (height>=881px) and (height<=980px){.menu-panel h1{margin-top:12px;font-size:76px}.menu-panel .intro{margin:10px 0 13px}}@media (width>=651px) and (height>=821px) and (height<=880px){.menu-panel h1{margin-top:10px;font-size:64px}.menu-panel .intro{margin:8px 0 10px}}.tc-score[data-empty=true]{letter-spacing:1.2px;color:#6c7779;font-size:7.5px}@media (width>=651px) and (height<=980px){.menu-panel{max-height:none;overflow:visible}.menu-panel .micro-label,.menu-panel label,.menu-panel .track-artist,.menu-panel .track-meta,.menu-panel .avatar-import>span,.menu-panel #gear-label,.menu-panel .tc-rank,.menu-panel .tc-score,.menu-panel .tc-score[data-empty=true]{font-size:10px}.menu-panel .tc-score[data-empty=true]{letter-spacing:.4px}.menu-panel #venue-choice,.menu-panel #library-open,.menu-panel .avatar-import label,.menu-panel .wardrobe-links .text-button{min-height:32px;font-size:10px}.menu-panel .avatar-import label{align-items:center;display:flex}.menu-panel .wardrobe-links{margin:0 0 6px}}@media (width>=651px) and (height<=820px){.menu-panel h1{margin-top:6px;font-size:48px}.menu-panel .intro{margin:6px 0 8px;line-height:1.3}.menu-panel .track-card{gap:8px;padding:8px 10px}.menu-panel .track-card>.track-art.cover-host{flex-basis:76px;width:76px;height:76px}.menu-panel .track-meta{letter-spacing:0;gap:4px;margin-top:4px}.menu-panel .tc-chip{min-height:32px;padding:3px 5px}.menu-panel .selection-row{margin-top:6px}.menu-panel #avatar-choice{min-height:32px;margin-top:4px;padding:7px 10px}.menu-panel .avatar-import{margin:2px 0}.menu-panel #play{height:44px}.menu-panel #vocals-open{min-height:32px;margin-top:6px;padding:7px 0}.menu-panel .howto{line-height:1.3}}@media (width>=651px) and (height<=650px){.menu-panel{grid-template-columns:1fr 1fr;display:grid}.menu-panel>*{grid-column:1/-1}.menu-panel h1{letter-spacing:-.8px;margin-top:2px;font-size:38px}.menu-panel h1 br{display:none}.menu-panel h1 em{margin-left:.15em}.menu-panel .intro{margin:3px 0 2px;font-size:11px}.menu-panel .track-card h2{font-size:22px}.menu-panel .track-card>.track-art.cover-host{flex-basis:64px;width:64px;height:72px}.menu-panel .avatar-import{grid-column:1;margin:0}.menu-panel .avatar-import>span{display:none}.menu-panel .wardrobe-links{grid-column:2;justify-content:flex-end;margin:0}.menu-panel #play{height:40px}.menu-panel .load-status,.menu-panel .howto{margin-top:4px}}html[data-input=pad] :focus-visible,html[data-input=pad] :focus{outline:3px solid var(--acid);outline-offset:3px}.miss-vignette{z-index:1;pointer-events:none;opacity:0;background:radial-gradient(#0000 58%,#ff1f3a2e 80%,#ff1f3a8c 100%);transition:opacity .14s ease-out;position:fixed;inset:0}.miss-vignette[data-on=true]{opacity:1;transition:none}.od-count{letter-spacing:1px;color:#a5b3ad;min-height:11px;font-size:9px}.overdrive[data-state=ready] .od-count,.overdrive[data-state=active] .od-count{color:#35d6f0}.overdrive{align-content:start;min-height:196px}.overdrive .od-label,.overdrive .od-count,.overdrive .od-hint{background:#060a10cc;border-radius:999px;padding:2px 7px}.overdrive .od-label{anchor-name:--od-label;color:#d3dcd8;font-size:9px}.od-banner{left:50%;top:calc(var(--hw-far-y,30vh) - 88px);opacity:0;pointer-events:none;padding:4px 34px;transition:opacity .15s ease-out;position:absolute;overflow:hidden;transform:translate(-50%)}.od-banner[data-show=true]{opacity:1;transition-duration:80ms}.od-banner span{letter-spacing:5px;color:#fff;text-shadow:0 0 26px #35d6f0,0 0 60px #2f8fdf,0 4px 12px #000;font-family:Barlow Condensed,sans-serif;font-size:36px;font-weight:800;line-height:1;display:block}.od-banner:after{content:"";background:linear-gradient(100deg,#0000 35%,#fffc 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.od-banner[data-show=true]:after{animation:.6s ease-out both od-sweep}@keyframes od-sweep{to{transform:translate(120%)}}#play-hint{anchor-name:--od-footer}.od-prompt{position-anchor:--od-label;left:calc(anchor(right) + 8px);top:calc(anchor(bottom) + 8px);white-space:nowrap;color:#9be9ff;letter-spacing:1.5px;opacity:0;pointer-events:none;background:#0a121bcc;border:1px solid #35d6f0;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700;transition:opacity .2s;position:absolute;transform:none;box-shadow:0 0 18px #35d6f077}.od-prompt[data-show=true]{opacity:1;animation:.8s ease-in-out infinite alternate od-prompt-pulse}@keyframes od-prompt-pulse{0%{box-shadow:0 0 8px #35d6f055}to{box-shadow:0 0 24px #35d6f0cc}}.od-result{letter-spacing:1.4px;color:#8f9e98;min-height:12px;margin:8px 0 0;font-size:10px}.od-result[data-used=true]{color:#35d6f0}@media (width<=900px){.overdrive{min-height:160px}.od-banner span{letter-spacing:5px;font-size:36px}}@media (prefers-reduced-motion:reduce){.od-banner:after,.od-banner[data-show=true]:after,.od-prompt[data-show=true]{animation:none}}:root[data-a11y-motion=reduced] .od-banner:after,:root[data-a11y-motion=reduced] .od-prompt[data-show=true]{animation:none}#play-hud #judgment{left:calc((var(--hw-left,30vw) + var(--hw-right,70vw)) / 2);top:calc(var(--hw-hit-y,85vh) - 76px);font-size:clamp(26px,3vh,36px)}#play-hud .co-banner[data-kind=streak]{left:calc((var(--hw-left,30vw) + var(--hw-right,70vw)) / 2);top:calc(var(--hw-hit-y,85vh) - 112px);flex-direction:column;align-items:center;gap:2px;max-width:calc(100vw - 24px);transform:translate(-50%)}#play-hud .co-banner[data-kind=streak] strong{letter-spacing:2px;font-size:clamp(16px,2.4vh,24px)}#play-hud .co-banner[data-kind=streak] span:not(:empty){letter-spacing:2px;font-size:clamp(10px,1.4vh,12px);line-height:1.2;display:block}#multiplier-streak{display:none}#play-hud .play-hint.squeezed{visibility:hidden}@media (width>=651px){#multiplier{left:calc(var(--hw-left,30vw) - 90px);top:calc(var(--hw-hit-y,85vh) - 76px);width:72px;height:72px;bottom:auto}#play-hud #multiplier strong{font-size:34px}#overdrive{left:calc(var(--hw-left,30vw) - 76px);top:calc(var(--hw-hit-y,85vh) - 286px);min-height:0;bottom:auto}#play-hud .od-prompt{left:auto;right:calc(anchor(left) + 8px);top:calc(anchor(bottom) + 8px);letter-spacing:1.5px;padding:6px 10px;font-size:10px;bottom:auto;transform:none}#overdrive .od-tube{height:clamp(90px,12vh,128px)}#band-hud .bandhud-crowd{left:calc(var(--hw-right,70vw) + 28px);right:auto;top:calc(var(--hw-hit-y,85vh) - 256px)}#band-hud .bandhud-crowd-tube{height:clamp(120px,18vh,190px)}}@media (height<=500px) and (orientation:landscape){body:is([data-phase=countdown],[data-phase=playing],[data-phase=paused]) #notice{top:calc(var(--hw-far-y,30vh) - 40px);max-width:min(440px,100vw - 24px);font-size:min(13px, calc(11px * var(--a11y-scale,1)));padding:2px 10px;line-height:14px}#play-hud .stats-hud{gap:16px;top:12px;left:auto;right:12px}#play-hud .stats-hud strong:only-of-type{font-size:28px;line-height:1}#play-hud .stats-hud>div>.hud-stars{letter-spacing:3px;font-size:13px;display:block}#play-hud .song-hud{max-width:calc(var(--hw-left,30vw) - 24px);top:12px;left:12px;right:auto}#play-hud .song-hud strong:only-of-type{font-size:20px}#overdrive{left:calc(var(--hw-left,30vw) - 88px);top:var(--hw-far-y,30vh);gap:4px;width:76px;height:128px;min-height:0;bottom:auto}#overdrive :is(.od-label,.od-count,.od-hint){line-height:12px}#overdrive .od-tube{height:64px}#multiplier{left:calc(var(--hw-left,30vw) - 78px);top:calc(var(--hw-far-y,30vh) + 142px);width:56px;height:56px;bottom:auto}#play-hud #multiplier strong{font-size:28px}#band-hud .bandhud-crowd{left:calc(var(--hw-right,70vw) + 12px);right:auto;top:var(--hw-far-y,30vh);gap:4px;display:grid}#band-hud .bandhud-crowd-tube{height:84px}}#pause-dialog{max-height:96vh;overflow-y:auto}.practice-panel{text-align:left;gap:10px;margin-top:18px;display:grid}.practice-panel[hidden],.practice-options[hidden],.practice-loop[hidden],.practice-badge[hidden]{display:none}.practice-toggle{letter-spacing:1.5px;width:100%;color:inherit;background:#ffffff08;border:1px solid #ffffff20;padding:10px;font-size:11px}.practice-toggle[aria-pressed=true]{color:var(--acid);border-color:var(--acid)}.practice-options{gap:10px;display:grid}.practice-speeds{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.practice-speeds button{letter-spacing:1px;color:inherit;background:#ffffff08;border:1px solid #ffffff20;padding:9px 0;font-size:11px}.practice-speeds button[aria-pressed=true]{background:var(--acid);color:#18200b;border-color:var(--acid)}.practice-loop{letter-spacing:2px;color:#8f9a9d;gap:5px;font-size:9px;display:grid}.practice-loop select{color:inherit;background:#0c1319;border:1px solid #ffffff20;padding:9px;font-size:11px}.practice-note{color:#8f9a9d;font-size:10px;line-height:1.4}.practice-badge{letter-spacing:2px;color:#18200b;background:var(--acid);padding:4px 9px;font-size:9px;position:absolute;top:64px;left:49px}.results-dialog{--rs-safe:24px;top:var(--rs-safe);width:min(600px,100vw - 32px);height:fit-content;max-height:calc(100dvh - var(--rs-safe) - 16px);background:linear-gradient(180deg, #121c24f7, #0b1117f7 46%), radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--rank,var(--acid)) 12%, transparent), transparent 70%);flex-direction:column;margin:auto;padding:26px 32px 20px;display:flex;bottom:16px;left:16px;right:16px;transform:none}.results-dialog:has(#rank-letter[data-rank=A]){--rank:#78b5e8}.results-dialog:has(#rank-letter[data-rank=B]){--rank:#e2ca6b}.results-dialog:has(#rank-letter[data-rank=C]){--rank:#e9a36b}.results-dialog:has(#rank-letter[data-rank=D]){--rank:#e7768b}@media (width>=1100px){.results-dialog{margin-inline:0;left:auto;right:max(32px,4vw)}}.rs-head{flex:none}.results-dialog .rs-head .eyebrow{justify-content:center;font-size:10px}.results-dialog h2{margin:12px 0 10px;font-size:58px;line-height:.92}.results-dialog h2 em{color:var(--rank,var(--acid))}.results-dialog #result-subtitle{color:#8f9a9d;letter-spacing:.6px;margin:0;font-size:11px}.rs-tabs{border-bottom:1px solid var(--line);justify-content:center;gap:4px;margin:16px 0 0;display:flex}.rs-tabs button{letter-spacing:2px;color:#8f9a9d;background:0 0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 18px 10px;font-size:10px;font-weight:700}.rs-tabs button:hover{color:#f4f3eb}.rs-tabs button[aria-selected=true]{color:#f4f3eb;border-bottom-color:var(--acid)}.rs-body{scrollbar-width:thin;scrollbar-color:#69747d transparent;flex:0 auto;min-height:0;padding:16px 2px 4px;display:grid;overflow-y:auto}.rs-view{grid-area:1/1}.rs-view:not([data-active]){visibility:hidden}.rs-summary,.rs-details{gap:16px;display:grid}.rs-details{text-align:left}.rs-col{align-content:start;gap:14px;display:grid}.rs-hero{text-align:left;grid-template-columns:1fr auto;align-items:center;gap:18px;display:grid}.rs-side{align-content:start;gap:12px;display:grid}.results-dialog .final-score{margin:0}.results-dialog .final-score strong{font-variant-numeric:tabular-nums;font-size:72px}.rank-block{min-width:112px}.results-dialog .rank-letter{font-size:112px}.results-dialog .result-grid{padding:12px 0}.results-dialog .od-result{margin:0}.rs-xp{text-align:left;background:#ffffff07;border:1px solid #ffffff14;gap:7px;padding:12px 14px;display:grid}.rs-xp-row{justify-content:space-between;align-items:baseline;gap:10px;min-height:14px;display:flex}.rs-xp .rs-xp-row strong{letter-spacing:1.6px;font-size:12px}.rs-xp .rs-xp-row em{color:var(--acid);font-family:Barlow Condensed,sans-serif;font-size:18px;font-style:normal;font-weight:700}.rs-xp .rs-xp-row small{letter-spacing:1.3px;color:#8da2a7;font-size:9px}.rs-xp-track{background:#ffffff14;height:8px;display:block;overflow:hidden}.rs-xp-track b{height:100%;width:calc(var(--p,0) * 100%);background:linear-gradient(90deg, #9fc93a, var(--acid));transition:width .8s cubic-bezier(.3,.7,.3,1);display:block;box-shadow:0 0 12px #d4fa4888}.rs-levelup{letter-spacing:1.6px;color:#0b1210;background:var(--acid);white-space:nowrap;padding:3px 8px;font-size:9px;font-weight:700}.rs-levelup[hidden]{display:none}.rs-unlocks{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;display:grid}.rs-unlocks[hidden],.rs-unlocks .finish-unlocks[hidden]{display:none}.rs-unlock,.rs-unlocks .finish-unlocks{text-align:left;border:1px solid #d4fa4870;border-left:3px solid var(--acid);background:#1b2a1fcc;gap:2px;margin:0;padding:10px 12px;transition:opacity .35s ease-out,transform .35s ease-out;display:grid}.rs-unlocks .rs-unlock span{letter-spacing:2px;color:var(--acid);font-size:8px;font-weight:700}.rs-unlocks .rs-unlock strong{letter-spacing:.6px;font-size:13px}.rs-unlocks .rs-unlock small{color:#a5b8b9;font-size:10px}.rs-unlocks .finish-unlocks{letter-spacing:1px;color:#f4f3eb;font-size:11px;font-weight:700}.rs-unlock:not([data-shown]),.rs-unlocks .finish-unlocks:not([data-shown]){opacity:0;transform:translate(14px)}.rs-practice{color:var(--acid);letter-spacing:1.6px;border-color:#d4fa4870;margin-top:2px;font-weight:700}.rs-practice:hover{background:#d4fa4814}#results-dialog .rs-practice span{color:#a5b8b9;font-weight:400}.rs-practice[hidden]{display:none}.rs-actions{border-top:1px solid var(--line);flex:none;justify-items:center;gap:12px;padding-top:14px;display:grid}.results-dialog .rs-actions .primary-button{margin:0}#results-save-photo{width:100%;min-height:40px;color:var(--acid);text-transform:uppercase;letter-spacing:1.6px}#results-save-photo[hidden]{display:none}.rs-stage{transition:opacity .35s ease-out,transform .35s ease-out}.rs-stage:not([data-shown]){opacity:0}.rs-stage-stats:not([data-shown]),.rs-stage-xp:not([data-shown]){transform:translateY(8px)}#rank-stars span{display:inline-block}#rank-stars span:not(.off):not([data-shown]){color:#ffffff2a}#rank-stars span[data-shown]{animation:.32s ease-out both rs-stamp}.rank-letter[data-shown]{animation:.55s cubic-bezier(.2,.9,.3,1) both rs-slam}#result-headline[data-shown]{animation:.5s cubic-bezier(.2,.9,.3,1) both rs-headline}.rank-up[data-shown],.rs-levelup[data-shown]{animation:.3s ease-out .25s both rs-pop}@keyframes rs-stamp{0%{opacity:0;transform:scale(2.4)rotate(-25deg)}70%{opacity:1;transform:scale(.88)}to{opacity:1;transform:none}}@keyframes rs-slam{0%{opacity:0;transform:translateY(-40px)scale(1.8)}62%{opacity:1;transform:translateY(4px)scale(.94)}to{opacity:1;transform:none}}@keyframes rs-headline{0%{opacity:0;letter-spacing:.18em;filter:blur(6px)}to{opacity:1;letter-spacing:normal;filter:none}}@keyframes rs-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#results-dialog [data-shown],#results-dialog #rank-stars span,#results-dialog .rs-stage,#results-dialog .rs-xp-track b{transition:none;animation:none}}@media (width>=651px) and (height<=800px){.results-dialog{width:min(820px,100vw - 32px);padding:18px 26px 14px}.results-dialog h2{margin:6px 0 4px;font-size:42px}.results-dialog h2 br{display:none}.rs-tabs{margin-top:10px}.rs-tabs button{padding:7px 18px 8px}.rs-body{padding-top:12px}.rs-summary,.rs-details{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:24px}.rs-hero{text-align:center;grid-template-columns:1fr;justify-items:center;gap:10px}.rs-hero .final-score{order:2}.results-dialog .final-score strong{font-size:58px}.results-dialog .rank-letter{font-size:84px}.rs-actions{gap:8px;padding-top:10px}.results-dialog .rs-actions .primary-button{height:50px;font-size:21px}}@media (width>=651px) and (height<=640px){.results-dialog{--rs-safe:12px;padding:14px 22px 10px;bottom:12px}.results-dialog h2{font-size:34px}.results-dialog .rank-letter{font-size:64px}.results-dialog .final-score strong{font-size:48px}.results-dialog .rs-actions .primary-button{height:44px;font-size:19px}}@media (width<=650px){.results-dialog{--rs-safe:16px;padding:20px 18px 16px}.results-dialog h2{font-size:44px}.rs-hero{grid-template-columns:1fr auto}.results-dialog .final-score strong{font-size:52px}.results-dialog .rank-letter{font-size:72px}.rank-block{min-width:84px}}#settings-dialog{background:#10171d;border:1px solid #ffffff25;width:580px;max-height:calc(100vh - 55px);padding:27px 31px;overflow-y:auto;box-shadow:0 30px 120px #0008}.settings-heading{justify-content:space-between;align-items:center;display:flex}.settings-heading h2{margin-top:4px;font-size:41px;line-height:1.2}.settings-fields{grid-template-columns:1fr 1fr;gap:17px 24px;margin-top:23px;display:grid}.settings-fields>label:first-child{grid-column:1/-1}.settings-fields small{letter-spacing:0;color:#8d999a;margin-top:6px;font-size:10px;font-weight:400;line-height:1.4;display:block}.bindings-heading{justify-content:space-between;align-items:center;margin:25px 0 6px;display:flex}.bindings-heading h3{letter-spacing:.6px;font-size:21px}.bindings-heading span{letter-spacing:1px;color:#83928b;font-size:8px}#binding-help{color:#879597;min-height:16px;margin-bottom:13px;font-size:11px}.binding-row{grid-template-columns:1fr 112px 133px;align-items:center;gap:8px;margin-bottom:6px;display:grid}.binding-row>span{color:#c1cbc8;font-size:11px}.binding-row button{white-space:nowrap;text-overflow:ellipsis;background:#182128;border:1px solid #ffffff1d;border-radius:2px;min-height:31px;padding:8px 7px;font-size:10px;overflow:hidden}.binding-row button.capturing{border-color:var(--acid);color:var(--acid)}.settings-footer{justify-content:space-between;gap:20px;margin-top:19px;display:flex}#controller-status{color:#83978a;text-overflow:ellipsis;white-space:nowrap;max-width:270px;font-size:10px;overflow:hidden}#settings-dialog{width:min(760px,100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto}.settings-tabs{border-bottom:1px solid #ffffff25;gap:4px;margin:22px 0;display:flex}.settings-tabs button{color:#a2aeb5;background:0 0;border:0;border-bottom:3px solid #0000;flex:1;padding:12px 8px;font-size:13px}.settings-tabs [aria-selected=true]{color:var(--acid);border-bottom-color:var(--acid);background:#d4ff4810}.settings-panel{grid-template-columns:1fr 1fr;align-content:start;gap:24px;min-height:310px;display:grid}.settings-panel[hidden]{display:none}.settings-panel small{color:#a2aeb5;letter-spacing:0;margin-top:8px;font-size:11px;font-weight:400;line-height:1.5;display:block}.settings-panel .calibration-row{grid-column:1/-1}#settings-controls{display:block}#settings-controls[hidden]{display:none}#settings-controls .bindings-heading{margin-top:0}.settings-switch{background:0 0;border:0;align-items:center;gap:12px;padding:10px 0;font-size:11px;display:flex}.settings-switch i{background:#3c4953;border-radius:20px;width:46px;height:24px;position:relative}.settings-switch i:after{content:"";background:#f0f3ef;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:3px}.settings-switch[aria-checked=true] i{background:var(--acid)}.settings-switch[aria-checked=true] i:after{background:#10171d;left:25px}#settings-dialog button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}@media (height<=800px){#settings-dialog{padding:20px 26px}.settings-tabs{margin:14px 0 20px}.settings-panel{gap:20px;min-height:280px}#settings-controls .binding-row button{min-height:28px;padding:6px}}@media (width<=650px){#settings-dialog{padding:18px}.settings-tabs button{padding:12px 4px;font-size:11px}.settings-panel{grid-template-columns:1fr}.binding-row{grid-template-columns:1fr 90px 100px}}