.arena-page{max-width:1480px;margin:auto;padding:38px 4%}.arena-intro{display:flex;justify-content:space-between;align-items:center;gap:45px;margin-bottom:24px}.arena-intro h1{font-size:clamp(40px,4.5vw,62px);margin:16px 0}.arena-intro .lead{font-size:17px;max-width:450px}.arena-toolbar,.arena-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.arena-toolbar{justify-content:space-between;margin:24px 0 20px}#arena-score{font:12px 'Space Grotesk',sans-serif;color:var(--muted)}#arena{outline-offset:6px}.arena-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.arena-levels button{padding:15px 18px;text-align:left;border:1px solid var(--line);border-radius:8px;background:white;cursor:pointer;color:var(--ink)}.arena-levels button[aria-pressed=true]{background:#e9f2ff;border-color:#1165db;box-shadow:inset 0 3px #1165db}.arena-levels span{font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.05em;display:block}.arena-levels small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.arena-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);border:1px solid var(--line);border-radius:13px;overflow:hidden;background:white}.arena-view{padding:20px;min-width:0}.arena-view-label{display:flex;align-items:center;justify-content:space-between}.arena-view-label .eyebrow{margin:0}#arena-mode{font:10px 'Space Grotesk',sans-serif;letter-spacing:.08em;color:#577777}#arena-canvas{width:100%;aspect-ratio:1;image-rendering:auto;margin:16px 0 0;border:1px solid #dce6ed;border-radius:8px;touch-action:manipulation;background:#f8fbfd}#arena-message{min-height:42px;font-size:13px;margin:14px 0}.arena-controls{display:flex;align-items:center;justify-content:space-around;gap:14px;padding:14px;background:#f1f6fb;border-radius:8px}.control-pad{display:grid;grid-template-columns:repeat(3,44px);gap:5px}.control-pad button{height:39px;font-size:13px;background:white;border:1px solid #c0d3e3;border-radius:4px;cursor:pointer;touch-action:none;user-select:none;color:#0859af}.control-pad button.held{background:var(--blue);color:white}.fire-button{background:#166e55;touch-action:manipulation}.fire-button:hover{background:#0f5541}.arena-controls p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.arena-options{display:flex;flex-wrap:wrap;gap:16px}.arena-options label{font-weight:400;font-size:12px;display:flex;gap:6px;align-items:center;margin:17px 0 4px}.arena-options input{accent-color:var(--blue)}.arena-data{padding:24px;background:#f3f7fb;border-left:1px solid var(--line);min-width:0}.inspect-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inspect-choices label{margin-top:10px;font-size:12px}.inspect-choices select{margin-top:6px}.object-info{font:12px/1.8 Consolas,monospace;color:#526c81;margin:9px 0 15px}.vector-card{padding:11px 13px;background:white;border:1px solid #dae4ed;border-radius:6px;margin:12px 0}.vector-card span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.vector-card code{color:#065aae;font:14px Consolas,monospace;overflow-wrap:anywhere}.transform-chain{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:20px 0 10px}.transform-chain button{border:1px solid #b9cddf;background:white;color:#185083;padding:9px 12px;border-radius:5px;font:700 19px 'Space Grotesk',sans-serif;cursor:pointer;flex:1}.transform-chain small{display:block;font:10px 'DM Sans',sans-serif;margin-top:2px}.transform-chain b{color:#8fa8ba;font-weight:400}.combined-button{width:100%;padding:10px;border-radius:5px;border:1px solid #bccfe0;background:white;font:12px Consolas,monospace;color:#185083;cursor:pointer}.transform-chain button[aria-pressed=true],.combined-button[aria-pressed=true]{background:#1165db;color:white;border-color:#1165db}.matrix-name{font-size:11px;color:var(--muted);margin:16px 0 8px}.arena-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:15px 8px;border-left:2px solid #1265da;border-right:2px solid #1265da;text-align:center;font:15px Consolas,monospace;background:white}.arena-matrix span:nth-child(3n){color:#986500;background:#fff4cb}.data-note{font-size:11px;color:var(--muted);line-height:1.7}.directions{border-top:1px solid var(--line);margin:18px 0;padding-top:9px}.directions>p:not(.eyebrow){display:flex;justify-content:space-between;gap:5px;font:11px Consolas,monospace}.directions code{color:#176b75}.vertex-scroll{overflow:auto;max-height:250px;margin-top:12px}.vertex-scroll table{width:100%;font:10px/1.7 Consolas,monospace;border-collapse:collapse}.vertex-scroll th,.vertex-scroll td{border-bottom:1px solid #d9e3ed;padding:5px;text-align:left;white-space:nowrap}.arena-notes{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:55px 0 15px}.arena-notes p{font-size:14px;color:var(--muted)}.arena-notes h3{font-size:22px}.arena-notes a{font-size:13px;color:var(--blue)}[hidden]{display:none!important}@media(max-width:1050px){.arena-layout{grid-template-columns:1fr}.arena-data{border-top:1px solid var(--line);border-left:0}.arena-intro{display:block}.arena-intro .lead{max-width:650px}.arena-data .vector-card{max-width:none}}@media(max-width:600px){.arena-page{padding:24px 4%}.arena-levels{grid-template-columns:1fr;gap:6px}.arena-levels button{padding:10px 13px}.arena-levels small{margin-top:3px}.arena-view,.arena-data{padding:13px}.arena-controls{flex-wrap:wrap;justify-content:center;gap:12px}.arena-controls p{flex-basis:100%;text-align:center}.arena-notes{grid-template-columns:1fr;gap:20px}.arena-toolbar .button{font-size:12px;padding:11px 13px}.arena-matrix{font-size:15px}.arena-intro h1{font-size:44px}.arena-options{gap:12px}.arena-options label{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}