@font-face{font-family:PDJ OSD;src:url(/fonts/vt323-pdj.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}.osd-root{--accent:#ff2a1f;--accent-alt:#ffb000;--osd:#f3f0e6;--osd-dim:#f3f0e69e;--osd-faint:#f3f0e633;--ink:#070708;--panel:#060608e6;--panel-solid:#08080a;--vcr-blue:#1d2fbf;--fringe-r:#ff285a8c;--fringe-b:#28b4ff80;--glow:color-mix(in srgb, var(--accent) 50%, transparent);--glow-soft:color-mix(in srgb, var(--accent) 22%, transparent);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--gutter:16px;--pad-t:max(var(--gutter), env(safe-area-inset-top,0px));--pad-r:max(var(--gutter), env(safe-area-inset-right,0px));--pad-b:max(var(--gutter), env(safe-area-inset-bottom,0px));--pad-l:max(var(--gutter), env(safe-area-inset-left,0px));--fs-osd:clamp(26px, 3vw, 44px);--fs-ui:clamp(22px, 1.9vw, 28px);--fs-body:clamp(21px, 1.6vw, 24px);--fs-small:20px;font-family:PDJ OSD,ui-monospace,monospace;font-size:var(--fs-ui);letter-spacing:.02em;color:var(--osd);font-synthesis:none;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.15;position:absolute;inset:0;overflow:hidden}@media (min-width:768px){.osd-root{--gutter:28px}}@media (min-width:1200px){.osd-root{--gutter:40px}}:where(.osd-root) :where(button,a){font:inherit;letter-spacing:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:where(.osd-root) :where(button){appearance:none;cursor:pointer;border-radius:0;margin:0}.osd-root :focus-visible{outline:2px solid var(--osd);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chroma{text-shadow:-1px 0 var(--fringe-r), 1px 0 var(--fringe-b), 0 0 12px var(--glow)}.chroma-lg{text-shadow:-.024em 0 var(--fringe-r), .024em 0 var(--fringe-b), 0 0 .16em var(--glow)}.glyph{vertical-align:baseline;flex:none;height:.56em;display:inline-block;overflow:visible}.osd-top{z-index:2;padding:var(--pad-t) var(--pad-r) 0 var(--pad-l);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.osd-top[data-hidden=true]{visibility:hidden}.status{font-size:var(--fs-osd);white-space:nowrap;line-height:1.1}.status__item{align-items:center;gap:.3em;display:none}.status[data-kind=stop] .status__item--stop,.status[data-kind=play] .status__item--play,.status[data-kind=rew] .status__item--rew,.status[data-kind=ff] .status__item--ff,.status[data-kind=pause] .status__item--pause{display:inline-flex}.readout{font-size:var(--fs-osd);flex-direction:column;align-items:flex-end;gap:6px;line-height:1.1;display:flex}.readout__line{white-space:nowrap;align-items:baseline;gap:.6em;display:flex}.readout__speed{color:var(--osd)}.counter{text-align:right;font-variant-numeric:tabular-nums;min-width:8ch;display:inline-block}.readout__demo{font-size:var(--fs-small);color:var(--ink);background:var(--osd);padding:0 .35em;line-height:1.25}.stamp{font-size:var(--fs-ui);white-space:nowrap;flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.zoom{z-index:2;top:calc(var(--pad-t) + var(--fs-osd) * 1.1 + 12px);left:var(--pad-l);font-size:var(--fs-ui);opacity:0;pointer-events:none;transition:opacity .32s var(--ease-out);align-items:center;gap:.5em;line-height:1;display:flex;position:absolute}.zoom[data-on=true]{opacity:1;transition-duration:.12s}.hud[data-inspecting=true] .zoom{opacity:0}.zoom__track{background:var(--osd-dim);width:clamp(96px,12vw,168px);height:2px;position:relative;box-shadow:0 0 0 1px #07070873}.zoom__home{background:var(--osd-dim);width:2px;height:10px;margin-left:-1px;position:absolute;top:-4px;left:36.9%}.zoom__knob{left:calc(var(--zoom,.369) * 100%);background:var(--osd);width:6px;height:16px;box-shadow:0 0 0 1px #0707088c, 0 0 8px var(--glow);margin-left:-3px;position:absolute;top:-7px}.title{--img-h:max(100cqh, calc(100cqw / 2.4));--door:.04;pointer-events:auto;-webkit-user-select:none;user-select:none;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;inset:0;container-type:size}.title__video{pointer-events:none;position:absolute;inset:0;overflow:hidden}.title__backdrop{background:#000 url(/backdrops/menu-landscape.webp) 50%/cover no-repeat;position:absolute;inset:0}@media (orientation:portrait){.title{--img-h:max(100cqh, calc(100cqw * 2.048));--door:.085}.title__backdrop{background-image:url(/backdrops/menu-portrait.webp)}}.title.is-returning .title__backdrop{animation:fade-in var(--backdrop-ms) var(--ease-out) both}.title.is-leaving .title__backdrop{animation:fade-out var(--focus-ms) cubic-bezier(.45, 0, .55, 1) forwards}@keyframes fade-in{0%{opacity:0}}.title__scrim{background:linear-gradient(#00000059,#0000 20% 68%,#000000a8),radial-gradient(120% 90% at 50% 44%,#0000000f 0%,#0000006b 64%,#000000c7 100%);position:absolute;inset:0}.title.is-nosignal .title__scrim{background:radial-gradient(130% 100% at 50% 45%, transparent 55%, #00001473 100%), var(--vcr-blue)}.title__band{will-change:transform;background:linear-gradient(#0000,#ffffff0b 30%,#ffffff1c 50%,#ffffff09 64%,#0000);height:26vh;animation:9s linear infinite vhs-band;position:absolute;top:0;left:-2%;right:-2%;transform:translateY(110vh)}.title__band:before{content:"";background-image:var(--noise);opacity:.2;background-size:112px 112px;position:absolute;inset:42% 0 44%}@keyframes vhs-band{0%{transform:translateY(105vh)}50%,to{transform:translateY(-30vh)}}.title__head-noise{background-image:var(--noise);opacity:.32;background-size:112px 112px;height:6px;animation:.5s step-end infinite head-noise;position:absolute;bottom:0;left:-12px;right:-12px}@keyframes head-noise{0%{transform:translate(-6px)}25%{transform:translate(5px)}50%{transform:translate(-2px)}75%{transform:translate(8px)}}.title>.osd-top,.title__center,.title__bottom{z-index:1;position:relative}.title__center{--center-room:238px;left:0;right:0;top:min(calc(50cqh + var(--door) * var(--img-h)), calc(100cqh - var(--pad-b) - var(--center-room)));padding:0 var(--pad-r) 0 var(--pad-l);text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute}.title__center>*{pointer-events:auto}.title__jitter{flex-direction:column;align-items:center;max-width:100%;animation:9s step-end infinite vhs-jitter;display:flex}@keyframes vhs-jitter{0%{transform:none}24.6%{transform:translate(-3px)}25.5%{transform:translate(2px)skew(-1.5deg)}26.4%{transform:none}}.title__tagline{font-size:var(--fs-small);letter-spacing:.08em;color:var(--osd-dim);margin:.7em 0 0;line-height:1.2}.play{min-width:min(100%,6.4em);min-height:64px;color:var(--osd);border:2px solid var(--accent);transition:transform .14s var(--ease-out), background-color .12s ease, color .12s ease;background:#00000080;justify-content:center;align-items:center;gap:.32em;padding:.14em .75em .12em;font-size:clamp(34px,3.4vw,52px);line-height:1.1;display:inline-flex;position:relative}.play__label{white-space:nowrap}.play[data-selected=true]:not(:disabled){color:var(--ink);background:var(--accent)}.play:active:not(:disabled){transform:scale(.97)}.play:disabled{cursor:default;color:var(--osd-dim);border-style:dashed;border-color:var(--osd-faint)}.play__glow{pointer-events:none;box-shadow:0 0 32px 2px var(--glow);opacity:.25;animation:play-breathe 2.6s var(--ease-in-out) infinite alternate;position:absolute;inset:-8px}.play:disabled .play__glow{display:none}@keyframes play-breathe{to{opacity:.9}}.play__cursor{background:currentColor;width:.4em;height:.56em;animation:1s step-end infinite osd-blink;display:inline-block}@keyframes osd-blink{50%{opacity:0}}.title__note{max-width:36ch;font-size:var(--fs-small);letter-spacing:.04em;margin:16px 0 0;line-height:1.25}.title__bottom{padding:0 var(--pad-r) var(--pad-b) var(--pad-l);grid-row:3;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px 16px;display:grid}.legend{font-size:var(--fs-small);color:var(--osd-dim);white-space:nowrap;justify-self:end;align-items:center;gap:.5em;display:none}.legend kbd{font:inherit;color:var(--osd);border:1px solid var(--osd-faint);align-items:center;gap:.25em;padding:2px 6px 1px;display:inline-flex}.legend kbd+span{margin-right:.6em}@media (hover:hover) and (pointer:fine) and (min-width:900px){.legend{display:inline-flex}}.menu__list{flex-wrap:wrap;justify-content:center;gap:6px 10px;margin:0;padding:0;list-style:none;display:flex}.menu__item{min-width:48px;min-height:48px;font-size:var(--fs-ui);white-space:nowrap;color:var(--osd);text-shadow:-1px 0 var(--fringe-r), 1px 0 var(--fringe-b), 0 0 12px var(--glow);transition:transform .14s var(--ease-out), background-color .12s ease, color .12s ease;background:0 0;border:2px solid #0000;justify-content:center;align-items:center;gap:.2em;padding:0 .6em;line-height:1.1;display:inline-flex}.menu__item[data-selected=true]{color:var(--ink);background:var(--accent);text-shadow:none}.menu__item:active{transform:scale(.97)}.menu__item--locale span[data-on=false],.menu__slash{opacity:.45}@media (max-width:899px){.title__bottom{grid-template-columns:minmax(0,1fr);justify-items:center}.title__bottom .stamp{font-size:var(--fs-small);flex-direction:row;justify-self:start;gap:1ch}.legend{display:none}}@media (max-width:559px){.title__tagline{letter-spacing:.04em;text-wrap:balance}.title__center{--center-room:300px}.title__bottom{justify-items:stretch}.menu__list{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.menu__list>li{grid-column:span 2}.menu__list>li:nth-child(n+4){grid-column:span 3}.menu__item{border-color:var(--osd-faint);background:#00000080;width:100%;min-height:52px;padding:0 .2em}.menu__item[data-selected=true]{border-color:var(--accent)}.play{width:min(100%,248px)}}@media (max-height:520px){.play{min-height:52px;font-size:30px}.title__center{--center-room:150px}.title__tagline{margin-top:.3em}.title__bottom{gap:6px 16px}.title__bottom .stamp{display:none}}.title.is-leaving{pointer-events:none}.title.is-leaving .play{color:var(--ink);background:var(--accent);border-style:solid;border-color:var(--accent)}.title.is-leaving .title__center,.title.is-leaving .title__bottom{animation:title-dissolve var(--leave-ms) var(--ease-in-out) forwards}.title.is-leaving .title__video{animation:fade-out var(--leave-ms) var(--ease-in-out) forwards}.title.is-leaving .title__jitter{animation:.36s step-end enter-glitch}.title.is-leaving .title__band{animation:.42s linear forwards band-sweep}@keyframes title-dissolve{0%,2%{opacity:1}12%,to{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes enter-glitch{0%{transform:translate(-14px)skew(-7deg)}22%{transform:translate(10px)skew(4deg)}44%{transform:translate(-5px)}66%{transform:translate(2px)}88%{transform:none}}@keyframes band-sweep{0%{opacity:1;transform:translateY(105vh)}to{opacity:1;transform:translateY(-30vh)}}.ovl{z-index:5;padding:var(--pad-t) var(--pad-r) var(--pad-b) var(--pad-l);pointer-events:auto;animation:ovl-fade .16s var(--ease-out);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ovl__panel{background:var(--panel);border:2px solid var(--accent);width:min(100%,900px);max-height:100%;box-shadow:0 0 0 1px #000, 0 0 48px var(--glow-soft);animation:ovl-open .2s var(--ease-out);flex-direction:column;display:flex}.ovl__panel--about,.ovl__panel--booking{width:min(100%,720px)}@keyframes ovl-fade{0%{opacity:0}}@keyframes ovl-open{0%{opacity:0;transform:scaleY(.92)}}.ovl__head{border-bottom:2px solid var(--accent);justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 4px 16px;display:flex}.ovl__title{min-width:0;font-size:var(--fs-osd);flex-wrap:wrap;align-items:center;gap:0 .35em;margin:0;font-weight:400;line-height:1.15;display:flex}.ovl__meta{font-size:var(--fs-small);color:var(--osd-dim);text-shadow:none;margin-left:.3em}.ovl__close{min-width:48px;min-height:48px;font-size:var(--fs-ui);color:var(--osd);transition:transform .14s var(--ease-out), background-color .12s ease, color .12s ease;background:0 0;border:2px solid #0000;flex:none;align-items:center;gap:.3em;padding:0 .6em;display:inline-flex}.ovl__close:active{transform:scale(.97)}.ovl__close-x{font-size:1.15em;line-height:1}.ovl__body{overscroll-behavior:contain;-webkit-user-select:text;user-select:text;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;min-height:0;padding:14px 16px 20px;overflow-y:auto}.ovl__panel--tracks .ovl__body{padding-top:0}.panel-note{font-size:var(--fs-ui);margin:8px 0}.panel-label{font-size:var(--fs-small);letter-spacing:.08em;color:var(--accent);margin:0 0 6px;font-weight:400}.prose{max-width:58ch;font-size:var(--fs-body);letter-spacing:.01em;line-height:1.4}.prose p{margin:0 0 .8em}.tracks__list{margin:0;padding:0;list-style:none}.tracks__row{font-size:var(--fs-body);border-bottom:1px dashed var(--osd-faint);grid-template-columns:8.5ch minmax(0,1fr) 16ch 5ch 7ch 4.5ch 4.5ch;grid-template-areas:"cat title genre bpm key year time";align-items:baseline;column-gap:1.4ch;padding:7px 0 6px;line-height:1.2;display:grid}.tracks__row--head{z-index:1;font-size:var(--fs-small);letter-spacing:.06em;color:var(--accent);background:var(--panel-solid);border-bottom:2px solid var(--accent);padding-top:12px;position:sticky;top:0}.tracks__cat{color:var(--osd-dim);grid-area:cat}.tracks__title{color:var(--osd);overflow-wrap:anywhere;grid-area:title}.tracks__genre{color:var(--osd-dim);grid-area:genre}.tracks__bpm{text-align:right;grid-area:bpm}.tracks__key{color:var(--osd-dim);grid-area:key}.tracks__year{color:var(--osd-dim);grid-area:year}.tracks__time{text-align:right;grid-area:time}.tracks__row--head .tracks__cat,.tracks__row--head .tracks__genre,.tracks__row--head .tracks__key,.tracks__row--head .tracks__year,.tracks__row--head .tracks__title{color:var(--accent)}.tracks__unit{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:679px){.tracks__row.tracks__row--head{display:none}.tracks__row{flex-wrap:wrap;align-items:baseline;gap:2px 1.4ch;padding:9px 0 8px;display:flex}.tracks__cat{order:1}.tracks__title{flex:1 1 0;order:2;min-width:0}.tracks__time{order:3}.tracks__genre,.tracks__bpm,.tracks__key,.tracks__year{font-size:var(--fs-small);color:var(--osd-dim);order:4}.tracks__row:after{content:"";flex-basis:100%;order:3;height:0}.tracks__unit{clip-path:none;width:auto;height:auto;position:static;overflow:visible}}.about .links{margin-top:18px}.links__list{flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;list-style:none;display:flex}.links__item{min-height:48px;font-size:var(--fs-ui);color:var(--osd);border:2px solid #0000;align-items:center;gap:.35em;margin-left:-.5em;padding:0 .5em;text-decoration:none;display:inline-flex}.links__item:active{transform:scale(.97)}.booking__mail{min-height:52px;color:var(--osd);text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);overflow-wrap:anywhere;align-items:center;font-size:clamp(26px,3.6vw,44px);line-height:1.15;display:inline-flex}.booking__note{margin:16px 0 0}.hud{pointer-events:none;position:absolute;inset:0}.hud>:not(.osd-top){transition:opacity .48s var(--ease-out)}.hud[data-arriving=true]>:not(.osd-top){visibility:hidden;opacity:0}.hud .readout,.hud .hud__dock{transition:opacity .24s var(--ease-out), visibility 0s linear 0s}.hud[data-inspecting=true] .readout,.hud[data-inspecting=true] .hud__dock{visibility:hidden;opacity:0;transition:opacity .18s var(--ease-out), visibility 0s linear .18s}.hud__dock{padding:0 var(--pad-r) var(--pad-b) var(--pad-l);pointer-events:none;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud__hint{font-size:var(--fs-ui);letter-spacing:.06em;text-align:center;transition:opacity .42s var(--ease-out);margin:0 0 6px;line-height:1.25}.hud__hint[data-gone=true]{opacity:0}.hud__hint--pointer,.hud__hint--touch{flex-direction:column;align-items:center;gap:2px;display:flex}.hud__hint--pointer>span+span,.hud__hint--touch>span+span{font-size:var(--fs-small);color:var(--osd-dim)}.hud__hint--touch{display:none}@media (pointer:coarse){.hud__hint--pointer{display:none}.hud__hint--touch{display:flex}}.hud__bottom{justify-content:space-between;align-self:stretch;align-items:flex-end;gap:12px;display:flex}.hud__actions{gap:8px;display:flex}.hud__button{min-width:48px;min-height:48px;font-size:var(--fs-ui);color:var(--osd);border:2px solid var(--accent);pointer-events:auto;transition:transform .14s var(--ease-out), background-color .12s ease, color .12s ease;background:#00000073;justify-content:center;align-items:center;gap:.35em;padding:0 .7em;display:inline-flex}.hud__button--icon{width:48px;padding:0;font-size:38px}.hud__button--icon[aria-pressed=false]{color:var(--osd-dim);border-color:var(--osd-faint)}.hud__button:active{transform:scale(.97)}.mini{pointer-events:auto;border:2px solid var(--accent);max-width:min(100%,560px);animation:fade-in .24s var(--ease-out);background:#0000009e;align-items:stretch;display:flex;position:relative}.mini__toggle{width:48px;min-height:48px;color:var(--ink);background:var(--accent);border:0;flex:none;justify-content:center;align-items:center;padding:0;font-size:28px;display:inline-flex}.mini__title{min-width:0;min-height:48px;font-size:var(--fs-ui);text-align:left;color:var(--osd);background:0 0;border:0;align-items:center;gap:.7em;padding:0 14px 0 12px;display:flex}.mini__catalog{color:var(--osd-dim);flex:none}.mini__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;padding-block:2px;overflow:hidden}.mini__progress{background:var(--osd);transform-origin:0;height:3px;transform:scaleX(var(--ratio));pointer-events:none;transition:transform .26s linear;position:absolute;bottom:0;left:0;right:0}.mini__toggle:active,.mini__title:active{transform:scale(.97)}.rew{pointer-events:none;visibility:hidden;opacity:0;background:#040405;position:absolute;inset:0;overflow:hidden}.rew[data-active]{visibility:visible}.rew__bar{background:linear-gradient(#0000,#9696961f 32%,#aaaaaa29 50%,#9696961f 68%,#0000);height:16%;position:absolute;top:0;left:-4%;right:-4%;transform:translateY(625%)}.rew__bar:before{content:"";background-image:var(--noise);opacity:.13;background-size:112px 112px;position:absolute;inset:18% 0}.rew[data-active] .rew__bar{animation:.72s linear infinite rew-bar}.rew[data-active] .rew__bar--2{animation-delay:-360ms}@keyframes rew-bar{0%{transform:translate(-1%,625%)}to{transform:translate(1%,-100%)}}.rew[data-reduced=true] .rew__bar{display:none}.glass{z-index:20;pointer-events:none;position:absolute;inset:0;overflow:hidden}.glass>*{transition:opacity var(--leave-ms) var(--ease-in-out);position:absolute}.glass__scan{background:repeating-linear-gradient(#0000 0 2px,#0000009e 2px 3px);inset:0}.glass__vignette{background:radial-gradient(130% 110%,#0000 52%,#0000009e 100%);inset:0}.glass__grain{background-image:var(--noise);will-change:transform;background-size:112px 112px;animation:.9s step-end infinite grain;inset:-120px}.glass[data-level=title] .glass__scan,.glass[data-level=title] .glass__vignette{opacity:1}.glass[data-level=title] .glass__grain{opacity:.075}.glass[data-level=store] .glass__scan{opacity:calc(.45 * (1 - var(--beyond,0) * .6))}.glass[data-level=store] .glass__vignette{opacity:calc(.7 * (1 - var(--beyond,0) * .85))}.glass[data-level=store] .glass__grain{opacity:.03}@keyframes grain{0%{transform:translate(0,0)}12.5%{transform:translate(-37px,21px)}25%{transform:translate(54px,-48px)}37.5%{transform:translate(-12px,66px)}50%{transform:translate(71px,9px)}62.5%{transform:translate(-63px,-30px)}75%{transform:translate(28px,44px)}87.5%{transform:translate(-48px,-71px)}}.loading{z-index:10;pointer-events:auto;background:var(--vcr-blue);position:absolute;inset:0}.loading:after{content:"";background:linear-gradient(#000 0 38%,#f3f0e673 38% 44%,#000 44% 100%);height:9%;position:absolute;top:100%;left:0;right:0}.loading__frame{background:radial-gradient(130% 100% at 50% 45%,#0000 55%,#00001473 100%);grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;inset:0}.loading__center{min-height:0;padding:8px var(--pad-r) calc(var(--pad-b) + 16px) var(--pad-l);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,3.4vh,34px);display:flex}.loading__readout{letter-spacing:0;font-variant-numeric:tabular-nums;align-items:baseline;font-size:clamp(96px,12vw,176px);line-height:1;display:flex}.loading__unit{margin-left:.08em;font-size:.42em}.tracking{flex-direction:column;align-items:stretch;gap:10px;width:min(100%,460px);display:flex}.tracking__label{font-size:var(--fs-ui);letter-spacing:.14em}.tracking__bar{border:2px solid var(--osd);height:22px;display:block;position:relative;overflow:hidden}.tracking__bar:before{content:"";background:repeating-linear-gradient(to right, var(--osd) 0 3.1%, transparent 3.1% 4.1667%);position:absolute;inset:3px}.tracking__fill{background:var(--vcr-blue);transform-origin:100%;position:absolute;inset:0;transform:scaleX(1)}.slate{max-width:100%;font-size:var(--fs-ui);text-align:left;border:2px solid var(--osd);grid-template-columns:max-content minmax(0,auto);gap:4px 2.4ch;margin:6px 0 0;padding:12px 18px 10px;line-height:1.2;display:grid}.slate__row{display:contents}.slate dt{letter-spacing:.06em;color:#f3f0e6a8}.slate dd{overflow-wrap:anywhere;margin:0}.loading__error{flex-direction:column;align-items:center;gap:8px;display:flex}.loading__error-title{font-size:var(--fs-osd);align-items:center;gap:.35em;margin:0;display:inline-flex}.loading__error-note{max-width:34ch;font-size:var(--fs-small);letter-spacing:.04em;margin:0}.loading[data-error=true] .loading__readout{opacity:.45}.loading[data-stage=handover]{pointer-events:none;animation:tape-roll .62s var(--ease-in-out) forwards}@keyframes tape-roll{0%{transform:translate(0,0)}16%{transform:translateY(2.5%)}to{transform:translateY(-112%)}}.loading[data-reduced=true][data-stage=handover]{animation:.32s forwards fade-out}@media (max-height:520px){.loading__readout{font-size:84px}.slate{font-size:var(--fs-small);padding:8px 14px 6px}}.inspect{z-index:6;pointer-events:auto;color:var(--osd);visibility:hidden;transition:transform var(--out-ms) var(--ease-in-out), visibility 0s linear var(--out-ms);background:#060608f2;flex-direction:column;display:flex;position:absolute;container:inspect/inline-size}.inspect[data-open=true]{visibility:visible;transition:transform var(--in-ms) var(--ease-drawer), visibility 0s linear 0s}.inspect[data-side=right]{width:var(--panel-size);padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);border-left:2px solid var(--accent);top:0;bottom:0;right:0;transform:translate(calc(100% + 24px))}.inspect[data-side=bottom]{height:var(--panel-size);border-top:2px solid var(--accent);bottom:0;left:0;right:0;transform:translateY(calc(100% + 24px))}.inspect[data-open=true][data-side]{transform:none}.inspect__head{border-bottom:2px solid var(--accent);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 6px 20px;display:flex}.inspect[data-side=bottom] .inspect__head{padding-left:var(--pad-l);padding-right:max(8px, env(safe-area-inset-right,0px))}.inspect__tag{min-width:0;font-size:var(--fs-ui);white-space:nowrap;align-items:baseline;gap:.8em;display:flex}.inspect__catalog{color:var(--ink);background:var(--accent);padding:1px .35em 0}.inspect__index{color:var(--osd-dim);font-variant-numeric:tabular-nums}.inspect__nav{flex:none;gap:4px;display:flex}.inspect__icon,.inspect__close{min-width:48px;min-height:48px;font-size:var(--fs-ui);color:var(--osd);border:2px solid var(--osd-faint);transition:transform .14s var(--ease-out), background-color .12s ease, color .12s ease;background:0 0;justify-content:center;align-items:center;gap:.3em;padding:0;display:inline-flex}.inspect__icon{font-size:26px}.inspect__icon:disabled{cursor:default;opacity:.35}.inspect__close{border-color:#0000;padding:0 .6em}.inspect__icon:active:not(:disabled),.inspect__close:active{transform:scale(.97)}.inspect__scroll{overscroll-behavior:contain;min-height:0;padding:22px 20px calc(28px + env(safe-area-inset-bottom,0px));-webkit-user-select:text;user-select:text;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;flex:1;overflow-y:auto}.inspect[data-side=bottom] .inspect__scroll{padding:16px var(--pad-r) calc(24px + env(safe-area-inset-bottom,0px)) var(--pad-l)}.inspect__title{letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance;outline:none;margin:0;font-size:clamp(40px,4.2vw,68px);font-weight:400;line-height:1.04}.inspect[data-side=bottom] .inspect__title{font-size:clamp(34px,10vw,52px)}.inspect__genre{font-size:var(--fs-ui);letter-spacing:.06em;color:var(--accent);margin:10px 0 0}.inspect__specs{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:10px 0;margin:18px 0 0;display:grid}.inspect__spec{border-left:2px solid var(--osd-faint);padding:2px 0 2px 10px}.inspect__spec dt{letter-spacing:.06em;color:var(--osd-dim);font-size:18px}.inspect__spec dd{white-space:nowrap;margin:2px 0 0;font-size:28px;line-height:1.1}.inspect__notes{margin:20px 0 0}.inspect__links{margin-top:22px}.inspect__link-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.inspect__link{min-height:48px;font-size:var(--fs-ui);color:var(--osd);border:2px solid var(--osd-faint);background:#0000004d;align-items:center;gap:.4em;padding:0 12px;text-decoration:none;display:flex}.inspect__link:active{transform:scale(.97)}@container inspect (width<=419px){.inspect__close-label{display:none}.inspect__close{padding:0;font-size:30px}}@container inspect (width<=359px){.inspect__index{display:none}}.inspect__deck{padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px));border-top:2px solid var(--accent);background:#0c0608fa;flex:none;container-type:inline-size}.inspect[data-side=bottom] .inspect__deck{padding-left:var(--pad-l);padding-right:var(--pad-r)}.transport{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;display:grid}.transport__play{min-width:56px;min-height:56px;color:var(--ink);background:var(--accent);border:2px solid var(--accent);transition:transform .14s var(--ease-out), background-color .12s ease, color .12s ease;justify-content:center;align-items:center;gap:.4em;padding:0 .8em;font-size:clamp(26px,2.2vw,30px);display:inline-flex}@container (width<=440px){.transport__play{width:56px;padding:0;font-size:32px}.transport__label{display:none}}.transport__play:active{transform:scale(.97)}.transport[data-status=loading] .transport__play{color:var(--osd);background:0 0}.transport[data-status=error] .transport__play{color:var(--osd);background:0 0;border-style:dashed}.transport__main{min-width:0}.transport__tag{letter-spacing:.08em;color:var(--osd-dim);border:1px solid var(--osd-dim);padding:0 5px;font-size:16px;line-height:1.3}.transport__bar{cursor:pointer;touch-action:none;height:44px;display:block;position:relative}.transport__bar[aria-disabled=true]{cursor:default}.transport__track{border:2px solid var(--osd-dim);height:12px;margin-top:-6px;position:absolute;top:50%;left:0;right:0}.transport__fill{background:var(--accent);transform-origin:0;transform:scaleX(var(--ratio));transition:transform .26s linear;position:absolute;inset:2px}.transport__head{transform:translateX(calc(var(--ratio) * 100%));transition:transform .26s linear;position:absolute;inset:-9px 0}.transport__head:before{content:"";background:var(--osd);width:4px;position:absolute;top:0;bottom:0;left:-2px}.transport__bar[data-dragging=true] .transport__fill,.transport__bar[data-dragging=true] .transport__head{transition:none}.transport__bar[aria-disabled=true] .transport__head{display:none}.transport__times{font-variant-numeric:tabular-nums;color:var(--osd-dim);justify-content:space-between;align-items:center;gap:8px;margin-top:-4px;font-size:18px;line-height:1.2;display:flex}.transport__error{letter-spacing:.04em;grid-column:1/-1;margin:6px 0 0;font-size:18px}.title.is-to-browse{pointer-events:none}.title.is-to-browse .title__center,.title.is-to-browse .title__bottom{animation:fade-out .22s var(--ease-out) forwards}.title.is-to-browse .title__video{animation:fade-out var(--backdrop-ms) var(--ease-out) forwards}.browse{pointer-events:none;animation:fade-in var(--browse-in-ms) var(--ease-out) both;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.browse[data-leaving=true]{animation:fade-out var(--browse-out-ms) var(--ease-out) forwards}.browse__shade{background:linear-gradient(#0009,#0000 22% 56%,#000000d1);position:absolute;inset:0}.status[data-kind=index] .status__item--index{display:inline-flex}.browse__status{flex-direction:column;gap:4px;display:flex}.browse__heading{font-size:var(--fs-small);letter-spacing:.1em;color:var(--osd-dim);margin:0}.browse__actions{gap:8px;display:flex}.browse__dock{padding:0 var(--pad-r) var(--pad-b) var(--pad-l);text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.browse__hint{font-size:var(--fs-small);letter-spacing:.06em;color:var(--osd-dim);margin:0}.browse__hint--touch{display:none}@media (pointer:coarse){.browse__hint--pointer{display:none}.browse__hint--touch{display:inline}}.browse__now{flex-direction:column;align-items:center;gap:4px;max-width:min(100%,980px);display:flex}.browse__meta{font-size:var(--fs-ui);align-items:baseline;gap:1ch;margin:0;display:flex}.browse__counter{font-variant-numeric:tabular-nums;color:var(--ink);background:var(--accent);padding:1px .35em 0}.browse__catalog{color:var(--osd-dim)}.browse__title{overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(32px,4.6vw,66px);line-height:1.04}.browse__controls,.browse__foot{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.browse__icon,.browse__button,.browse__enter{min-width:52px;min-height:52px;font-size:var(--fs-ui);color:var(--osd);border:2px solid var(--osd-faint);transition:transform .14s var(--ease-out), background-color .12s ease, color .12s ease;background:#00000080;justify-content:center;align-items:center;gap:.4em;padding:0 1em;display:inline-flex}.browse__icon{width:52px;padding:0;font-size:30px}.browse__icon:disabled{cursor:default;opacity:.35}.browse__button--open{border-color:var(--accent)}.browse__enter{min-height:48px;color:var(--ink);background:var(--accent);border-color:var(--accent)}.browse__icon:active:not(:disabled),.browse__button:active,.browse__enter:active{transform:scale(.97)}.browse__dock,.browse__actions{transition:opacity .2s var(--ease-out), visibility 0s linear 0s}.browse[data-inspecting=true] .browse__dock,.browse[data-inspecting=true] .browse__actions{visibility:hidden;opacity:0;transition:opacity .18s var(--ease-out), visibility 0s linear .18s}@media (hover:hover) and (pointer:fine){.browse__icon:hover:not(:disabled),.browse__button:hover{color:var(--ink);background:var(--accent)}.browse__enter:hover{color:var(--accent);background:0 0}}.browse__icon:focus-visible,.browse__button:focus-visible{color:var(--ink);background:var(--accent)}@media (max-width:559px){.browse__title{font-size:clamp(28px,8.6vw,40px)}.browse__controls{flex-wrap:nowrap;width:100%}.browse__button{flex:1;padding:0 .4em}.browse__foot{width:100%}.browse__enter{flex:1}}@media (max-height:700px){.browse__hint{display:none}.browse__dock{gap:8px}}@media (max-height:520px){.browse__dock{text-align:left;flex-flow:wrap;justify-content:space-between;align-items:flex-end}.browse__now{flex:220px;align-items:flex-start;min-width:0}.browse__title{font-size:30px}.browse__controls,.browse__foot{width:auto}.browse__foot .mini{display:none}}.tracks__list>li{margin:0}.tracks__row--button{width:100%;min-height:44px;font:inherit;text-align:left;color:inherit;border:0;border-bottom:1px dashed var(--osd-faint);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;margin:0}.tracks__row--button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:#ffffff0f}@media (hover:hover) and (pointer:fine){.tracks__row--button:hover{background:#ffffff0f}.tracks__row--button:hover .tracks__title{color:var(--accent)}}.tracks__row--button:active{background:#ffffff1a}.tracks__row[data-playing=true] .tracks__title{color:var(--accent)}.tracks__playing{color:var(--accent);margin-right:.4em;display:inline-flex}.hud{--beyond:0}.hud__shade{pointer-events:none;opacity:var(--beyond);background:linear-gradient(#0000001a 0,#0000 22% 72%,#0000001f 100%);position:absolute;inset:0}.hud[data-light=true]{--edge:rgb(0 0 0/calc(min(1, var(--beyond) * 3) * .92));--fringe-r:rgb(255 40 90/calc(.55 * (1 - var(--beyond))));--fringe-b:rgb(40 180 255/calc(.5 * (1 - var(--beyond))))}.hud[data-light=true] .chroma{text-shadow:-1px 0 var(--fringe-r), 1px 0 var(--fringe-b), 1px 0 0 var(--edge), -1px 0 0 var(--edge), 0 1px 0 var(--edge), 0 -1px 0 var(--edge), 1px 1px 0 var(--edge), -1px -1px 0 var(--edge), 1px -1px 0 var(--edge), -1px 1px 0 var(--edge), 0 0 8px rgb(0 0 0/calc(var(--beyond) * .6))}.osd-root[data-lite=true] .hud[data-light=true] .chroma{text-shadow:1px 0 0 var(--edge), -1px 0 0 var(--edge), 0 1px 0 var(--edge), 0 -1px 0 var(--edge), 1px 1px 0 var(--edge), -1px -1px 0 var(--edge), 1px -1px 0 var(--edge), -1px 1px 0 var(--edge)}.hud[data-light=true] .osd-top .glyph path{stroke:rgb(0 0 0/calc(min(1, var(--beyond) * 3) * .9));stroke-width:1.6px;paint-order:stroke}.hud[data-light=true] .hud__hint--pointer>span+span,.hud[data-light=true] .hud__hint--touch>span+span{color:var(--osd)}.hud[data-light=true] .readout__demo{outline:2px solid rgb(0 0 0/calc(min(1, var(--beyond) * 3) * .9))}.osd-root[data-lite=true] .browse__shade,.osd-root[data-lite=true] .glass__grain,.osd-root[data-lite=true] .title__band,.osd-root[data-lite=true] .title__head-noise,.osd-root[data-lite=true] .play__glow,.osd-root[data-lite=true] .rew__bar{display:none}.osd-root[data-lite=true] .title__jitter,.osd-root[data-lite=true] .title.is-leaving .title__jitter{animation:none}.osd-root[data-lite=true] .chroma,.osd-root[data-lite=true] .menu__item{text-shadow:-1px 0 var(--fringe-r), 1px 0 var(--fringe-b)}.osd-root[data-lite=true] .menu__item[data-selected=true]{text-shadow:none}.osd-root[data-lite=true] .chroma-lg{text-shadow:-.024em 0 var(--fringe-r), .024em 0 var(--fringe-b)}.osd-root[data-lite=true] .ovl__panel{box-shadow:0 0 0 1px #000}.osd-root[data-lite=true] .rew:before{content:"";background-image:var(--noise);opacity:.12;background-size:112px 112px;height:8%;position:absolute;top:46%;left:0;right:0}@media (hover:hover) and (pointer:fine){.ovl__close:hover,.links__item:hover,.hud__button:hover,.inspect__icon:hover:not(:disabled),.inspect__close:hover,.inspect__link:hover,.mini__title:hover{color:var(--ink);background:var(--accent);text-shadow:none}.mini__title:hover .mini__catalog{color:var(--ink)}.transport__play:hover{color:var(--accent);background:0 0}}.ovl__close:focus-visible,.links__item:focus-visible,.hud__button:focus-visible,.inspect__icon:focus-visible,.inspect__close:focus-visible,.inspect__link:focus-visible{color:var(--ink);background:var(--accent);text-shadow:none}.osd-root[data-reduced=true] .title__band,.osd-root[data-reduced=true] .title__head-noise,.osd-root[data-reduced=true] .glass__grain,.osd-root[data-reduced=true] .play__glow{display:none}.osd-root[data-reduced=true] .title__jitter,.osd-root[data-reduced=true] .play__cursor{animation:none}.osd-root[data-reduced=true] .title.is-leaving .title__center,.osd-root[data-reduced=true] .title.is-leaving .title__bottom,.osd-root[data-reduced=true] .title.is-leaving .title__video{animation:fade-out var(--leave-ms) ease forwards}.osd-root[data-reduced=true] .title.is-leaving .title__jitter,.osd-root[data-reduced=true] .title.is-leaving .title__band{animation:none}.osd-root[data-reduced=true] .ovl__panel{animation:.16s ovl-fade}.osd-root[data-reduced=true] .play,.osd-root[data-reduced=true] .menu__item,.osd-root[data-reduced=true] .hud__button,.osd-root[data-reduced=true] .ovl__close{transition:background-color .12s,color .12s}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#000}body{overscroll-behavior:none;color:#fff;-webkit-tap-highlight-color:transparent;background:#000;overflow:hidden}.pdj-layer{position:fixed;inset:0}.pdj-layer--scene{touch-action:none;-webkit-user-select:none;user-select:none}.pdj-layer--ui{pointer-events:none}
