body{background-color:#fff}.status-indicator{position:fixed;top:10px;right:10px;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:700;color:#fff;transition:background-color .3s ease}.status-connecting{background-color:#f39c12}.status-connected{background-color:#27ae60}.status-disconnected{background-color:#e74c3c}.controls{position:fixed;top:10px;left:10px;display:flex;gap:8px;padding:8px;background:#ffffffe6;border-radius:8px;box-shadow:0 2px 10px #0000001a}.control-btn{padding:8px 12px;border:2px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-weight:700;transition:all .2s ease}.control-btn:hover{background:#f0f0f0;border-color:#999}.control-btn.active{background:#007bff;color:#fff;border-color:#0056b3}.game-container{position:fixed;inset:60px 10px 10px;background:#2c5e1e;border-radius:8px;overflow:hidden}#gameCanvas{display:block;cursor:crosshair}.instructions{position:fixed;bottom:20px;left:20px;background:#000c;color:#fff;padding:12px;border-radius:8px;font-size:14px;max-width:300px;display:none}.instructions.visible{display:block}