.app{width:100vw;height:100vh;background:#0a0a0a;position:relative;overflow:hidden;cursor:crosshair;transition:transform 2s cubic-bezier(.4,0,.2,1),filter 2s cubic-bezier(.4,0,.2,1);transform-origin:center center}.app.fov-transition{transform:scale(5) perspective(100px) rotateX(15deg);filter:blur(20px) brightness(0)}.black-screen{width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:10000;opacity:1}.black-screen.tv-shutdown{animation:tv-shutdown .2s cubic-bezier(.4,0,1,1) forwards}@keyframes tv-shutdown{0%{transform:scale(1);filter:brightness(1);opacity:1}50%{transform:scaleY(.01);filter:brightness(3)}to{transform:scale(0);filter:brightness(10);opacity:0}}.final-message{font-family:Courier New,monospace;font-size:3rem;color:#ff0000e6;text-shadow:0 0 10px rgba(255,0,0,.8),0 0 20px rgba(255,0,0,.5);letter-spacing:.2rem;text-align:center;margin:0}.final-cursor{color:red;animation:cursor-blink .8s infinite;margin-left:4px}.cyber-grid{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(255,50,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,50,0,.03) 1px,transparent 1px);background-size:50px 50px;animation:grid-scroll 20s linear infinite;z-index:0;opacity:.3}@keyframes grid-scroll{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.9) 100%),radial-gradient(circle at 30% 40%,rgba(255,50,0,.03) 0%,transparent 50%);pointer-events:none;z-index:8;opacity:.6}.void-whispers{position:absolute;width:100%;height:100%;pointer-events:none;z-index:1}.whisper-message{position:absolute;font-size:1.2rem;color:#ff3200cc;font-weight:300;letter-spacing:.2rem;text-transform:lowercase;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(255,0,0,.8),2px 0 2px rgba(255,0,0,.4),-2px 0 2px rgba(255,0,0,.4);white-space:nowrap;animation:whisper-static .15s infinite}.whisper-cursor{color:#ff0000e6;animation:cursor-blink .8s infinite;margin-left:2px}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes whisper-static{0%,90%{text-shadow:0 0 10px rgba(255,0,0,.8),2px 0 2px rgba(255,0,0,.4),-2px 0 2px rgba(255,0,0,.4)}95%{text-shadow:0 0 10px rgba(255,0,0,.8),4px 0 4px rgba(255,0,0,.6),-4px 0 4px rgba(255,0,0,.6);transform:translate(1px)}to{text-shadow:0 0 10px rgba(255,0,0,.8),2px 0 2px rgba(255,0,0,.4),-2px 0 2px rgba(255,0,0,.4)}}.glitch-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,0,0,.15) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(255,170,0,.1) 50%,transparent 100%);animation:glitch-sweep .3s steps(1,end);pointer-events:none;z-index:9;mix-blend-mode:screen}@keyframes glitch-sweep{0%{transform:translate(0)}25%{transform:translate(-5px,5px)}50%{transform:translate(5px,-5px)}75%{transform:translate(-5px,-5px)}to{transform:translate(5px,5px)}}.glitch-blocks{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9}.glitch-block{position:absolute;background:#ff000026;animation:block-glitch .1s steps(1,end) infinite;mix-blend-mode:screen;border:1px solid rgba(255,170,0,.3)}@keyframes block-glitch{0%{transform:translate(0);opacity:1}25%{transform:translate(-10px);opacity:.7}50%{transform:translate(10px,5px);opacity:.5}75%{transform:translate(-5px,-5px);opacity:.8}to{transform:translate(5px);opacity:1}}.corruption-layer{position:fixed;width:100%;height:100%;pointer-events:none;z-index:7}.corruption-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,0,0,.6) 25%,rgba(255,170,0,.5) 50%,rgba(255,0,0,.6) 75%,transparent 100%);animation:corrupt 4s ease-in-out infinite}@keyframes corrupt{0%,to{opacity:0;transform:translate(-100%)}50%{opacity:.3;transform:translate(100%)}}.content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem}.main-text-container{text-align:center;margin-bottom:2rem}.main-text{font-size:clamp(3rem,12vw,10rem);font-weight:900;color:red;text-transform:uppercase;letter-spacing:.8rem;margin-bottom:2rem;font-family:Orbitron,Courier New,monospace;text-shadow:0 0 10px rgba(255,0,0,1),0 0 20px rgba(255,0,0,.8),0 0 30px rgba(255,0,0,.6),2px 2px 4px rgba(0,0,0,.9);animation:pulse 3s ease-in-out infinite;position:relative;transition:transform .1s}.glitch{position:relative}@keyframes pulse{0%,to{text-shadow:0 0 10px rgba(255,50,0,1),0 0 20px rgba(255,50,0,.8),0 0 30px rgba(255,50,0,.6),2px 2px 4px rgba(0,0,0,.9)}50%{text-shadow:0 0 20px rgba(255,0,0,1),0 0 30px rgba(255,0,0,1),0 0 40px rgba(255,0,0,.8),0 0 50px rgba(255,0,0,.6),2px 2px 4px rgba(0,0,0,.9)}}.subtitle{font-size:clamp(1rem,2vw,1.5rem);color:#ffffffb3;font-weight:300;letter-spacing:.3rem;animation:fade-in 2s ease-in;text-shadow:0 0 10px rgba(255,170,0,.4);font-family:Courier New,monospace}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bottom-text{position:absolute;bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.coordinates{font-family:Courier New,monospace;color:#ffffff80;font-size:.8rem;letter-spacing:.1rem}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,50,0,.02) 2px,rgba(255,50,0,.02) 4px);z-index:10;opacity:.2;animation:scanline-move 8s linear infinite}@keyframes scanline-move{0%{transform:translateY(0)}to{transform:translateY(10px)}}.scanlines:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E");opacity:.03;animation:noise 1s steps(10) infinite}@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%)}}.hud-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:11}.hud-corner{position:absolute;width:40px;height:40px;border-color:#ff320080;border-style:solid}.hud-top-left{top:20px;left:20px;border-width:2px 0 0 2px}.hud-top-right{top:20px;right:20px;border-width:2px 2px 0 0}.hud-bottom-left{bottom:20px;left:20px;border-width:0 0 2px 2px}.hud-bottom-right{bottom:20px;right:20px;border-width:0 2px 2px 0}.hud-info{position:absolute;font-family:Courier New,monospace;font-size:.75rem;letter-spacing:.1rem}.hud-top{top:25px;left:50%;transform:translate(-50%);display:flex;gap:.5rem;color:#ffaa00b3}.hud-bottom-left-info{bottom:25px;left:70px;color:#ff3200b3}.hud-status{color:#ff0000e6;animation:blink 1.5s ease-in-out infinite;font-weight:700}.hud-warning{color:#ff3200b3;animation:blink 2s ease-in-out infinite}.hud-separator{color:#ffaa004d}@media (max-width: 768px){.main-text{letter-spacing:.2rem;font-size:clamp(2rem,15vw,6rem)}.subtitle{letter-spacing:.1rem;font-size:.9rem}.whisper-message{font-size:.8rem;letter-spacing:.1rem}.hud-top{font-size:.6rem;gap:.3rem}.hud-bottom-left-info{font-size:.6rem;left:60px}.hud-corner{width:30px;height:30px}.final-message{font-size:2rem}}@media (max-width: 480px){.hud-top{font-size:.5rem}.hud-bottom-left-info{display:none}.hud-corner{width:20px;height:20px}.final-message{font-size:1.5rem;padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:#000}#root{width:100vw;height:100vh}
