@font-face{font-family:Steff;src:url(/assets/Steff-Regular-yXZh-cwb.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}.scene{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:#0a0a0a;overflow:hidden;font-family:Courier New,monospace;position:relative;transition:background .5s ease}.scene.tv-on{background:#2a2a2a}.noise{position:fixed;top:-50%;left:-50%;width:200%;height:200%;opacity:0;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");animation:noise .2s steps(10) infinite;transition:opacity .5s ease;pointer-events:none}.scene.tv-on .noise{opacity:.2}@keyframes noise{0%,to{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;background:linear-gradient(to bottom,#fff0 50%,#0000004d 51%);background-size:100% 4px;pointer-events:none;animation:scanline 8s linear infinite;opacity:0;transition:opacity .5s ease}.scene.tv-on .scanlines{opacity:1}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100%}}.flicker{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background:#ffffff0d;opacity:0;animation:flicker .15s infinite;pointer-events:none}@keyframes flicker{0%,to{opacity:0}50%{opacity:1}}.content{position:relative;z-index:4;text-align:center;padding:20px;opacity:0;transform:scale(1.5);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.scene.tv-on .content{opacity:1;transform:scale(1)}h1{position:relative;font-family:Steff,Courier New,monospace;font-size:clamp(3rem,8vw,7rem);color:#b8b8b8;text-shadow:0 0 5px rgba(184,184,184,.4),0 0 10px rgba(184,184,184,.2),2px 2px 4px rgba(0,0,0,.8);margin-bottom:20px;letter-spacing:5px;font-weight:700;animation:textGlow 2s ease-in-out infinite alternate}.scene.tv-on h1:before,.scene.tv-on h1:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.scene.tv-on h1:before{animation:glitch-1 2s infinite;color:#f0f;z-index:-1}.scene.tv-on h1:after{animation:glitch-2 2s infinite;color:#0ff;z-index:-2}@keyframes textGlow{0%{text-shadow:0 0 5px rgba(184,184,184,.4),0 0 10px rgba(184,184,184,.2),2px 2px 4px rgba(0,0,0,.8)}to{text-shadow:0 0 8px rgba(184,184,184,.6),0 0 15px rgba(184,184,184,.3),2px 2px 4px rgba(0,0,0,.8)}}@keyframes glitch-1{0%,to{transform:translate(0);opacity:0}33%{transform:translate(-2px,2px);opacity:.7}66%{transform:translate(2px,-2px);opacity:.7}}@keyframes glitch-2{0%,to{transform:translate(0);opacity:0}33%{transform:translate(2px,-2px);opacity:.5}66%{transform:translate(-2px,2px);opacity:.5}}.light-switch{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:100;cursor:pointer}.power-button{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#1a1a1a,#0a0a0a);border:3px solid #2a2a2a;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #000c,inset 0 2px 5px #00000080;transition:all .3s ease}.power-button:hover{transform:scale(1.05);border-color:#3a3a3a}.power-button:active{transform:scale(.95)}.power-icon{width:30px;height:30px;border:3px solid #4a4a4a;border-radius:50%;position:relative;transition:all .3s ease}.power-icon:before{content:"";position:absolute;width:3px;height:15px;background:#4a4a4a;left:50%;top:-2px;transform:translate(-50%);transition:all .3s ease}.scene.tv-on .power-icon{border-color:#ffffffd9;box-shadow:0 0 8px #fff6,0 0 20px #ffffff26}.scene.tv-on .power-icon:before{background:#ffffffd9;box-shadow:0 0 6px #fff6}.scene.tv-on .power-button{background:radial-gradient(circle,#1e1e1e,#0e0e0e);border-color:#ffffff1f;box-shadow:0 4px 15px #000c,inset 0 2px 5px #00000080,0 0 25px #ffffff0f}.flash{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:999;opacity:0;pointer-events:none}.flash.active{animation:powerFlash .5s ease-out}@keyframes powerFlash{0%{opacity:0}30%{opacity:.8}to{opacity:0}}.vhs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;opacity:0;transition:opacity .6s ease .4s}.scene.tv-on .vhs-overlay{opacity:1}.vhs-rec{position:absolute;top:28px;left:30px;display:flex;align-items:center;gap:8px;font-family:Courier New,monospace;font-size:.85rem;font-weight:700;letter-spacing:2px;color:#c00;text-shadow:0 0 6px rgba(204,0,0,.5);animation:recBlink 1.5s step-end infinite}.rec-dot{width:10px;height:10px;border-radius:50%;background:#c00;box-shadow:0 0 6px #c009}@keyframes recBlink{0%,to{opacity:1}50%{opacity:0}}.vhs-date{position:absolute;bottom:28px;right:30px;font-family:Courier New,monospace;font-size:.8rem;letter-spacing:1.5px;color:#ffffff8c;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.vhs-tracking{position:absolute;left:0;width:100%;height:4px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.08) 20%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.08) 80%,transparent 100%);box-shadow:0 -4px 12px #ffffff0a,0 4px 12px #ffffff0a;animation:trackingScroll 8s linear infinite;opacity:.7}.vhs-tracking:before{content:"";position:absolute;left:0;top:-20px;width:100%;height:44px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.015) 30%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.015) 70%,transparent 100%)}@keyframes trackingScroll{0%{top:-30px}to{top:calc(100vh + 30px)}}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;box-shadow:inset 0 0 80px 30px #0000008c,inset 0 0 160px 60px #00000040;opacity:0;transition:opacity .5s ease}.scene.tv-on .crt-overlay{opacity:1}.crt-overlay:before{content:"";position:absolute;top:6%;left:8%;width:35%;height:20%;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 60%);border-radius:50%;filter:blur(6px)}.mouse-static{--mx: -200px;--my: -200px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(circle 90px at var(--mx) var(--my),rgba(255,255,255,.07) 0%,rgba(255,255,255,.03) 40%,transparent 100%)}.mouse-static:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");background-size:180px;mask-image:radial-gradient(circle 70px at var(--mx) var(--my),black 0%,transparent 100%);-webkit-mask-image:radial-gradient(circle 70px at var(--mx) var(--my),black 0%,transparent 100%);opacity:.15;animation:noise .15s steps(8) infinite}.scene.tv-on .mouse-static{opacity:1}.scene.glitch-burst{animation:glitchBurst .15s steps(3) forwards}.scene.glitch-burst .content{animation:glitchText .15s steps(2) forwards}@keyframes glitchBurst{0%{transform:translate(0);filter:hue-rotate(0deg) saturate(1)}20%{transform:translate(-4px,2px) skew(-1.5deg);filter:hue-rotate(60deg) saturate(1.6)}40%{transform:translate(3px,-1px) skew(1deg);filter:hue-rotate(-40deg) saturate(1.3)}60%{transform:translate(-2px,1px) skew(-.5deg);filter:hue-rotate(30deg) saturate(1.4)}80%{transform:translate(1px,-2px);filter:hue-rotate(-15deg) saturate(1.1)}to{transform:translate(0);filter:hue-rotate(0deg) saturate(1)}}@keyframes glitchText{0%{clip-path:inset(0 0 0 0)}25%{clip-path:inset(20% 0 40% 0);transform:translate(8px)}50%{clip-path:inset(60% 0 10% 0);transform:translate(-6px)}75%{clip-path:inset(35% 0 30% 0);transform:translate(4px)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}