/* สนาม Oracle — token สีเดียวกับ oracle-ai */
.arena-panel{margin-top:16px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.arena-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.arena-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px}
.arena-head h2 .icon{color:#f5c451}
.arena-head p{margin:4px 0 0;font-size:12px}
.arena-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.arena-meta{font-size:12px;color:var(--muted)}
.arena-run{height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 16px;border-radius:999px;border:1px solid #f5c451;background:linear-gradient(135deg,rgba(245,196,81,.25),rgba(245,196,81,.08));color:#f5c451;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.arena-run:disabled{opacity:.5;cursor:wait}
.arena-outcome{padding:10px 12px;border-radius:10px;border:1px solid var(--line);font-size:13px;background:rgba(7,30,39,.75)}
.arena-outcome[data-kind=up]{border-color:rgba(34,227,155,.55)}.arena-outcome[data-kind=down]{border-color:rgba(255,77,97,.55)}.arena-outcome[data-kind=wait]{border-color:rgba(245,196,81,.55)}
.arena-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.arena-card{min-width:0;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--line);background:rgba(7,30,39,.75)}
.arena-card header{display:flex;align-items:center;justify-content:space-between;gap:6px}
.arena-card header strong{font-size:14px}
.arena-card footer{margin-top:auto;font-size:10.5px;color:var(--muted);overflow-wrap:anywhere}
.arena-card.up{border-color:rgba(34,227,155,.55);box-shadow:0 0 0 1px rgba(34,227,155,.18) inset}
.arena-card.down{border-color:rgba(255,77,97,.55);box-shadow:0 0 0 1px rgba(255,77,97,.18) inset}
.arena-card.wait{border-color:rgba(245,196,81,.45)}
.arena-call{display:flex;align-items:baseline;gap:8px;font-size:15px;font-weight:700;color:var(--muted)}
.arena-call.idle{letter-spacing:.04em;font-size:13px}
.arena-call.bad{color:#ff4d61;font-size:13px}
.arena-call.thinking{color:#f5c451;animation:arenaPulse 1.2s ease-in-out infinite}
.arena-dir{font-family:"Space Mono",monospace;font-size:26px;letter-spacing:.02em}
.arena-card.up .arena-dir{color:#22e39b}.arena-card.down .arena-dir{color:#ff4d61}.arena-card.wait .arena-dir{color:#f5c451}
.arena-dir-th{font-size:13px;color:var(--muted);font-weight:600}
.arena-conf{font-size:12px;color:var(--text)}
.arena-probs{display:flex;flex-direction:column;gap:3px}
.arena-prob{display:grid;grid-template-columns:34px 1fr 38px;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
.arena-prob .bar{height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.arena-prob .bar i{display:block;height:100%;border-radius:inherit}
.arena-prob.up i{background:#22e39b}.arena-prob.down i{background:#ff4d61}.arena-prob.wait i{background:#f5c451}
.arena-prob b{text-align:right;color:var(--text);font-weight:600}
.arena-summary{margin:0;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.arena-codes{margin:0;font-size:10.5px;color:var(--muted);overflow-wrap:anywhere}
.arena-result{font-size:12px;font-weight:600;padding:5px 8px;border-radius:8px}
.arena-result.good{color:#22e39b;background:rgba(34,227,155,.1)}.arena-result.bad{color:#ff4d61;background:rgba(255,77,97,.1)}
.arena-connect{align-self:flex-start;height:32px;padding:0 12px;border-radius:999px;font-size:12px}
.arena-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;border:1px solid var(--line);color:var(--muted);margin-left:6px;font-family:"Space Mono",monospace}
.arena-badge.mock,.arena-badge.basic{border-color:rgba(245,196,81,.5);color:#f5c451}
.arena-badge.real_repo{border-color:rgba(34,227,155,.5);color:#22e39b}
.arena-card.is-test{border-style:dashed}
.arena-test-votes{flex-basis:100%}
.legacy-tools{margin-top:16px}
.legacy-tools>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px dashed var(--line);color:var(--muted);font-size:13px}
.legacy-tools>summary::-webkit-details-marker{display:none}
.legacy-tools[open]>summary{margin-bottom:4px}
.legacy-tools .legacy-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.arena-badge.provisional{border-color:rgba(245,196,81,.5);color:#f5c451}.arena-badge.track{border-color:rgba(34,227,155,.5);color:#22e39b}
.arena-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px;align-items:start}
.arena-consensus{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;padding-top:6px}
.arena-vote{font-family:"Space Mono",monospace;font-size:13px;padding:3px 9px;border-radius:8px;border:1px solid var(--line)}
.arena-vote.up{color:#22e39b}.arena-vote.down{color:#ff4d61}.arena-vote.wait{color:#f5c451}
.arena-trade{display:flex;flex-direction:column;gap:8px}
.arena-size{display:flex;gap:8px}
.arena-size label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}
.arena-size input{height:38px;border-radius:9px;border:1px solid var(--line);background:rgba(2,14,20,.7);color:var(--text);font:inherit;padding:0 10px}
.arena-calc{margin:0;font-size:12px;color:var(--muted)}
.arena-buttons{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}
.arena-buttons .big-buy,.arena-buttons .big-sell{min-height:52px}
.arena-skip{height:52px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}
.arena-skip:disabled{opacity:.45;cursor:not-allowed}
.arena-disclaimer{margin:0;font-size:11.5px;line-height:1.6}
.arena-board-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:8px 0 10px;font-size:13px}
.arena-board-tools select{height:34px;margin-left:6px;border-radius:8px;border:1px solid var(--line);background:rgba(2,14,20,.7);color:var(--text);font:inherit;padding:0 8px}
.arena-check{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.arena-table td.good,.arena-table td.up{color:#22e39b}.arena-table td.bad,.arena-table td.down{color:#ff4d61}.arena-table td.wait{color:#f5c451}
.arena-sub{margin:18px 0 6px;font-size:14px}
.arena-settings{width:min(860px,94vw);max-width:none;max-height:90vh;overflow:auto}
#arenaSlotForms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.arena-slot-form{display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:12px;border:1px solid var(--line);background:rgba(7,30,39,.6)}
.arena-slot-form h3{margin:0 0 2px;font-size:15px}
.arena-slot-form label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}
.arena-slot-form label.arena-check{flex-direction:row}
.arena-slot-form input:not([type=checkbox]),.arena-slot-form select{height:34px;border-radius:8px;border:1px solid var(--line);background:rgba(2,14,20,.8);color:var(--text);font:inherit;font-size:13px;padding:0 9px}
.arena-form-actions{display:flex;gap:6px;flex-wrap:wrap}
.arena-form-actions button{height:34px;padding:0 12px;border-radius:999px;font-size:12px}
.arena-form-msg{margin:0;min-height:18px}
@keyframes arenaPulse{50%{opacity:.45}}
@media (max-width:1100px){.arena-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.arena-foot{grid-template-columns:1fr}#arenaSlotForms{grid-template-columns:1fr}}
@media (max-width:420px){.arena-cards{grid-template-columns:1fr}.arena-buttons{grid-template-columns:1fr 1fr}.arena-skip{grid-column:1 / -1;height:42px}}
@media (prefers-reduced-motion:reduce){.arena-call.thinking{animation:none}}
.arena-check input[type=checkbox],.arena-slot-form input[type=checkbox]{width:16px;height:16px;min-width:0;margin:0;accent-color:var(--accent);flex:none}
.arena-slot-form label.arena-check{align-items:center;gap:8px;color:var(--text)}
.arena-program{align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:.03em;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.06);color:var(--muted);margin-top:-4px}
/* ถาม Oracle → แผน (2026-10-03) */
.ask-box{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;border:1px solid rgba(110,231,214,.35);background:rgba(7,30,39,.6)}
.ask-form{display:flex;align-items:center;gap:8px}
.ask-form .icon{color:var(--accent)}
.ask-form input{flex:1;min-width:0;height:42px;border-radius:10px;border:1px solid var(--line);background:rgba(2,14,20,.8);color:var(--text);font:inherit;font-size:14px;padding:0 12px}
.ask-form button{height:42px;padding:0 18px;border-radius:10px}
.ask-chips{display:flex;gap:6px;flex-wrap:wrap}
.ask-chips button{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}
.ask-chips button:hover{color:var(--text);border-color:var(--accent)}
.ask-result{display:flex;flex-direction:column;gap:8px}
.ask-result[hidden]{display:none}
.ask-result p{margin:0}
.ask-answer{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ask-verdict{font-size:22px;font-weight:800}
.ask-verdict.up{color:#22e39b}.ask-verdict.down{color:#ff4d61}.ask-verdict.wait{color:#f5c451}
.ask-why{font-size:13px}
.ask-note{font-size:12px;color:#f5c451}
.ask-bad{color:#ff4d61;font-size:13px}
.ask-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ask-grid label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);min-width:0}
.ask-grid label[hidden]{display:none}
.ask-grid input,.ask-grid select{height:36px;border-radius:9px;border:1px solid var(--line);background:rgba(2,14,20,.8);color:var(--text);font:inherit;font-size:13px;padding:0 9px;min-width:0}
.ask-grid small{font-size:10.5px;line-height:1.4}
.ask-preview{font-size:13px}
.ask-go{align-self:flex-start;min-height:42px;padding:0 18px;border-radius:10px}
.ask-plans{display:flex;flex-direction:column;gap:6px}
.ask-plans[hidden]{display:none}
.ask-plans h3{margin:0;font-size:13px}
.ask-plan{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border-radius:10px;border:1px solid var(--line);font-size:12.5px}
.ask-plan.armed{border-color:rgba(110,231,214,.5)}
.ask-plan.expired,.ask-plan.cancelled,.ask-plan.failed{opacity:.6}
.ask-plan-status{margin-left:auto;color:var(--muted)}
.ask-plan button{height:30px;padding:0 12px;border-radius:999px;font-size:12px}
.ask-lock{margin:0;font-size:11.5px}
@media (max-width:760px){.ask-grid{grid-template-columns:1fr 1fr}.ask-plan-status{margin-left:0;flex-basis:100%}}