.sh{isolation:isolate;min-height:100svh;padding:calc(var(--nav-h) + 14px) var(--gutter) var(--gutter);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.sh__carrier{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.sh__eyebrow{color:var(--text-3)}.sh__title{text-transform:uppercase;letter-spacing:-.02em;flex-direction:column;justify-content:center;margin:0;font-weight:900;line-height:.8;display:flex}.sh__line{white-space:nowrap;will-change:transform;width:max-content;display:block}.sh__l1{font-stretch:150%}.sh__l2{color:var(--text-2);align-self:flex-end;font-stretch:50%}.sh__l3{color:var(--violet);font-stretch:96%}.sh__foot{align-items:end;gap:var(--s-4);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.sh__lede{max-width:38ch;color:var(--text-2);font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.4}.sh__cta{justify-self:center;position:relative}.sh__play{height:64px;padding:0 2rem 0 1.4rem;font-size:.8rem}.sh__playicon{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid;width:0;height:0}.is-playing .sh__playicon{background:linear-gradient(90deg,currentColor 0 35%,#0000 35% 65%,currentColor 65%);border:0;width:12px;height:14px}.sh__note{color:var(--paint-pink);white-space:nowrap;font-size:clamp(1rem,1.6vw,1.6rem);position:absolute;bottom:112%;left:105%;transform:rotate(-7deg)}.sh__arrow{width:70px;height:52px;bottom:62%;left:72%;transform:scaleX(-1)rotate(10deg)}.sh__hint{color:var(--text-3);justify-self:end}.stage{--field:#b44dff;--ink:#09070d;--acc:#ff3f9b;background:var(--field);color:var(--ink);position:relative}.stage__pin{isolation:isolate;column-gap:var(--s-5);height:100svh;padding:calc(var(--nav-h) + 12px) var(--gutter) var(--gutter);background:var(--field);color:var(--ink);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:relative;overflow:hidden}.stage__signal{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.stage__top{grid-area:1/1/auto/-1;grid-template-columns:1fr auto 1fr;align-items:baseline;display:grid}.stage__counter{grid-column:3;justify-self:end}.counter{background:var(--ink);min-width:3.2em;color:var(--field);font-variant-numeric:tabular-nums;text-align:center;margin-left:.5em;padding:.15em .4em;display:inline-block}.stage__no{font-family:var(--font-mono);letter-spacing:.06em;grid-area:1/1/auto/-1;justify-self:center;font-size:.8rem;font-weight:700}.stage__no small{font-size:inherit;opacity:.45}.stage__title{text-transform:uppercase;letter-spacing:-.015em;text-align:center;flex-direction:column;grid-area:2/1/auto/-1;place-self:center;align-items:center;margin:0;font-weight:900;line-height:.82;display:flex}.tl{white-space:nowrap;padding:.04em .02em 0;display:block;overflow:hidden}.ch{font-variation-settings:"wdth" var(--w,100), "wght" 900;will-change:transform;display:inline-block}.stage__sub{font-family:var(--font-mono);letter-spacing:.1em;margin-top:.4em;font-size:max(12px,.09em);font-weight:600;display:block}.stage__meta{gap:var(--s-5);padding-bottom:var(--s-4);grid-area:3/1;align-self:end;display:flex}.stage__meta dt{opacity:.6}.stage__meta dd{white-space:nowrap;margin-top:.35rem;font-size:clamp(1rem,1.6vw,1.5rem);font-weight:800;font-stretch:115%}.stage__side{justify-self:end;gap:var(--s-3);max-width:34ch;padding-bottom:var(--s-4);grid-area:3/2;display:grid}.stage__blurb{font-size:clamp(1rem,1.15vw,1.2rem);line-height:1.35}.stage__ctl{align-items:center;gap:var(--s-4);display:flex}.stage__play{background:var(--ink);width:64px;height:64px;color:var(--field);transition:scale var(--d-mid) var(--ease-pop);border-radius:50%;flex:none;place-items:center;display:grid}.stage__play:hover{scale:1.08}.stage__play svg{grid-area:1/1;width:24px;height:24px}.stage__play .i-pause,.stage.is-live .stage__play .i-play{display:none}.stage.is-live .stage__play .i-pause{display:block}.follow{cursor:pointer;align-items:center;gap:.6rem;display:inline-flex}.follow input{opacity:0;width:1px;height:1px;position:absolute}.follow__track{border-radius:var(--r-pill);width:38px;height:22px;box-shadow:inset 0 0 0 2px var(--ink);transition:background-color var(--d-fast) linear;position:relative}.follow__track:after{content:"";background:var(--ink);width:14px;height:14px;transition:translate var(--d-mid) var(--ease-pop), background-color var(--d-fast) linear;border-radius:50%;position:absolute;top:4px;left:4px}.follow input:checked+.follow__track{background:var(--ink)}.follow input:checked+.follow__track:after{background:var(--field);translate:16px}.follow input:focus-visible+.follow__track{outline:2px solid var(--ink);outline-offset:3px}.stage__tape{grid-area:4/1/auto/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.seg{text-align:left;width:100%;color:inherit;gap:.6rem;padding-top:12px;display:grid;position:relative}.seg__bar{opacity:.22;background:currentColor;height:3px;position:absolute;top:0;left:0;right:0}.seg__fill{transform-origin:0;background:currentColor;height:3px;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.seg__lbl{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.06em;text-transform:uppercase;opacity:.5;white-space:nowrap;text-overflow:ellipsis;transition:opacity var(--d-fast) linear;font-weight:600;overflow:hidden}.seg.is-on .seg__lbl,.seg:hover .seg__lbl{opacity:1}.score{padding:var(--s-7) 0}.score__head{gap:var(--s-4) var(--s-5);padding-bottom:var(--s-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;display:grid}.score__head .label{color:var(--text-3);grid-column:1/-1}.score__head .shout{font-stretch:56%}.score__lede{max-width:40ch;color:var(--text-2);justify-self:end;font-size:1.1rem;line-height:1.4}.score__body{gap:var(--s-5);grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;display:grid}.grid{padding:var(--s-4);background:var(--void-2);box-shadow:inset 0 0 0 1px var(--line);grid-template-columns:6.5rem repeat(16,minmax(0,1fr));gap:5px;display:grid}.grid__lbl{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;align-self:center;font-weight:600}.grid__lbl.is-rest{opacity:.4}.grid__head{font-family:var(--font-mono);color:var(--text-3);text-align:center;padding-bottom:4px;font-size:10px}.cell{aspect-ratio:1;border-radius:var(--r-1);background:var(--void-3);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .38s ease-out, scale .38s var(--ease-snap)}.cell.is-beat{background:#2a1d3a8c}.cell.on{background:#b44dff4d;box-shadow:inset 0 0 0 1px #b44dff8c}.cell.ghost{background:#b44dff24}.cell.now{box-shadow:inset 0 0 0 1px var(--violet-hi)}.cell.hit{background:var(--violet);transition:none;scale:.86}.cell.hit.ghost{background:var(--violet-hi)}.mixer{gap:var(--s-4);padding:var(--s-4);box-shadow:inset 0 0 0 1px var(--line);display:grid}.mixer .label{color:var(--text-3)}.mixer__title{letter-spacing:-.02em;margin-top:-.6rem;font-size:clamp(1.6rem,2.4vw,2.4rem);font-weight:850;font-stretch:110%;line-height:.95}.mixer__chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.chip{border-radius:var(--r-pill);height:40px;font-family:var(--font-mono);letter-spacing:.06em;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text-2);transition:background-color var(--d-fast) linear, color var(--d-fast) linear, box-shadow var(--d-fast) linear;font-size:.72rem;font-weight:700}.chip:hover{box-shadow:inset 0 0 0 1px var(--text-1);color:var(--text-1)}.chip[aria-pressed=true]{background:var(--violet);color:var(--violet-ink);box-shadow:none}.mixer__chaos{color:var(--text-1)}.mixer__mutes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.mute{border-radius:var(--r-1);height:44px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text-3);transition:background-color var(--d-fast) linear, color var(--d-fast) linear;font-size:.72rem;font-weight:600}.mute[aria-pressed=true]{background:var(--bone);color:var(--paper-ink);box-shadow:none}.mute:hover{color:var(--text-1)}.mute[aria-pressed=true]:hover{color:var(--paper-ink)}.mixer__play{justify-content:center}.mixer__keys{color:var(--text-3)}.lyrics{background:var(--violet);color:var(--violet-ink);padding:var(--s-6) 0;gap:.1em;display:grid;position:relative;overflow:hidden}.lyr{white-space:nowrap;will-change:transform;line-height:.9}.lyr--1,.lyr--3{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(3rem,11vw,13rem);font-weight:900}.lyr--1{font-stretch:50%}.lyr--3{-webkit-text-stroke:2px var(--violet-ink);color:#0000;font-stretch:150%}.lyr--2{color:var(--bone);padding:.2em 0;font-size:clamp(2rem,6vw,6.5rem)}.chain{padding:var(--s-7) 0}.chain__head{padding-bottom:var(--s-6)}.chain__head .label{color:var(--text-3);margin-bottom:var(--s-3)}.chain__head .shout{font-stretch:56%}.chain__flow{position:relative}.chain__wire{pointer-events:none;width:100%;height:40px;position:absolute;top:7px;left:0;right:0;overflow:visible}.chain__wire path{fill:none;stroke:var(--violet);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:6 10}.is-playing .chain__wire path{animation:.6s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-16px}}.chain__nodes{gap:var(--s-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.node{gap:var(--s-3);align-content:start;display:grid}.node__no{background:var(--void);width:54px;height:54px;box-shadow:inset 0 0 0 2px var(--violet);color:var(--violet);border-radius:50%;justify-self:start;place-items:center;margin-top:0;font-size:.8rem;font-weight:700;display:grid}.node h3{margin-top:var(--s-3);letter-spacing:-.03em;font-size:clamp(1.8rem,3vw,3rem);font-weight:850;font-stretch:125%;line-height:1}.node p{color:var(--text-2);max-width:30ch}.node code{font-family:var(--font-mono);color:var(--violet-hi);font-size:.85em}@media (width<=1000px){.score__body{grid-template-columns:1fr}.grid{padding:var(--s-3);grid-template-columns:4.6rem repeat(16,minmax(0,1fr));gap:3px}}@media (width<=860px){.sh{padding-bottom:calc(var(--gutter) + 76px)}.sh__foot{grid-template-columns:1fr;justify-items:start}.sh__cta{justify-self:start}.sh__hint{display:none}.sh__note{left:auto;right:-10%}.stage__pin{row-gap:var(--s-3);grid-template-columns:1fr;padding-bottom:5.5rem}.stage__meta,.stage__side{grid-column:1}.stage__meta{gap:var(--s-4);grid-row:3;padding-bottom:0}.stage__side{grid-row:4;justify-self:start;padding-bottom:0}.stage__blurb{display:none}.stage__tape{grid-row:5}.seg__lbl{font-size:9px}.stage__top{grid-template-columns:1fr auto}.stage__counter{grid-column:2}.stage__no{justify-self:start}.stage__top>.label:first-child{display:none}.score__head{grid-template-columns:1fr}.score__lede{justify-self:start}.grid__head,.chain__wire{display:none}.chain__nodes{grid-template-columns:1fr 1fr}}
