:root{font-family:"Press Start 2P",monospace;line-height:1.5;font-weight:400;background-color:#000;--scan-line-size: 3px}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:#000;position:relative;overflow:hidden;image-rendering:pixelated;cursor:none}.noise{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;opacity:.12;mix-blend-mode:overlay}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;animation:flicker .08s infinite;background:linear-gradient(#12101000 50%,#0009 50%);background-size:100% var(--scan-line-size);opacity:.5}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;position:relative;width:100%;height:100vh;gap:2rem}.logo{font-size:5rem;color:#fff;letter-spacing:.2em;animation:pulse 2s infinite;text-shadow:0 0 20px rgba(255,255,255,.6),0 0 40px rgba(255,255,255,.3),4px 4px 0px rgba(0,0,0,.8);image-rendering:pixelated;z-index:2;padding:20px;transform:scaleY(1.2);position:relative}.subtitle-container{text-align:center;font-family:VT323,monospace;font-size:1.8rem;color:#fff;line-height:1.5;position:relative}.subtitle{height:1.5em;white-space:pre;color:#fff}.pixel-container{position:fixed;top:0;left:0;width:100%;height:100%;display:grid;pointer-events:none;z-index:0}.pixel{width:100%;height:100%;transition:background-color .2s ease-out}.pixel.active{background-color:#90909033;animation:fadeOut .8s forwards}.glitch-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.pixel-glitch{position:absolute;background:#ffffff1a;pointer-events:none;mix-blend-mode:screen}.button-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.arcade-btn{position:relative;padding:15px 40px;font-family:"Press Start 2P",monospace;font-size:1.2rem;color:#fff;background:#2d2d2d;border:none;border-radius:4px;cursor:none;transform-style:preserve-3d;transform:translateZ(0);transition:all .2s ease;image-rendering:pixelated;opacity:1;z-index:5;box-shadow:0 6px #1a1a1a,0 8px 10px #0000004d;min-width:280px}.arcade-btn.hidden{opacity:0;pointer-events:none;transform:translateY(20px) translateZ(0)}.arcade-btn:hover{background:#fff;transform:translateY(-2px) translateZ(0);box-shadow:0 8px #1a1a1a,0 10px 12px #0000004d}.arcade-btn:hover .btn-text{color:#000}.arcade-btn:active{transform:translateY(4px) translateZ(0);box-shadow:0 2px #1a1a1a,0 4px 6px #0000004d}.btn-text{position:relative;transition:all .2s ease;text-align:center}.copyright{position:absolute;bottom:20px;font-size:.9rem;color:#fff;opacity:.7;font-family:VT323,monospace}.pixel-cursor{display:none}.pixel-trail{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.burn-in-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;mix-blend-mode:screen}.ghost-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Press Start 2P",monospace;font-size:4rem;color:#ffffff08;transition:transform .5s ease}.color-shift-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;mix-blend-mode:screen;transition:all .3s ease}@keyframes pulse{0%{opacity:.7;text-shadow:0 0 20px rgba(255,255,255,.6),0 0 40px rgba(255,255,255,.3)}50%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.8),0 0 60px rgba(255,255,255,.5)}to{opacity:.7;text-shadow:0 0 20px rgba(255,255,255,.6),0 0 40px rgba(255,255,255,.3)}}@keyframes fadeOut{0%{background-color:#90909033}to{background-color:transparent}}@keyframes flicker{0%{opacity:.5}50%{opacity:.6}to{opacity:.5}}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(var(--scan-line-size))}}#app{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;background:#000}body:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40vh;height:40vh;background:radial-gradient(circle,rgba(20,20,20,.4) 0%,transparent 70%);animation:glow 4s ease-in-out infinite;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.7) 100%),repeating-linear-gradient(transparent 0px,rgba(0,0,0,.1) 1px,transparent 2px);pointer-events:none;z-index:2;animation:vignette-pulse 4s infinite}@keyframes vignette-pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}@keyframes glow{0%{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.7}to{transform:translate(-50%,-50%) scale(1);opacity:.4}}