:root{--pixel-teal:#22d3ee;--pixel-gold:gold;--pixel-dark:#050508;--pixel-red:#c41e3a;--pixel-white:#fff}.pixel-box{border:2px solid var(--pixel-teal);box-shadow:4px 0 0 var(--pixel-teal), -4px 0 0 var(--pixel-teal), 0 4px 0 var(--pixel-teal), 0 -4px 0 var(--pixel-teal);image-rendering:pixelated}.pixel-btn{font-family:var(--font-press-start), monospace;border:2px solid var(--pixel-teal);color:var(--pixel-teal);box-shadow:4px 4px 0 var(--pixel-teal);background:0 0;padding:12px 24px;font-size:10px;transition:all .1s}.pixel-btn:hover{background:var(--pixel-teal);color:var(--pixel-dark);transform:translate(4px,4px);box-shadow:0 0}.pixel-btn-outline{border:2px solid var(--pixel-teal);color:var(--pixel-teal);background:0 0;padding:12px 24px;font-family:"Press Start 2P",monospace;font-size:10px;transition:all .1s}.pixel-btn-outline:hover{background:#00ffcc1a;transform:translate(2px,2px)}.pixel-stat{border:1px solid var(--pixel-teal);color:var(--pixel-teal);background:#00ffcc1a;padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:8px}.scanlines:after{content:"";pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}@keyframes glitch{0%,to{clip-path:inset(0 0 95%);transform:translate(-2px)}20%{clip-path:inset(30% 0 50%);transform:translate(2px)}40%{clip-path:inset(60% 0 20%);transform:translate(-1px)}60%{clip-path:inset(20% 0 70%);transform:translate(1px)}80%{clip-path:inset(80% 0 10%);transform:translate(-2px)}}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);color:var(--pixel-teal);animation:3s infinite glitch;position:absolute;inset:0}.glitch-text:after{color:var(--pixel-red);animation-delay:.1s}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}30%{transform:translate(1%,1%)}50%{transform:translate(-1%,1%)}70%{transform:translate(1%,-1%)}90%{transform:translate(-1%)}}.film-grain{pointer-events:none;z-index:9997;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' 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)'/%3E%3C/svg%3E");width:200%;height:200%;animation:.4s step-end infinite grain;position:fixed;inset:-50%}.pixel-badge{border:2px solid var(--pixel-teal);color:var(--pixel-teal);background:#00ffcc26;align-items:center;gap:8px;padding:8px 16px;font-family:"Press Start 2P",monospace;font-size:8px;display:inline-flex}.pixel-badge:before{content:"";background:var(--pixel-teal);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.typewriter{border-right:2px solid var(--pixel-teal);font-family:"Press Start 2P",monospace;animation:1s step-end infinite blink}@keyframes blink{0%,to{border-color:var(--pixel-teal)}50%{border-color:#0000}}.pixel-border{border:2px solid var(--pixel-teal);box-shadow:4px 4px 0px 0px var(--pixel-dark)}.pixel-separator{align-items:center;gap:8px;padding:16px 0;display:flex}.pixel-separator:before,.pixel-separator:after{content:"";background:linear-gradient(90deg,#0000,#00ffcc4d,#0000);flex:1;height:2px}.pixel-separator-dot{background:var(--pixel-teal);width:4px;height:4px}