@font-face{font-family:Doto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/doto-latin-ext-wght-normal.35r15kalhx54s.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Doto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/doto-latin-wght-normal.2l160cf64yk3i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Big Blue Terminal;src:url(/fonts/big-blue-terminal.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--black:#0d0d0b;--ivory:#e8dfc8;--muted:#777267;--green:#96ff46;--red:#d24f35}*{box-sizing:border-box;font-family:Doto Variable,ui-monospace,monospace}html,body{background:var(--black);min-height:100%;color:var(--ivory);margin:0}body{font-family:Doto Variable,ui-monospace,monospace;overflow:hidden}button{font:inherit}.stage{background:radial-gradient(circle at 50% 45%, #4a402f29, transparent 32%), var(--black);cursor:none;width:100vw;height:100svh;position:relative;overflow:hidden}.artwork-canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.transition-structure{z-index:2;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.transition-canvas{z-index:4;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dither-canvas{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.constellation-nodes{z-index:6;pointer-events:none;position:absolute;inset:0}.constellation-dot{background:#f8f1df;border-radius:50%;transition:opacity .3s,filter .3s;display:block;position:absolute;transform:translate(-50%,-50%)}.constellation-dot:after{content:"";border:1px solid #f8f1df33;border-radius:50%;position:absolute;inset:-6px}.constellation-dot:before{content:attr(data-rank);color:#f8f1df5c;letter-spacing:.08em;font-size:7px;font-style:normal;font-weight:750;position:absolute;top:-4px;left:12px}.constellation-dot.most-recent:after{border-color:#96ff466b;box-shadow:0 0 12px #96ff4624}.constellation-dot.revealing{filter:brightness(1.65)}.constellation-dot.revealing:after{animation:1.4s ease-in-out infinite memory-pulse}@keyframes memory-pulse{50%{opacity:.15;transform:scale(1.5)}}.song-node-tooltip{z-index:7;color:#a9a294;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0e0cf0;border:1px solid #5b574e;min-width:180px;max-width:280px;padding:11px 13px;animation:.35s both song-card-arrive;position:absolute;transform:translate(14px,-50%)}.song-node-tooltip.align-left{transform:translate(calc(-100% - 14px),-50%)}.song-node-tooltip small{color:var(--green);letter-spacing:.13em;margin-bottom:8px;font-size:8px;font-weight:800;display:block}.song-node-tooltip b{color:var(--ivory);font-size:12px;font-weight:750;line-height:1.25;display:block}.song-node-tooltip span{color:#7d786e;letter-spacing:.1em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:650;display:block}@keyframes song-card-arrive{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur()}}.grain{z-index:0;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");position:absolute;inset:0}.interface{transition:opacity .55s,transform .55s}.interface-hidden .interface{opacity:0;pointer-events:none}.interface-visible{cursor:default}.topbar{z-index:3;letter-spacing:.16em;justify-content:flex-end;align-items:center;width:100%;padding:28px 34px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;left:0}.wordmark{align-items:center;gap:12px;display:flex}.wordmark>span{letter-spacing:-.08em;border:1px solid #5d594f;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.status-cluster{align-items:center;gap:16px;display:flex}.signal{color:#aaa394;align-items:center;gap:9px;font-size:13px;display:flex}.signal i{background:#6d6a62;border-radius:50%;width:7px;height:7px}.signal i.live{background:var(--green);box-shadow:0 0 14px #96ff4673}.top-disconnect{color:#8f897d;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;border-left:1px solid #3e3b35;padding:4px 0 4px 16px;font-size:13px;font-weight:750}.top-disconnect:hover{color:var(--ivory)}.placard{z-index:auto;text-align:center;width:min(1200px,100vw - 48px);margin-inline:auto;position:absolute;bottom:clamp(76px,10vh,116px);left:0;right:0}.catalog-wrap{z-index:8;cursor:help;outline:none;justify-content:center;margin-bottom:15px;display:inline-flex;position:relative}.placard>h1,.placard>.details,.placard>.track-flags,.placard>.timeline{z-index:3;position:relative}.catalog{color:#7f7a6f;letter-spacing:.22em;border-bottom:1px dotted #0000;font-size:18px;font-weight:800;transition:color .25s,border-color .25s}.catalog-wrap:hover .catalog,.catalog-wrap:focus-visible .catalog{color:var(--ivory);border-color:#615c52}.composition-why{z-index:8;color:#9e9789;text-align:left;letter-spacing:.04em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#100f0df0;border:1px solid #454139;width:min(440px,100vw - 42px);padding:19px 21px;font-size:14px;font-weight:600;line-height:1.65;transition:opacity .25s,transform .25s;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%,6px)}.composition-why b{color:var(--green);letter-spacing:.16em;margin-bottom:10px;font-size:11px;display:block}.catalog-wrap:hover .composition-why,.catalog-wrap:focus-visible .composition-why{opacity:1;transform:translate(-50%)}h1{color:var(--ivory);letter-spacing:.01em;text-wrap:balance;margin:0;font-family:Big Blue Terminal,Doto Variable,ui-monospace,monospace;font-size:clamp(30px,4vw,58px);font-weight:400;line-height:.98;animation:1.7s cubic-bezier(.2,.8,.2,1) both arrive}@keyframes arrive{0%{opacity:0;filter:blur(8px);transform:translateY(13px)}to{opacity:1;filter:blur();transform:translateY(0)}}.details{color:#b5ae9e;letter-spacing:.09em;text-transform:uppercase;justify-content:center;gap:20px;margin-top:22px;font-size:clamp(18px,1.65vw,24px);font-weight:650;display:flex}.details .slash{color:#4e4b44}.track-flags{color:#69655c;letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:24px;font-size:16px;font-weight:750;display:flex}.track-flags span{position:relative}.track-flags span+span:before{content:"·";color:#3f3d37;position:absolute;left:-18px}.track-flags .warning{color:var(--red)}.timeline{color:#6d6960;letter-spacing:.08em;align-items:center;gap:24px;width:min(880px,90vw);margin:48px auto 0;font-size:16px;font-weight:700;display:flex}.rail{background:#38362f;flex:1;height:2px;position:relative;overflow:hidden}.fill{background:var(--ivory);height:100%;transition:width 1s linear}.direction-control{z-index:3;width:min(430px,100vw - 68px);position:absolute;top:27px;left:34px}.direction-heading{align-items:center;gap:6px;margin-bottom:6px;display:flex}.direction-control label{color:#6f6a60;letter-spacing:.18em;font-size:10px;font-weight:800;display:block}.direction-info{color:#6f6a60;cursor:pointer;background:0 0;border:0;place-items:center;width:15px;height:15px;padding:0;display:grid}.direction-info svg{width:14px;height:14px}.direction-info:hover,.direction-info:focus-visible{color:var(--ivory);outline:none}.direction-entry{border-bottom:1px solid #403d36;display:flex}.direction-entry input{min-width:0;color:var(--ivory);letter-spacing:.04em;background:0 0;border:0;outline:0;flex:1;padding:6px 3px 7px;font-size:14px;font-weight:600}.direction-entry input::placeholder{color:#555149}.direction-entry:focus-within{border-color:#918a7c}.direction-entry button{color:#918a7c;letter-spacing:.13em;cursor:pointer;background:0 0;border:0;padding:8px 9px;font-size:11px;font-weight:800}.direction-entry button:hover{color:var(--ivory)}.direction-entry button:disabled{color:#4b4841;cursor:not-allowed}.direction-state{color:#514e47;letter-spacing:.11em;min-height:13px;margin-top:5px;font-size:9px;font-weight:700}.direction-state.error{color:var(--red)}.controls{z-index:3;align-items:center;gap:4px;display:flex;position:absolute;bottom:25px;right:30px}.controls button,.primary{color:#8f897d;letter-spacing:.14em;cursor:pointer;background:0 0;border:0;padding:10px 12px;font-size:9px;font-weight:800}.controls button{align-items:center;gap:8px;padding:12px 15px;font-size:15px;display:inline-flex}.controls button:disabled{opacity:.28;cursor:not-allowed}.controls button:hover{color:var(--ivory);background:#ffffff0a}.control-icon{flex:none;width:19px;height:19px}.spotify-icon{color:var(--green)}.about{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141310f0;border-left:1px solid #38352f;width:min(560px,100vw);height:100dvh;padding:clamp(58px,8vh,82px) 50px 42px;transition:transform .65s cubic-bezier(.7,0,.2,1);position:absolute;top:0;right:0;overflow-y:auto;transform:translate(102%)}.about.open{transform:translate(0)}.close{color:var(--ivory);cursor:pointer;background:0 0;border:0;font-size:25px;position:absolute;top:25px;right:28px}.eyebrow{color:var(--red);letter-spacing:.2em;margin:0 0 22px;font-size:11px;font-weight:800}.about h2{letter-spacing:.01em;margin:0 0 22px;font-family:Big Blue Terminal,Doto Variable,ui-monospace,monospace;font-size:clamp(52px,5vw,72px);font-weight:400;line-height:.95}.about>p:not(.eyebrow){color:#b1aa9b;font-size:16px;font-weight:620;line-height:1.62}.about>.about-tagline{color:var(--ivory);margin:0 0 24px;font-size:20px;font-weight:680;line-height:1.42}.field-logic{border-top:1px solid #403d35;gap:0;margin-top:28px;display:grid}.field-logic>div{border-bottom:1px solid #34322c;grid-template-columns:120px 1fr;gap:20px;padding:19px 0;display:grid}.field-logic b{color:var(--green);letter-spacing:.16em;font-size:11px;line-height:1.5}.field-logic span{color:#b1aa9b;font-size:14px;font-weight:620;line-height:1.58}.direction-guide{background:#08080738;border:1px solid #48443b;margin-top:28px;padding:20px 22px}.direction-guide:focus{border-color:#657853;outline:none}.direction-guide p{color:var(--green);letter-spacing:.17em;margin:0 0 12px;font-size:11px;font-weight:800}.direction-guide span{color:#b1aa9b;margin-bottom:14px;font-size:14px;font-weight:620;line-height:1.58;display:block}.direction-guide code{color:var(--ivory);letter-spacing:.06em;font-size:12px;font-weight:700;line-height:1.8;display:block}.direction-guide small{color:#8f897d;margin-top:13px;font-size:12px;font-weight:620;line-height:1.55;display:block}.setup{border:1px solid #403d35;margin-top:35px;padding:19px}.setup p{color:#7f7a70;letter-spacing:.17em;margin:0 0 12px;font-size:8px;font-weight:800}.setup code{color:var(--green);text-overflow:ellipsis;background:#0e0e0c;padding:12px;font-family:Doto Variable,ui-monospace,monospace;font-size:10px;font-weight:650;display:block;overflow:hidden}.setup small{color:#716d64;margin-top:12px;font-size:9px;line-height:1.55;display:block}.notice{color:#a19a8c;border:1px solid #38452f;flex-direction:column;gap:9px;margin-top:24px;padding:16px 18px;font-size:10px;line-height:1.55;display:flex}.notice b{color:var(--green);letter-spacing:.17em;font-size:8px}.notice.error{border-color:#57372f}.notice.error b{color:#e06a4c}.primary{background:var(--ivory);color:var(--black);margin-top:28px;padding:15px 18px}.about footer{color:#666158;letter-spacing:.13em;margin-top:42px;font-size:10px;font-weight:700;line-height:1.8}@media (max-width:700px){.topbar{padding:20px}.wordmark{font-size:0}.status-cluster{gap:12px}.signal,.top-disconnect{font-size:14px}.top-disconnect{padding-left:12px}.placard{bottom:100px}.catalog{font-size:14px}.details{flex-wrap:wrap;gap:5px;padding:0 15px;font-size:clamp(16px,5vw,22px);line-height:1.25}.details .slash{display:none}.details span{width:100%}.track-flags{gap:8px 18px;margin-top:16px;font-size:11px}.track-flags span+span:before{left:-12px}.timeline{gap:12px;width:88vw;margin-top:28px;font-size:10px}.direction-control{width:calc(100vw - 40px);top:72px;bottom:auto;left:20px}.direction-entry input{font-size:12px}.controls{flex-wrap:wrap;justify-content:center;bottom:15px;left:12px;right:12px}.controls button{padding:9px;font-size:12px}.about{padding:58px 28px 32px}.about h2{font-size:52px}.about>.about-tagline{font-size:17px}.field-logic>div{grid-template-columns:1fr;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}