@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--neon-green: #39FF14;--dark-bg: #050505;--dark-green: #0a2e0a;--glow-shadow: 0 0 10px rgba(57, 255, 20, .5), 0 0 20px rgba(57, 255, 20, .3)}*{box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;background-color:var(--dark-bg);background-image:linear-gradient(rgba(57,255,20,.1) 2px,transparent 2px),linear-gradient(90deg,rgba(57,255,20,.1) 2px,transparent 2px);background-size:40px 40px;background-position:center center;font-family:"Press Start 2P",cursive;color:var(--neon-green);overflow:hidden;touch-action:none}body:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:999;background-size:100% 4px,6px 100%;pointer-events:none;box-shadow:inset 0 0 100px #000000f2}#root{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.game-container{border:6px solid var(--neon-green);background-color:#000;padding:20px;box-shadow:inset 0 0 15px #39ff1466,0 0 20px #39ff1499;position:relative;display:flex;flex-direction:column;align-items:center;max-width:95vw;border-radius:4px}canvas{background-color:#000;border:4px solid var(--neon-green);display:block;image-rendering:pixelated;touch-action:none;box-shadow:0 0 10px #39ff1480;margin-top:10px}.game-info{display:flex;justify-content:space-between;width:100%;padding:10px 0;font-size:.9em;text-align:center;align-items:center;text-shadow:0 0 5px rgba(57,255,20,.7)}@media (max-width: 600px){.game-info{font-size:.65em}canvas{width:100%;height:auto}}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;z-index:20}.overlay h2{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #ff0,0 0 30px #ff0;margin-bottom:20px;font-size:1.8em}.overlay p{color:var(--neon-green);margin-bottom:8px;line-height:1.5;text-shadow:0 0 5px rgba(57,255,20,.8)}button{background-color:var(--neon-green);color:#000;border:4px solid #fff;padding:12px 24px;font-family:inherit;font-size:1em;cursor:pointer;margin-top:20px;box-shadow:6px 6px 0 var(--dark-green);transition:all .1s ease;position:relative;top:0;left:0}button:active:not(:disabled){top:6px;left:6px;box-shadow:0 0 0 var(--dark-green)}button:hover:not(:disabled){background-color:#fff;border-color:var(--neon-green)}button:disabled{background-color:#333;color:#666;border-color:#555;box-shadow:6px 6px #111;cursor:not-allowed}.icon-button{position:absolute;z-index:100;font-size:1.8em;color:var(--neon-green);background:none;border:none;box-shadow:none;margin:0;padding:0}.icon-button:hover:not(:disabled){background:none;border:none;text-shadow:0 0 10px var(--neon-green)}.icon-button:active:not(:disabled){top:auto;left:auto;transform:scale(.9)}.name-input{background:#000;border:4px solid var(--neon-green);color:var(--neon-green);padding:12px;font-family:inherit;text-align:center;outline:none;width:250px;margin-bottom:20px;box-shadow:inset 0 0 10px #39ff144d;transition:border-color .2s}.name-input.invalid{border-color:#f33;box-shadow:inset 0 0 10px #ff33334d;color:#f33}table{width:100%;color:var(--neon-green);border-collapse:separate;border-spacing:0 8px;text-align:left}th{color:#fff;text-shadow:0 0 8px #ff0;padding:10px;border-bottom:2px dashed var(--neon-green)}td{padding:12px 10px;background-color:#39ff140d;border:1px solid rgba(57,255,20,.2);transition:background-color .2s}tr:hover td{background-color:#39ff1433}@media (max-width: 600px){.overlay{font-size:.9em;justify-content:space-evenly;padding:10px;overflow-y:auto}.overlay h2{font-size:1.5em;margin-bottom:5px;margin-top:5px}.overlay p{font-size:.85em;margin-bottom:4px}.name-input{width:220px;padding:8px;font-size:.9em;margin-bottom:5px}button{padding:10px 14px;font-size:.9em;margin-top:5px}.icon-button{font-size:1.5em;margin-top:0}}
