@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323:wght@400&display=swap";:root{--pixel-font:"Press Start 2P", monospace;--vt-font:"VT323", monospace;--bg:#0a0a0f;--scanline:#0000001f;--green:#00ff41;--cyan:#00f5ff;--magenta:#f0f;--yellow:gold;--orange:#f60;--red:#f20;--white:#e8e8e8;--dim:#555}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--green);font-family:var(--pixel-font);min-height:100vh;font-size:10px;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}body:after{content:"";background:repeating-linear-gradient(0deg, transparent, transparent 2px, var(--scanline) 2px, var(--scanline) 4px);pointer-events:none;z-index:9999;position:fixed;inset:0}.pixel-border{image-rendering:pixelated;border:3px solid;box-shadow:inset -4px -4px #0006,inset 4px 4px #ffffff1a}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor:after{content:"█";animation:1s step-end infinite blink}@keyframes glitch{0%{transform:translate(0)}20%{filter:hue-rotate();transform:translate(-2px)}40%{filter:hue-rotate(90deg);transform:translate(2px)}60%{filter:hue-rotate(180deg);transform:translate(-1px)}80%{transform:translate(1px)}to{transform:translate(0)}}.glitch:hover{animation:.3s step-end infinite glitch}@keyframes pixelWalk{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes flicker{0%{opacity:1}97%{opacity:1}98%{opacity:.8}to{opacity:1}}.crt-screen{animation:8s infinite flicker}@keyframes typing{0%{width:0}to{width:100%}}@keyframes floatPixel{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fillXP{0%{width:0%}to{width:var(--target-width)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.5)}}::-webkit-scrollbar{background:#000;width:8px}::-webkit-scrollbar-thumb{background:var(--green);border-radius:0}@media (width<=480px){body{font-size:8px}.crt-screen{animation:none}body:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000f 2px 4px)}}