@import"https://fonts.googleapis.com/css2?family=Anton&family=VT323&family=Space+Mono:wght@400;700&display=swap";:root{--bg: #06070b;--bg-2: #0c0e15;--bg-3: #12141d;--ink: #ece9df;--muted: #8b909c;--line: #232634;--phosphor: #58f0c0;--amber: #ffb454;--bar-white: #e9e9e2;--bar-yellow: #e3d24b;--bar-cyan: #4bd9e3;--bar-green: #4be37a;--bar-magenta: #e34bce;--bar-red: #e34b4b;--bar-blue: #4b6ee3;--accent: var(--phosphor);--font-display: "Anton", system-ui, sans-serif;--font-crt: "VT323", monospace;--font-body: "Space Mono", ui-monospace, monospace;--radius: 14px;--bezel: #15161c}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;min-height:100%}body{visibility:visible!important}body{background:radial-gradient(120% 90% at 50% -10%,#14131c 0%,var(--bg) 55%,#030305 100%);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent);color:#04050a}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;line-height:.95;margin:0}.bug{font-family:var(--font-crt);font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 8px color-mix(in srgb,var(--accent) 70%,transparent)}.kbd{font-family:var(--font-crt);font-size:1rem;padding:.05em .45em;border:1px solid var(--line);border-bottom-width:3px;border-radius:5px;background:var(--bg-3);color:var(--ink)}.btn{font-family:var(--font-crt);font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:linear-gradient(180deg,var(--bg-3),var(--bg-2));border:1px solid var(--line);border-radius:10px;padding:.5em 1.1em;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease;box-shadow:inset 0 1px #ffffff0d,0 4px 16px #0006}.btn:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:inset 0 1px #ffffff0f,0 0 22px color-mix(in srgb,var(--accent) 35%,transparent)}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{color:#05060a;background:var(--accent);border-color:var(--accent);font-weight:700}.btn--primary:hover{color:#05060a;filter:brightness(1.08)}.btn--ghost{background:transparent}.panel{background:linear-gradient(180deg,var(--bg-2),var(--bg));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff08}.field{font-family:var(--font-crt);font-size:1.4rem;color:var(--ink);background:#04050a;border:1px solid var(--line);border-radius:8px;padding:.4em .6em;letter-spacing:.12em;outline:none}.field:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}select.field{cursor:pointer}.crt{position:relative}.crt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#00000038 3px,#00000038 3px);mix-blend-mode:multiply;z-index:4}.crt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 120% at 50% 50%,transparent 60%,rgba(0,0,0,.55) 100%);z-index:5}.crt-room:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .6s steps(2) infinite}@keyframes grain{0%,to{transform:translate(0)}50%{transform:translate(-4px,3px)}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.82}94%{opacity:1}97%{opacity:.9}}.flicker{animation:flicker 6s infinite}.glow{text-shadow:0 0 10px color-mix(in srgb,var(--accent) 65%,transparent)}.site-footer{text-align:center;padding:28px 16px 40px;margin-top:32px;border-top:1px solid var(--line);font-family:var(--font-crt);font-size:1rem;letter-spacing:.1em;color:var(--muted)}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--accent);text-decoration:none}.site-footer .sep{opacity:.45;margin:0 .6ch}.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}@media(prefers-reduced-motion:reduce){.crt-room:after,.flicker{animation:none}}:root{--accent: var(--bar-yellow)}body{min-height:100vh}.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:18px clamp(16px,4vw,40px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#06070bf5,#06070bd1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home{font-family:var(--font-crt);font-size:1.05rem;color:var(--muted);justify-self:start}.home:hover{color:var(--accent);text-decoration:none}.top__title{text-align:center}.top__title h1{font-family:var(--font-display);font-size:clamp(26px,5vw,52px);color:var(--ink);text-shadow:0 0 22px color-mix(in srgb,var(--accent) 40%,transparent);line-height:.9}.theme{justify-self:end;text-align:right;font-family:var(--font-crt);line-height:1.2}.theme__name{display:block;font-size:1.4rem;color:var(--accent);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,transparent)}.theme__reset{font-size:.95rem;color:var(--muted)}#countdown{color:var(--ink)}.wrap{max-width:1000px;margin:0 auto;padding:clamp(16px,3vw,32px);display:flex;flex-direction:column;gap:24px}.player{position:relative;aspect-ratio:16 / 9;width:100%;background:#000;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 18px 60px #0009}.player iframe,.player #player-yt{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.player__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;text-align:center;color:var(--muted)}.player__empty span{font-size:3rem;color:var(--accent)}.now{margin:10px 2px 0;font-family:var(--font-crt);font-size:1.2rem;color:var(--ink);min-height:1.4em}.player-opts{display:flex;flex-wrap:wrap;gap:18px;margin:10px 2px 0}.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle__track{position:relative;width:38px;height:20px;flex:none;border-radius:999px;background:var(--bg-3);border:1px solid var(--line);transition:background .2s ease,border-color .2s ease}.toggle__thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform .2s ease,background .2s ease}.toggle input:checked+.toggle__track{background:color-mix(in srgb,var(--accent) 28%,var(--bg-3));border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(18px);background:var(--accent)}.toggle input:focus-visible+.toggle__track{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.toggle__label{font-family:var(--font-crt);font-size:1.05rem;color:var(--muted)}.toggle input:checked~.toggle__label{color:var(--accent)}.add{padding:16px}.add__form{display:flex;gap:10px;flex-wrap:wrap}.add__url{flex:1 1 280px;font-family:var(--font-body);font-size:1rem;letter-spacing:0}.turnstile{margin-top:12px}.turnstile:empty{display:none}.add__msg{margin:10px 2px 0;min-height:1.2em;font-family:var(--font-crt);font-size:1.05rem;color:var(--accent)}.add__msg.err{color:#ff7a7a}.list-head{display:flex;align-items:baseline;justify-content:space-between}.list-head h2{font-family:var(--font-display);font-size:1.6rem}.muted{color:var(--muted);font-family:var(--font-crt)}.list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.card{display:grid;grid-template-columns:auto 120px 1fr auto;gap:14px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,var(--bg-2),var(--bg));transition:border-color .2s ease,transform .1s ease}.card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.card.playing{border-color:var(--accent);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 25%,transparent)}.rank{font-family:var(--font-display);font-size:1.6rem;color:var(--muted);width:1.6em;text-align:center}.thumb{width:120px;aspect-ratio:16 / 9;border-radius:8px;object-fit:cover;cursor:pointer;background:#000;display:block}.meta{min-width:0;cursor:pointer}.meta__title{font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta__tag{margin-top:4px;font-family:var(--font-crt);font-size:.95rem;color:var(--accent);letter-spacing:.06em}.votes{display:flex;flex-direction:column;align-items:center;gap:2px}.vote-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;line-height:1;color:var(--muted);padding:2px 6px;border-radius:6px}.vote-btn:hover{color:var(--ink);background:var(--bg-3)}.vote-btn.up.on{color:var(--bar-green)}.vote-btn.down.on{color:var(--bar-red)}.score{font-family:var(--font-crt);font-size:1.3rem;color:var(--ink);min-width:1.5ch;text-align:center}.empty{text-align:center;color:var(--muted);padding:30px}@media(max-width:640px){.top{grid-template-columns:1fr;text-align:center}.home,.theme{justify-self:center;text-align:center}.card{grid-template-columns:auto 92px 1fr auto}.thumb{width:92px}}.admin{max-width:820px;margin:0 auto;padding:clamp(16px,4vw,48px)}.admin__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}.admin__head h1{font-family:var(--font-display);font-size:clamp(28px,5vw,48px)}.admin__who{font-family:var(--font-crt);color:var(--muted)}.field.small{font-size:1rem;padding:.3em .5em}.login{display:grid;place-items:center;gap:18px;min-height:50vh;text-align:center}.login p{color:var(--muted);max-width:440px}.err-banner{margin:12px 0;padding:10px 14px;border:1px solid #ff7a7a;border-radius:8px;color:#ff9a9a;font-family:var(--font-crt)}.admin__controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 6px}.admin__day{font-family:var(--font-crt);color:var(--muted);display:inline-flex;align-items:center;gap:8px}.adminlist{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,var(--bg-2),var(--bg))}.thumb-sm{width:80px;aspect-ratio:4 / 3;object-fit:cover;border-radius:6px;background:#000}.row__meta{min-width:0}.row__title{font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row__sub{margin-top:4px;font-family:var(--font-crt);font-size:.95rem;color:var(--accent)}.row__btns{display:flex;gap:8px}.btn.no{color:#1a0707;background:var(--bar-red);border-color:var(--bar-red)}.btn--google{display:inline-flex;align-items:center;gap:10px}.queue__empty{color:var(--muted);font-family:var(--font-crt);font-size:1.2rem;padding:24px 0}