:root{--red: #dc2626;--blue: #0284c7;--gold: #b45309;--green: #059669;--bg: #f0f4fa;--panel: #ffffff;--border: #c8d4e4;--text: #0f172a;--text-muted: #475569;--text-subtle: #64748b;--hp-bar-track: #e2e8f0;--scrollbar-log-track: #e8edf4;--accent-cyan: #0369a1;--accent-cyan-glow: rgba(3, 105, 161, .35);--accent-cyan-focus: rgba(3, 105, 161, .22);--btn-hover-border: #94a3b8;--settings-overlay-bg: rgba(15, 23, 42, .45);--settings-panel-shadow: 0 16px 48px rgba(15, 23, 42, .12), 0 0 24px rgba(245, 158, 11, .06);--settings-footer-bg: rgba(15, 23, 42, .04);--winner-overlay-bg: rgba(15, 23, 42, .68);--joy-knob-bg: #e2e8f0;--joy-knob-border: #94a3b8;--inactive-red-text: #b91c1c;--inactive-blue-text: #0369a1;--log-red: #dc2626;--log-blue: #2563eb;--gold-header-glow: rgba(180, 83, 9, .35);--settings-header-tint: rgba(245, 158, 11, .08);--joy-knob-inner-red: #fef2f2;--joy-knob-inner-blue: #eff6ff}html[data-theme=dark]{--red: #ff2d2d;--blue: #00aaff;--gold: #ffc107;--green: #00ff88;--bg: #12151c;--panel: #181c26;--border: #2a3344;--text: #e8edf4;--text-muted: #b4c0d4;--text-subtle: #8b9bb3;--hp-bar-track: #222833;--scrollbar-log-track: #111318;--accent-cyan: #8fdcff;--accent-cyan-glow: rgba(143, 220, 255, .45);--accent-cyan-focus: rgba(143, 220, 255, .25);--btn-hover-border: #4a5568;--settings-overlay-bg: rgba(0, 0, 0, .78);--settings-panel-shadow: 0 20px 60px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 193, 7, .08);--settings-footer-bg: rgba(0, 0, 0, .25);--winner-overlay-bg: rgba(0, 0, 0, .85);--joy-knob-bg: #1a1f29;--joy-knob-border: #5c6678;--inactive-red-text: #9b5c5c;--inactive-blue-text: #4a7a9b;--log-red: #ff6b6b;--log-blue: #60a5fa;--gold-header-glow: rgba(255, 193, 7, .6);--settings-header-tint: rgba(255, 193, 7, .04);--joy-knob-inner-red: #1a0808;--joy-knob-inner-blue: #080f1a}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Share Tech Mono,monospace;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}header{width:100%;padding:14px 24px;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.header-end{display:flex;align-items:center;gap:12px;flex-shrink:0}.btn-theme{display:flex;align-items:center;justify-content:center;width:42px;height:38px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.btn-theme:hover{border-color:var(--accent-cyan);background:var(--bg);color:var(--accent-cyan)}.btn-theme .theme-icon{width:22px;height:22px;flex-shrink:0}html[data-theme=light] .btn-theme .theme-icon-moon,html[data-theme=dark] .btn-theme .theme-icon-sun{display:none}.logo{font-family:Orbitron,sans-serif;font-weight:900;font-size:1.3rem;letter-spacing:4px;background:linear-gradient(90deg,var(--red),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-status{font-size:.7rem;letter-spacing:2px;color:var(--green);animation:blink 1.4s infinite}.header-version{font-size:.72rem;letter-spacing:2px;color:var(--text-subtle)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.main-wrap{display:flex;gap:16px;padding:16px;width:100%;max-width:1100px;align-items:flex-start}.side-panel{width:190px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.unit-card{background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:12px}.unit-card.red{border-top:3px solid var(--red)}.unit-card.blue{border-top:3px solid var(--blue)}.unit-label{font-family:Orbitron,sans-serif;font-size:.65rem;letter-spacing:3px;margin-bottom:8px}.unit-label.red{color:var(--red)}.unit-label.blue{color:var(--blue)}.hp-bar-wrap{margin-bottom:6px}.hp-label{font-size:.68rem;color:var(--text-muted);margin-bottom:3px}.hp-bar{height:8px;background:var(--hp-bar-track);border-radius:2px;overflow:hidden}.hp-fill{height:100%;border-radius:2px;transition:width .3s}.hp-fill.red{background:linear-gradient(90deg,#cc0000,var(--red))}.hp-fill.blue{background:linear-gradient(90deg,#005fa3,var(--blue))}.stat-row{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-subtle);margin-top:4px}.stat-val{color:var(--text-muted)}.log-card{background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:10px}.log-title{font-size:.65rem;letter-spacing:2px;color:var(--text-subtle);margin-bottom:6px}.ai-log{height:200px;overflow-y:auto;font-size:.65rem;line-height:1.65;color:var(--text-muted)}.ai-log::-webkit-scrollbar{width:3px}.ai-log::-webkit-scrollbar-track{background:var(--scrollbar-log-track)}.ai-log::-webkit-scrollbar-thumb{background:var(--border)}.log-entry{margin-bottom:2px}.log-entry.red{color:var(--log-red)}.log-entry.blue{color:var(--log-blue)}.log-entry.sys{color:var(--text-subtle)}.log-entry.hit{color:var(--gold)}.log-entry.danger{color:var(--red)}.canvas-wrap{flex:1;display:flex;flex-direction:column;gap:10px}canvas{display:block;border:1px solid var(--border);border-radius:4px;width:100%;image-rendering:pixelated}.scoreboard{background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:10px 14px;display:flex;justify-content:space-around;align-items:center}.score-item{text-align:center}.score-num{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700}.score-num.red{color:var(--red)}.score-num.blue{color:var(--blue)}.score-lbl{font-size:.65rem;letter-spacing:2px;color:var(--text-subtle);margin-top:2px}.score-center{text-align:center}.score-divider{color:var(--text-subtle);font-family:Orbitron,sans-serif}.round-badge{font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:3px;color:var(--gold)}.match-timer{font-family:Share Tech Mono,monospace;font-size:1.1rem;font-weight:700;letter-spacing:2px;color:var(--accent-cyan);margin-top:2px;text-shadow:0 0 8px var(--accent-cyan-glow)}.match-timer.warning{color:var(--red);text-shadow:0 0 10px rgba(255,45,45,.7);animation:blink .7s infinite}.controls{display:flex;gap:8px;justify-content:center}.btn{font-family:Orbitron,sans-serif;font-size:.65rem;letter-spacing:2px;padding:9px 20px;border:none;border-radius:3px;cursor:pointer;transition:all .15s}.btn-start{background:linear-gradient(135deg,#0c5,#0f8);color:#000}.btn-start:hover{transform:scale(1.04);filter:brightness(1.15)}.btn-reset{background:var(--panel);color:var(--text-muted);border:1px solid var(--border)}.btn-reset:hover{color:var(--text);border-color:var(--btn-hover-border)}.btn-speed{background:var(--panel);color:var(--gold);border:1px solid var(--border)}.btn-speed:hover{border-color:var(--gold)}.btn-settings{background:var(--panel);color:var(--accent-cyan);border:1px solid var(--border)}.btn-settings:hover{border-color:var(--accent-cyan);color:var(--text)}.settings-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--settings-overlay-bg);z-index:200;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-overlay.show{display:flex}.settings-panel{width:100%;max-width:760px;max-height:88vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--panel) 0%,var(--bg) 100%);border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:6px;box-shadow:var(--settings-panel-shadow);overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--settings-header-tint)}.settings-title{font-family:Orbitron,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:4px;color:var(--gold)}.settings-close{background:transparent;border:1px solid var(--border);color:var(--text-muted);width:28px;height:28px;border-radius:3px;cursor:pointer;font-size:1.1rem;line-height:1}.settings-close:hover{color:var(--text);border-color:var(--btn-hover-border)}.settings-body{overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:18px}.settings-body::-webkit-scrollbar{width:6px}.settings-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-section-title{font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:3px;color:var(--accent-cyan);padding-bottom:6px;border-bottom:1px dashed var(--border)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 14px}.settings-field{display:flex;flex-direction:column;gap:4px;font-size:.68rem;letter-spacing:1px;color:var(--text-muted)}.settings-field span{font-size:.62rem;letter-spacing:1.5px;color:var(--text-subtle);text-transform:uppercase}.settings-field input[type=number],.settings-field input[type=text],.settings-field select{background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:7px 9px;color:var(--text);font-family:Share Tech Mono,monospace;font-size:.75rem;width:100%}.settings-field input[type=number]:focus,.settings-field input[type=text]:focus,.settings-field select:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 1px var(--accent-cyan-focus)}.settings-field input[type=color]{background:transparent;border:1px solid var(--border);border-radius:3px;padding:2px;width:60px;height:30px;cursor:pointer}.settings-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold);cursor:pointer;align-self:flex-start}.team-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.team-cards{grid-template-columns:1fr}}.team-card{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:12px;display:flex;flex-direction:column;gap:8px}.team-card.team-red{border-top:2px solid var(--red)}.team-card.team-blue{border-top:2px solid var(--blue)}.team-card-title{font-family:Orbitron,sans-serif;font-size:.62rem;letter-spacing:3px;margin-bottom:4px}.team-card.team-red .team-card-title{color:var(--red)}.team-card.team-blue .team-card-title{color:var(--blue)}.settings-footer{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--border);background:var(--settings-footer-bg)}.settings-footer-spacer{flex:1}.settings-field-wide{grid-column:1 / -1}.ollama-connect-row{margin-top:-2px}.ollama-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ollama-actions .btn{min-width:150px}.ollama-copy-fix{display:none}.ollama-copy-fix.show{display:inline-block}.ollama-connection-status{font-size:.64rem;letter-spacing:.5px;color:var(--text-subtle)}.ollama-connection-status.pending{color:var(--accent-cyan)}.ollama-connection-status.ok{color:var(--green)}.ollama-connection-status.warn{color:var(--gold)}.ollama-connection-status.error{color:var(--red)}.settings-hint{font-style:normal;font-size:.62rem;color:var(--text-subtle);letter-spacing:1px;margin-left:4px}@keyframes preset-pulse{0%{box-shadow:0 0 #ffc1078c;border-color:var(--gold)}to{box-shadow:0 0 0 6px #ffc10700;border-color:var(--border)}}.settings-field select.preset-pulse{animation:preset-pulse .45s ease-out}.team-card .llm-only{display:none}.team-card[data-controller=ollama] .llm-only,.team-card[data-controller=openai] .llm-only,.team-card[data-controller=claude] .llm-only,.team-card[data-controller=gemini] .llm-only{display:flex}.settings-field textarea{width:100%;min-height:58px;padding:6px 8px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;font-family:Share Tech Mono,monospace;font-size:.75rem;resize:vertical;line-height:1.35}.settings-field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px #ffc10726}.winner-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--winner-overlay-bg);z-index:100;align-items:center;justify-content:center;flex-direction:column;gap:20px}.winner-overlay.show{display:flex}.winner-header{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:8px;color:var(--gold);margin-bottom:14px;text-shadow:0 0 12px var(--gold-header-glow);animation:blink 1.5s infinite}.winner-text{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:900;letter-spacing:8px;text-align:center}.overlay-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap;justify-content:center}.winner-text.red{color:var(--red);text-shadow:0 0 40px var(--red)}.winner-text.blue{color:var(--blue);text-shadow:0 0 40px var(--blue)}.winner-sub{font-size:.8rem;letter-spacing:4px;color:var(--text-muted)}.btn-ai-toggle{font-family:Orbitron,sans-serif;font-size:.55rem;letter-spacing:2px;padding:5px 10px;border-radius:3px;cursor:pointer;width:100%;margin-top:8px;transition:all .15s}.btn-ai-toggle.active{background:#00ff8814;border:1px solid var(--green);color:var(--green)}.btn-ai-toggle.inactive.red{background:#ff2d2d14;border:1px solid rgba(255,45,45,.35);color:var(--inactive-red-text)}.btn-ai-toggle.inactive.blue{background:#00aaff14;border:1px solid rgba(0,170,255,.35);color:var(--inactive-blue-text)}.btn-ai-toggle:hover{filter:brightness(1.25)}.joy-panel{background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:10px;flex-direction:column;align-items:center;gap:8px}.joy-title{font-size:.65rem;letter-spacing:2px;color:var(--text-subtle)}.joy-area{display:flex;align-items:center;gap:10px}.joy-base{width:90px;height:90px;border-radius:50%;background:var(--bg);border:2px solid var(--border);position:relative;cursor:grab;touch-action:none;flex-shrink:0}.joy-base.red{border-color:#ff2d2d66}.joy-base.blue{border-color:#0af6}.joy-knob{width:34px;height:34px;border-radius:50%;background:var(--joy-knob-bg);border:2px solid var(--joy-knob-border);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.joy-base.red .joy-knob{border-color:var(--red);background:var(--joy-knob-inner-red)}.joy-base.blue .joy-knob{border-color:var(--blue);background:var(--joy-knob-inner-blue)}.joy-fire{font-family:Orbitron,sans-serif;font-size:.58rem;letter-spacing:1px;padding:14px 10px;border:none;border-radius:3px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;min-width:50px;text-align:center}.joy-fire.red{background:linear-gradient(135deg,#a00,var(--red));color:#fff}.joy-fire.blue{background:linear-gradient(135deg,#005fa3,var(--blue));color:#fff}.joy-fire:active{filter:brightness(1.4);transform:scale(.94)}.joy-hint{font-size:.62rem;color:var(--text-subtle);letter-spacing:1px}