:root{--tt-blue:#0000d0;--tt-blue-dark:#0000a8;--tt-cyan:#00e0e0;--tt-yellow:#f0f000;--tt-green:#20e020;--tt-red:#e00000;--tt-magenta:#d000d0;--bg:#0d0d12}*{box-sizing:border-box}html,body{background:var(--bg);color:#fff;margin:0;font-family:VT323,monospace}body{flex-direction:column;align-items:center;gap:20px;min-height:100vh;padding:24px 16px;display:flex}a{color:var(--tt-green)}header{background:var(--tt-blue);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1ch;padding:4px 14px;display:flex;box-shadow:0 0 0 2px #000,0 10px 30px #00000080}.logo{color:var(--tt-yellow);letter-spacing:2px;align-items:center;gap:12px;font-size:44px;line-height:1;text-decoration:none;display:flex}.mosaic{grid-template-rows:repeat(2,14px);grid-template-columns:repeat(2,12px);display:grid}.mosaic i:first-child{background:var(--tt-red)}.mosaic i:nth-child(2){background:var(--tt-green)}.mosaic i:nth-child(3){background:var(--tt-yellow)}.mosaic i:nth-child(4){background:var(--tt-cyan)}.chan{color:#fff;background:#000;padding:0 10px;font-size:28px}.nav{gap:6px;display:flex}.nav a{color:#000;background:var(--tt-cyan);padding:0 10px;font-size:24px;text-decoration:none}.nav a:hover{background:var(--tt-yellow)}.panel{background:#000;border:2px solid #111;border-radius:4px;padding:0 0 14px;box-shadow:0 0 0 1px #222,0 10px 30px #00000080}.ttbar{color:#fff;border-bottom:2px solid var(--tt-blue);background:#000;gap:1ch;padding:4px 14px;font-size:20px;display:flex}.ttbar .svc,.ttbar .tt-clock{color:var(--tt-yellow)}.ttbar .spacer{flex:1}.ttbar .full{color:#000;background:var(--tt-cyan);padding:0 8px;text-decoration:none}.ttbar .full:hover{background:var(--tt-yellow)}footer{color:var(--tt-cyan);text-align:center;font:18px/1.4 VT323,monospace}kbd{color:var(--tt-yellow);background:var(--tt-blue);padding:0 6px;font:18px VT323,monospace}@media (width<=600px){.logo{font-size:32px}.chan{font-size:22px}.nav a{font-size:20px}.ttbar .tt-date{display:none}}footer p{margin:0}