@import "https://fonts.googleapis.com/css2?family=Silkscreen&family=VT323&display=swap";:root{--ink:#1b1a2e;--paper:#f6f2e6;--accent:#d8343a;--panel:#1b1a2edb}*{box-sizing:border-box}html,body{touch-action:none;background:#1b1a2e;height:100%;margin:0;overflow:hidden}#c{width:100vw;height:100vh;image-rendering:pixelated;cursor:grab;display:block;position:fixed;inset:0}#c:active{cursor:grabbing}#ui{pointer-events:none;color:var(--paper);font-family:VT323,monospace;font-size:20px;position:fixed;inset:0}#ui .panel,#ui .credits{pointer-events:auto}.panel{background:var(--panel);border:3px solid var(--paper);box-shadow:4px 4px 0 var(--ink);image-rendering:pixelated;padding:8px 12px;position:absolute}button,select,input{font:inherit;color:inherit}button{background:var(--ink);border:2px solid var(--paper);cursor:pointer;min-height:34px;padding:2px 10px}button:hover{background:#3c4466}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:1px;outline:3px solid #ffd27a}.brand{flex-direction:column;line-height:1;display:flex;top:12px;left:12px}.brand b{letter-spacing:1px;color:#ffd27a;font-family:Silkscreen,monospace;font-size:22px}.brand span{opacity:.8;margin-top:4px;font-size:16px}.clock{margin-top:6px;font-size:22px}.bar{align-items:center;gap:10px;width:min(720px,100vw - 24px);display:flex;bottom:34px;left:50%;transform:translate(-50%)}.live{white-space:nowrap;opacity:.6}.live.on{color:#ff6b6b;opacity:1}.slider{accent-color:#ffd27a;flex:1;min-width:80px;height:28px}.tlabel{text-align:center;min-width:52px}.date{background:var(--ink);border:2px solid var(--paper);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:34px;padding:2px 4px}.side{flex-direction:column;gap:8px;min-width:200px;display:flex;top:12px;right:12px}.side select{background:var(--ink);border:2px solid var(--paper);min-height:34px;padding:4px}.rot{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tr{opacity:.9;font-size:18px}.info{max-width:300px;padding-right:36px;top:120px;left:12px}.info b{color:#ffd27a;margin-bottom:4px;font-family:Silkscreen,monospace;font-size:16px;display:block}.info .sub{font-size:18px}.info .meta{opacity:.8;font-size:16px}.info .x{min-height:0;padding:0 6px;position:absolute;top:4px;right:4px}.hidden{display:none}.credits{text-align:center;opacity:.85;text-shadow:1px 1px 0 var(--ink);font-size:14px;position:absolute;bottom:4px;left:0;right:0}.credits a{color:#ffd27a}#hud{color:#fff;pointer-events:none;background:#00000080;padding:2px 6px;font:12px monospace;position:fixed;bottom:90px;left:12px}#hud:empty{display:none}@media (width<=640px){#ui{font-size:17px}.brand{padding:6px 10px}.brand b{font-size:15px}.brand span{display:none}.clock{margin-top:4px;font-size:18px}.side{gap:6px;width:148px;min-width:0;padding:6px;top:12px;right:12px}.side select{min-height:30px;font-size:15px}.tr{font-size:14px}.rot{grid-template-columns:repeat(4,1fr);gap:4px}.rot button{min-height:30px;padding:0}.bar{flex-wrap:wrap;gap:6px 8px;padding:6px 10px;bottom:30px}.bar .live{order:1}.bar .tlabel{order:2}.bar .date{order:3;margin-left:auto}.slider{flex-basis:100%;order:4}.info{max-width:calc(100vw - 24px);top:auto;bottom:150px;left:12px}.credits{padding:0 8px;font-size:11px}#hud{bottom:150px}}