@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-color: #050505;--text-main: #e0e0e0;--neon-green: #39ff14;--neon-red: #ff3131;--neon-blue: #1b8cfb;--neon-yellow: #fff01f;--panel-bg: rgba(10, 10, 10, .95);--border-color: #222}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--bg-color);font-family:"Press Start 2P",cursive;color:var(--text-main);height:100vh;width:100vw}.fullscreen-panel{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-color);z-index:100}#login-panel{background:radial-gradient(ellipse at center,#1a0a2e,#050505 70%)}.title-art{display:flex;align-items:center;gap:20px;margin-bottom:10px}.bomb-icon{font-size:50px;animation:bomb-bounce 1.5s ease-in-out infinite}@keyframes bomb-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.game-title{font-size:48px;color:var(--neon-yellow);text-shadow:4px 4px var(--neon-red),0 0 30px rgba(255,49,49,.5);letter-spacing:6px;line-height:1.3;text-align:center;margin:0}.title-highlight{color:var(--neon-red);text-shadow:4px 4px #000,0 0 20px rgba(255,49,49,.8)}.title-tagline{font-size:16px;color:var(--neon-green);text-shadow:0 0 10px var(--neon-green);margin-bottom:40px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.login-form{display:flex;flex-direction:column;align-items:center;gap:15px;width:400px}.login-form input{width:100%;padding:16px;font-size:14px;background:#000;border:2px solid var(--neon-green);color:var(--neon-green);font-family:inherit;text-align:center;transition:box-shadow .2s}.login-form input:focus{outline:none;box-shadow:0 0 15px var(--neon-green)}.btn-primary{background:var(--neon-green)!important;color:#000!important;border-color:var(--neon-green)!important;font-weight:700;box-shadow:0 0 20px #39ff1466}.btn-primary:hover{background:#fff!important;color:#000!important;box-shadow:0 0 30px #39ff14cc}.copyright{position:absolute;bottom:30px;font-size:10px;color:#555}#muteBtn{position:fixed;top:15px;right:15px;z-index:9999;background:#0009;border:1px solid #555;color:#fff;font-size:20px;width:40px;height:40px;cursor:pointer;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:background .2s}#muteBtn:hover{background:#ffffff1a;border-color:var(--neon-green)}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;grid-template-areas:"header header" "players map" "chat chat";gap:15px;padding:30px;width:100%;height:100%;overflow:hidden}.lobby-header{grid-area:header;border-bottom:2px solid #333;padding-bottom:10px}.lobby-section{border:1px solid #333;background:#0006;padding:15px;display:flex;flex-direction:column;box-shadow:inset 0 0 10px #000c;min-height:0;overflow:hidden}.lobby-section h3{font-size:14px;color:var(--neon-yellow);margin:0 0 10px;border-bottom:1px dashed #444;padding-bottom:5px;text-align:left;flex-shrink:0}.chat-section{grid-area:chat;min-height:0;overflow:hidden}.player-section{grid-area:players}.settings-section{grid-area:map;align-items:center}.map-preview{width:100%;flex-grow:1;min-height:0;background:repeating-linear-gradient(45deg,#111,#111 10px,#1a1a1a 10px 20px);border:2px solid #444;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 20px #000;overflow:hidden}.preview-text{font-size:10px;color:#555;animation:pulse 2s infinite}#chat-messages{flex-grow:1;overflow-y:auto;text-align:left;font-size:12px;line-height:1.6;margin-bottom:10px;word-wrap:break-word;overflow-wrap:break-word;min-height:80px}#chat-messages::-webkit-scrollbar{width:6px}#chat-messages::-webkit-scrollbar-track{background:#111}#chat-messages::-webkit-scrollbar-thumb{background:var(--neon-blue)}.chat-msg{margin-bottom:5px;color:#e0e0e0}.system-msg{color:#888;font-style:italic}#typing-indicator{font-size:8px;color:#888;height:10px;text-align:left;margin-bottom:5px;flex-shrink:0}#chat-form{display:flex;width:100%;flex-shrink:0}#chatInput{width:100%;margin:0;padding:8px;border:1px solid #444;text-align:left;font-size:12px;background:#000;color:var(--text-main);font-family:inherit}#chatInput:focus{border-color:var(--neon-blue);outline:none}#player-list{flex-grow:1;list-style:none;padding:0;margin:0 0 10px;text-align:left}.player-item{padding:8px 5px;border-bottom:1px dashed #333;display:flex;justify-content:space-between;font-size:12px;align-items:center}.status-ready{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green)}.status-waiting{color:#888}.lobby-actions{display:flex;gap:10px;justify-content:center;flex-shrink:0}#game-screen{display:flex;justify-content:center;align-items:stretch;width:100vw;height:100vh;gap:0}.game-sidebar{width:200px;min-width:160px;background:linear-gradient(180deg,#0a0a0a,#111);border:2px solid #333;padding:15px;display:flex;flex-direction:column;gap:15px;overflow-y:auto}.sidebar-block{background:#0009;border:1px solid #444;padding:10px}.sidebar-title{font-size:12px;color:var(--neon-yellow);border-bottom:2px solid var(--neon-yellow);padding-bottom:8px;margin-bottom:10px;text-align:center}#score-list{list-style:none;padding:0;margin:0}#score-list li{display:flex;justify-content:space-between;font-size:11px;padding:6px 0;border-bottom:1px dashed #333}.score-val{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green)}.powerup-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed #333}.powerup-icon{font-size:18px}.powerup-label{font-size:9px;color:#888;flex-grow:1}.powerup-val{font-size:16px;color:var(--neon-blue);text-shadow:0 0 8px var(--neon-blue);min-width:30px;text-align:right}#game-center{flex-grow:1;display:flex;justify-content:center;align-items:center;background:#050505;position:relative;overflow:hidden}#game-center canvas{display:block;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}#game-over-panel{background:#050505eb}#game-over-panel h1{font-size:48px;margin-bottom:30px}.game-over-actions{display:flex;flex-direction:column;gap:15px;width:350px}h1{color:var(--neon-yellow);text-shadow:4px 4px var(--neon-red);font-size:42px;margin-bottom:30px;letter-spacing:4px}h2{color:var(--neon-blue);font-size:18px;text-shadow:0 0 10px var(--neon-blue);margin:0}button{background:#000;border:3px solid var(--neon-red);color:var(--neon-red);font-family:"Press Start 2P",cursive;padding:15px 25px;font-size:16px;cursor:pointer;transition:all .2s ease}button:hover{background:var(--neon-red);color:#000;box-shadow:0 0 15px var(--neon-red);transform:scale(1.05)}button:active{transform:scale(.95)}button:disabled{border-color:#333;color:#555;cursor:not-allowed;box-shadow:none;transform:none;background:#111}.ready-visual{background:var(--neon-green);color:#000;border-color:var(--neon-green);box-shadow:0 0 15px var(--neon-green)}.ready-visual:hover{background:#000;color:var(--neon-green)}.touch-controls{pointer-events:auto}#level-clear-panel{background:#050505f2}.level-clear-content{text-align:center;max-width:600px;width:90%}.level-clear-title{font-size:36px;color:var(--neon-yellow);text-shadow:4px 4px var(--neon-red),0 0 30px var(--neon-yellow);margin-bottom:30px;animation:pulse 1.5s infinite}.next-level-hint{font-size:14px;color:var(--neon-green);margin-top:30px;animation:pulse 1s infinite}.tally-player{background:#141414e6;border:2px solid #444;padding:20px;margin-bottom:15px;text-align:left}.tally-name{font-size:16px;margin-bottom:15px;border-bottom:1px dashed #444;padding-bottom:10px}.tally-row{display:flex;justify-content:space-between;font-size:12px;padding:6px 0;color:#aaa}.tally-row.bonus{color:var(--neon-green)}.tally-row.total{color:var(--neon-yellow);font-size:16px;border-top:2px solid var(--neon-yellow);padding-top:10px;margin-top:8px}.tally-row span:last-child{text-shadow:0 0 5px currentColor}@keyframes tally-appear{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.tally-row{animation:tally-appear .4s ease-out both}.tally-row:nth-child(1){animation-delay:.3s}.tally-row:nth-child(2){animation-delay:.8s}.tally-row:nth-child(3){animation-delay:1.3s}.tally-row:nth-child(4){animation-delay:1.8s}.mode-selector{margin-top:15px;padding-top:10px;border-top:1px dashed #444}.mode-selector h3{font-size:12px;color:var(--neon-yellow);margin-bottom:8px}.mode-btn{display:block;width:100%;margin-bottom:5px;padding:8px;font-size:10px;border-width:2px}.mode-btn.active{background:var(--neon-green);color:#000;border-color:var(--neon-green)}.highscore-entry{text-align:center;margin-bottom:20px}.hs-prompt{font-size:20px;color:var(--neon-green);text-shadow:0 0 10px var(--neon-green);margin-bottom:10px}.hs-label{font-size:12px;color:#888;margin-bottom:15px}.initial-inputs{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.initial-char{width:60px;height:70px;font-size:36px;text-align:center;background:#000;border:3px solid var(--neon-yellow);color:var(--neon-yellow);font-family:"Press Start 2P",cursive;text-transform:uppercase;caret-color:var(--neon-yellow)}.initial-char:focus{outline:none;box-shadow:0 0 20px var(--neon-yellow)}#leaderboard-panel{background:#050505f7}.leaderboard-table-wrap{max-height:60vh;overflow-y:auto;margin-bottom:20px}.leaderboard-table{border-collapse:collapse;width:500px;max-width:90vw}.leaderboard-table th{color:var(--neon-yellow);font-size:12px;padding:10px 15px;border-bottom:2px solid var(--neon-yellow);text-align:left}.leaderboard-table td{font-size:12px;padding:8px 15px;border-bottom:1px dashed #333}.leaderboard-table tr:nth-child(1) td{color:gold}.leaderboard-table tr:nth-child(2) td{color:silver}.leaderboard-table tr:nth-child(3) td{color:#cd7f32}.leaderboard-table tr:hover td{background:#39ff141a}