@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.multiplayer-notice{background-color:#ffffff1a;color:#555;font-size:14px;padding:10px;text-align:center}.multiplayer-notice,.server-status{border-radius:4px;margin-bottom:15px}.server-status{align-items:center;background-color:#0000001a;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:8px}.reconnect-btn{background-color:#5bc0de;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:10px;padding:5px 10px;transition:background-color .3s}.reconnect-btn:hover{background-color:#31b0d5}.status-indicator{border-radius:50%;height:10px;margin-right:8px;width:10px}.status-indicator.connecting{animation:pulse 1.5s infinite;background-color:#f0ad4e}.status-indicator.connected{background-color:#5cb85c}.status-indicator.error{background-color:#d9534f}.status-indicator.disconnected{background-color:#777}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}body{background:#121212;color:#0f0;font-family:Press Start\ 2P,monospace;letter-spacing:1px;overflow:hidden}.app,body{min-height:100vh}.app{align-items:center;background-image:radial-gradient(#1a1a1a 1px,#0000 0);background-size:10px 10px;display:flex;justify-content:center;padding:20px}.lobby{animation:fadeIn .8s ease-out,glowBorder 2s infinite alternate;background:#1a1a1a;border:2px solid #0f0;border-radius:10px;box-shadow:0 0 20px #0f03;max-width:450px;padding:30px;text-align:center;transform:translateY(-20px);width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(-20px)}}@keyframes glowBorder{0%{box-shadow:0 0 5px #00ff004d}to{box-shadow:0 0 20px #00ff00b3}}.lobby h1{color:#0f0;font-size:1.5em;line-height:1.5;margin-bottom:30px;text-shadow:0 0 5px #00ff0080}.form{display:flex;flex-direction:column;gap:20px}.form input{background:#1a1a1a;border:2px solid #0f0;border-radius:0;box-shadow:0 0 5px #00ff004d;color:#0f0;font-family:Press Start\ 2P,monospace;font-size:12px;outline:none;padding:12px 15px;text-align:center;transition:all .3s ease}.form input:focus{background:#1a1a1a;border-color:#0f0;box-shadow:0 0 10px #00ff0080}.form input::placeholder{color:#00ff0080}.buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}button{background:#1a1a1a;border:2px solid #0f0;border-radius:0;box-shadow:0 0 5px #00ff004d;color:#0f0;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:12px;letter-spacing:1px;min-width:140px;overflow:hidden;padding:12px 20px;position:relative;text-transform:uppercase;z-index:1}button,button:before{transition:all .3s ease}button:before{background:#00ff001a;content:"";height:100%;left:0;position:absolute;top:0;width:0;z-index:-1}button:hover:not(:disabled):before{width:100%}button:hover:not(:disabled){box-shadow:0 0 10px #00ff0080}button:active:not(:disabled){background:#0f03;box-shadow:0 0 15px #0f09}button:disabled{background:#1a1a1a;border-color:#00ff004d;box-shadow:none;color:#00ff004d;cursor:not-allowed;opacity:.5;transform:none}.waiting{animation:fadeIn .8s ease-out,glowBorder 2s infinite alternate;background:#1a1a1a;border:2px solid #0f0;border-radius:10px;box-shadow:0 0 20px #0f03;max-width:550px;padding:30px;text-align:center;transform:translateY(-20px);width:100%}.waiting h2{color:#0f0;font-size:1.2em;line-height:1.5;margin-bottom:15px;text-shadow:0 0 5px #00ff0080}.waiting p{color:#0f0;font-size:.7em;margin-bottom:20px;opacity:.8}.players-list{background:#121212;border:1px solid #0f0;box-shadow:inset 0 0 10px #00ff001a;margin:25px 0;padding:15px}.players-list h3{color:#0f0;font-size:.8em;margin-bottom:15px;text-shadow:0 0 5px #00ff004d}.player-item{background:#1a1a1a;border:1px solid #00ff004d;border-left:2px solid #0000;font-size:.7em;margin:10px 0;padding:10px 15px;transition:all .3s ease}.player-item:hover{background:#1a1a1a;border-left:2px solid #0f0;box-shadow:0 0 5px #00ff004d;transform:translateX(3px)}.game{align-items:center;animation:fadeIn .5s ease-out;background:#121212;background-image:radial-gradient(#1a1a1a 1px,#0000 0);background-size:10px 10px;display:flex;flex-direction:column;gap:20px;height:100vh;left:0;padding:20px;position:absolute;top:0;width:100vw;z-index:100}.game-header{max-width:1200px;position:relative;width:100%;z-index:10}.scores{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.score{align-items:center;background:#1a1a1a;border:1px solid #0f0;box-shadow:0 0 10px #0f03;display:flex;flex-direction:column;min-width:100px;padding:10px 15px;transition:all .3s ease}.score.dead{background:#1a1a1a;border:1px solid #ff000080;box-shadow:0 0 10px #f003;opacity:.6}.score .name{color:#0f0;font-size:.6em;margin-bottom:5px}.score .points{color:#0f0;font-size:.7em}.score .status{font-size:.8em;margin-top:5px}.game-canvas{background:#121212;border:2px solid #0f0;box-shadow:0 0 20px #00ff004d;height:auto;image-rendering:pixelated;max-height:70vh;max-width:90vw;width:auto}.controls{align-items:center;bottom:20px;display:flex;flex-direction:column;gap:15px;left:0;opacity:.9;position:fixed;text-align:center;width:100%}.controls p{color:#0f0;font-size:.7em;margin-bottom:5px;text-shadow:0 0 5px #00ff004d}.game-controls{display:flex;gap:15px;margin-top:10px}.pause-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:200}.pause-content{animation:glowBorder 2s infinite alternate;background:#1a1a1a;border:2px solid #0f0;box-shadow:0 0 20px #00ff004d;max-width:500px;padding:30px;text-align:center;transform:translateY(-20px);width:90%}.pause-content h2{color:#0f0;font-size:1.2em;margin-bottom:20px;text-shadow:0 0 5px #00ff0080}.pause-content p{color:#0f0;font-size:.7em;line-height:1.6;margin-bottom:20px}.game-over-overlay{background:#000000e6}.nokia-frame{animation:glowBorder 2s infinite alternate;background:#1a1a1a;border:4px solid #32cd32;box-shadow:0 0 20px #00ff0080;image-rendering:pixelated;max-width:500px;padding:30px;text-align:center;transform:translateY(-20px);width:90%}.nokia-frame h2{color:#32cd32;font-size:1.5em;letter-spacing:2px;margin-bottom:20px;text-shadow:0 0 8px #32cd32b3}.winner-text{color:#32cd32;font-size:1em;margin:20px 0;text-shadow:0 0 5px #32cd3280}.waiting-text{animation:blink 1s infinite alternate;color:#32cd32;font-size:.7em;margin:15px 0;opacity:.8}@keyframes blink{0%{opacity:.5}to{opacity:1}}.nokia-frame .buttons{display:flex;flex-direction:column;gap:15px;margin-top:25px}.back-btn,.rematch-btn{background:#1a1a1a;border:2px solid #32cd32;box-shadow:0 0 10px #32cd324d;color:#32cd32;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:.8em;letter-spacing:1px;padding:12px 20px;transition:all .3s ease}.rematch-btn{animation:glowBorder 1.5s infinite alternate}.back-btn:hover,.rematch-btn:hover{background:#222;box-shadow:0 0 15px #32cd3299;transform:translateY(-2px)}@media (max-width:768px){.app{padding:10px}.lobby,.waiting{margin:10px;max-width:90%;padding:20px}h1{font-size:1.2em}.waiting h2{font-size:1em}.form input{font-size:.7em;padding:10px}.form button{font-size:.7em;padding:10px 15px}.game{padding:10px}.game-canvas{height:auto;max-height:60vh;max-width:none;width:95vw}.scores{flex-wrap:wrap;gap:10px;justify-content:center}.score{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;max-width:calc(50% - 10px);min-width:100px;padding:8px 12px}.buttons{flex-direction:column;width:100%}button{min-width:auto;padding:12px 20px;width:100%}.controls{bottom:10px}.game-controls{flex-wrap:wrap;justify-content:center;width:90%}.game-controls button{flex:1 1 auto;min-width:120px}.pause-content{padding:20px}.pause-content h2{font-size:1em}}@media (max-width:480px){.lobby,.waiting{padding:15px;transform:translateY(0)}h1{font-size:1em}.waiting h2{font-size:.9em}.form button,.form input{font-size:.6em;padding:8px 12px}button{font-size:13px;min-width:100px;padding:10px 15px}.game-canvas{border-width:2px;max-height:50vh;width:95vw}.score{font-size:14px;min-width:80px;padding:6px 10px}.score .name{font-size:.5em}.score .points{font-size:.6em}.score .status{font-size:18px}.controls p{font-size:14px}.pause-content{padding:15px}.pause-content h2{font-size:.9em}.pause-content p{font-size:.6em}.pause-overlay{max-width:300px;padding:20px 30px;width:90%}.pause-overlay h2{font-size:1.8em;margin-bottom:10px}.pause-overlay p{font-size:14px}}
/*# sourceMappingURL=main.2670f0d8.css.map*/