html{background:#000}html.snap{scroll-snap-type:y mandatory}body.tv-page{background:#000;color:#fff;overflow-x:clip}html.tv-scroll{overflow:hidden;overscroll-behavior:none}.channel{position:relative;height:100vh;height:100svh;overflow:hidden;background:#000;scroll-snap-align:start;scroll-snap-stop:always}.channel video,.channel .plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.channel video{opacity:0;transition:opacity .4s ease}.channel video.ready{opacity:1}.channel .shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0000008c,#0000 24% 52%,#000c)}.channel .marks i{position:absolute;width:1.1rem;height:1.1rem;border:0 solid rgba(255,255,255,.7);pointer-events:none;opacity:0;transition:opacity .5s ease .3s}.channel.on .marks i{opacity:1}.channel .marks i:nth-child(1){top:5.6rem;left:1.75rem;border-width:1px 0 0 1px}.channel .marks i:nth-child(2){top:5.6rem;right:1.75rem;border-width:1px 1px 0 0}.channel .marks i:nth-child(3){bottom:4.4rem;left:1.75rem;border-width:0 0 1px 1px}.channel .marks i:nth-child(4){bottom:4.4rem;right:1.75rem;border-width:0 1px 1px 0}.channel .band{position:absolute;left:1.75rem;right:1.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:baseline;justify-content:space-between;gap:2rem;text-transform:uppercase;opacity:0;transition:opacity .45s ease .15s}.channel.on .band{opacity:1}.channel .who{display:flex;align-items:baseline;gap:1.4rem;font-size:clamp(1rem,1.9vw,2rem);letter-spacing:.04em;color:#fff}.channel .who b{font-weight:500;font-size:.55em;letter-spacing:.12em;color:#ffffffa6}.channel .what{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:400;font-size:clamp(1.5rem,3vw,3.4rem);line-height:1;letter-spacing:.02em;color:#fff;text-align:right;transition:opacity .25s ease}.channel .what:hover{opacity:.6}.channel .info{position:absolute;left:1.75rem;right:1.75rem;bottom:1.4rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .5s ease .25s}.channel.on .info{opacity:1}.channel .info span{font-size:inherit;line-height:1.25;color:#fff}.channel .info span:nth-child(2){text-align:center;padding-left:.08em}.channel .info .cnt{justify-self:end;font-variant-numeric:tabular-nums}.channel .info .cnt b{font-weight:500;color:#ffffff8c}.crt{position:fixed;inset:0;z-index:40;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.6) 100%);animation:flicker 5s linear infinite}.crt:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.07}.crt.off{animation:none;opacity:0}@keyframes flicker{0%,to{opacity:1}46%{opacity:1}48%{opacity:.88}50%{opacity:1}81%{opacity:.94}83%{opacity:1}}#static{position:fixed;inset:0;z-index:110;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;opacity:0}.osd{position:fixed;top:7.2rem;right:1.75rem;z-index:120;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700;letter-spacing:.2em;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .25s ease}.osd.show{opacity:1}@keyframes blink{0%{opacity:1}to{opacity:.15}}#stage{position:relative;height:300vh;height:300svh}.stage-pin{position:sticky;top:0;height:100vh;height:100svh;z-index:5;background:#050505;overflow:hidden}#tv3d{position:absolute;inset:0;width:100%;height:100%;display:block}.stage-ui{position:absolute;left:1.75rem;right:1.75rem;bottom:1.4rem;display:flex;justify-content:space-between;font-size:.8rem;letter-spacing:.14em;color:#ffffffd9;pointer-events:none}.stage-ui span{font-size:inherit}.stage-ui b{color:#e23a2e;font-weight:400;animation:blink 1s steps(2,jump-none) infinite}.stage-ui i{font-style:normal;display:inline-block;animation:nudge 1.4s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(4px)}}html.tv-nostage #stage{display:none}#stage>.channel{position:sticky;top:0;margin-top:-100vh;margin-top:-100svh;z-index:1;scroll-snap-align:none}.snap-mark{position:absolute;left:0;width:1px;height:1px;top:calc(100% - 100vh);top:calc(100% - 100svh);scroll-snap-align:start;scroll-snap-stop:always;pointer-events:none}@media(max-width:760px){.channel .marks i:nth-child(1),.channel .marks i:nth-child(2){top:4.6rem}.channel .marks i:nth-child(1),.channel .marks i:nth-child(3){left:1rem}.channel .marks i:nth-child(2),.channel .marks i:nth-child(4){right:1rem}.channel .marks i:nth-child(3),.channel .marks i:nth-child(4){bottom:3.6rem}.channel .band{left:1rem;right:1rem;top:auto;bottom:5.2rem;transform:none;flex-direction:column-reverse;align-items:flex-start;gap:.5rem}.channel .what{text-align:left;font-size:clamp(2rem,9vw,3rem)}.channel .who{font-size:.95rem}.channel .info{left:1rem;right:1rem;bottom:1rem;font-size:.72rem}.stage-ui{left:1rem;right:1rem;font-size:.7rem}.osd{top:5.4rem;right:1rem}}footer{scroll-snap-align:end}.channel{cursor:pointer}