*{margin:0;padding:0;box-sizing:border-box}body{background:#111;color:#eee;font-family:Courier New,monospace;display:flex;flex-direction:column;align-items:center;min-height:100vh}h1{color:#ff0;margin:12px 0 8px;font-size:1.6rem;letter-spacing:2px}.container{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;justify-content:center;padding:0 12px}.t-invis{display:none}.t-invis.visible{display:block}#join-panel{background:#222;border:2px solid #444;border-radius:8px;padding:16px;width:300px;display:flex;flex-direction:column;gap:8px}#join-panel label{font-size:.85rem;color:#aaa}#join-panel input,#join-panel select{background:#333;color:#eee;border:1px solid #555;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:.9rem}#join-panel input:focus,#join-panel select:focus{outline:none;border-color:#ff0}.btn-row{display:flex;gap:8px}.btn{background:#333;color:#ff0;border:2px solid #ff0;border-radius:4px;padding:8px 14px;font-family:inherit;font-size:.9rem;cursor:pointer;flex:1;text-align:center}.btn:hover{background:#ff0;color:#111}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-danger{border-color:#f44;color:#f44}.btn-danger:hover{background:#f44;color:#111}.btn-match{border-color:#0f0;color:#0f0;width:100%}.btn-match:hover{background:#0f0;color:#111}.btn-cancel-queue{border-color:#fa0;color:#fa0;width:100%;display:none}.btn-cancel-queue.visible{display:block}.btn-cancel-queue:hover{background:#fa0;color:#111}#queue-panel{background:#1a2a1a;border:1px solid #0f0;border-radius:6px;padding:10px;margin-top:6px;text-align:center}#queue-panel .queue-title{color:#0f0;font-size:.9rem;font-weight:700;margin-bottom:6px}#queue-panel .queue-info{font-size:.8rem;color:#aaa;margin:3px 0}#queue-panel .queue-timer{color:#ff0;font-size:1.1rem;font-weight:700;margin:6px 0}.mode-row{display:flex;gap:8px;align-items:center}.mode-row label{font-size:.85rem;color:#aaa;cursor:pointer}.mode-row input[type=radio]{accent-color:#ff0}#stat-config{display:none;background:#1a1a2e;border:1px solid #444;border-radius:6px;padding:10px;margin-top:4px}#stat-config.visible{display:block}.stat-row{display:flex;align-items:center;gap:8px;margin:6px 0}.stat-row label{width:40px;font-size:.8rem;color:#aaa}.stat-row input[type=range]{flex:1;accent-color:#ff0}.stat-row .stat-val{width:28px;text-align:right;font-size:.85rem;color:#ff0;font-weight:700}.stat-summary{font-size:.8rem;color:#888;text-align:center;margin-top:6px}.stat-summary span{color:#0f0;font-weight:700}#status-bar{background:#1a1a2e;border:1px solid #333;border-radius:6px;padding:8px 12px;font-size:.8rem;display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px;width:100%;max-width:800px}.status-item{display:flex;gap:4px;align-items:center}.status-label{color:#888}.status-value{color:#0f0;font-weight:700}.status-value.disconnected{color:#f44}.status-value.waiting{color:#ff0}.status-value.active{color:#0f0}.status-value.finished{color:#888}#game-area{position:relative}canvas{border:2px solid #333;border-radius:4px;display:block}#game-over-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#000000bf;border-radius:4px}#game-over-overlay.visible{display:flex}#game-over-box{background:#1a1a2e;border:2px solid #ff0;border-radius:10px;padding:28px 36px;text-align:center;display:flex;flex-direction:column;gap:16px}#game-over-title{color:#ff0;font-size:1.6rem;font-weight:700;letter-spacing:3px}#game-over-winner{color:#eee;font-size:1.1rem;font-weight:700}.btn-play-again{border-color:#0f0;color:#0f0;font-size:1rem;padding:10px 24px}.btn-play-again:hover{background:#0f0;color:#111}#sidebar{width:240px;display:flex;flex-direction:column;gap:10px}#player-list{background:#222;border:2px solid #444;border-radius:8px;padding:12px}#player-list h3{font-size:.9rem;color:#888;margin-bottom:8px}.player-entry{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:.8rem}.player-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.player-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-dead{opacity:.4;text-decoration:line-through}.player-hp-bar{width:50px;height:8px;background:#333;border-radius:4px;overflow:hidden;flex-shrink:0}.player-hp-fill{height:100%;border-radius:4px;transition:width .2s}.player-stats-text{font-size:.7rem;color:#888}.player-ai-state{font-size:.7rem;padding:1px 4px;border-radius:3px;color:#111;font-weight:700}.ai-hunt{background:#f44}.ai-flee{background:#4af}.ai-kite{background:#fa4}.ai-patrol{background:#888}.ai-collect_powerup{background:#e0e}.player-buffs{display:flex;gap:2px;margin-left:2px}.buff-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}#msg-log{background:#1a1a1a;border:2px solid #333;border-radius:8px;padding:8px;height:200px;overflow-y:auto;font-size:.75rem;color:#888}#msg-log .msg{padding:2px 0;border-bottom:1px solid #222}#msg-log .msg-info{color:#4af}#msg-log .msg-warn{color:#fa4}#msg-log .msg-error{color:#f44}#msg-log .msg-game{color:#0f0}#msg-log .msg-combat{color:#f80}#controls{background:#222;border:2px solid #444;border-radius:8px;padding:10px;font-size:.8rem;color:#888}#controls h3{font-size:.9rem;margin-bottom:6px;color:#888}kbd{background:#333;border:1px solid #555;border-radius:3px;padding:2px 6px;font-size:.75rem;color:#eee}