*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000}.scene{position:relative;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.vhs-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;image-rendering:pixelated}.standby-distortion-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;image-rendering:pixelated}.grain-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:25;pointer-events:none;image-rendering:pixelated}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:10}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 5%,rgba(0,0,0,.92) 100%);pointer-events:none;z-index:26}.title{position:relative;z-index:20;font-family:Courier New,monospace;font-size:clamp(.9rem,3.5vw,2.4rem);font-weight:400;letter-spacing:.12em;text-transform:lowercase;white-space:nowrap;padding:.4em .8em}.title--vhs{color:#3f3;background:#0000008c;animation:crt-flicker 6s steps(1) infinite,crt-jitter 8s steps(1) infinite}.scene--bars{flex-direction:column;gap:0}.bars-row{display:flex;width:clamp(300px,60%,700px);z-index:2;flex-shrink:0}.bar{flex:1;height:clamp(30px,5vh,60px)}.title--bars{color:#fff;background:#000;padding:.3em 1.2em;z-index:2;animation:bars-flicker 10s steps(1) infinite,crt-jitter 8s steps(1) infinite}.scene--standby{flex-direction:column;align-items:stretch;justify-content:flex-start}.smpte-main{display:flex;flex:7;z-index:2}.smpte-sub{display:flex;flex:1;z-index:2}.smpte-bottom{display:flex;flex:1.5;z-index:2}.smpte-bar{flex:1}.title--standby{position:absolute;inset:0;margin:auto;width:fit-content;height:fit-content;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:clamp(1rem,4vw,3rem);text-transform:uppercase;letter-spacing:.15em;color:#fff;background:#060010;padding:.3em 1em;z-index:20;text-shadow:-5px 0 0 rgba(50,0,230,.9),-2px 0 0 rgba(130,0,220,.7),5px 0 0 rgba(20,0,210,.65),0 0 15px rgba(70,0,200,.35);box-shadow:0 0 20px #6e00dc99,0 0 50px #4600a047,inset 0 0 18px #5000a02e;animation:standby-flicker 7s steps(1) infinite,standby-chroma 8s steps(1) infinite,standby-glitch 5s linear infinite}.title--static{color:#e0e0e0;background:#0000008c;animation:static-flicker 5s steps(1) infinite,crt-jitter 8s steps(1) infinite}@keyframes crt-flicker{0%,to{opacity:1}42%{opacity:1}42.3%{opacity:.3}42.6%{opacity:1}78%{opacity:1}78.2%{opacity:.4}78.4%{opacity:.9}78.5%{opacity:.2}78.8%{opacity:1}}@keyframes bars-flicker{0%,to{opacity:1}35%{opacity:1}35.2%{opacity:.4}35.5%{opacity:1}67%{opacity:1}67.3%{opacity:.3}67.5%{opacity:.8}67.6%{opacity:.2}67.9%{opacity:1}}@keyframes static-flicker{0%,to{opacity:1}25%{opacity:1}25.2%{opacity:.5}25.4%{opacity:1}58%{opacity:1}58.1%{opacity:.2}58.3%{opacity:.7}58.5%{opacity:.3}58.7%{opacity:1}83%{opacity:1}83.2%{opacity:.4}83.4%{opacity:1}}@keyframes standby-flicker{0%,to{opacity:1}30%{opacity:1}30.2%{opacity:.75}30.4%{opacity:.95}30.5%{opacity:.6}30.8%{opacity:1}72%{opacity:1}72.2%{opacity:.82}72.4%{opacity:1}}@keyframes standby-glitch{0%{transform:translate(0);animation-timing-function:step-end}86%{transform:translate(-6px);animation-timing-function:step-end}87%{transform:translate(4px,1px);animation-timing-function:step-end}88%{transform:translate(-3px,-1px);animation-timing-function:step-end}89%{transform:translate(2px);animation-timing-function:step-end}90%{transform:translate(0);animation-timing-function:step-end}to{transform:translate(0)}}@keyframes standby-chroma{0%,to{text-shadow:-5px 0 0 rgba(50,0,230,.9),-2px 0 0 rgba(130,0,220,.7),5px 0 0 rgba(20,0,210,.65),0 0 15px rgba(70,0,200,.35)}22%{text-shadow:-8px 0 0 rgba(50,0,230,.95),-4px 0 0 rgba(140,0,230,.8),7px 0 0 rgba(20,0,215,.7),0 0 22px rgba(80,0,210,.5)}38%{text-shadow:-3px 0 0 rgba(50,0,230,.75),-1px 0 0 rgba(110,0,200,.55),3px 0 0 rgba(20,0,200,.5),0 0 8px rgba(60,0,190,.2)}60%{text-shadow:-6px 0 0 rgba(60,0,240,.9),-3px 0 0 rgba(150,0,225,.75),8px 0 0 rgba(30,0,215,.68),0 0 28px rgba(90,0,215,.45)}80%{text-shadow:-4px 0 0 rgba(50,0,230,.85),-2px 0 0 rgba(120,0,215,.65),4px 0 0 rgba(20,0,205,.6),0 0 12px rgba(70,0,200,.3)}}@keyframes crt-jitter{0%,to{transform:translateY(0)}15%{transform:translateY(0)}15.3%{transform:translateY(-2px)}15.5%{transform:translateY(1px)}15.7%{transform:translateY(0)}48%{transform:translateY(0)}48.2%{transform:translateY(3px)}48.4%{transform:translateY(-1px)}48.7%{transform:translateY(0)}72%{transform:translateY(0)}72.2%{transform:translateY(-2px)}72.3%{transform:translateY(2px)}72.5%{transform:translateY(-1px)}72.7%{transform:translateY(0)}}