/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.24_@playwright+test@1.58.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.24_@playwright+test@1.58.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/styles.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root { color: #f4f5ef; background: #101512; font-family: Arial, Helvetica, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; }
button, input, textarea { font: inherit; }
select { background: #0d120f; border: 1px solid #4c6854; border-radius: .4rem; color: #f4f5ef; margin-top: .35rem; padding: .65rem; width: 100%; }
button { border: 1px solid #85d7a2; border-radius: .45rem; background: #85d7a2; color: #102116; cursor: pointer; font-weight: 700; padding: .65rem .8rem; text-align: left; }
button:hover { filter: brightness(1.08); }
button:disabled { cursor: not-allowed; opacity: .55; }
button.secondary { background: transparent; color: #bfe8cb; }
.login-page { align-items: center; display: grid; min-height: 100vh; padding: 1.5rem; }
.login-card { background: #182019; border: 1px solid #344c3b; border-radius: 1rem; margin: auto; max-width: 42rem; padding: 2rem; }
.login-card h1 { font-size: clamp(2.3rem, 7vw, 4.6rem); letter-spacing: -.065em; margin: .2rem 0 1rem; }
.login-card p { color: #cbd6ce; line-height: 1.55; }
.arena { margin: auto; max-width: 1560px; padding: 1.25rem; }
.topbar { align-items: center; display: flex; justify-content: space-between; margin-bottom: 1rem; }
h1, h2, h3, p { margin-top: 0; }
h1 { letter-spacing: -.05em; margin-bottom: 0; }
h2 { font-size: 1.2rem; }
h3 { margin-top: 1.4rem; }
.eyebrow { color: #85d7a2; font-size: .72rem; font-weight: 800; letter-spacing: .13em; margin-bottom: .3rem; }
.notice { background: #253528; border-left: 4px solid #85d7a2; margin: 0 0 1rem; padding: .75rem; }
.layout { display: grid; grid-gap: 1rem; gap: 1rem; grid-template-columns: minmax(260px, 330px) minmax(0, 1fr); }
.panel { background: #182019; border: 1px solid #344c3b; border-radius: .75rem; padding: 1rem; }
.navigation { display: flex; flex-direction: column; gap: .45rem; }
.navigation button.selected { background: #d8f0df; }
.navigation pre { background: #0d120f; border-radius: .4rem; color: #bcd9c5; max-height: 13rem; overflow: auto; padding: .6rem; white-space: pre-wrap; }
.stack { display: grid; grid-gap: .55rem; gap: .55rem; margin-top: 1.5rem; }
.stack.compact { border-top: 1px solid #344c3b; margin-top: 1rem; padding-top: 1rem; }
textarea, input { background: #0d120f; border: 1px solid #4c6854; border-radius: .4rem; color: #f4f5ef; padding: .65rem; width: 100%; }
.workspace-heading { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; }
.workspace-heading code, .versions code { color: #b8cdbd; font-size: .75rem; overflow-wrap: anywhere; }
.dirty { color: #ffcf70; font-weight: 700; }
.clean, .success { color: #8fdda8; }
.error { color: #ff9a8e; }
.editor-shell { border: 1px solid #425c49; margin: 1rem 0 .5rem; overflow: hidden; }
.editor-location { background: #331e1b; color: #ffb7ad; margin: 0; padding: .5rem; }
.issues { background: #331e1b; border-radius: .4rem; color: #ffb7ad; margin: .5rem 0; padding: .8rem 2rem; }
.actions { display: flex; gap: .6rem; margin: 1rem 0; }
.versions { color: #cbd6ce; max-height: 11rem; overflow: auto; }
.versions strong { color: #85d7a2; font-size: .75rem; margin-left: .5rem; }
.simulation-panel { border-top: 1px solid #344c3b; margin-top: 1.4rem; padding-top: 1rem; }
.simulation-heading { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; }
.simulation-heading h3 { margin-top: 0; }
.hint { color: #b8cdbd; font-size: .9rem; line-height: 1.45; }
.connection { border: 1px solid #4c6854; border-radius: 99rem; font-size: .78rem; margin: 0; padding: .35rem .6rem; white-space: nowrap; }
.connection.connected { border-color: #85d7a2; color: #8fdda8; }
.connection.polling, .connection.reconnecting { border-color: #ffcf70; color: #ffcf70; }
.version-meta { display: grid; grid-gap: .5rem; gap: .5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: .8rem 0; }
.version-meta div { background: #111a13; border-radius: .4rem; padding: .55rem; }
.version-meta dt { color: #85d7a2; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.version-meta dd { margin: .3rem 0 0; overflow-wrap: anywhere; }
.simulations { display: grid; grid-gap: .55rem; gap: .55rem; list-style: none; margin: .6rem 0 0; max-height: 20rem; overflow: auto; padding: 0; }
.simulations li { align-items: flex-start; background: #111a13; border: 1px solid #344c3b; border-radius: .45rem; display: flex; gap: .75rem; justify-content: space-between; padding: .65rem; }
.simulations p { color: #cbd6ce; font-size: .88rem; margin: .3rem 0 0; }
.simulation-actions { align-items: flex-end; display: flex; flex-direction: column; gap: .45rem; }
.simulation-actions a { color: #bfe8cb; font-size: .82rem; }
.link-button { border: 1px solid #85d7a2; border-radius: .45rem; color: #bfe8cb; font-weight: 700; padding: .65rem .8rem; text-decoration: none; }
.result-page { max-width: 1280px; }
.result-summary { display: grid; grid-gap: 1rem; gap: 1rem; grid-template-columns: minmax(190px, .45fr) minmax(0, 1fr); }
.summary-score { background: #111a13; border-left: 4px solid #85d7a2; display: grid; grid-gap: .3rem; gap: .3rem; padding: 1rem; }
.summary-score strong { color: #8fdda8; font-size: clamp(2rem, 5vw, 3.4rem); letter-spacing: -.05em; overflow-wrap: anywhere; }
.result-meta { display: grid; grid-gap: .55rem; gap: .55rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.result-meta div { border-bottom: 1px solid #344c3b; min-width: 0; padding-bottom: .35rem; }
.result-meta dt, .turn-summary dt { color: #85d7a2; font-size: .73rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.result-meta dd, .turn-summary dd { margin: .25rem 0 0; overflow-wrap: anywhere; }
.metric-grid { display: grid; grid-gap: .6rem; gap: .6rem; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); }
.metric-grid > div { background: #111a13; border: 1px solid #344c3b; border-radius: .4rem; display: grid; grid-gap: .25rem; gap: .25rem; min-width: 0; padding: .65rem; }
.metric-grid span { color: #b8cdbd; font-size: .82rem; }
.metric-grid strong { overflow-wrap: anywhere; }
.decision-list { display: grid; grid-gap: .5rem; gap: .5rem; list-style: none; margin: 0; padding: 0; }
.decision { align-items: flex-start; background: #111a13; border-color: #4c6854; color: #f4f5ef; display: grid; grid-gap: .25rem; gap: .25rem; text-align: left; width: 100%; }
.decision span, .decision small { color: #cbd6ce; }
.decision code { color: #b8cdbd; font-size: .72rem; overflow-wrap: anywhere; white-space: pre-wrap; }
.severity-high { border-left: 4px solid #ff9a8e; }
.severity-medium { border-left: 4px solid #ffcf70; }
.severity-low { border-left: 4px solid #85d7a2; }
.replay-heading { align-items: flex-start; display: flex; justify-content: space-between; gap: 1rem; }
.turn-controls { align-items: center; display: flex; gap: .5rem; }
.turn-controls label { color: #b8cdbd; font-size: .82rem; }
.turn-controls input { margin-left: .3rem; max-width: 5.5rem; padding: .45rem; }
.turn-detail { display: grid; grid-gap: 1rem; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 1rem; }
.turn-detail > div { background: #111a13; border: 1px solid #344c3b; border-radius: .45rem; min-width: 0; padding: .75rem; }
.turn-detail h3, .turn-detail h4 { margin-top: 0; }
.turn-detail h4 { color: #b8cdbd; font-size: .85rem; margin-top: 1rem; }
.turn-summary { display: grid; grid-gap: .55rem; gap: .55rem; margin: 0; }
.inventory-grid { display: grid; grid-gap: .35rem; gap: .35rem; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
.inventory-grid code, .inventory-grid span { background: #0d120f; border-radius: .3rem; overflow-wrap: anywhere; padding: .4rem; }
.turn-detail pre, .turn-detail details pre { background: #0d120f; color: #d9e8de; max-height: 14rem; overflow: auto; padding: .6rem; white-space: pre-wrap; word-break: break-word; }
.compact-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.turn-flow { margin-top: 1rem; }
.table-scroll { overflow-x: auto; }
.table-scroll table { border-collapse: collapse; min-width: 620px; width: 100%; }
.table-scroll td, .table-scroll th { border-bottom: 1px solid #344c3b; padding: .45rem; text-align: right; }
.table-scroll th:first-child, .table-scroll td:first-child { text-align: left; }
.current-turn { background: #253528; }
.comparison-page { max-width: 1360px; }
.comparison-rule { line-height: 1.45; }
.comparison-selector { display: grid; grid-gap: .75rem; gap: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.comparison-selector h2, .comparison-selector p { grid-column: 1 / -1; }
.comparison-selector label { min-width: 0; }
.comparison-cards { display: grid; grid-gap: 1rem; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1rem 0; }
.version-card, .turn-comparison { background: #182019; border: 1px solid #344c3b; border-radius: .75rem; min-width: 0; padding: 1rem; }
.comparison-summary { display: grid; grid-gap: .75rem; gap: .75rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.comparison-summary .single-seed-warning, .comparison-summary .hint, .comparison-summary details { grid-column: 1 / -1; }
.single-seed-warning { background: #382d14; border-left: 4px solid #ffcf70; color: #ffe1a0; margin: 0; padding: .7rem; }
.metric-benefit { color: #8fdda8; }
.metric-cost { color: #ffcf70; }
.metric-neutral { color: #cbd6ce; }
.swing-turn { box-shadow: inset 4px 0 #ffcf70; }
.turn-comparison { display: grid; grid-gap: .65rem; gap: .65rem; margin: .75rem 0; }
.turn-comparison > div:not(.inventory-grid) { display: grid; grid-gap: .25rem; gap: .25rem; }
.turn-comparison span { color: #b8cdbd; font-size: .82rem; }
.decision-groups { display: grid; grid-gap: 1rem; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.decision-groups > div { min-width: 0; }
.comparison-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.comparison-actions h2 { flex-basis: 100%; }
.comparison-actions .link-button { background: transparent; }
@media (max-width: 760px) { .version-meta { grid-template-columns: 1fr; } .simulation-heading, .simulations li { display: block; } .connection { display: inline-block; margin-top: .4rem; } .simulation-actions { align-items: flex-start; flex-direction: row; margin-top: .6rem; } }
@media (max-width: 760px) { .result-summary, .turn-detail, .comparison-selector, .comparison-cards, .comparison-summary, .decision-groups { grid-template-columns: 1fr; } .result-meta { grid-template-columns: 1fr; } .replay-heading { display: block; } .turn-controls { margin-top: .7rem; } }
@media (max-width: 760px) { .arena { padding: .75rem; } .layout { grid-template-columns: 1fr; } .topbar { align-items: flex-start; } .workspace-heading { display: block; } .editor-shell { min-height: 18rem; } }