@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}#player{z-index:20;padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom));backdrop-filter:blur(14px);background:#0b0d17ee;border-top:1px solid #ffffff1f;position:fixed;bottom:0;left:0;right:0}#player[hidden]{display:none}#player .bar{align-items:center;gap:1rem;max-width:62rem;margin:0 auto;display:flex}#player #pp{cursor:pointer;color:#0b0d17;background:linear-gradient(120deg, var(--pa,#f5a524), var(--pb,#ff6b3d));border:0;border-radius:50%;flex:none;place-items:center;width:2.8rem;height:2.8rem;display:grid}#player .i-pause,#player.on .i-play{display:none}#player.on .i-pause{display:block}#player .meta{flex-direction:column;flex:1;min-width:0;display:flex}#player .meta strong{font-size:.95rem}#player .meta span{color:#aab0c8;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}#player .vol input{width:6.5rem;accent-color:var(--pa,#f5a524)}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=30rem){#player .vol{display:none}}.themes{border:1px solid #fff3;gap:0;margin-left:.6rem;display:inline-flex}.themes button{color:inherit;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;opacity:.6;background:0 0;border:0;padding:.15rem .55rem;font-size:.75rem}.themes button[aria-pressed=true]{opacity:1;background:#fff2}html[data-theme=hud] body{color:#cfe6f2;background-color:#04080d;background-image:repeating-linear-gradient(0deg,#7be0ff09 0 1px,#0000 1px 3px),radial-gradient(at 50% -10%,#0d2233,#04080d 60%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:fixed;background-origin:padding-box;background-clip:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}html[data-theme=hud] a{color:#7be0ff}html[data-theme=hud] .brand{text-transform:uppercase;letter-spacing:.25em;color:#7be0ff;font-size:.95rem}html[data-theme=hud] h1{text-transform:uppercase;letter-spacing:.05em}html[data-theme=hud] .themes{border-color:#1b3447}html[data-theme=hud] .card{background:linear-gradient(160deg,#ffffff08,#0000);border-color:#1b3447;border-radius:0;transition:all .2s;overflow:visible}html[data-theme=hud] .card .glow{display:none}html[data-theme=hud] .card:before,html[data-theme=hud] .card:after{content:"";border:2px solid var(--a);width:14px;height:14px;transition:all .2s;position:absolute}html[data-theme=hud] .card:before{border-bottom:0;border-right:0;top:-1px;left:-1px}html[data-theme=hud] .card:after{border-top:0;border-left:0;bottom:-1px;right:-1px}html[data-theme=hud] .card:hover,html[data-theme=hud] .card:has(.play.on){border-color:var(--a);box-shadow:0 0 28px -8px var(--a), inset 0 0 30px -20px var(--a)}html[data-theme=hud] .card:hover:before,html[data-theme=hud] .card:hover:after,html[data-theme=hud] .card:has(.play.on):before,html[data-theme=hud] .card:has(.play.on):after{width:28px;height:28px}html[data-theme=hud] .card h3{color:var(--a);letter-spacing:.03em;font-size:1.3rem}html[data-theme=hud] .play{border:1px solid var(--a,var(--pa));color:var(--a,var(--pa));background:0 0;border-radius:0}html[data-theme=hud] .play.on{background:var(--a);color:#04080d}html[data-theme=hud] .cta{color:#7be0ff;border-color:#7be0ff;border-radius:0}html[data-theme=hud] .explicit{border-radius:0}html[data-theme=hud] #player{border-top:1px solid var(--pa,#7be0ff);background:#04080dee}html[data-theme=hud] #player #pp{border:1px solid var(--pa);color:var(--pa);background:0 0;border-radius:0}html[data-theme=hud] footer{border-color:#1b3447}html[data-theme=dial] body{color:#f1e3c8;background:#1a1411 radial-gradient(circle at 50% 0,#3a2a1e,#140f0c 70%) fixed;font-family:Georgia,Times New Roman,serif}html[data-theme=dial] a{color:#e7c98f}html[data-theme=dial] .brand{font-variant:small-caps;letter-spacing:.25em;color:#e7c98f}html[data-theme=dial] .brand span{color:#a58862}html[data-theme=dial] h1,html[data-theme=dial] h2{font-style:italic;font-weight:400}html[data-theme=dial] .themes{border-color:#7a5334}html[data-theme=dial] .hero{display:none}html[data-theme=dial] .card{background:linear-gradient(#3b2615,#2a1b0f);border:2px solid #7a5334;border-radius:.9rem;box-shadow:inset 0 2px #9a704a55}html[data-theme=dial] .card .glow{opacity:.12}html[data-theme=dial] .card h3{color:var(--a);font-style:italic;font-weight:400}html[data-theme=dial] .tag,html[data-theme=dial] .genres,html[data-theme=dial] .dj,html[data-theme=dial] .now{color:#c9b28a}html[data-theme=dial] .play{color:#e7c98f;font-variant:small-caps;letter-spacing:.12em;background:0 0;border:2px solid #e7c98f;font-family:Georgia,serif}html[data-theme=dial] .play:hover,html[data-theme=dial] .play.on{color:#2a1a0d;background:#e7c98f}html[data-theme=dial] .cta{color:#e7c98f;border-color:#e7c98f}html[data-theme=dial] #player{background:linear-gradient(#3b2615,#2a1b0f);border-top:2px solid #7a5334}html[data-theme=dial] #player #pp{color:#2a1a0d;background:#e7c98f}html[data-theme=dial] footer{color:#a58862;border-color:#7a5334}html[data-theme=board] body{color:#ffb000;text-shadow:0 0 6px #ffb00066;background:#0a0700 repeating-linear-gradient(0deg,#0006 0 1px,#0000 1px 3px);font-family:ui-monospace,Menlo,Consolas,monospace}html[data-theme=board] a{color:#ffb000}html[data-theme=board] header{border-bottom:2px solid #ffb000}html[data-theme=board] .brand{text-transform:uppercase;letter-spacing:.15em;color:#ffb000;font-size:1rem}html[data-theme=board] .brand span,html[data-theme=board] nav a{color:#ffb000}html[data-theme=board] .themes{border-color:#8a5f00}html[data-theme=board] .hero{padding:1.4rem 0 .8rem}html[data-theme=board] .hero h1{letter-spacing:.1em;text-transform:uppercase;font-size:clamp(1.6rem,4vw,2.4rem)}html[data-theme=board] .hero h1 em{color:#ffb000;-webkit-text-fill-color:#ffb000;background:0 0}html[data-theme=board] .hero br{display:none}html[data-theme=board] .kicker,html[data-theme=board] .lede{color:#8a5f00}html[data-theme=board] .cta{display:none}html[data-theme=board] h2 small{color:#8a5f00}html[data-theme=board] .grid{grid-template-columns:1fr;gap:0}html[data-theme=board] .card{background:0 0;border:0;border-bottom:1px dashed #3a2800;border-radius:0;grid-template-columns:1.4fr 2fr auto;grid-template-areas:"name now play""meta now play";align-items:center;gap:0 1rem;padding:.7rem .5rem;display:grid}html[data-theme=board] .card:hover{background:#ffb00012}html[data-theme=board] .card:has(.play.on){background:#ffb00020}html[data-theme=board] .card .glow,html[data-theme=board] .card .tag,html[data-theme=board] .card .genres,html[data-theme=board] .card .dj{display:none}html[data-theme=board] .card h3{color:var(--a);text-transform:none;grid-area:name;font-size:1.05rem}html[data-theme=board] .card .gameplay{color:#8a5f00;letter-spacing:.05em;text-transform:none;grid-area:meta;font-size:.75rem}html[data-theme=board] .card .now{color:#ffb000;grid-area:now;margin:0}html[data-theme=board] .card .now .np:before{content:"♪ "}html[data-theme=board] .card .dot{display:none}html[data-theme=board] .card .play{letter-spacing:.15em;text-transform:uppercase;color:#8a5f00;background:0 0;border:1px solid #8a5f00;border-radius:0;grid-area:play;justify-self:end;padding:.15rem .8rem;font-size:.75rem}html[data-theme=board] .card .play svg{display:none}html[data-theme=board] .play.on{background:var(--a,#ffb000);border-color:var(--a,#ffb000);color:#0a0700;text-shadow:none}html[data-theme=board] .play{color:#ffb000;background:0 0;border:1px solid #ffb000;border-radius:0}html[data-theme=board] .explicit{color:#ffb000;border-color:#8a5f00;border-radius:0}html[data-theme=board] #player{background:#0a0700f2;border-top:2px solid #ffb000}html[data-theme=board] #player #pp{color:#0a0700;background:#ffb000;border-radius:0}html[data-theme=board] #player .meta span{color:#8a5f00}html[data-theme=board] footer{color:#8a5f00;border-color:#3a2800}@media (width<=40rem){html[data-theme=board] .card{grid-template-columns:1fr auto;grid-template-areas:"name play""meta play""now now"}}:root{color-scheme:dark}*{box-sizing:border-box}body{color:#e8eaf4;background-color:#0000;background-image:radial-gradient(60rem 30rem at 85% -10%,#2a1850 0%,#0000 60%),radial-gradient(50rem 30rem at -10% 10%,#10264d 0%,#0000 60%);background-position:0 0,0 0;background-repeat:no-repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;margin:0;padding-bottom:6rem;font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:#9db4ff}header,main,footer{width:min(62rem,100% - 2rem);margin-inline:auto}header{justify-content:space-between;align-items:center;padding:1.2rem 0;display:flex}.brand{color:#fff;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.brand span{color:#8b90a8;font-weight:400}nav{gap:1.2rem;display:flex}nav a{color:#c9cde0;text-decoration:none}nav a:hover{color:#fff}footer{color:#8b90a8;border-top:1px solid #ffffff14;margin-top:4rem;padding:1.5rem 0;font-size:.85rem}footer p{margin:.2rem 0}h1,h2{line-height:1.1}