/* Arena is a task view with bounded answers and optional evidence tools. */
#shell[data-view-mode="arena"] .main {background:var(--bg);padding-top:0}
#shell.unified-shell[data-view-mode="arena"] .workspace-subbar,
#shell.unified-shell[data-view-mode="arena"] .main>.launch-footer {display:none}
#shell.unified-shell[data-view-mode="arena"] .composer-area {padding:6px 16px 8px;flex:none}
#shell.unified-shell[data-view-mode="arena"] .composer-area>.disclaimer {display:none}
#shell.unified-shell[data-view-mode="arena"] .task-monitor>summary {flex-wrap:nowrap;padding:7px 10px;gap:8px}
#shell.unified-shell[data-view-mode="arena"] .task-monitor>summary>span:first-child {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#arena-view .arena-card.result-card {height:var(--arena-answer-height,480px)}
#arena-view .arena-card.result-expanded {height:760px}
#arena-view {width:100%;min-width:0;gap:12px;scroll-padding:12px}
.arena-heading {display:flex;align-items:center;justify-content:space-between;gap:18px;flex:none;padding:4px 0 2px}
.arena-eyebrow {font:600 9px/1.4 var(--sans);letter-spacing:.16em;color:var(--cyan)}
.arena-heading h1 {margin:3px 0;font:650 25px/1.2 var(--sans);letter-spacing:-.025em}
.arena-heading p {margin:0;color:var(--muted);font:12px/1.5 var(--sans)}
.arena-run-options {display:flex;align-items:end;gap:10px;min-width:0}
.arena-run-options label,.arena-tools label {display:grid;gap:5px;font:11px/1.4 var(--sans);color:var(--muted)}
.arena-run-options select,.arena-tools select {min-width:0;max-width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--text);font:12px var(--sans)}
.arena-export-menu {position:relative;font:12px var(--sans)}
.arena-export-menu summary {list-style:none;cursor:pointer;padding:10px;border-radius:8px;background:var(--raised);white-space:nowrap}
.arena-export-menu>div {position:absolute;right:0;top:calc(100% + 5px);z-index:15;display:grid;min-width:180px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #0006}
.arena-export-menu button {text-align:left;padding:10px;border:0;background:transparent;color:var(--text)}
.arena-section-nav {display:flex;gap:3px;flex:none;flex-wrap:wrap;margin-bottom:2px}
.arena-section-nav button {padding:7px 10px;font:12px var(--sans);border:0;background:transparent;color:var(--muted);border-radius:7px}
.arena-section-nav button:hover,.arena-export-menu button:hover {color:var(--text);background:var(--raised)}
.arena-section-nav button:last-child {margin-left:auto;color:var(--cyan)}
.arena-section-nav button:last-child svg {width:15px;height:15px;vertical-align:middle;margin-right:5px}
.arena-answer-tabs {display:none}
#arena-view .arena-card-head {position:relative;min-width:0;padding:12px 52px 12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 6px}
#arena-view .arena-card-title {grid-column:1/-1}
#arena-view .arena-card-telemetry {grid-row:2;grid-column:1}
#arena-view .result-expand {grid-row:2;grid-column:2;min-height:26px;padding:3px 7px;font-size:11px;background:transparent;border:0}
#arena-view .result-metrics {padding:8px 14px;font-size:11px}
#arena-view .result-metrics summary {cursor:pointer;line-height:1.6}
#arena-view .response-actions-toolbar {flex-wrap:nowrap;overflow-x:auto;gap:2px;scrollbar-width:thin}
#arena-view .response-actions-toolbar>button {flex:none;white-space:nowrap;min-height:32px;font-size:11px;padding:5px 7px}
#arena-view .ledger-head {display:grid;gap:6px}
#arena-view .ledger-info {display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}
#arena-view .ledger-actions {display:flex;flex-wrap:nowrap;gap:3px;overflow:auto;padding:3px 0;scrollbar-width:thin}
#arena-view .ledger-action-btn {flex:none;white-space:nowrap;min-height:30px;padding:5px 7px;font:11px var(--sans);border:0;background:var(--raised);border-radius:5px}
#arena-view .ledger-action-btn>span {display:none}
#arena-view .arena-card-title {max-width:100%;min-width:0}
#arena-view .arena-model-dropdown {width:100%;max-width:100%;font:12px var(--sans);text-overflow:ellipsis}
#arena-view .arena-focus-answer {position:absolute;right:10px;top:10px;width:34px;height:34px;min-width:34px;display:grid;place-items:center;padding:7px;background:transparent;color:var(--muted);border:0;border-radius:7px}
.arena-focus-answer svg {width:18px;height:18px}
#arena-view .arena-focus-answer:hover {color:var(--cyan);background:var(--raised)}
.arena-metric-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.arena-metric {min-width:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--raised);display:flex;flex-direction:column;gap:6px}
.arena-metric>span {font-size:11px;color:var(--muted)}
.arena-metric strong {font:600 20px/1.2 var(--sans);color:var(--text)}
.arena-metric small {font:10px/1.5 var(--sans);color:var(--muted)}
.arena-metric-details summary {padding:8px 0;cursor:pointer;font-size:12px;color:var(--cyan)}
.arena-metric-details p {font-size:12px;color:var(--muted)}
.arena-tools {flex:none;margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:14px;font:13px/1.5 var(--sans)}
.arena-tools>summary {cursor:pointer;font-weight:600}
.arena-tools p {color:var(--muted);font-size:12px}
.arena-tools h3 {font-size:14px;margin-bottom:4px}
.arena-chart-preview {max-width:760px;min-width:0;margin:14px 0}
.arena-chart-preview svg {display:block;width:100%;height:auto;border-radius:12px}
.arena-tool-actions,.arena-image-handoff {display:flex;flex-wrap:wrap;gap:8px}
.arena-tool-actions button,.arena-image-handoff button {padding:9px 12px;border:0;border-radius:8px;background:var(--raised);color:var(--text);font:12px var(--sans)}
.arena-tool-actions button:disabled {opacity:.5;cursor:default}
#arena-view .arena-evaluation {margin-top:12px}
#arena-evaluation {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#arena-evaluation>label,#arena-evaluation>button {grid-column:1/-1}
#arena-evaluation input {box-sizing:border-box}
#arena-evaluation textarea {min-height:72px;box-sizing:border-box;font:13px/1.5 var(--sans)}
.arena-focus-dialog {position:fixed;inset:16px;margin:auto;width:calc(100vw - 32px);max-width:1200px;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);box-sizing:border-box;padding:0;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.arena-focus-dialog[open] {display:flex;flex-direction:column}
.arena-focus-dialog::backdrop {background:#010b14b8;backdrop-filter:blur(3px)}
.arena-focus-dialog>header {display:flex;align-items:center;justify-content:space-between;flex:none;padding:10px 16px;border-bottom:1px solid var(--line)}
.arena-focus-dialog>header button {padding:8px 12px;background:var(--raised);border:0;border-radius:7px;color:var(--text)}
.arena-focus-content {min-height:0;flex:1;overflow:auto}
#arena-view .arena-focus-dialog .arena-focus-content>.arena-card {display:flex!important;height:100%;max-height:none;border:0;border-radius:0;margin:0}
#arena-view .arena-focus-content .arena-answer-window {flex:1 1 0;min-height:0;overflow:auto}
.arena-focus-content .arena-focus-answer,.arena-focus-content .result-expand {display:none!important}
.arena-question-text {margin:0;padding:24px;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 var(--sans)}
#arena-view :is(button,select,summary):focus-visible {outline:2px solid var(--cyan);outline-offset:2px}
@media(max-width:1100px){.arena-heading{align-items:start;gap:12px}.arena-run-options{flex-wrap:wrap;justify-content:flex-end}.arena-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  #arena-view{padding:10px;gap:8px;scrollbar-gutter:auto}
  .arena-heading{display:block}.arena-heading h1{font-size:22px}.arena-heading p{font-size:11px}
  .arena-eyebrow,.arena-heading p{display:none}
  .arena-run-options{justify-content:space-between;margin-top:10px}.arena-run-options label{flex:1}.arena-run-options select{width:100%}
  .arena-section-nav{gap:0}.arena-section-nav button{font-size:11px;padding:8px 7px;min-height:36px}.arena-section-nav button:last-child{margin-left:0}
  .arena-section-nav button:last-child span{display:none}
  #arena-active-inquiry{margin-bottom:8px}
  #arena-active-inquiry .inquiry-header{padding:10px;gap:8px}
  #arena-active-inquiry :is(.inquiry-tag,.cue-text,.inquiry-copy-btn span){display:none}
  #arena-active-inquiry .inquiry-left{gap:0}
  #arena-active-inquiry .inquiry-preview{font:12px/1.5 var(--sans)}
  .arena-answer-tabs{display:flex;flex:none;gap:4px;padding:3px;background:var(--raised);border-radius:9px}
  .arena-answer-tabs button{flex:1;min-width:0;padding:10px 7px;background:transparent;border:0;border-radius:7px;color:var(--muted);font:600 12px var(--sans)}
  .arena-answer-tabs button[aria-selected="true"]{background:var(--bg);color:var(--cyan)}
  #arena-view .arena-split{display:block}
  #arena-view[data-answer="b1x"] .arena-split>.ref-arena-card,#arena-view[data-answer="ref"] .arena-split>.b1x-arena-card{display:none!important}
  #arena-view .arena-card:not(.result-card){min-height:180px}
  #arena-view .arena-card.result-card{height:var(--arena-answer-height,400px)}#arena-view .arena-card.result-expanded{height:680px}
  #shell.unified-shell[data-view-mode="arena"] .task-timing{display:none}
  #shell.unified-shell[data-view-mode="arena"] .composer-area{padding:6px 10px 8px}
  #shell.unified-shell[data-view-mode="arena"] #composer.dock-compact .composer-toolbar :is(#profile,#composer-image-btn,#composer-voice-btn,.context-open){display:none!important}
  .arena-metric{padding:10px}.arena-metric strong{font-size:17px}
  #arena-evaluation{grid-template-columns:1fr;gap:4px}
  .arena-focus-dialog{inset:6px;width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);border-radius:10px}
  .arena-question-text{padding:16px;font-size:14px}.arena-focus-dialog>header{padding:8px 12px}
}
@media print{.arena-heading,.arena-section-nav,.arena-answer-tabs,.arena-tools,.arena-export-menu,.arena-focus-answer{display:none!important}.arena-metric-details{display:block}.arena-metric-grid{grid-template-columns:repeat(2,1fr)}}
