@font-face{font-family:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/courier-prime-400-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/courier-prime-700-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Rock Salt;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rock-salt-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Synaptic Noir;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/synaptic-noir-regular.woff2) format("woff2")}:root{--bg:#12100e;--bg-lift:#1a1613;--paper:#efe6d4;--ink:#1c1917;--accent:#d9603b;--accent-2:#e0b23c;--muted:#8f8375;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;--mono:"Courier Prime",ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--hand:"Rock Salt","Bradley Hand","Segoe Print",cursive;--scratch:"Synaptic Noir","Rock Salt","Bradley Hand",cursive;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}html{text-size-adjust:100%}body{background:var(--bg);color:var(--paper);font-family:var(--mono);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}a,body,button{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}.page{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(28px,5vw,48px);padding:clamp(32px,6vw,72px) 20px;background:radial-gradient(120% 90% at 50% 0,rgba(217,96,59,.16) 0,transparent 60%),radial-gradient(100% 80% at 50% 100%,rgba(224,178,60,.08) 0,transparent 65%)}.grain{position:fixed;inset:-50%;pointer-events:none;opacity:.28;z-index:2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");animation:grain-shift .7s steps(1) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}to{transform:translate(0)}}.header{text-align:center;z-index:1}.wordmark{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(2.75rem,11vw,6rem);letter-spacing:.22em;text-indent:.22em;line-height:1}.tagline{margin:14px 0 0;font-size:.72rem;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:var(--accent-2)}.player{width:min(680px,100%);display:flex;flex-direction:column;align-items:center;gap:24px;z-index:1}.deck{width:100%;filter:drop-shadow(0 30px 60px rgba(0,0,0,.65));transition:transform .4s ease}.deck.is-playing{transform:translateY(-4px)}.cassette{width:100%;height:auto;display:block}.c-label-side{font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:.24em;fill:#efe6d4}.c-label-brand{font-family:var(--mono);font-size:11px;letter-spacing:.18em;fill:rgba(255,255,255,.85)}.c-label-title{font-family:var(--serif);font-style:italic;font-size:34px;fill:var(--ink)}.c-label-artist{font-family:var(--mono);font-size:15px;letter-spacing:.22em;text-transform:uppercase;fill:rgba(28,25,23,.62)}.reel{transform-box:view-box;animation-name:reel-spin;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}.reel.is-spinning{animation-play-state:running}@keyframes reel-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.grain,.reel{animation:none!important}}.transport{width:100%;display:flex;align-items:center;gap:16px;padding:14px 18px;border:1px solid rgba(239,230,212,.14);border-radius:14px;background:linear-gradient(180deg,rgba(239,230,212,.06),rgba(239,230,212,.02));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn{display:grid;place-items:center;flex:none;border:1px solid rgba(239,230,212,.2);border-radius:999px;background:transparent;color:var(--paper);cursor:pointer;transition:background .16s ease,transform .16s ease,color .16s ease}.btn svg{width:45%;height:45%}.btn:hover:not(:disabled){background:rgba(239,230,212,.12)}.btn:active:not(:disabled){transform:scale(.94)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-ghost{width:40px;height:40px}.btn-play{width:54px;height:54px;background:var(--accent);border-color:transparent;color:#14100d}.btn-play:hover:not(:disabled){background:#e6714c}.scrub{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:8px}.scrub input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:linear-gradient(to right,var(--accent-2) 0,var(--accent-2) var(--pct,0),rgba(239,230,212,.18) var(--pct,0),rgba(239,230,212,.18) 100%);cursor:pointer}.scrub input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--paper);border:none}.scrub input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--paper);border:none}.times{display:flex;justify-content:space-between;font-size:.66rem;letter-spacing:.12em;color:var(--muted)}.notice,.nowplaying{margin:0;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-align:center}.notice{text-transform:none;letter-spacing:.04em;color:var(--accent);line-height:1.6}.notice code{font-family:var(--mono);background:rgba(217,96,59,.14);padding:1px 5px;border-radius:4px}.blurb{max-width:46ch;text-align:center;z-index:1}.blurb p{margin:0;font-family:var(--serif);font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.75;color:rgba(239,230,212,.72)}.footer{display:flex;flex-direction:column;align-items:center;gap:16px;z-index:1}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:26px}.links a{color:var(--paper);text-decoration:none;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;padding-bottom:3px;border-bottom:1px solid rgba(239,230,212,.25);transition:color .16s ease,border-color .16s ease}.links a:hover{color:var(--accent-2);border-color:var(--accent-2)}.copyright{margin:0;font-size:.62rem;letter-spacing:.14em;color:rgba(143,131,117,.7)}@media (max-width:520px){.transport{flex-wrap:wrap;justify-content:center}.scrub{order:-1;flex-basis:100%}}.playcount{color:var(--accent-2)}.back{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(239,230,212,.5);text-decoration:none;transition:color .16s ease}.back:hover{color:var(--accent-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}