:root{--bg: #080820;--card-bg: #0d0d2b;--neon-green: #39ff14;--neon-cyan: #00ffff;--neon-magenta: #ff00ff;--neon-orange: #ff6600;--neon-yellow: #ffff00;--neon-blue: #0080ff;--dim-border: #1e1e4a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--bg);color:var(--neon-green);font-family:"Press Start 2P",monospace;font-size:12px;line-height:1.6;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--neon-cyan);text-decoration:none}.glow-green{text-shadow:0 0 8px var(--neon-green),0 0 20px var(--neon-green)}.glow-cyan{text-shadow:0 0 8px var(--neon-cyan),0 0 20px var(--neon-cyan)}.glow-magenta{text-shadow:0 0 8px var(--neon-magenta),0 0 20px var(--neon-magenta)}.glow-yellow{text-shadow:0 0 8px var(--neon-yellow),0 0 20px var(--neon-yellow)}.glow-orange{text-shadow:0 0 8px var(--neon-orange),0 0 20px var(--neon-orange)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse-glow{0%,to{text-shadow:0 0 6px var(--neon-green),0 0 12px var(--neon-green)}50%{text-shadow:0 0 10px var(--neon-green),0 0 18px var(--neon-green)}}/*! SWEEP LINE EFFECTS*/.crt-effect-wrapper.sweep-on:before{content:"";position:absolute;top:-30%;left:0;width:100%;height:var(--sweep-thickness, 10px);pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.6) 50%,rgba(8,8,8,.5) 50%,transparent 100%);animation:sweep-line var(--sweep-duration, 7s) linear infinite;z-index:9999;filter:blur(1.5px)}.crt-effect-wrapper.sweep-soft:before{content:"";position:absolute;top:-30%;left:0;width:100%;height:var(--sweep-thickness, 10px);pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.08) 55%,transparent 100%);animation:sweep-line var(--sweep-duration, 7s) linear infinite;z-index:9999;filter:blur(5px)}@keyframes sweep-line{0%{top:-30%}to{top:130%}}/*! SCANLINES EFFECT */.crt-effect-wrapper.scanlines-on:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(var(--scanline-gradient-direction, to bottom),rgba(var(--scanline-color-rgb, 91, 179, 135),calc(var(--scanline-opacity, .035))) 0px,rgba(var(--scanline-color-rgb, 18, 58, 39),calc(var(--scanline-opacity, .2))) var(--scanline-thickness, 2px),transparent var(--scanline-thickness, 2px),transparent calc(var(--scanline-thickness, 2px) + var(--scanline-gap, 3px)));z-index:9998;mix-blend-mode:screen}/*! GLOW EFFECTS */.crt-edge-glow{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 var(--edge-glow-size, 30px) var(--edge-glow-color, rgba(0, 255, 128, .2));z-index:9998}.crt-vignette{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0000 60%,rgba(0,0,0,var(--vignette-intensity, .4)));mix-blend-mode:multiply;z-index:9997}/*! CONTAINER ELEMENTS */.crt-inner{width:100%;height:100%}/*! ANIMATION EFFECTS */.crt-effect-wrapper.flicker-on{animation:crt-flicker var(--flicker-speed, .8s) infinite}@keyframes crt-flicker{0%,to{opacity:1}10%{opacity:calc(1 - var(--flicker-intensity, .15) * .53)}20%{opacity:calc(1 - var(--flicker-intensity, .15) * .13)}30%{opacity:calc(1 - var(--flicker-intensity, .15) * .8)}40%{opacity:calc(1 - var(--flicker-intensity, .15) * .33)}50%{opacity:calc(1 - var(--flicker-intensity, .15) * .67)}60%{opacity:1}70%{opacity:calc(1 - var(--flicker-intensity, .15) * 1)}80%{opacity:calc(1 - var(--flicker-intensity, .15) * .27)}90%{opacity:1}}.crt-inner.glitch-on{animation:glitch-fuzz var(--glitch-speed, .6s) ease-in-out infinite;will-change:transform}@keyframes glitch-fuzz{0%,to{transform:translate(0) skew(0)}10%{transform:translate(calc(-2px * var(--glitch-intensity, 1)),calc(1px * var(--glitch-intensity, 1))) skew(calc(-.5deg * var(--glitch-intensity, 1)))}20%{transform:translate(0) skew(0)}30%{transform:translate(calc(3px * var(--glitch-intensity, 1)),calc(-1px * var(--glitch-intensity, 1))) skew(calc(.8deg * var(--glitch-intensity, 1)))}40%{transform:translate(0) skew(0)}50%{transform:translate(calc(-1px * var(--glitch-intensity, 1)),calc(2px * var(--glitch-intensity, 1))) skew(calc(-.3deg * var(--glitch-intensity, 1)))}60%{transform:translate(0) skew(0)}70%{transform:translate(calc(2px * var(--glitch-intensity, 1)),calc(-2px * var(--glitch-intensity, 1))) skew(calc(.6deg * var(--glitch-intensity, 1)))}80%,90%{transform:translate(0) skew(0)}}/*! ACCESSIBILITY */@media(prefers-reduced-motion:reduce){.crt-effect-wrapper.sweep-on:before,.crt-effect-wrapper.sweep-soft:before{animation:none!important;display:none}.crt-effect-wrapper.flicker-on{animation:none!important;opacity:1!important}.crt-inner.glitch-on{animation:none!important;transform:none!important}}.home-page{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;background-color:var(--bg);overflow-x:hidden}.marquee-strip{width:100%;background-color:var(--card-bg);border-top:2px solid var(--neon-orange);border-bottom:2px solid var(--neon-orange);padding:10px 0;overflow:hidden;white-space:nowrap}.marquee-track{display:inline-block;animation:marquee-scroll 24s linear infinite;color:var(--neon-orange);text-shadow:0 0 3px var(--neon-orange);font-size:.6rem;letter-spacing:.12em}.home-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1.5rem 3rem;gap:2.25rem;width:100%;max-width:960px}.title-block{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center}.title-deco{color:var(--neon-cyan);text-shadow:none;font-size:.45rem;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.game-title{font-size:clamp(2.2rem,9vw,4.5rem);color:var(--neon-green);animation:pulse-glow 3s ease-in-out infinite;line-height:1.5;letter-spacing:.12em}.title-subtitle{font-size:clamp(.45rem,1.5vw,.6rem);color:var(--neon-cyan);text-shadow:0 0 4px var(--neon-cyan);letter-spacing:.3em}.insert-coin{font-size:clamp(.65rem,2vw,.9rem);color:var(--neon-yellow);text-shadow:0 0 8px var(--neon-yellow);animation:blink 1s step-end infinite;letter-spacing:.15em}.section-label{font-size:.65rem;color:var(--neon-magenta);text-shadow:0 0 4px var(--neon-magenta);letter-spacing:.25em}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%}@media(max-width:680px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.games-grid{grid-template-columns:1fr}}.game-card{position:relative;background-color:var(--card-bg);border:2px solid var(--neon-cyan);box-shadow:inset 0 0 10px #00ffff08;padding:1.25rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.55rem;cursor:not-allowed;transition:box-shadow .25s,border-color .25s}.game-card:hover{border-color:var(--neon-magenta);box-shadow:0 0 10px var(--neon-magenta),inset 0 0 12px #ff00ff0f}.game-card-id{position:absolute;top:6px;left:8px;font-size:.45rem;color:#336}.game-card-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:2px solid var(--dim-border);color:#1f1f50;margin:.35rem 0;text-shadow:none}.game-card-title{font-size:.55rem;color:var(--neon-cyan);text-shadow:none;letter-spacing:.1em}.game-card-players{font-size:.5rem;color:var(--neon-green);text-shadow:none}.game-card-status{font-size:.45rem;color:#447;letter-spacing:.1em}.game-card--active{border-color:var(--neon-green)}.game-card--active .game-card-title{color:var(--neon-green);text-shadow:0 0 4px var(--neon-green)}.game-card--active .game-card-icon{color:var(--neon-green);border-color:var(--neon-green);font-size:1.6rem}.game-card--active .game-card-status{color:var(--neon-green);text-shadow:0 0 6px var(--neon-green);animation:blink 1.2s step-end infinite}.game-card--active:hover{border-color:var(--neon-yellow);box-shadow:0 0 14px var(--neon-yellow),inset 0 0 14px #ffff000d}.arcade-footer{width:100%;border-top:2px solid var(--neon-cyan);background-color:var(--card-bg);padding:.9rem 2rem;display:flex;justify-content:space-between;align-items:center;font-size:.5rem;color:var(--neon-cyan);text-shadow:none;flex-wrap:wrap;gap:.5rem}.footer-hiscore{color:var(--neon-yellow);text-shadow:none}
