/* Case-file materials extend the terminal shell; scenario maps carry no live telemetry. */
.field-sections { display: flex; flex-wrap: wrap; gap: .3rem; margin: 0 0 1.4rem; padding: .45rem; border: 1px solid #5b6b51; border-radius: 7px; background: linear-gradient(#223024, #101d15); box-shadow: inset 0 0 0 2px #08110b, 0 3px 8px #0003; }
.field-sections a { flex: 1 1 auto; display: flex; justify-content: center; align-items: center; min-height: 44px; padding: .55rem .75rem; border: 1px solid transparent; border-radius: 4px; font: 500 .78rem/1.4 var(--font-mono); color: #c4ceb9; text-decoration: none; }
.field-sections a:hover { border-color: #7b8661; background: #2b402b; }
.field-sections a[aria-current="page"] { color: #142218; border-color: #e5d9af #95875a #766941; background: linear-gradient(#d8cb9c, #b1a16b); box-shadow: inset 0 1px #fff3cb, 0 2px 3px #0005; }
#learning-view .field-manual-stamp, .arena-launch > .field-manual-stamp { color: #d1c495; font: .75rem/1.6 var(--font-mono); letter-spacing: .09em; }
:where(.scene-plate) { --scene-accent: #d5c18b; --scene-wash: #1b2b20; }
.scene-plate { overflow: hidden; border: 1px solid #5b6c56; border-radius: 5px; background: repeating-linear-gradient(0deg, transparent, transparent 23px, #96b79c09 24px), repeating-linear-gradient(90deg, transparent, transparent 23px, #96b79c09 24px), #0b1711; box-shadow: inset 0 2px 7px #0005; }
.scene-plate-heading { display: flex; gap: .85rem; align-items: center; padding: 1rem; border-bottom: 1px solid #52654e; background: linear-gradient(110deg, var(--scene-wash), transparent); }
.scene-plate-heading > div { min-width: 0; }
.scene-plate-heading small { display: block; font: .75rem/1.5 var(--font-mono); letter-spacing: .13em; color: #b8cbb5; }
.scene-plate-heading strong { display: block; margin-top: .25rem; color: #ecdfb8; font: 500 .88rem/1.5 var(--font-mono); overflow-wrap: anywhere; }
.scene-plate-nodes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: .7rem; gap: .5rem; }
.scene-plate-nodes > div { min-width: 0; border-top: 2px solid #89bea0; padding: .65rem .4rem .35rem; }
.scene-plate-nodes .boundary-input { border-color: #dab47e; }
.scene-plate-nodes .boundary-authority { border-color: #8fb9da; }
.scene-plate-nodes dt { color: #bacbbb; font: .75rem/1.5 var(--font-mono); text-transform: uppercase; }
.scene-plate-nodes dd { margin: .4rem 0 0; color: #e1e8d5; font-size: .8rem; line-height: 1.55; overflow-wrap: anywhere; }
#arena-view > .lead { margin-bottom: 1rem; }
#arena-body > .mission-terminal { padding: 0; border: 0; background: none; box-shadow: none; }
.arena-launch { margin: 0 0 1.5rem; padding: clamp(.85rem, 2vw, 1.5rem); border: 1px solid #8c8057; border-radius: 7px; background: radial-gradient(ellipse at top right, #32402a, #12241a 65%); box-shadow: inset 0 0 0 3px #09140d, inset 0 0 0 4px #72795766, 0 8px 20px #0003; }
.arena-launch > h2 { color: #f0e4bd; margin: .4rem 0 1rem; font-size: clamp(1.3rem, 2.5vw, 1.8rem); }
.arena-launch > .action-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4rem; padding: .35rem; border: 1px solid #52634b; border-radius: 5px; background: #09150e; }
.arena-launch button { padding-inline: .3rem; min-height: 44px; }
.arena-launch button[aria-pressed="true"] { color: #142218; background: linear-gradient(#d8cb9c, #b1a16b); border-color: #e5d9af #95875a #766941; box-shadow: inset 0 1px #fff3cb, 0 2px 3px #0005; }
.arena-launch-body { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 1rem 1.25rem; align-items: start; }
.arena-launch-config { min-width: 0; display: grid; gap: .8rem; }
.arena-launch-config > h3 { margin: .4rem 0 0; }
.arena-launch-config > p { margin: 0; font-size: .9rem; }
.arena-launch-config > .lab-search { margin: 0; }
.arena-launch-body > .hint { grid-column: 1 / -1; padding-top: .8rem; border-top: 1px solid #52634b; font-size: .78rem; }
.arena-launch-destination { padding: 0; border: 0; }
.arena-launch-destination > p { margin-block: .85rem; font-size: .88rem; }
.arena-launch-entry a.button { display: inline-flex; padding: .75rem 1rem; text-decoration: none; }
.arena-launch-entry, .arena-practice-actions { display: grid; gap: .65rem; }
.arena-practice-actions a.button, .arena-module-directory a.button { white-space: normal; overflow-wrap: anywhere; min-height: 44px; }
.arena-launch .scene-plate-nodes { grid-template-columns: minmax(0, 1fr); gap: 0; padding: .5rem .8rem; }
.arena-launch .scene-plate-nodes > div { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: .7rem; border-top: 0; border-left: 2px solid; padding: .35rem .6rem; margin-block: .25rem; }
.arena-launch .scene-plate-nodes dd { margin: 0; }
.arena-launch .scene-plate-nodes .boundary-input { border-left-color: #dab47e; }
.arena-launch .scene-plate-nodes .boundary-authority { border-left-color: #8fb9da; }
.arena-launch .scene-plate-nodes .boundary-effect { border-left-color: #89bea0; }
.arena-module-directory > .lab-scenarios > .lab-scenario { border-color: #637653; border-radius: 6px; box-shadow: inset 0 1px #ffffff12, 0 4px 10px #0003; }
.arena-module-directory .lab-scenario-location { color: #d4c597; }
@media (max-width: 760px) {
  .field-sections { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .field-sections a { padding-inline: .15rem; font-size: .75rem; }
  .arena-launch-body { grid-template-columns: minmax(0, 1fr); }
  .arena-launch-destination { margin-top: .5rem; }
}
@media (forced-colors: active) {
  .field-sections a[aria-current="page"], .arena-launch button[aria-pressed="true"] { border: 3px solid Highlight; }
  .scene-plate, .arena-launch { border: 1px solid CanvasText; }
}

/* Event workspaces retain native controls while separating entry, scores and public evidence. */
.arena-event-command { position: relative; margin-block: 1rem; padding: clamp(.85rem, 2vw, 1.4rem); border: 1px solid #8c8057; border-radius: 7px; background: radial-gradient(ellipse at top right, #39442a, #12241a 65%); box-shadow: inset 0 0 0 3px #09140d, inset 0 0 0 4px #72795766, 0 6px 18px #0003; }
.arena-event-command > h2 { margin-block: .35rem 1rem; color: #f0e4bd; font-size: clamp(1.35rem, 2.5vw, 2rem); }
.arena-event-command > .field-manual-stamp { font: .75rem/1.6 var(--font-mono); color: #d7c99c; letter-spacing: .08em; }
.arena-event-command > .facts { max-width: 45rem; margin-bottom: .5rem; }
.arena-event-refresh { display: flex; justify-content: flex-end; }
.arena-event-refresh button { font-size: .75rem; padding: .5rem .8rem; }
.arena-event-workspaces { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .35rem; padding: .4rem; margin-block: 1rem; border: 1px solid #667354; border-radius: 6px; background: linear-gradient(#223024, #101d15); box-shadow: inset 0 0 0 2px #08110b; }
.arena-event-workspaces > button { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: .35rem; padding: .7rem; min-width: 0; min-height: 70px; text-align: left; white-space: normal; color: #e5e4cc; font: 500 .76rem/1.5 var(--font-mono); }
.arena-event-workspaces > button[aria-pressed="true"], .arena-replay-records > button[aria-pressed="true"] { color: #142218; border-color: #e5d9af #95875a #766941; background: linear-gradient(#d8cb9c, #b1a16b); box-shadow: inset 0 1px #fff3cb, 0 2px 3px #0005; }
.arena-workspace-state { font: .75rem/1.5 var(--font-body, sans-serif); }
.arena-event-workspace { min-width: 0; padding-block: .2rem 1rem; }
.arena-event-workspace[hidden] { display: none; }
.arena-event-workspace > h3 { margin-block: .6rem 1rem; color: #e8ddb8; font: 500 1rem/1.5 var(--font-mono); }
.arena-event-objective { padding: .8rem 1rem; border-left: 3px solid #c2aa70; background: #1b2b1d; }
.arena-event-objective h3 { margin: 0 0 .5rem; color: #e8dbb3; font-size: .9rem; }
.arena-event-objective p { margin: 0; max-width: 80ch; line-height: 1.7; font-size: .88rem; }
.arena-event-guide { margin-block: .8rem 1.2rem; font-size: .85rem; }
.arena-event-guide > summary { padding-block: .6rem; cursor: pointer; }
.arena-event-schedule { padding: 1rem; background: #16251a; border: 1px solid #5c6d50; border-radius: 5px; margin-bottom: 1rem; }
.arena-event-schedule > h4 { margin-top: 0; color: #e5d9ae; }
.arena-case-board { grid-template-columns: minmax(0, 1fr); gap: 1.3rem; }
.arena-case-sheet { padding: 0; border-color: #8a815e; border-radius: 5px; background: #0c1b12; overflow: clip; box-shadow: 0 5px 12px #0003; }
.arena-case-sheet > h3, .arena-case-sheet > summary { margin: 0; padding: .85rem 1rem; border-bottom: 1px solid #8a815e; background: linear-gradient(100deg, #32402a, #18281a); color: #e8dcb3; font: 500 1rem/1.5 var(--font-mono); }
.arena-case-context { min-width: 0; padding: 1rem; background: linear-gradient(115deg, #e0d6b5, #d1c6a3); color: #243021; }
.arena-case-context > p { font-size: .88rem; line-height: 1.7; }
.arena-case-context > p:first-child { margin-top: 0; }
.arena-case-context > h4 { margin: 1.1rem 0 .35rem; color: #3d4b30; font: 600 .75rem/1.5 var(--font-mono); text-transform: uppercase; letter-spacing: .04em; }
.arena-case-context > h4 + p { margin-top: 0; }
.arena-case-context > .action-row a { color: #344d31; font-size: .78rem; text-underline-offset: .2em; }
.arena-case-snapshot { margin-top: 1rem; border-top: 1px solid #8b9370; padding-top: .5rem; }
.arena-case-snapshot > summary { padding-block: .5rem; color: #344d31; cursor: pointer; font-size: .82rem; }
.arena-case-snapshot > .mission-instruments { color: var(--color-text); }
.arena-case-entry { min-width: 0; padding: 1rem; }
.arena-case-entry:empty { display: none; }
.arena-case-entry > .round-controls { margin: 0; }
.arena-case-entry .labelled { font-size: .8rem; }
.arena-case-entry textarea { min-height: 9rem; }
.arena-case-entry .hint { font-size: .78rem; line-height: 1.65; }
.arena-admitted-attempt { display: flex; justify-content: flex-start; margin-bottom: .85rem; padding: .7rem .85rem; font-size: .8rem; text-align: left; white-space: normal; }
.arena-replay-records { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: .5rem; margin-block: 1rem; }
.arena-replay-records > button { padding: .8rem; min-height: 52px; text-align: left; white-space: normal; font-size: .8rem; overflow-wrap: anywhere; }
.arena-replay-desk:empty { display: none; }
.arena-replay-desk { margin-top: 1.5rem; padding: clamp(.8rem, 2vw, 1.3rem); border: 1px solid #7e8159; border-top: 3px solid #c2aa70; background: #102016; border-radius: 5px; }
.arena-replay-desk > h3 { margin-top: 0; color: #e5d8b0; }
.arena-event-workspace > details { margin-block: .8rem; padding: .8rem 1rem; border: 1px solid #506449; border-radius: 5px; background: #13231a; }
.arena-event-workspace > details > summary { cursor: pointer; min-height: 28px; }
@media (min-width: 900px) {
  article.arena-case-sheet, .arena-submission-vault { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  article.arena-case-sheet > h3, .arena-vault-heading { grid-column: 1 / -1; }
  article.arena-case-sheet > .arena-case-entry, .arena-submission-vault > .arena-case-entry { border-left: 1px solid #8a815e; padding: 1.25rem; }
}
@media (max-width: 700px) {
  .arena-event-workspaces { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .arena-event-workspaces > button { padding: .55rem; font-size: .75rem; }
  .arena-case-entry .round-controls button { width: 100%; white-space: normal; }
  .arena-event-refresh { margin-top: .6rem; }
}
@media (forced-colors: active) {
  .arena-event-command, .arena-event-workspaces, .arena-case-sheet, .arena-event-objective, .arena-replay-desk { border: 1px solid CanvasText; }
  .arena-event-workspaces > button[aria-pressed="true"], .arena-replay-records > button[aria-pressed="true"] { border: 3px solid Highlight; }
  .arena-case-context, .arena-case-context > h4, .arena-case-snapshot > summary { color: CanvasText; background: Canvas; }
}

.arena-vault-heading { padding: .85rem 1rem; border-bottom: 1px solid #8a815e; background: linear-gradient(100deg, #32402a, #18281a); }
.arena-vault-heading > h3 { margin: .35rem 0 0; color: #e8dcb3; font: 500 1rem/1.5 var(--font-mono); }
.arena-vault-heading > .field-manual-stamp { color: #cbbf96; margin: 0; font: .75rem/1.5 var(--font-mono); }
.arena-submission-vault .arena-case-context .facts dt { color: #475039; }
.arena-submission-vault .arena-case-context .facts dd { color: #243021; }
.arena-submission-vault .arena-case-context .facts { margin-top: 0; font-size: .8rem; }
.arena-submission-vault .arena-case-entry textarea { min-height: 15rem; }
.arena-submission-vault .arena-case-entry details { margin-block: 1rem; }
/* Live scenarios put the writable surface and recorded response on the same desk. */
.live-deck-header { padding: 1.5rem 0 2rem; max-width: 64rem; }
.live-deck-header h2 { font: 600 clamp(1.7rem, 4vw, 2.7rem)/1.14 var(--font-display, Georgia, serif); color: #ead9a5; }
.live-deck-header > p { max-width: 48rem; line-height: 1.65; }
.live-field-log { max-width: 70rem; margin-block: 1.5rem; }
.live-log-header { padding: 1.5rem; border: 1px solid #7b8064; border-radius: 4px; background: linear-gradient(125deg, #233427, #101d17); box-shadow: inset 0 0 0 4px #122119; }
.live-log-header h2 { color: #ead9a5; font: 600 clamp(1.5rem, 4vw, 2.2rem)/1.2 var(--font-display, Georgia, serif); }
.live-log-header p { max-width: 48rem; line-height: 1.6; }
.live-log-guide { margin-top: 1rem; border-top: 1px solid #536b56; padding-top: .75rem; }
.live-log-guide summary { cursor: pointer; color: #d8d0ae; min-height: 44px; align-content: center; }
.live-log-status { padding-block: .75rem; color: #c3d4bc; }
.live-log-entries { list-style: none; padding: 0; display: grid; gap: 1rem; }
.live-log-entry { min-width: 0; padding: 1.25rem; background: #102019; border: 1px solid #536b56; border-left: 4px solid #869d8a; border-radius: 3px; }
.live-log-entry[data-outcome="cleared"] { border-left-color: #c5d58b; }
.live-log-entry[data-outcome="open"] { border-left-color: #d0af76; }
.live-log-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .6rem 1rem; color: #b9c8b4; font: .85rem/1.5 var(--font-mono, monospace); }
.live-log-outcome { color: #e1d6ac; }
.live-log-entry h3 { font-size: 1.15rem; line-height: 1.5; margin-block: .75rem .35rem; }
.live-log-entry h3 a { color: #e1edcf; overflow-wrap: anywhere; }
.live-log-entry p { max-width: 54rem; line-height: 1.6; }
.live-log-model { color: #b9c8b4; font: .85rem/1.5 var(--font-mono, monospace); overflow-wrap: anywhere; }
.live-field-log .action-row { flex-wrap: wrap; gap: .75rem; }
.live-field-log .button, .live-field-log button, .live-log-entry .action-row > a { box-sizing: border-box; min-height: 44px; display: inline-flex; align-items: center; white-space: normal; overflow-wrap: anywhere; }
.live-field-log [hidden] { display: none; }
.live-module-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.35rem; }
.live-module-card { position: relative; display: flex; flex-direction: column; align-items: start; gap: .35rem; min-width: 0; padding: 1.4rem; border: 1px solid #69765a; border-radius: 5px; background: linear-gradient(135deg, #1e3023, #0d1b15 70%); box-shadow: inset 0 0 0 4px #132219, 0 5px 14px #0005; }
.live-module-card::after { content: ''; position: absolute; top: .5rem; right: .5rem; width: .35rem; height: .35rem; border-radius: 50%; background: #8c936e; box-shadow: inset 1px 1px #c5c098, 0 1px #000; }
.live-module-card .scene-emblem { margin-bottom: .6rem; width: 3.4rem; height: 3.4rem; }
.live-module-card h3 { font-size: 1.25rem; color: #ead9a5; margin: .2rem 0; }
.live-module-card > p:not(.field-manual-stamp) { line-height: 1.6; }
.live-module-card .button { margin-top: auto; }
.live-completion { font-family: var(--font-mono, monospace); color: #bbd2b7; font-size: .85rem; }
.live-levels { display: grid; width: 100%; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .5rem; margin: .6rem 0 1.15rem; }
.live-levels > * { display: grid; place-items: center; min-height: 44px; border: 1px solid #66765c; border-radius: 3px; font: bold 1rem var(--font-mono, monospace); text-decoration: none; }
.live-levels .unlocked { background: linear-gradient(#e0d0a0, #ae9b60); color: #17251b; border-color: #dec88c; }
.live-levels .cleared { background: #244c35; color: #d6f4bb; border-color: #91b57c; box-shadow: inset 0 -3px #142d20; }
/* A cleared level shows a check and a locked level a lock, so state never rests on colour alone. */
.live-levels :is(.cleared, .locked) { grid-auto-flow: column; gap: .15rem; }
.live-levels .cleared::after { content: "✓" / ""; font-size: .875rem; }
.live-levels .locked::after { content: "🔒" / ""; font-size: .75rem; }
.live-module-card.is-suggested { border-color: #d6c087; box-shadow: inset 0 0 0 4px #132219, 0 0 0 1px #d6c08766, 0 5px 14px #0005; }
.live-suggested { margin: 0; padding: .2rem .55rem; border: 1px solid #d6c087; border-radius: 3px; color: #f3e6b8; background: #2a2a19; font: 600 .8125rem/1.4 var(--font-mono); letter-spacing: .04em; }
.live-module-card > .live-mode { margin: 0; color: #c1b58a; font: 500 .8125rem/1.5 var(--font-mono); }
.live-levels .locked { color: #829080; background: repeating-linear-gradient(135deg, #101d16, #101d16 5px, #15221a 5px, #15221a 6px); }
.live-research-shelf { margin-top: 2rem; padding: 1rem; border-top: 1px solid #536348; }
.live-research-shelf a { display: inline-block; margin: .75rem 1.5rem .25rem 0; }
.live-level-shell { display: grid; grid-template-columns: minmax(15rem, .85fr) minmax(0, 1.15fr); gap: 1.5rem; margin-top: 1.25rem; align-items: start; }
.live-level-context { min-width: 0; display: grid; gap: 1rem; }
.live-level-context .briefing-console { margin: 0; min-width: 0; border-color: #5c6e57; border-radius: 4px; }
.live-level-context [role="tabpanel"] { min-width: 0; }
.live-level-context .field-tool-bench, .live-policy-preview { padding: 1rem; }
.live-level-context .field-tool-bench select,
.live-agent-side .field-tool-bench select { width: 100%; min-width: 0; }
.live-level-context pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.live-starting-records { background: #102017; padding: .8rem; }
.live-starting-records > h2, .live-policy-preview > h2 { margin-top: 0; }
.live-starting-records > .mission-instruments { padding: .8rem; margin: 1rem 0 0; box-shadow: none; }
.live-mission-brief { background: linear-gradient(125deg, #e8dfc3, #cbbf99); color: #283427; padding: 1.5rem; border: 1px solid #b6a77e; box-shadow: 2px 5px 13px #0005, inset 0 0 20px #78643821; border-radius: 2px; }
.live-mission-brief h2, .live-mission-brief h3, .live-mission-brief .field-manual-stamp { color: #303e2d; }
#learning-body .live-mission-brief .field-manual-stamp { color: #3f4e31; }
.live-mission-brief a { color: #22482f; text-decoration: underline; }
.live-mission-brief p { line-height: 1.65; }
.live-mission-brief details { border-top: 1px solid #8e916d; padding-top: 1rem; margin-top: 1.4rem; }
.live-field-note { overflow-wrap: anywhere; }
.live-hints, .live-pilot, .live-pilot-totals { overflow-wrap: anywhere; margin-top: 1.4rem; }
.live-hint-tiers, .live-pilot-record, .live-pilot-levels { list-style: none; padding: 0; display: grid; gap: .75rem; }
.live-hint-tier { min-width: 0; border-top: 1px solid currentColor; padding-top: .5rem; }
.live-pilot-panel { margin-top: 1rem; border-top: 1px solid #536b56; padding-top: .75rem; }
.live-pilot-panel summary { cursor: pointer; color: #d8d0ae; min-height: 44px; align-content: center; }
.live-study-concept { font: .75rem/1.6 var(--font-mono, monospace); text-transform: uppercase; letter-spacing: .06em; }
.live-study-steps { list-style: none; padding: 0; counter-reset: study; display: grid; gap: 1rem; }
.live-study-steps > li { counter-increment: study; display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .65rem; }
.live-study-steps > li::before { content: counter(study, decimal-leading-zero); font: .85rem/1.4 var(--font-mono, monospace); border-top: 2px solid currentColor; padding-top: .45rem; opacity: .8; }
.live-study-steps section { min-width: 0; border-top: 1px solid currentColor; padding-top: .45rem; }
.live-study-steps h4 { color: inherit; margin: 0; font-size: .97rem; }
.live-study-steps p { margin: .6rem 0; line-height: 1.7; }
.live-study-steps button { color: inherit; border: 1px solid currentColor; background: transparent; max-width: 100%; white-space: normal; }
.live-study-steps button:hover { background: #80808020; }
.live-objective { border-left: 3px solid #6d794f; padding-left: .8rem; font-weight: 650; }
.live-launch-pane, .live-agent-console { min-width: 0; border: 1px solid #5c6e57; border-radius: 5px; padding: 1rem; background: #0a1811; box-shadow: inset 0 3px 12px #0007; }
.live-launch-pane { container: live-launch / inline-size; }
@container live-launch (max-width: 420px) {
  .scene-plate-nodes { grid-template-columns: minmax(0, 1fr); gap: .25rem; }
  .scene-plate-nodes > div { padding-block: .45rem; }
  .scene-plate-nodes dd { margin-top: .2rem; }
}
.live-launch-pane form, .live-agent-console form { display: grid; gap: .9rem; margin-top: 1rem; }
.live-launch-pane .labelled, .live-agent-console .labelled { display: grid; gap: .65rem; color: #dddbb9; }
.live-launch-pane textarea, .live-agent-console textarea { box-sizing: border-box; width: 100%; min-width: 0; resize: vertical; font: .95rem/1.6 var(--font-mono, monospace); color: #d2edcc; background: #07100c; border: 1px solid #7c8e66; padding: 1rem; }
.live-attempt-heading { margin: 1.25rem 0; max-width: 65rem; }
.live-attempt-heading h2 { color: #ead9a5; font-size: clamp(1.25rem, 3vw, 1.7rem); line-height: 1.4; }
.live-agent-desk { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(16rem, .85fr); align-items: start; gap: 1.25rem; }
.live-agent-console .crew-channel { max-height: 32rem; min-height: 12rem; overflow: auto; }
.live-agent-console .crew-tool-receipt { border-left: 3px solid #6b8792; padding: .6rem .8rem; background: #122329; }
.live-agent-console .crew-tool-receipt > summary { cursor: pointer; overflow-wrap: anywhere; color: #c5d9df; }
.live-agent-console .crew-tool-receipt[data-status="committed"] { border-color: #bdcf87; background: #26331d; }
.live-agent-console .crew-tool-receipt[data-status="committed"] > summary { color: #e2ebbd; }
.live-agent-console .crew-tool-receipt[data-status="denied"],
.live-agent-console .crew-tool-receipt[data-status="refused"],
.live-agent-console .crew-tool-receipt[data-status="delivery_failed"] { border-color: #d5ad7d; background: #32291d; }
.live-agent-console .crew-tool-receipt[data-status="cancelled"] { border-color: #aaa99b; background: #252923; }
.live-agent-side { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; min-width: 0; }
.live-agent-side .field-tool-bench { overflow-wrap: anywhere; }
.live-agent-side .investigation-notebook-reference { grid-template-columns: minmax(0, 1fr); }
.live-agent-side > details { padding: 1rem; border: 1px solid #56674c; background: #14231a; border-radius: 3px; }
.live-agent-side pre { max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .83rem; }
.live-comparison-planner { grid-column: 1 / -1; min-width: 0; padding: 1rem; border: 1px solid #788667; border-radius: 5px; background: #14231a; }
.live-comparison-planner > form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.live-comparison-planner > form > * { grid-column: 1 / -1; min-width: 0; }
.live-comparison-planner .comparison-artifact-field { grid-column: auto; }
.live-comparison-planner .labelled { display: grid; gap: .6rem; }
.live-comparison-planner textarea, .live-comparison-planner select { box-sizing: border-box; width: 100%; min-width: 0; }
.live-comparison-planner textarea { resize: vertical; font: .9rem/1.6 var(--font-mono, monospace); }
.live-comparison-planner pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.live-comparison-planner > p, .live-comparison-planner > form > p { max-width: 72ch; }
.live-comparison-planner > form > button { justify-self: start; max-width: 100%; }
.live-channel-status { color: #b1d4a1; font: .8rem/1.5 var(--font-mono, monospace); padding-bottom: .75rem; border-bottom: 1px solid #415638; }
.live-channel-status > p { margin: 0; }
.live-run-interrupted { padding: 1rem; border: 1px solid #b79c6e; border-left-width: 4px; background: #202a20; }
.live-run-interrupted h3 { margin: .3rem 0 .6rem; color: #e2d39e; font-size: 1.1rem; }
.live-run-interrupted > small { letter-spacing: .08em; }
.live-run-interrupted .action-row { margin-top: .8rem; }
.live-run-interrupted .action-row > * { white-space: normal; overflow-wrap: anywhere; max-width: 100%; }
@media (forced-colors: active) { .live-run-interrupted { border-color: CanvasText; } }
.live-level-result:not([hidden]) { margin-top: 1.25rem; padding: 1rem; border: 1px solid #788667; background: #1e3022; }
.live-level-result[data-passed="true"] { border-color: #c4b174; box-shadow: inset 0 0 0 3px #334a2c; }
.live-level-result h3 { color: #e2d39e; }
.live-outcome-checks { list-style: none; padding: 0; display: grid; gap: .75rem; }
.live-outcome-checks > li { padding: .9rem; border-left: 3px solid #b79c6e; background: #14231b; }
.live-outcome-checks > li[data-met="true"] { border-color: #a1d38d; }
.live-outcome-checks > li[data-required="false"] { border-color: #81968a; }
.live-outcome-heading { display: flex; gap: .75rem; align-items: start; justify-content: space-between; flex-wrap: wrap; }
.live-outcome-heading strong { flex: 1 1 12rem; }
.live-outcome-status { font: .75rem/1.5 var(--font-mono, monospace); color: #e2d39e; }
.live-outcome-checks p { margin-block: .6rem; }
.live-outcome-checks small { color: #a5baab; }
.live-outcome-signals { margin-block: 1rem; padding: 1rem; border: 1px solid #64775a; border-radius: 4px; background: #0c1911; }
.live-outcome-signals h4 { margin: 0; color: #d4c599; font: .8rem/1.5 var(--font-mono, monospace); text-transform: uppercase; letter-spacing: .08em; }
.live-outcome-readings { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block: .8rem; }
.live-outcome-readings > li { min-width: 0; border: 1px solid #7f7252; border-top-width: 3px; }
.live-outcome-readings .live-outcome-heading { display: grid; gap: .35rem; }
.live-outcome-readings .live-outcome-heading strong { font-size: .85rem; color: #c2cdbd; }
.live-outcome-readings .live-outcome-status { font-size: 1.3rem; font-weight: 700; color: #e1c28d; }
.live-outcome-readings [data-met="true"] .live-outcome-status { color: #b5dda2; }
.live-outcome-interpretation { margin: 0; max-width: 72ch; color: #c5d2c3; }
.live-debrief-trace { border-block: 1px solid #52664e; padding-block: .8rem; }
.live-decision-replay { margin-top: 1rem; padding: 1rem; border: 1px solid #6c7656; border-radius: 6px; background: linear-gradient(145deg, #16291c, #0b1710); box-shadow: inset 0 0 0 3px #09140d; }
.live-decision-replay h4 { margin-block: .5rem; color: #e2d39e; }
.live-replay-controls { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .65rem; margin-block: 1rem; }
.live-replay-position { margin: 0; color: #dcca96; font: .8rem/1.5 var(--font-mono, monospace); }
.live-replay-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr); align-items: start; gap: 1rem; }
.live-replay-rail { list-style: none; padding: 0; margin: 0; display: grid; gap: .65rem; max-height: 32rem; overflow-y: auto; }
.live-replay-rail > li { min-width: 0; }
.live-replay-step { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .2rem .65rem; width: 100%; min-height: 4rem; padding: .75rem; text-align: left; color: #d9e4d6; border: 1px solid #536747; border-left: 3px solid #536747; border-radius: 3px; background: #132219; }
.live-replay-step code { white-space: normal; overflow-wrap: anywhere; font-size: .78rem; }
.live-replay-step small, .live-replay-step strong { grid-column: 2; font-size: .75rem; font-weight: 400; }
.live-replay-number { grid-row: 1 / span 3; color: #cfbd87; font: .8rem/1.5 var(--font-mono, monospace); }
.live-replay-step[aria-current="step"] { background: #34452a; border-color: #e0c987; box-shadow: inset 0 0 0 1px #e0c987; }
.live-replay-step:focus-visible { outline: 3px solid #9cc9ee; outline-offset: -4px; }
.live-replay-crossing { color: #c4e5a7; }
.live-replay-rail > li[data-violation="true"] .live-replay-step { border-left-color: #b5dda2; }
.live-replay-detail { min-width: 0; padding: 1rem; background: #0a140e; border: 1px solid #637255; border-top: 3px solid #c5b37a; }
.live-replay-detail h5 { margin-block: .5rem; font: 600 .95rem/1.5 var(--font-mono, monospace); overflow-wrap: anywhere; }
.live-replay-verdict { display: block; color: #e2d39e; }
.live-replay-detail[data-violation="true"] { border-top-color: #b5dda2; }
.live-replay-payload { margin-block: .85rem; border-top: 1px solid #42563f; padding-top: .65rem; }
.live-replay-payload pre { max-height: 24rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; padding: .75rem; background: #111f16; color: #cbdcc3; font-size: .75rem; }
.live-replay-unavailable { border-left: 3px solid #d0b374; padding-left: .75rem; }
.live-next-experiment h4 { color: #e2d39e; margin-bottom: .5rem; }
.live-recovery:not([hidden]) { padding: 1rem; margin: 1rem 0; border: 1px solid #d3b368; background: #2b2c1b; }
.live-write-jump { display: none; }
@media (max-width: 800px) {
  .live-write-jump { display: inline-flex; justify-self: start; }
  .live-level-shell, .live-agent-desk { grid-template-columns: minmax(0, 1fr); }
  .live-comparison-planner > form { grid-template-columns: minmax(0, 1fr); }
  .live-agent-console .crew-channel { max-height: 26rem; }
}
@media (max-width: 600px) {
  .live-module-grid { grid-template-columns: minmax(0, 1fr); }
  .live-outcome-readings { grid-template-columns: minmax(0, 1fr); }
  .live-outcome-signals { padding: .75rem; }
  .live-decision-replay { padding: .75rem; }
  .live-replay-layout { grid-template-columns: minmax(0, 1fr); }
  .live-replay-rail { max-height: 15rem; }
  .live-replay-detail { padding: .75rem; }
  .live-module-card, .live-mission-brief { padding: 1.1rem; }
  .live-agent-console, .live-launch-pane { padding: .8rem; }
}
@media (forced-colors: active) {
  .live-module-card, .live-mission-brief, .live-levels > *, .live-launch-pane, .live-agent-console, .live-level-result, .live-outcome-signals, .live-outcome-readings > li { background: Canvas; color: CanvasText; border: 1px solid CanvasText; }
  .live-levels .unlocked { background: Highlight; color: HighlightText; }
  .live-levels .locked { border-style: dashed; }
  .live-decision-replay, .live-replay-detail, .live-replay-step, .live-replay-payload pre { background: Canvas; color: CanvasText; border: 1px solid CanvasText; box-shadow: none; }
  .live-replay-step[aria-current="step"] { background: Canvas; color: CanvasText; border: 3px solid Highlight; }
  .live-replay-step[aria-current="step"] :is(code, span, small, strong) { background: Canvas; color: CanvasText; }
  .live-replay-crossing, .live-replay-number, .live-replay-verdict, .live-replay-position, .live-decision-replay h4 { color: CanvasText; }
}
@media (max-width: 620px) {
  .arena-objective-card .facts { grid-template-columns: minmax(0, 1fr); gap: .2rem; }
  .arena-objective-card .facts dd { text-align: left; margin: 0 0 .65rem; }
}
/* Arena challenge target matrix and released per-target results. Tables keep two dimensions and scroll inside their region on phones. */
.arena-matrix-scroll { margin: .75rem 0; }
.arena-matrix-scroll:focus-visible { outline: 3px solid #9cc9ee; outline-offset: 2px; }
.arena-matrix th[scope="row"] { position: sticky; left: 0; z-index: 1; min-width: 7.5rem; background: var(--color-sunken); }
.arena-matrix th[scope="row"] small, .arena-cell small { display: block; font-size: .8rem; font-weight: 400; overflow-wrap: anywhere; }
.arena-cell { min-width: 7rem; }
.arena-cell strong { display: inline; }
.arena-cell-mark { display: inline-block; width: 1.2em; font-family: var(--font-mono, monospace); }
.arena-cell.cell-broken { box-shadow: inset 3px 0 0 #e2d39e; }
.arena-cell.cell-pending { box-shadow: inset 3px 0 0 #9cc9ee; }
.arena-matrix-legend { list-style: none; margin: .5rem 0 0; padding: 0; display: grid; gap: .3rem; font-size: .85rem; }
.arena-recap-table th, .arena-recap-table td { min-width: 6rem; overflow-wrap: anywhere; }
.arena-target-fields { min-width: 0; margin: .75rem 0; padding: .75rem; border: 1px solid #40544a; }
.arena-target-fields legend { font-weight: 650; padding: 0 .35rem; }
.arena-commitment { font-family: var(--font-mono, monospace); font-size: .8rem; overflow-wrap: anywhere; }
.arena-disqualified { font-size: .9rem; }
@media (max-width: 420px) {
  .arena-matrix th[scope="row"] { min-width: 6rem; }
  .arena-cell { min-width: 6rem; }
}
@media (forced-colors: active) {
  .arena-matrix th[scope="row"] { background: Canvas; color: CanvasText; }
  .arena-cell.cell-broken, .arena-cell.cell-pending { box-shadow: none; border-left: 3px solid CanvasText; }
}
.live-channel-problem { margin: 0 0 .75rem; color: #f2c26b; font: .8rem/1.5 var(--font-mono, monospace); }
/* Challenge waves, leaderboard views and season ladders: state is always named in words; borders only reinforce it. */
.arena-wave-list { list-style: none; margin: .5rem 0 0; padding: 0; display: grid; gap: .5rem; }
.arena-wave { padding: .6rem .8rem; border: 1px solid var(--color-line); border-left: 4px solid var(--color-line-strong); overflow-wrap: anywhere; }
.arena-wave.is-upcoming { border-left-style: dashed; }
.arena-wave p { margin: .25rem 0 0; }
.arena-wave-state { margin-left: .5rem; font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; }
.arena-wave-board { display: grid; gap: 1.5rem; }
.arena-wave-goals > h3 { margin-bottom: .5rem; }
.arena-board-views select { max-width: 100%; }
.arena-board-target { margin-top: 1rem; }
.arena-board-targets th, .arena-board-targets td { text-align: left; }
.arena-wave-editor, .arena-wave-fields { display: grid; gap: .75rem; min-width: 0; }
.arena-season-list { list-style: none; margin: .5rem 0 0; padding: 0; display: grid; gap: .75rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); }
.arena-season-card { padding: .75rem; border: 1px solid var(--color-line); min-width: 0; overflow-wrap: anywhere; }
.arena-season-card p { margin: .25rem 0 0; }
.arena-standing.is-mine { border-width: 2px; }
.arena-season-record { padding-left: 1.25rem; overflow-wrap: anywhere; }
.profile-season-ranks { padding-left: 1.25rem; overflow-wrap: anywhere; }
/* House practice of a released challenge: a persistent labelled banner and its desk. The banner keeps one short line on phones. */
.arena-practice-notice { margin: .75rem 0 1rem; padding: .6rem .9rem; border: 2px solid #c9b46a; border-left-width: 6px; background: #221f12; }
.arena-practice-notice h3 { margin: 0 0 .25rem; font-size: 1rem; color: #f0dca0; }
.arena-practice-notice p { margin: .25rem 0; font-size: .9rem; }
.arena-practice-notice .arena-practice-summary { margin: 0; }
.arena-practice-details > summary, .arena-practice-permission > summary { display: flex; align-items: center; min-height: 44px; width: fit-content; cursor: pointer; }
.arena-practice-details > summary:focus-visible, .arena-practice-permission > summary:focus-visible { outline: 2px solid #e7c177; outline-offset: 2px; }
.arena-practice { display: grid; gap: 1rem; min-width: 0; }
.arena-practice-form { display: grid; gap: .6rem; min-width: 0; padding: .75rem; border: 1px solid var(--color-line); }
.arena-practice-form h4, .arena-practice-form h5 { margin: 0; overflow-wrap: anywhere; }
.arena-practice-form select[multiple] { width: 100%; }
.arena-practice-availability ul, .arena-practice-pools, .arena-practice-cells { margin: .4rem 0 0; padding-left: 1.2rem; overflow-wrap: anywhere; }
.arena-practice-run { padding: .6rem 0; border-bottom: 1px solid var(--color-line); overflow-wrap: anywhere; }
.arena-practice-run h5 { margin: 0 0 .3rem; }
.arena-practice-cells a { display: inline-flex; align-items: center; min-height: 44px; }
.arena-practice-grant { padding: .4rem 0; border-top: 1px solid var(--color-line); overflow-wrap: anywhere; }
@media (max-width: 480px) {
  .arena-practice-notice { padding: .4rem .7rem; border-left-width: 4px; }
  .arena-practice-notice h3 { font-size: .95rem; }
  .arena-practice-notice p { font-size: .85rem; line-height: 1.4; }
  .arena-practice-form { padding: .6rem; }
}
@media (forced-colors: active) {
  .arena-practice-notice, .arena-practice-form { border-color: CanvasText; }
}