@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#2d5a27;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;font-family:VT323,monospace;color:#eee}#app{width:100%;display:flex;flex-direction:column;align-items:center}.game-container{position:relative;background:#4a7c43;border:6px solid #1a3d15;border-radius:8px;box-shadow:0 0 0 4px #2d5a27,0 8px 32px #0006;overflow:hidden}#gameCanvas{display:block}.hud{position:absolute;top:10px;left:10px;background:#000000d9;padding:10px 15px;border-radius:4px;border:2px solid #333;font-size:16px}.hud .status{display:flex;align-items:center;gap:8px;margin-bottom:5px}.hud .status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.hud .status-dot.primary{background:#e94560}.hud .status-dot.connected{background:#4ecca3}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.player-list{position:absolute;top:10px;right:10px;background:#000000d9;padding:10px 15px;border-radius:4px;border:2px solid #333;font-size:14px;max-width:200px}.player-list h3{font-family:"Press Start 2P",cursive;font-size:10px;margin-bottom:8px;color:#4ecca3}.player-item{display:flex;align-items:center;gap:8px;margin:4px 0}.player-color{width:12px;height:12px;border-radius:2px;border:1px solid rgba(255,255,255,.3)}.player-score{margin-left:auto;color:#ffc857}.title{font-family:"Press Start 2P",cursive;font-size:24px;color:#fff;text-shadow:3px 3px 0 #1a3d15;margin-bottom:20px;text-align:center}.controls-hint{margin-top:15px;font-size:18px;color:#ccc;text-align:center}.controls-hint kbd{background:#333;padding:4px 8px;border-radius:4px;border:1px solid #555;color:#fff}.message-log{position:absolute;bottom:10px;left:10px;background:#000000d9;padding:10px;border-radius:4px;border:2px solid #333;font-size:14px;max-width:300px;max-height:80px;overflow-y:auto}.message-log .msg{margin:2px 0;opacity:.8}.message-log .msg.system{color:#ffc857}.message-log .msg.join{color:#4ecca3}.message-log .msg.leave{color:#e94560}.message-log .msg.food{color:#ff6b6b}.food-timer{position:absolute;bottom:10px;right:10px;background:#000000d9;padding:10px 15px;border-radius:4px;border:2px solid #333;font-size:14px}.food-timer .label{font-family:"Press Start 2P",cursive;font-size:8px;color:#ff6b6b;margin-bottom:5px}