:root{--shadow:#000;--bg:#0d0b14;--panel:#1f1a2e;--border:#6a4590;--text:#f4f1e8;--muted:#7c7a8c;--accent:#f2b13a;--teal:#9fe0d8}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}main{max-width:720px;margin:0 auto;padding:48px 16px}h1{color:var(--accent);letter-spacing:.04em;margin:0;font-size:28px}.sub{color:var(--muted);margin:4px 0 32px}ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}a{background:var(--panel);border:2px solid var(--border);box-shadow:4px 4px 0 var(--shadow);color:inherit;padding:16px;text-decoration:none;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end);display:block}a:hover,a:focus-visible{border-color:var(--accent);box-shadow:6px 6px 0 var(--shadow);outline:none;transform:translate(-2px,-2px)}a:hover strong:before,a:focus-visible strong:before{content:"▶ "}a:active{box-shadow:0 0 0 var(--shadow);transform:translate(4px,4px)}@media (prefers-reduced-motion:reduce){a{transition:none}}strong{color:var(--accent);font-size:18px}.genre{color:var(--teal);margin-left:8px;font-size:13px}a p{margin:6px 0 0}.controls{color:var(--muted);font-size:13px}.moved{border:2px solid var(--accent);background:var(--panel);margin:0 0 16px;padding:12px 16px}.moved button{border:2px solid var(--accent);background:var(--bg);color:var(--accent);font:inherit;cursor:pointer;margin-top:8px;padding:6px 12px}