:root{--tv-green: #00ff41;--tv-cyan: #00e5ff;--tv-amber: #ffb000;--tv-white: #f0f0f0;--tv-red: #ff3838}*{margin:0;padding:0;box-sizing:border-box}body{font-family:VT323,monospace;background:#000;color:var(--tv-green);overflow-x:hidden;text-transform:uppercase}.tv-static{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,#ffffff08,#00000008 2px);opacity:.15;z-index:1;pointer-events:none;animation:static-shift .5s infinite}@keyframes static-shift{0%{transform:translateY(0);opacity:.15}25%{transform:translateY(-2px);opacity:.12}50%{transform:translateY(2px);opacity:.18}75%{transform:translateY(-1px);opacity:.15}to{transform:translateY(0);opacity:.15}}.crt-container{position:relative;width:100vw;min-height:100vh;background:#000;padding:2rem;z-index:2}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:999;animation:scanline-drift 10s linear infinite}@keyframes scanline-drift{0%{transform:translateY(0)}to{transform:translateY(10px)}}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 300px #000000e6;pointer-events:none;z-index:998}.tracking-line{position:fixed;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--tv-cyan),transparent);left:0;z-index:1000;opacity:.4;animation:tracking-sweep 4s ease-in-out infinite}.tracking-line:nth-child(4){animation-delay:2s;animation-duration:5s}@keyframes tracking-sweep{0%{top:-5%;opacity:0}10%{opacity:.6}90%{opacity:.6}to{top:105%;opacity:0}}.archive-screen{position:relative;max-width:1200px;margin:0 auto;padding:3rem;background:#000f00d9;border:6px solid var(--tv-green);border-radius:30px;box-shadow:0 0 60px #00ff4199,inset 0 0 80px #00ff411a;animation:screen-flicker .2s infinite alternate}@keyframes screen-flicker{0%{opacity:.97}50%{opacity:1}to{opacity:.98}}.archive-header{text-align:center;margin-bottom:4rem;padding-bottom:2rem;border-bottom:4px double var(--tv-cyan)}.glitch-title{font-family:"Press Start 2P",monospace;font-size:clamp(2rem,6vw,4rem);color:var(--tv-green);text-shadow:3px 3px 0 var(--tv-cyan),-3px -3px 0 var(--tv-amber),0 0 30px var(--tv-green);margin-bottom:1.5rem;animation:title-glitch 3s infinite}@keyframes title-glitch{0%,85%,to{transform:translate(0) skew(0);text-shadow:3px 3px 0 var(--tv-cyan),-3px -3px 0 var(--tv-amber),0 0 30px var(--tv-green)}88%{transform:translate(-3px,2px) skew(-2deg);text-shadow:8px 0 0 var(--tv-cyan),-8px 0 0 var(--tv-red)}91%{transform:translate(3px,-2px) skew(2deg);text-shadow:-8px 0 0 var(--tv-amber),8px 0 0 var(--tv-cyan)}}.vcr-timestamp{font-size:1.8rem;color:var(--tv-red);letter-spacing:3px;margin-bottom:1.5rem}.exit-btn{display:inline-block;margin-top:1rem;padding:1rem 2.5rem;background:transparent;border:3px solid var(--tv-amber);color:var(--tv-amber);text-decoration:none;font-size:1.4rem;letter-spacing:2px;transition:all .3s;box-shadow:0 0 15px #ffb00080}.exit-btn:hover{background:var(--tv-amber);color:#000;box-shadow:0 0 40px var(--tv-amber);transform:scale(1.1)}.games-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:4rem;margin-bottom:3rem}.game-box{background:#001400b3;border:4px solid var(--tv-green);padding:2rem;position:relative;transition:all .4s;box-shadow:0 0 25px #00ff4166}.game-box:hover{border-color:var(--tv-cyan);box-shadow:0 0 50px #00e5ffb3;transform:translateY(-15px) scale(1.02)}.game-box:before{content:"▓▓";position:absolute;top:-15px;left:-15px;font-size:2.5rem;color:var(--tv-cyan)}.game-box:after{content:"▓▓";position:absolute;bottom:-15px;right:-15px;font-size:2.5rem;color:var(--tv-cyan)}.tv-frame{position:relative;width:100%;aspect-ratio:4/3;background:#000;border:5px solid var(--tv-green);margin-bottom:2rem;overflow:hidden;box-shadow:inset 0 0 50px #00ff4133}.game-thumbnail{width:100%;height:100%;position:relative}.game-thumbnail img{width:100%;height:100%;object-fit:cover;filter:contrast(1.3) saturate(1.4);animation:image-flicker 3s infinite}@keyframes image-flicker{0%,94%,to{opacity:1;filter:contrast(1.3) saturate(1.4)}95%{opacity:.95;filter:contrast(1.3) saturate(1.4) hue-rotate(2deg)}96%{opacity:1;filter:contrast(1.3) saturate(1.4)}}.static-burst{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,#ffffff0d,#0000001a 2px);opacity:0;pointer-events:none;z-index:10;animation:static-burst .3s infinite}.static-burst.active{opacity:.8;animation:heavy-static .2s infinite}@keyframes static-burst{0%,90%,to{opacity:0}93%{opacity:.3}96%{opacity:.6}}@keyframes heavy-static{0%{transform:translate(0);opacity:.8}25%{transform:translate(-2px,2px);opacity:.7}50%{transform:translate(2px,-2px);opacity:.9}75%{transform:translate(-1px,-1px);opacity:.75}to{transform:translate(1px,1px);opacity:.85}}.coming-soon{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#0a0a0a,#000)}.signal-lost{text-align:center}.bars{width:100px;height:80px;margin:0 auto 20px;background:linear-gradient(90deg,transparent 0%,transparent 10%,var(--tv-white) 10%,var(--tv-white) 20%,transparent 20%,transparent 30%,var(--tv-white) 30%,var(--tv-white) 40%,transparent 40%,transparent 50%,var(--tv-white) 50%,var(--tv-white) 60%,transparent 60%);opacity:.3;animation:bars-fade 2s infinite}@keyframes bars-fade{0%,to{opacity:.2}50%{opacity:.4}}.signal-lost p{font-size:2rem;color:var(--tv-white);animation:blink-slow 2s infinite}@keyframes blink-slow{0%,49%,to{opacity:1}50%,99%{opacity:.3}}.game-label{text-align:center}.game-name{font-family:"Press Start 2P",monospace;font-size:2rem;color:var(--tv-cyan);text-shadow:3px 3px 0 var(--tv-green);margin-bottom:.75rem}.game-year{font-size:1.4rem;color:var(--tv-amber);margin-bottom:.5rem;letter-spacing:2px}.game-tagline{font-size:1.2rem;color:var(--tv-green);margin-bottom:1.5rem;line-height:1.6}.enter-btn{display:inline-block;padding:1.2rem 3rem;background:transparent;border:3px solid var(--tv-cyan);color:var(--tv-cyan);font-size:1.5rem;text-decoration:none;letter-spacing:2px;transition:all .3s;box-shadow:0 0 20px #00e5ff80;cursor:pointer}.enter-btn:hover:not(.disabled){background:var(--tv-cyan);color:#000;box-shadow:0 0 40px var(--tv-cyan);transform:scale(1.1)}.enter-btn.disabled{opacity:.3;cursor:not-allowed;border-color:var(--tv-white);color:var(--tv-white);box-shadow:none}.archive-footer{border-top:4px double var(--tv-green);padding-top:2rem}.status-bar{display:flex;justify-content:center;align-items:center;gap:2rem;font-size:1.6rem;color:var(--tv-green)}.blink{animation:blink-fast .8s infinite}@keyframes blink-fast{0%,49%{opacity:1}50%,to{opacity:0}}@media(max-width:768px){.games-gallery{grid-template-columns:1fr;gap:3rem}.crt-container{padding:1rem}.archive-screen{padding:1.5rem;border-radius:15px;border-width:4px}.glitch-title{font-size:1.5rem}.game-box{padding:1.5rem;border-width:3px}.game-box:before,.game-box:after{font-size:1.5rem;top:-10px;left:-10px}.game-box:after{inset:auto -10px -10px auto}.game-box:hover{transform:translateY(-8px) scale(1.01)}.tv-frame{border-width:3px;margin-bottom:1.5rem}.game-name{font-size:1.2rem}.game-year{font-size:1.1rem}.game-tagline{font-size:1rem}.enter-btn{padding:.8rem 2rem;font-size:1.2rem;min-height:44px}.exit-btn{padding:.8rem 1.5rem;font-size:1.1rem;min-height:44px}.status-bar{font-size:1.2rem;gap:1rem}.vcr-timestamp{font-size:1.4rem}}@media(max-width:480px){.archive-screen{padding:1rem}.game-name{font-size:1rem}.game-year,.game-tagline{font-size:.9rem}.enter-btn{padding:.7rem 1.5rem;font-size:1rem}}