:root{--glitch-color-before: magenta;--glitch-color-after: lightgreen;--rgb-red: rgba(255, 0, 0, .7);--rgb-green: rgba(0, 255, 0, .717);--rgb-blue: rgba(0, 0, 255, .5);--glitch-duration: 5s;--glitch-delay: 5s;--noise-duration: 3s;--rgbshift-duration: 8s;--title-font: "Petemoss", cursive;--title-color: #f5f5f0;--title-shadow: 0 2px 20px rgba(0, 0, 0, .5);--title-bg: transparent}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:50}.content{text-align:center;opacity:0;transform:translateY(20px);transition:all 1.2s cubic-bezier(.16,1,.3,1)}.overlay.loaded .content{opacity:1;transform:translateY(0)}.title{position:relative;font-family:var(--title-font);font-size:clamp(3rem,12vw,10rem);font-weight:400;letter-spacing:.02em;color:var(--title-color);margin:0;line-height:.9;text-shadow:var(--title-shadow)}.subtext{margin-top:.5rem;font-family:IBM Plex Mono,monospace;font-size:clamp(.65rem,1.2vw,.85rem);font-weight:400;letter-spacing:.25em;color:#fff9;text-transform:uppercase;opacity:0;transform:translateY(10px);transition:all 1s cubic-bezier(.16,1,.3,1) .3s}.overlay.loaded .subtext{opacity:1;transform:translateY(0)}.coordinate{display:inline-block}.divider{margin:0 1rem;opacity:.4}.status-line{position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%);font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:400;letter-spacing:.15em;color:#fff6;text-transform:lowercase;opacity:0;transition:opacity 1s ease .8s}.overlay.loaded .status-line{opacity:1}.blink{animation:blink 1s steps(1) infinite;margin-right:.5rem}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.corner{position:fixed;width:30px;height:30px;border:1px solid rgba(255,255,255,.15);opacity:0;transition:opacity 1s ease .6s}.overlay.loaded .corner{opacity:1}.corner-tl{top:2rem;left:2rem;border-right:none;border-bottom:none}.corner-tr{top:2rem;right:2rem;border-left:none;border-bottom:none}.corner-bl{bottom:2rem;left:2rem;border-right:none;border-top:none}.corner-br{bottom:2rem;right:2rem;border-left:none;border-top:none}.scan-line{position:fixed;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 20%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.03) 80%,transparent 100%);animation:scanMove 12s linear infinite;pointer-events:none;opacity:.4}@keyframes scanMove{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@media (max-width: 768px){.corner{width:20px;height:20px}.corner-tl,.corner-bl{left:1rem}.corner-tr,.corner-br{right:1rem}.corner-tl,.corner-tr{top:1rem}.corner-bl,.corner-br{bottom:1rem}.status-line{bottom:1.5rem}.subtext{margin-top:1.5rem}}.app{width:100%;height:100%;position:relative;background:#0a0a0a}.app canvas{filter:brightness(.45) contrast(1.1) saturate(.85)}.grain{position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;width:200%;height:200%;background:transparent url('data:image/svg+xml,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity="0.08"/></svg>') repeat;pointer-events:none;z-index:100;opacity:.5;animation:grain .5s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-2%)}20%{transform:translate(2%,2%)}30%{transform:translate(-1%,3%)}40%{transform:translate(3%,-1%)}50%{transform:translate(-3%,1%)}60%{transform:translate(1%,-3%)}70%{transform:translate(-2%,2%)}80%{transform:translate(2%,-2%)}90%{transform:translate(-1%,-1%)}}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:90;background:radial-gradient(ellipse at center,transparent 0%,transparent 40%,rgba(0,0,0,.25) 75%,rgba(0,0,0,.5) 100%)}.glitchText2{color:var(--theme-text-primary);position:relative;font-size:2rem;animation:glitch 5s 5s infinite}.glitchText2:before{content:attr(data-text);position:absolute;left:-2px;text-shadow:-5px 0 magenta;background:var(--theme-bg);overflow:hidden;top:0;animation:noise-1 3s linear infinite alternate-reverse,glitch 5s 5.05s infinite}.glitchText2:after{content:attr(data-text);position:absolute;left:2px;text-shadow:-5px 0 lightgreen;background:var(--theme-bg);overflow:hidden;top:0;animation:noise-2 3s linear infinite alternate-reverse,glitch 5s 5s infinite}@keyframes glitch{1%{transform:rotateX(10deg) skew(60deg)}2%{transform:rotateX(0) skew(0)}}@keyframes glitch-2{1%{transform:rotateX(10deg) skew(80deg)}2%{transform:rotateX(0) skew(0)}}@keyframes noise-1{3.33%{clip-path:inset(33px 0 67px 0)}6.66%{clip-path:inset(12px 0 88px 0)}10%{clip-path:inset(50px 0 50px 0)}13.33%{clip-path:inset(20px 0 80px 0)}16.66%{clip-path:inset(70px 0 30px 0)}20%{clip-path:inset(10px 0 90px 0)}23.33%{clip-path:inset(65px 0 35px 0)}26.66%{clip-path:inset(40px 0 60px 0)}30%{clip-path:inset(5px 0 95px 0)}33.33%{clip-path:inset(80px 0 20px 0)}36.66%{clip-path:inset(22px 0 78px 0)}40%{clip-path:inset(60px 0 40px 0)}43.33%{clip-path:inset(15px 0 85px 0)}46.66%{clip-path:inset(55px 0 45px 0)}50%{clip-path:inset(30px 0 70px 0)}53.33%{clip-path:inset(10px 0 90px 0)}56.66%{clip-path:inset(25px 0 75px 0)}60%{clip-path:inset(45px 0 55px 0)}63.33%{clip-path:inset(70px 0 30px 0)}66.66%{clip-path:inset(33px 0 67px 0)}70%{clip-path:inset(50px 0 50px 0)}73.33%{clip-path:inset(20px 0 80px 0)}76.66%{clip-path:inset(80px 0 20px 0)}80%{clip-path:inset(12px 0 88px 0)}83.33%{clip-path:inset(60px 0 40px 0)}86.66%{clip-path:inset(40px 0 60px 0)}90%{clip-path:inset(5px 0 95px 0)}93.33%{clip-path:inset(75px 0 25px 0)}96.66%{clip-path:inset(22px 0 78px 0)}to{clip-path:inset(50px 0 50px 0)}}@keyframes noise-2{3.33%{clip-path:inset(10px 0 90px 0)}6.66%{clip-path:inset(40px 0 60px 0)}10%{clip-path:inset(15px 0 85px 0)}13.33%{clip-path:inset(70px 0 30px 0)}16.66%{clip-path:inset(25px 0 75px 0)}20%{clip-path:inset(55px 0 45px 0)}23.33%{clip-path:inset(33px 0 67px 0)}26.66%{clip-path:inset(5px 0 95px 0)}30%{clip-path:inset(60px 0 40px 0)}33.33%{clip-path:inset(12px 0 88px 0)}36.66%{clip-path:inset(20px 0 80px 0)}40%{clip-path:inset(50px 0 50px 0)}43.33%{clip-path:inset(65px 0 35px 0)}46.66%{clip-path:inset(22px 0 78px 0)}50%{clip-path:inset(75px 0 25px 0)}53.33%{clip-path:inset(30px 0 70px 0)}56.66%{clip-path:inset(80px 0 20px 0)}60%{clip-path:inset(10px 0 90px 0)}63.33%{clip-path:inset(35px 0 65px 0)}66.66%{clip-path:inset(45px 0 55px 0)}70%{clip-path:inset(60px 0 40px 0)}73.33%{clip-path:inset(20px 0 80px 0)}76.66%{clip-path:inset(70px 0 30px 0)}80%{clip-path:inset(25px 0 75px 0)}83.33%{clip-path:inset(40px 0 60px 0)}86.66%{clip-path:inset(33px 0 67px 0)}90%{clip-path:inset(55px 0 45px 0)}93.33%{clip-path:inset(5px 0 95px 0)}96.66%{clip-path:inset(15px 0 85px 0)}to{clip-path:inset(50px 0 50px 0)}}.rgbshift{animation:RGBshift 8s infinite alternate}@keyframes RGBshift{0%{transform:rotate(0)}6%{transform:rotate(.5deg) scale(1.01);text-shadow:1px 1px 0px rgba(255,0,0,.7),-5px -2px 0px rgba(0,255,0,.7),-2px 4px 0px rgba(0,0,255,.5)}10%{transform:rotate(0);text-shadow:8px -2px 0px rgba(255,0,0,.7),-5px -2px 0px rgba(0,255,0,.7),2px -2px 0px rgba(0,0,255,.5)}12%{text-shadow:none}58%{transform:rotate(0);text-shadow:none}59%{text-shadow:-5px -8px 0px rgb(245,245,241)}62%{transform:rotate(-.5deg) scale(1.01);text-shadow:8px -2px 0px rgba(255,0,0,.7),-5px -2px 0px rgba(0,255,0,.7),2px -2px 0px rgba(0,0,255,.5)}64%{transform:rotate(-.75deg) scale(1.01)}67%{text-shadow:none;transform:rotate(0)}to{transform:rotate(0)}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-cream: #f5f2eb;--color-moss: #4a5d4a;--color-stone: #8b8680;--color-bark: #3d3630;--color-sky: #c4d1d9;--color-glitch-cyan: #00ffcc;--color-glitch-magenta: #ff0066;--color-warm-white: #faf8f5}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--color-bark)}body{font-family:IBM Plex Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Petemoss,cursive;font-weight:400;font-style:normal}