.glitch-game-theme{--glitch-bg:#050505;--glitch-fg:#00ff41;--glitch-accent:#f0f;--glitch-ui-bg:#0f0f0f;--glitch-ui-border:#333;--glitch-grid:#00ff410d}.glitch-game-theme:before{content:"";background-image:linear-gradient(var(--glitch-grid)1px,transparent 1px),linear-gradient(90deg,var(--glitch-grid)1px,transparent 1px);pointer-events:none;z-index:0;background-size:40px 40px;width:100%;height:100%;position:fixed;top:0;left:0}.scanlines{pointer-events:none;z-index:100;opacity:.6;background:linear-gradient(#fff0,#fff0 50%,#0003 50%,#0003) 0 0/100% 4px;width:100%;height:100%;position:fixed;top:0;left:0}.vignette{pointer-events:none;z-index:90;background:radial-gradient(circle,#0000 50%,#000c 100%);width:100%;height:100%;position:fixed;top:0;left:0}.glitch-text{color:var(--glitch-fg);font-family:var(--font-mono);position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:5s linear infinite alternate-reverse glitch-anim;left:2px}.glitch-text:after{text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:5s linear infinite alternate-reverse glitch-anim2;left:-2px}@keyframes glitch-anim{0%{clip:rect(11px,9999px,34px,0)}5%{clip:rect(78px,9999px,96px,0)}10%{clip:rect(13px,9999px,46px,0)}15%{clip:rect(98px,9999px,12px,0)}20%{clip:rect(25px,9999px,66px,0)}25%{clip:rect(6px,9999px,83px,0)}30%{clip:rect(32px,9999px,5px,0)}35%{clip:rect(56px,9999px,24px,0)}40%{clip:rect(89px,9999px,58px,0)}45%{clip:rect(3px,9999px,88px,0)}50%{clip:rect(65px,9999px,11px,0)}55%{clip:rect(23px,9999px,45px,0)}60%{clip:rect(87px,9999px,7px,0)}65%{clip:rect(43px,9999px,98px,0)}70%{clip:rect(12px,9999px,33px,0)}75%{clip:rect(54px,9999px,65px,0)}80%{clip:rect(91px,9999px,22px,0)}85%{clip:rect(4px,9999px,76px,0)}90%{clip:rect(67px,9999px,11px,0)}95%{clip:rect(34px,9999px,99px,0)}to{clip:rect(1px,9999px,44px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0)}5%{clip:rect(52px,9999px,74px,0)}10%{clip:rect(79px,9999px,13px,0)}15%{clip:rect(11px,9999px,36px,0)}20%{clip:rect(45px,9999px,88px,0)}25%{clip:rect(96px,9999px,2px,0)}30%{clip:rect(22px,9999px,55px,0)}35%{clip:rect(68px,9999px,41px,0)}40%{clip:rect(3px,9999px,97px,0)}45%{clip:rect(81px,9999px,14px,0)}50%{clip:rect(29px,9999px,63px,0)}55%{clip:rect(55px,9999px,82px,0)}60%{clip:rect(10px,9999px,40px,0)}65%{clip:rect(93px,9999px,27px,0)}70%{clip:rect(37px,9999px,59px,0)}75%{clip:rect(70px,9999px,18px,0)}80%{clip:rect(14px,9999px,92px,0)}85%{clip:rect(51px,9999px,35px,0)}90%{clip:rect(85px,9999px,8px,0)}95%{clip:rect(26px,9999px,66px,0)}to{clip:rect(48px,9999px,94px,0)}}.pixel-font{font-family:var(--font-jetbrains);letter-spacing:-1px}