:root{--bg: #0f1115;--panel: #181b22;--fg: #d8dde6;--muted: #7d8597;--accent: #4f9eff;--x: #4f9eff;--o: #ff8a4f;--good: #5dd39e;--warn: #ffcc66;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}header{background:var(--panel);padding:12px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #2a2f3a}header h1{margin:0;font-size:1.2rem;font-weight:600}nav{display:flex;gap:6px;margin-left:auto}nav button{background:transparent;color:var(--fg);border:1px solid #2a2f3a;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9rem}nav button.active{background:var(--accent);border-color:var(--accent);color:#fff}nav button:hover:not(.active){background:#232733}main{padding:20px;max-width:1100px;margin:0 auto}h2{margin-top:0;font-size:1.1rem}.row{display:flex;gap:16px;flex-wrap:wrap}.col{flex:1 1 320px}.card{background:var(--panel);border:1px solid #2a2f3a;border-radius:6px;padding:14px;margin-bottom:12px}.card.compact{padding:8px 12px}label{display:block;font-size:.8rem;color:var(--muted);margin-top:8px}input,select{width:100%;background:#0f1115;color:var(--fg);border:1px solid #2a2f3a;border-radius:4px;padding:6px 8px;font-size:.9rem}input[type=checkbox]{width:auto}button.primary{background:var(--accent);color:#fff;border:none;padding:8px 14px;border-radius:4px;cursor:pointer;font-size:.9rem;margin-top:12px}button.primary:hover{filter:brightness(1.1)}button.small{background:#232733;color:var(--fg);border:1px solid #2a2f3a;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.8rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid #2a2f3a}th{color:var(--muted);font-weight:500}code,pre{background:#0b0d12;border:1px solid #2a2f3a;border-radius:4px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:.85rem}pre{padding:10px;overflow-x:auto}.error{color:#ff6b6b}.muted{color:var(--muted);font-size:.85rem}.tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.75rem}.tag.waiting{background:#2a2f3a;color:var(--warn)}.tag.running{background:#1f3a2e;color:var(--good)}.tag.finished{background:#2a2235;color:var(--muted)}.uttt{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#2a2f3a;padding:6px;border-radius:6px;width:fit-content}.miniboard{display:grid;grid-template-columns:repeat(3,28px);grid-template-rows:repeat(3,28px);gap:2px;background:#181b22;padding:4px;border-radius:4px;position:relative}.miniboard.target{box-shadow:0 0 0 2px var(--accent)}.miniboard.won{background:linear-gradient(135deg,#4f9eff2e,#ff8a4f2e)}.cell{background:#0f1115;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.cell.X{color:var(--x)}.cell.O{color:var(--o)}.miniwinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:3.5rem;font-weight:800;pointer-events:none;opacity:.85}.miniwinner.X{color:var(--x)}.miniwinner.O{color:var(--o)}