.vhs-grain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:var(--vhs-grain-opacity);z-index:var(--z-vhs-effects);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' /%3E%3C/svg%3E");animation:vhsGrainMove .2s steps(10) infinite}@keyframes vhsGrainMove{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(5%,-10%)}70%{transform:translate(-10%)}80%{transform:translate(10%,10%)}90%{transform:translateY(5%)}}.vhs-scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-vhs-effects);background:linear-gradient(to bottom,#fff0 50%,rgba(0,0,0,var(--vhs-scanline-opacity)) 50%);background-size:100% var(--vhs-scanline-size);animation:scanlineDrift var(--vhs-tracking-speed) linear infinite}@keyframes scanlineDrift{0%{transform:translateY(0)}to{transform:translateY(10px)}}.vhs-tracking{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-vhs-effects);overflow:hidden}.vhs-tracking-line{position:absolute;left:0;width:100%;height:1px;background:#ffffff1a;animation:trackingDrift 5s ease-in-out infinite}@keyframes trackingDrift{0%,to{top:-2%;opacity:0}10%{opacity:.8}50%{top:50%}90%{opacity:.8}}.vhs-wobble{animation:tapeWobble var(--vhs-wobble-speed) ease-in-out infinite alternate}@keyframes tapeWobble{0%{transform:skew(0)}25%{transform:skew(.3deg)}50%{transform:skew(0)}75%{transform:skew(-.3deg)}to{transform:skew(0)}}.chromatic{position:relative}.chromatic:before,.chromatic:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:screen}.chromatic:before{color:red;transform:translate(calc(var(--chromatic-offset) * -1));opacity:.8}.chromatic:after{color:#0ff;transform:translate(var(--chromatic-offset));opacity:.8}@keyframes chromaticExplode{0%{--chromatic-offset: 0px}50%{--chromatic-offset: 15px}to{--chromatic-offset: 0px}}.vhs-distortion{animation:edgeDistort .3s ease-in-out infinite alternate}@keyframes edgeDistort{0%{clip-path:inset(0 0 0 0)}25%{clip-path:inset(0 1px 0 0)}50%{clip-path:inset(0 0 0 1px)}75%{clip-path:inset(1px 0 0 0)}to{clip-path:inset(0 0 1px 0)}}.vhs-colorband{position:fixed;top:0;left:0;width:100%;height:10%;pointer-events:none;z-index:var(--z-vhs-effects);background:linear-gradient(to bottom,transparent,rgba(255,0,0,.1),transparent);filter:blur(10px);animation:colorbandDrift 6s ease-in-out infinite}@keyframes colorbandDrift{0%,to{top:-10%}50%{top:100%}}.vhs-static{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-top);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='static'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='2' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23static)' /%3E%3C/svg%3E");opacity:0;animation:staticFlash .1s steps(2)}@keyframes staticFlash{0%,to{opacity:0}50%{opacity:.5}}@keyframes filmBurn{0%{opacity:0;filter:brightness(1)}20%{opacity:.5;filter:brightness(3)}50%{opacity:1;filter:brightness(1.5)}to{opacity:1;filter:brightness(1)}}.vhs-pause-distortion{animation:pauseDistort 4s ease-in-out infinite}@keyframes pauseDistort{0%,to{transform:scaleY(1)}25%{transform:scaleY(1.02) translateY(5px)}50%{transform:scaleY(.98) translateY(-5px)}75%{transform:scaleY(1.01) translateY(2px)}}.vhs-flicker{animation:flicker .15s steps(2) infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.95}}.vhs-glitch-lines{position:relative;overflow:hidden}.vhs-glitch-lines:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,var(--color-danger) 2%,transparent 2%,transparent 48%,var(--color-danger) 50%,transparent 50%,transparent 98%,var(--color-danger) 100%);animation:glitchSlide .5s steps(4) infinite;opacity:.5;pointer-events:none}@keyframes glitchSlide{0%{left:-100%}to{left:100%}}.desaturate{animation:desaturate 2s ease-out forwards}@keyframes desaturate{0%{filter:saturate(1) brightness(1)}to{filter:saturate(0) brightness(.7)}}:root{--color-danger-dark: #8B0000;--color-danger: #C00;--color-danger-bright: #FF0000;--color-blood: #D32F2F;--color-warning: #FF8C00;--color-warning-light: #FFA500;--color-safe: #3A4F3A;--color-safe-bright: #4F4;--color-victory: #00FF41;--color-military: #556B2F;--color-military-light: #6B8E23;--color-grey-dark: #1A1A1A;--color-grey: #2A2A2A;--color-grey-light: #666;--color-white: #FFF;--color-black: #000;--color-pause: #2C3E50;--color-pause-light: #34495E;--font-primary: "IBM Plex Mono", monospace;--font-display: "Press Start 2P", monospace;--font-mono: "IBM Plex Mono", monospace;--font-size-small: 13px;--font-size-normal: 16px;--font-size-large: 24px;--font-size-title: 42px;--font-size-massive: 56px;--vhs-grain-opacity: .12;--vhs-scanline-opacity: .08;--vhs-scanline-size: 2px;--vhs-tracking-speed: 8s;--vhs-wobble-speed: 2.5s;--chromatic-offset: 2px;--spacing-xs: 5px;--spacing-small: 10px;--spacing-medium: 20px;--spacing-large: 40px;--spacing-xl: 60px;--animation-instant: .1s;--animation-fast: .2s;--animation-normal: .5s;--animation-slow: 1s;--animation-veryslow: 2s;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.68, -.6, .32, 1.6);--glow-red: 0 0 20px var(--color-danger);--glow-green: 0 0 20px var(--color-victory);--glow-orange: 0 0 15px var(--color-warning);--shadow-text: 3px 3px 0 var(--color-black);--shadow-heavy: 5px 5px 0 var(--color-black);--vignette-dark: radial-gradient( circle at center, transparent 0%, rgba(0, 0, 0, .5) 70%, rgba(0, 0, 0, .9) 100% );--vignette-red: radial-gradient( circle at center, transparent 0%, rgba(139, 0, 0, .3) 70%, rgba(139, 0, 0, .7) 100% );--z-background: 0;--z-vhs-effects: 10;--z-content: 20;--z-overlays: 30;--z-particles: 40;--z-top: 50}.vt323{font-family:var(--font-primary)}.creepster{font-family:var(--font-display)}.mono{font-family:var(--font-mono)}.glow-red{text-shadow:var(--glow-red),var(--shadow-text)}.glow-green{text-shadow:var(--glow-green),var(--shadow-text)}.glow-orange{text-shadow:var(--glow-orange),var(--shadow-text)}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.full-screen{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes glitchIn{0%{opacity:0;transform:translate(-10px) skew(10deg);filter:blur(5px)}20%{opacity:.5;transform:translate(10px) skew(-5deg)}40%{opacity:.7;transform:translate(-5px) skew(3deg)}60%{opacity:.9;transform:translate(5px) skew(-2deg)}80%{opacity:1;transform:translate(-2px) skew(1deg);filter:blur(1px)}to{opacity:1;transform:translate(0) skew(0);filter:blur(0)}}@keyframes filmBurnIn{0%{opacity:0;filter:brightness(3) contrast(2);transform:scale(1.1)}30%{opacity:.7;filter:brightness(2) contrast(1.5)}60%{opacity:.9;filter:brightness(1.2) contrast(1.2)}to{opacity:1;filter:brightness(1) contrast(1);transform:scale(1)}}@keyframes typewriterChar{0%{opacity:0}to{opacity:1}}@keyframes ejectIn{0%{transform:translateY(100%) scaleY(.8);opacity:0;filter:blur(3px)}50%{transform:translateY(50%) scaleY(.9);opacity:.5}to{transform:translateY(0) scaleY(1);opacity:1;filter:blur(0)}}@keyframes slamIn{0%{transform:translateY(-200px) scale(.5);opacity:0}70%{transform:translateY(10px) scale(1.1);opacity:1}to{transform:translateY(0) scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes glitchOut{0%{opacity:1;transform:translate(0) skew(0);filter:blur(0)}20%{opacity:.9;transform:translate(2px) skew(-1deg)}40%{opacity:.7;transform:translate(-5px) skew(3deg)}60%{opacity:.5;transform:translate(10px) skew(-5deg)}80%{opacity:.2;transform:translate(-10px) skew(10deg);filter:blur(5px)}to{opacity:0;transform:translate(20px) skew(15deg);filter:blur(10px)}}@keyframes filmEject{0%{transform:translateY(0) scaleY(1);opacity:1;filter:blur(0)}50%{transform:translateY(-50%) scaleY(.9);opacity:.5}to{transform:translateY(-100%) scaleY(.8);opacity:0;filter:blur(3px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes flicker{0%,to{opacity:1}10%{opacity:.95}20%{opacity:1}30%{opacity:.97}40%{opacity:1}50%{opacity:.93}60%{opacity:1}70%{opacity:.96}80%{opacity:1}90%{opacity:.98}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes glowPulse{0%,to{filter:brightness(1) drop-shadow(0 0 5px currentColor)}50%{filter:brightness(1.5) drop-shadow(0 0 15px currentColor)}}@keyframes blink{0%,49%,to{opacity:1}50%,99%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-3px,2px)}20%{transform:translate(3px,-2px)}30%{transform:translate(-2px,3px)}40%{transform:translate(2px,-3px)}50%{transform:translate(-3px,-2px)}60%{transform:translate(3px,2px)}70%{transform:translate(-2px,-3px)}80%{transform:translate(2px,3px)}90%{transform:translate(-1px,-1px)}}@keyframes shakeHeavy{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-10px,5px) rotate(-1deg)}20%{transform:translate(10px,-5px) rotate(1deg)}30%{transform:translate(-8px,8px) rotate(-.5deg)}40%{transform:translate(8px,-8px) rotate(.5deg)}50%{transform:translate(-10px,-5px) rotate(-1deg)}60%{transform:translate(10px,5px) rotate(1deg)}70%{transform:translate(-5px,-8px) rotate(-.5deg)}80%{transform:translate(5px,8px) rotate(.5deg)}90%{transform:translate(-3px,-3px) rotate(-.2deg)}}@keyframes bounce{0%,to{transform:translateY(0)}10%{transform:translateY(-20px)}30%{transform:translateY(0)}40%{transform:translateY(-10px)}50%{transform:translateY(0)}60%{transform:translateY(-5px)}80%{transform:translateY(0)}}@keyframes bounceScale{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes glitchBurst{0%,to{transform:translate(0) skew(0);opacity:1}10%{transform:translate(-5px,2px) skew(5deg);opacity:.8}20%{transform:translate(5px,-2px) skew(-5deg);opacity:.9}30%{transform:translate(-3px,3px) skew(3deg);opacity:.7}40%{transform:translate(3px,-3px) skew(-3deg);opacity:.9}50%{transform:translate(-2px,1px) skew(2deg);opacity:.8}60%{transform:translate(2px,-1px) skew(-2deg);opacity:1}}@keyframes impactFlash{0%,to{background-color:transparent}50%{background-color:#fffc}}@keyframes redFlash{0%,to{background-color:transparent}50%{background-color:#ff000080}}@keyframes bloodWipe{0%{clip-path:circle(0% at 50% 50%);background-color:#8b0000}to{clip-path:circle(150% at 50% 50%);background-color:#8b0000}}@keyframes staticFill{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes filmChange{0%{opacity:1;filter:brightness(1)}45%{opacity:1;filter:brightness(1)}50%{opacity:0;filter:brightness(5)}55%{opacity:0;filter:brightness(5)}to{opacity:1;filter:brightness(1)}}@keyframes crack{0%{opacity:0;transform:scale(.1)}50%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(1.1)}}@keyframes bloodDrip{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes counterUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes stamp{0%{transform:scale(0) rotate(-30deg);opacity:0}50%{transform:scale(1.2) rotate(5deg);opacity:.8}to{transform:scale(1) rotate(0);opacity:1}}@keyframes scrollUp{0%{transform:translateY(100%)}to{transform:translateY(-200%)}}@keyframes eyeBlink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes eyeDart{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes radarPulse{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@keyframes soundWave{0%{transform:scale(1);opacity:.8}to{transform:scale(3);opacity:0}}