@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Share+Tech+Mono&display=swap');:root{color-scheme:dark;--bg:#11100d;--panel:#1b1a15;--panel2:#222017;--line:#4a4434;--text:#e4ddc9;--muted:#958b72;--accent:#d36b2f;--rust:#8f3f27;--ok:#a6b85b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px 'Share Tech Mono',monospace;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 5px)}main{max-width:920px;margin:0 auto;padding:30px 20px}header{border-bottom:2px solid var(--rust);padding-bottom:24px;margin-bottom:24px;position:relative}header:after{content:'NO GODS / NO MASTERS / NO SILENCE';position:absolute;right:0;bottom:-8px;background:var(--bg);padding:0 8px;color:var(--rust);font-size:10px;letter-spacing:.12em}h1{font:clamp(2rem,6vw,4.5rem) 'Black Ops One',Impact,sans-serif;line-height:1;margin:0 0 12px;text-transform:uppercase;color:var(--text);text-shadow:3px 3px 0 #39251c}h2{font-size:1rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 14px}.live{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--rust);padding:20px;border-radius:2px;box-shadow:5px 5px 0 #080807}.value{font-size:1.4rem;font-weight:650;overflow-wrap:anywhere}.muted{color:var(--muted)}.player{display:flex;align-items:center;gap:14px;margin-top:22px}.play{width:58px;height:58px;border:2px solid var(--accent);border-radius:3px;background:var(--rust);color:var(--text);font-size:1.3rem;font-weight:800;cursor:pointer;box-shadow:4px 4px 0 #090806}.play:hover{background:var(--accent);color:#17100b}.player-status{font-weight:700}.signal{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);margin-right:7px}.signal.on{background:var(--ok);box-shadow:0 0 12px var(--ok)}input[type=range]{accent-color:var(--accent);width:130px}ol{margin:0;padding-left:24px}li{padding:7px 0;border-bottom:1px solid var(--line)}.codec{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.codec-tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.codec-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 12px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);font:inherit;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-radius:2px;box-shadow:3px 3px 0 #090806}.codec-btn .codec-note{font-size:.6rem;letter-spacing:.05em;text-transform:none;opacity:.75}.codec-btn:hover{border-color:var(--accent);color:var(--text)}.codec-btn.active{border-color:var(--accent);background:var(--rust);color:var(--text)}.codec-btn.active .codec-note{opacity:.9}@media(max-width:650px){main{padding:24px 14px}.grid{grid-template-columns:1fr}.player{flex-wrap:wrap}}