@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=Orbitron:wght@500;700;900&display=swap');
:root{--ink:#05080d;--panel:#0b1119;--cyan:#16f7ff;--pink:#ff2bd6;--lime:#b7ff00;--amber:#ffb000;--paper:#eafcff;--muted:#9bb7bd;--line:#26515a;--focus:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);color:var(--paper);font-family:'IBM Plex Mono',monospace}body{margin:0;min-width:280px;background:radial-gradient(circle at 50% 0,#132b3a 0,#05080d 38rem);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.2) 3px 4px);mix-blend-mode:multiply}a{color:var(--cyan)}button,input,select{font:inherit}button,a,input,select{border-radius:0}.skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:.8rem;z-index:99}.skip:focus{left:.5rem}.shell{width:min(1180px,calc(100% - 2rem));margin:auto}.topbar{border-bottom:1px solid var(--line);background:#05080dee}.topbar .shell{min-height:54px;display:flex;align-items:center;gap:1rem}.brand{font-family:Orbitron,sans-serif;text-transform:uppercase;text-decoration:none;font-weight:900;letter-spacing:.15em;color:var(--paper)}.brand b{color:var(--pink);text-shadow:2px 0 var(--cyan)}nav{margin-left:auto;display:flex;gap:1rem}nav a{text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;text-decoration:none}.lang{border-left:1px solid var(--line);padding-left:1rem}.lang [aria-current]{color:var(--lime);font-weight:bold}.hero{position:relative;min-height:620px;padding:5rem 0 10rem;overflow:hidden}.hero:after{content:"";position:absolute;left:-25%;right:-25%;bottom:-25rem;height:38rem;background:repeating-linear-gradient(90deg,rgba(22,247,255,.22) 0 1px,transparent 1px 8%),repeating-linear-gradient(0deg,rgba(22,247,255,.22) 0 1px,transparent 1px 12%);transform:perspective(350px) rotateX(64deg);transform-origin:center top;mask-image:linear-gradient(#000,transparent 80%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--lime);font-size:.78rem}.hero h1{font:900 clamp(3.8rem,10vw,8.5rem)/.78 Orbitron,sans-serif;letter-spacing:-.08em;margin:.35em 0;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px var(--cyan);filter:drop-shadow(7px 7px 0 var(--pink))}.hero h1 span{display:block;font-size:.34em;letter-spacing:.3em;-webkit-text-stroke:1px var(--paper);filter:none}.lede{max-width:62ch;line-height:1.7;color:#c9e7e8}.sample-notice{border:1px solid var(--amber);border-left:7px solid var(--amber);padding:1rem;color:#ffe1a0;background:#171208}.terminal{border:2px solid #31434c;padding:1.2rem;background:#020504;box-shadow:0 0 0 8px #111a20,0 0 0 10px #26323a,20px 25px 0 #020304}.terminal-head{display:flex;justify-content:space-between;border-bottom:1px solid #1d4b37;padding-bottom:.7rem;color:var(--lime)}.terminal pre{font:600 1rem/1.8 'IBM Plex Mono';white-space:pre-wrap;color:#55ff8b;text-shadow:0 0 8px #0f5;margin:1rem 0}.pad-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.pad{aspect-ratio:1;border:1px solid #4c354e;background:#201320}.pad:nth-child(2),.pad:nth-child(7){background:var(--pink);box-shadow:0 0 18px #ff2bd688}.pad:nth-child(4),.pad:nth-child(5){background:var(--cyan);box-shadow:0 0 18px #16f7ff66}.stats{position:relative;z-index:3;margin-top:-4rem;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--panel)}.stat{padding:1.25rem;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font:700 1.8rem Orbitron;color:var(--cyan)}.stat span{font-size:.7rem;text-transform:uppercase;color:var(--muted)}section{padding:5rem 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;border-bottom:2px solid var(--pink);margin-bottom:2rem}.section-head h2{font:700 clamp(2rem,5vw,4rem) Orbitron;margin:.2rem 0;text-transform:uppercase}.section-head p{max-width:45ch;color:var(--muted)}.year-track{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.year-track button{width:100%;min-height:120px;background:var(--panel);color:var(--paper);border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;padding:1rem;cursor:pointer}.year-track button:hover,.year-track button:focus-visible{background:#102a2e;color:var(--lime)}.year-track time{font:700 1.45rem Orbitron;color:var(--cyan);display:block}.year-track small{color:var(--muted)}.filters{border:1px solid var(--line);background:#080d13;padding:1rem;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:1rem}.field label{display:block;color:var(--muted);text-transform:uppercase;font-size:.68rem;margin-bottom:.35rem}.field input,.field select{width:100%;min-height:44px;background:#02070b;color:var(--paper);border:1px solid #43717b;padding:.55rem}.filter-actions{grid-column:1/-1;display:flex;align-items:center;gap:1rem}.button{border:1px solid var(--cyan);background:#07171b;color:var(--cyan);padding:.75rem 1rem;text-transform:uppercase;cursor:pointer;font-weight:600;box-shadow:4px 4px 0 #07535a}.button:hover{background:var(--cyan);color:#001}.button.alt{border-color:var(--pink);color:var(--pink);box-shadow:4px 4px 0 #5a074e}.result-count{margin-left:auto;color:var(--lime)}.artist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:1.5rem}.card{position:relative;background:var(--panel);border:1px solid var(--line);min-width:0}.art{aspect-ratio:16/10;position:relative;overflow:hidden;background:#02050a}.art svg{width:100%;height:100%;display:block}.rank{position:absolute;top:.5rem;left:.5rem;z-index:2;background:#000d;color:var(--lime);padding:.25rem}.playable{position:absolute;bottom:.5rem;right:.5rem;background:var(--pink);color:#000;padding:.25rem;font-weight:bold}.card-body{padding:1rem}.card h3{font:700 1.1rem Orbitron;margin:.2rem 0;overflow-wrap:anywhere}.meta{color:var(--cyan);font-size:.78rem}.release{min-height:3.5rem;color:#ccd}.tags{display:flex;gap:.4rem;flex-wrap:wrap}.tag{border:1px solid #475d63;padding:.2rem .4rem;font-size:.65rem;color:var(--muted)}.open{width:100%;margin-top:1rem;background:transparent;border:0;border-top:1px solid var(--line);color:var(--lime);padding:.8rem;text-align:left;cursor:pointer}.load{display:block;margin:2rem auto}dialog{width:min(920px,calc(100% - 2rem));max-height:90vh;padding:0;background:#080e14;color:var(--paper);border:2px solid var(--cyan);box-shadow:12px 12px 0 var(--pink)}dialog::backdrop{background:#000c}.close{position:absolute;right:.7rem;top:.7rem;z-index:5;background:#000;color:#fff;border:1px solid var(--pink);padding:.55rem;cursor:pointer}.dialog-grid{display:grid;grid-template-columns:38% 62%}.dialog-side{padding:1rem;border-right:1px solid var(--line)}.dialog-main{padding:2rem;overflow-wrap:anywhere}.dialog-main h2{font:700 clamp(1.8rem,5vw,3.2rem) Orbitron;margin:.3rem 0}.audio{border:1px solid var(--pink);padding:1rem;margin-top:1rem}.audio audio{width:100%}.evidence{border-left:4px solid var(--lime);padding-left:1rem;margin-top:1.5rem}.footer{border-top:1px solid var(--line);padding:2rem 0;color:var(--muted)}.footer .shell{display:flex;justify-content:space-between;gap:1rem}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.terminal{max-width:500px}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.year-track{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(2,1fr)}.artist-grid{grid-template-columns:repeat(2,1fr)}.dialog-grid{grid-template-columns:1fr}.dialog-side{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:560px){.shell{width:min(100% - 1rem,1180px)}.topbar .shell{flex-wrap:wrap;padding:.6rem 0}.topbar nav{order:3;width:100%;margin:0;justify-content:space-between}.hero{padding-top:3rem}.hero h1{font-size:3.8rem}.stats{grid-template-columns:1fr 1fr}.section-head{display:block}.filters,.artist-grid{grid-template-columns:1fr}.filter-actions{flex-wrap:wrap}.result-count{width:100%;margin:0}.dialog-main{padding:1.2rem}.footer .shell{display:block}.year-track button{min-height:95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}