@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/silkscreen-latin-400-normal-CtPo2yA5.woff2)format("woff2"),url(/assets/silkscreen-latin-400-normal-D0DfPJut.woff)format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pixelify-sans-latin-400-normal-DLrIX9QE.woff2)format("woff2"),url(/assets/pixelify-sans-latin-400-normal-JapMNN6Z.woff)format("woff")}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.px-sprite{image-rendering:pixelated;shape-rendering:crispedges;display:block}.px-frame{border:8px solid #0000;border-image-source:var(--px-frame);background-color:var(--px-fill);background-clip:padding-box;border-image-slice:4;border-image-width:8px;border-image-repeat:stretch}.px-btn{border:8px solid #0000;border-image:var(--px-frame) 4 / 8px stretch;background-color:var(--px-fill);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;background-clip:padding-box;justify-content:center;align-items:center;display:inline-flex}.px-btn:hover:not(:disabled){filter:brightness(1.08)}.px-btn:active:not(:disabled){border-image-source:var(--px-frame-down,var(--px-frame));transform:translateY(2px)}.px-btn:disabled{cursor:not-allowed}.px-dialog{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid;position:relative}.px-dialog:not(:has(>.px-dialog-face)){grid-template-columns:1fr}.px-dialog-face{place-items:center;display:grid}.px-dialog-name{display:inline-block}.px-dialog-count{position:absolute}.px-dialog-more{animation:.6s steps(2,end) infinite px-bob;position:absolute}.px-curtain{z-index:50;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.px-curtain:before,.px-curtain:after{content:"";background:var(--px-curtain-cloth,repeating-linear-gradient(90deg, #8a2b3d 0 14px, #b13e53 14px 30px, #d4505f 30px 36px, #b13e53 36px 46px), #b13e53);width:51%;box-shadow:inset 0 -24px 0 var(--px-curtain-hem,#5d1b2a);position:absolute;top:0;bottom:0}.px-curtain:before{left:0}.px-curtain:after{right:0}.px-curtain-valance{z-index:2;background:var(--px-curtain-valance,repeating-linear-gradient(90deg, #f7a541 0 8px, #ffcd75 8px 16px));height:40px;box-shadow:0 6px 0 var(--px-curtain-hem,#5d1b2a);position:absolute;top:0;left:0;right:0}.px-curtain-card{z-index:3;text-align:center;padding:18px 36px;position:relative}.px-curtain-opening:before{animation:1.4s steps(14,end) 1.7s forwards px-curtain-left}.px-curtain-opening:after{animation:1.4s steps(14,end) 1.7s forwards px-curtain-right}.px-curtain-opening .px-curtain-card{animation:.3s steps(3,end) 1.5s forwards px-fade-out}.px-curtain-opening .px-curtain-valance{animation:.3s steps(3,end) 3s forwards px-fade-out}.px-curtain-closing:before{animation:.9s steps(12,end) forwards px-curtain-left-in;transform:translate(-100%)}.px-curtain-closing:after{animation:.9s steps(12,end) forwards px-curtain-right-in;transform:translate(100%)}.px-curtain-closing .px-curtain-card{opacity:0;animation:.3s steps(3,end) .9s forwards px-fade-in}.px-stage{position:relative;overflow:hidden}.px-stage>canvas{image-rendering:pixelated;display:block}.px-fill{width:100%;height:100%;position:relative;overflow:hidden}.px-fill>canvas{image-rendering:pixelated;display:block}.px-stage-layer{pointer-events:none;position:absolute;inset:0}@keyframes px-bob{50%{transform:translateY(3px)}}@keyframes px-curtain-left{to{transform:translate(-100%)}}@keyframes px-curtain-right{to{transform:translate(100%)}}@keyframes px-curtain-left-in{to{transform:translate(0)}}@keyframes px-curtain-right-in{to{transform:translate(0)}}@keyframes px-fade-out{to{opacity:0}}@keyframes px-fade-in{to{opacity:1}}@media (prefers-reduced-motion:reduce){.px-dialog-more,.px-curtain:before,.px-curtain:after,.px-curtain-card,.px-curtain-valance{animation-duration:.01ms;animation-iteration-count:1;animation-delay:0s}}:root{--ink:#0b0716;--text:#f4f0ff;--dim:#b9b0d9;--gold:#ffd23f;--edge:#6e5cff;--chip:#2a2155;--display:"Silkscreen", ui-monospace, monospace;--body:"Pixelify Sans", ui-sans-serif, system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--ink);height:100%;color:var(--text);font-family:var(--body);overscroll-behavior:none;margin:0;overflow:hidden}button,input{font:inherit;color:inherit}.app{height:100dvh;position:fixed;inset:0}.show{position:absolute;inset:0}.crt{pointer-events:none;background:repeating-linear-gradient(#00000029 0 1px,#0000 1px 3px),radial-gradient(#0000 55%,#0000008c 100%);position:absolute;inset:0}.panel{--px-frame:var(--frame-panel);--px-fill:#0e0920d1}.px-btn.gold{--px-frame:var(--frame-gold);--px-frame-down:var(--frame-gold-down);--px-fill:var(--gold);color:var(--ink)}.px-btn.chip{--px-frame:var(--frame-chip);--px-frame-down:var(--frame-chip-down);--px-fill:var(--chip);color:var(--text)}.px-btn{min-width:44px;min-height:44px;font-family:var(--display);letter-spacing:.04em;padding:2px 10px;font-size:13px}.px-btn[aria-pressed=true]{--px-fill:var(--gold);color:var(--ink)}.px-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.icon{width:48px;padding:0}.icon.big{width:64px;min-height:56px}.splash{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.splash-panel{--px-fill:#0e0920f0;text-align:center;gap:14px;width:min(560px,100%);padding:16px 20px 12px;display:grid}.logo{font-family:var(--display);letter-spacing:.06em;color:var(--gold);text-shadow:3px 3px 0 #c2185b, 6px 6px 0 var(--ink);margin:0;font-size:clamp(34px,9vw,56px);line-height:1}.logo span:last-child{color:#8ef6ff}.logo.small{font-size:clamp(24px,6vw,34px)}.shared-pair{gap:4px;display:grid}.shared-pair p,.shared-pair h2{margin:0}.tagline{color:var(--dim);margin:0;font-size:16px}.start{justify-self:center;min-width:220px;min-height:56px;font-size:18px;animation:1.2s steps(2,jump-none) infinite blink}@keyframes blink{50%{filter:brightness(1.25)}}.fine{color:var(--dim);margin:0;font-size:13px}.fine a{color:var(--gold)}.genre-grid{gap:6px;display:grid}.genre-cells{border:0;grid-template-columns:repeat(3,1fr);gap:6px;min-width:0;margin:0;padding:0;display:grid}.genre-cell{white-space:normal;text-align:center;gap:2px;min-height:56px;padding:6px;display:grid}.genre-grid.compact .genre-cell{min-height:44px}.genre-blurb{font-family:var(--body);letter-spacing:0;opacity:.85;font-size:12px}.sheet{width:min(640px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);padding:16px 20px;overflow-y:auto}.sheet::backdrop{background:#05020c99}.sheet h2{font-family:var(--display);color:var(--gold);margin:0 0 4px;font-size:20px}.sheet .fine{margin-bottom:12px}.sheet .close{width:100%;margin-top:12px}.track-groups{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px 16px;display:grid}.track-group h3{font-family:var(--display);color:#8ef6ff;letter-spacing:.08em;margin:0 0 4px;font-size:13px}.track-group ul{margin:0;padding:0;list-style:none}.track-row{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;min-height:44px;padding:4px 8px;display:grid}.track-row:hover,.track-row:focus-visible{background:var(--chip);outline:none}.track-row[aria-current=true] .track-name:before{content:"▶ ";color:var(--gold)}.track-name{font-family:var(--display);font-size:13px}.track-meta{color:var(--dim);font-size:12px}.title-card{border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);pointer-events:none;text-align:center;background:#0b0716b8;justify-items:center;gap:4px;width:max-content;max-width:calc(100vw - 32px);padding:10px 22px;animation:4.8s steps(24,end) forwards title-card;display:grid;position:absolute;top:38%;left:50%}.title-card-eyebrow{font-family:var(--display);color:#8ef6ff;letter-spacing:.14em;font-size:11px}.title-card-title{font-family:var(--display);color:var(--gold);text-shadow:3px 3px 0 #c2185b, 5px 5px 0 var(--ink);overflow-wrap:anywhere;max-width:100%;font-size:clamp(22px,6vw,44px);line-height:1.15}.title-card-meta{color:var(--text);font-size:14px}@keyframes title-card{0%{opacity:0;transform:translate(-60%,-50%)}10%,80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}.now-playing,.controls{transition:opacity .4s,transform .4s;position:absolute}.hud-off{cursor:none}.now-playing{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));max-width:min(460px,100vw - 32px);padding:8px 14px}.now-playing p,.now-playing h2{margin:0}.eyebrow{font-family:var(--display);color:#8ef6ff;letter-spacing:.1em;font-size:11px}.track-title{font-family:var(--display);color:var(--gold);font-size:clamp(18px,4.5vw,26px);line-height:1.2}.meta{font-size:14px}.meta.dim{color:var(--dim);font-size:13px}.controls{left:50%;bottom:max(16px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;width:max-content;max-width:calc(100vw - 32px);padding:8px 12px;display:flex;transform:translate(-50%)}.transport,.options{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.chip-short{display:none}.share-note{font-family:var(--display);color:var(--gold);white-space:nowrap;pointer-events:none;margin:0;padding:6px 12px;font-size:12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.share-note:empty{display:none}.volume{min-height:44px;color:var(--dim);align-items:center;gap:6px;display:flex}.volume input{width:96px;accent-color:var(--gold)}.hud-off .now-playing,.hud-off .controls{opacity:0;pointer-events:none}.hud-off .now-playing{transform:translateY(-8px)}.hud-off .controls{transform:translate(-50%,8px)}.hud-off .controls:focus-within{opacity:1;pointer-events:auto}@media (max-width:640px){.controls{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));gap:6px;width:auto;max-width:none;transform:none}.hud-off .controls{transform:translateY(8px)}.now-playing{top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));max-width:none}.options .px-btn{padding:2px 6px;font-size:11px}.genre-cell{letter-spacing:0;padding:4px 2px;font-size:11px}.volume input{width:72px}.chip-long{display:none}.chip-short{display:inline}}@media (pointer:coarse){.volume{display:none}}@media (prefers-reduced-motion:reduce){.start{animation:none}.title-card{animation:none;display:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}