:root{--ink: #14212b;--slate: #2c3e4c;--muted: #6b7c8a;--paper: #eef2f5;--panel: #f7f9fb;--line: #c5d0d8;--accent: #c45c26;--accent-soft: #f3e2d7;--good: #1f6b5c;--font-display: "Instrument Serif", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#d9e4ec 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#e8ddd4 0%,transparent 50%),var(--paper)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{max-width:1100px;margin:0 auto;padding:1.25rem 1.5rem 3rem}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.brand{font-family:var(--font-display);font-size:1.75rem;letter-spacing:.02em}.nav-links{display:flex;gap:1rem;color:var(--muted);font-size:.95rem}.nav-links a.active,.nav-links a:hover{color:var(--ink)}.hero{display:grid;gap:.75rem;margin-bottom:2rem}.hero h1{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:400;line-height:1.05;margin:0}.hero p{margin:0;max-width:36rem;color:var(--slate);font-size:1.05rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:1.25rem}.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:1.25rem}@media (max-width: 860px){.grid-2{grid-template-columns:1fr}}.form-grid{display:grid;gap:.85rem}label{display:grid;gap:.35rem;font-size:.85rem;color:var(--slate)}input,select{border:1px solid var(--line);background:#fff;padding:.55rem .65rem;border-radius:2px;color:var(--ink)}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.btn{border:none;background:var(--ink);color:#fff;padding:.7rem 1.1rem;border-radius:2px;cursor:pointer;font-weight:500}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.score{font-family:var(--font-display);font-size:3.5rem;line-height:1;color:var(--accent)}.metrics{width:100%;border-collapse:collapse;font-size:.92rem}.metrics th,.metrics td{text-align:left;padding:.45rem .35rem;border-bottom:1px solid var(--line)}.metrics th{color:var(--muted);font-weight:500}.muted{color:var(--muted)}.error{color:#8b1e1e;background:#f8e8e8;border:1px solid #e2bdbd;padding:.75rem;margin-top:.75rem}.battle-card{width:100%;display:block;border:1px solid var(--line);background:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--line)}.chip{display:inline-block;padding:.15rem .45rem;background:var(--accent-soft);color:var(--accent);font-size:.75rem;margin-right:.25rem}.check{display:flex;align-items:center;gap:.5rem;color:var(--slate);font-size:.9rem}.teams-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.team-slot{border:1px solid var(--line);background:#fff;padding:.9rem;display:grid;gap:.65rem}.team-slot-head{display:flex;justify-content:space-between;align-items:center}.btn-tiny{padding:.25rem .5rem;font-size:.8rem;cursor:pointer}.fn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.35rem .75rem}.winner-banner{text-align:center}.bout-wins{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:.75rem;color:var(--slate)}.bout-block{margin-bottom:1.25rem}.bout-block h3{margin:0 0 .5rem;font-size:1rem}.plot-grid{display:grid;gap:1rem}.plot-grid figure{margin:0}.battlefield-wrap{display:grid;gap:.65rem}.battlefield-canvas{width:100%;height:min(420px,55vh);display:block;border:1px solid var(--line);background:#c5d2a8}.play-canvas{height:min(520px,62vh)}.battlefield-legend{display:flex;flex-wrap:wrap;gap:.85rem;font-size:.88rem;font-weight:500}.battlefield-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.attribution{font-size:.8rem;text-decoration:underline;text-underline-offset:2px}.agent-expr-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 720px){.agent-expr-grid{grid-template-columns:1fr}}.play-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.85fr);gap:1rem;align-items:start}@media (max-width: 960px){.play-layout{grid-template-columns:1fr}}.rl-panel{display:grid;gap:.75rem}.rl-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;font-size:.9rem}.rl-chart{display:grid;gap:.25rem}.rl-chart-title{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem;color:var(--slate);font-weight:500}.rl-chart-value{font-family:var(--font-display);font-size:1.15rem;color:var(--ink)}.rl-chart-svg{width:100%;height:72px;background:#eef2f0;border:1px solid var(--line)}.rl-last-action{margin:0;font-size:.85rem}.rl-outcome-bars{display:flex;gap:3px;align-items:flex-end;height:36px}.rl-outcome-bar{flex:1;min-width:4px;height:100%;border-radius:1px}.rl-outcome-legend{display:flex;gap:.75rem;font-size:.75rem}