.battle-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;margin:18px 0;padding:14px;border:1px solid var(--line);background:var(--surface)}.battle-control{display:flex;flex-direction:column;gap:7px;min-width:0}.battle-control>span{color:var(--muted);font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.battle-control__row{display:flex;gap:6px;min-width:0}.battle-control button,.battle-actions button,.battle-control input{min-height:40px;border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--muted);font:700 12px var(--mono);padding:0 12px}.battle-control button:hover,.battle-control button.active,.battle-actions button:hover{border-color:var(--accent);color:var(--text);background:#38bdf817}.battle-control button.active{box-shadow:inset 0 -2px 0 var(--accent)}.battle-control input{width:146px;color:var(--text);color-scheme:dark}.battle-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex-wrap:wrap}.battle-actions button:disabled{opacity:.45;cursor:not-allowed}.battle-status{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:0 0 14px;padding:11px 14px;border:1px solid var(--line-strong);background:var(--surface);font:600 12px var(--mono)}.battle-status strong{padding:5px 8px;border-radius:999px;background:#22d3781f;color:#7ce3aa}.battle-status span{color:var(--text)}.battle-status small{color:var(--muted)}.battle-status--partial strong,.battle-status--stale strong{background:#facc151f;color:#fde68a}.battle-status--empty strong,.battle-status--error strong{background:#f871711f;color:#fca5a5}.battle-status--demo strong{background:#a78bfa24;color:#c4b5fd}.battle-primary{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(0,2fr);gap:20px;padding:20px;margin-bottom:14px;border:1px solid var(--line-strong);background:linear-gradient(135deg,#162234f5,#060c16f5);box-shadow:0 18px 50px #0000002e}.battle-primary__identity h2{margin:6px 0 8px;font-size:clamp(24px,3vw,42px);line-height:1.05}.battle-primary__identity h2 span{color:var(--muted);font:600 .48em var(--mono);text-transform:uppercase}.battle-primary__identity p{margin:0;color:var(--muted);font:600 12px var(--mono)}.battle-primary__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.battle-primary__metrics>div{min-width:0;padding:12px;border:1px solid var(--line);background:#03081080}.battle-primary__metrics small,.pair-inspector small,.secondary-card small{display:block;color:var(--muted);font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.06em}.battle-primary__metrics strong{display:block;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.battle-stage{overflow:hidden;border:1px solid var(--line-strong);background:radial-gradient(circle at 50% 0,rgba(56,189,248,.06),transparent 40%),var(--surface)}.battle-chart-wrap{position:relative;min-height:540px;padding:0 8px 8px;touch-action:none}.battle-chart-wrap svg{display:block;width:100%;height:auto;min-height:520px;outline:none}.battle-chart-wrap svg:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.chart-grid line{stroke:#94a3b829;stroke-width:1}.chart-grid text{fill:var(--muted);font:600 11px var(--mono)}.battle-gap-band path{fill:#7dd3fc1c;stroke:none}.battle-line path{pointer-events:stroke}.battle-cursor line{stroke:#eef4ff;stroke-width:2;stroke-dasharray:5 5}.battle-cursor text,.chart-marker text,.endpoint-label{font:700 11px var(--mono);paint-order:stroke;stroke:#050b14;stroke-width:4;stroke-linejoin:round}.battle-cursor text{fill:#eef4ff}.chart-marker text{fill:#dbeafe}.endpoint-label{font-size:12px}.battle-legend{display:flex;gap:8px;padding:11px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}.battle-legend__item{display:grid;grid-template-columns:auto minmax(70px,1fr) auto;align-items:center;gap:8px;flex:0 0 auto;max-width:250px;min-height:38px;padding:7px 10px;border:1px solid var(--line);background:#050b14d1;color:var(--muted)}.battle-legend__item i{width:9px;height:9px;border-radius:50%}.battle-legend__item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-legend__item small{font:700 10px var(--mono)}.battle-legend__item.primary{border-color:#7dd3fc6b;color:var(--text)}.battle-legend__item.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.battle-section{margin-top:18px}.battle-section__head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:0 0 10px}.battle-section__head h2{margin:0;font-size:18px}.battle-section__head span{color:var(--muted);font:600 11px var(--mono)}.battle-inspector{padding:18px;border:1px solid var(--line-strong);background:var(--surface)}.inspector-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.inspector-head h2{margin:5px 0 0;font-size:20px}.mode-pill{padding:7px 9px;border:1px solid var(--line);color:var(--muted);font:700 10px var(--mono);text-transform:uppercase}.pair-inspector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.pair-inspector article{padding:14px;border:1px solid var(--line);background:#040a12b8}.pair-inspector article strong{display:block;margin:7px 0;font-size:23px}.pair-inspector article span{color:var(--muted);font:600 11px var(--mono)}.pair-inspector__result{border-color:#7dd3fc66!important}.ranking{margin-top:14px;border:1px solid var(--line)}.ranking__head,.ranking__row{display:grid;grid-template-columns:58px minmax(0,1fr) 120px 120px;gap:10px;align-items:center;padding:10px 12px}.ranking__head{background:#050b14f2;color:var(--muted);font:700 10px var(--mono);text-transform:uppercase}.ranking__row{border-top:1px solid var(--line);font-size:13px}.ranking__row>span:not(:first-child){font-family:var(--mono)}.reversal-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.reversal-card{display:flex;flex-direction:column;gap:6px;flex:0 0 210px;min-height:96px;padding:13px;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text)}.reversal-card:hover{border-color:var(--accent)}.reversal-card small,.reversal-card span{color:var(--muted);font:600 10px var(--mono)}.secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.secondary-card{display:flex;justify-content:space-between;gap:16px;min-height:112px;padding:14px;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text)}.secondary-card:hover{border-color:var(--accent);transform:translateY(-1px)}.secondary-card>span{display:flex;flex-direction:column;gap:7px;min-width:0}.secondary-card>span:last-child{text-align:right}.secondary-card strong{overflow:hidden;text-overflow:ellipsis}.secondary-card em{color:var(--muted);font-style:normal}.event-feed{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.event-item{display:flex;flex-direction:column;gap:7px;min-height:126px;padding:13px;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text)}.event-item:hover{border-color:var(--accent)}.event-item span{color:var(--muted);font:700 10px var(--mono);text-transform:uppercase}.event-item p{margin:0;color:#c7d2e3;font-size:12px;line-height:1.45}.coverage-note{margin:18px 0 0;padding:14px;border:1px solid var(--line);background:#050b1499}.coverage-note strong{font-size:13px}.coverage-note p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.empty-inline{margin:0;padding:14px;border:1px dashed var(--line);color:var(--muted)}@media(max-width:1100px){.battle-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-actions{grid-column:1/-1;justify-content:flex-start}.event-feed{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.battle-controls{display:flex;overflow-x:auto;align-items:flex-end;padding:11px}.battle-control{flex:0 0 auto}.battle-control__row{flex-wrap:nowrap}.battle-control button,.battle-actions button,.battle-control input{min-height:44px}.battle-actions{flex:0 0 auto;flex-wrap:nowrap}.battle-status{grid-template-columns:auto 1fr}.battle-status small{grid-column:1/-1}.battle-primary{grid-template-columns:1fr;padding:15px}.battle-primary__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-chart-wrap{min-height:330px;padding:0}.battle-chart-wrap svg{min-height:330px}.battle-legend{padding:8px}.pair-inspector{grid-template-columns:1fr}.ranking__head,.ranking__row{grid-template-columns:42px minmax(0,1fr) 82px}.ranking__head span:last-child,.ranking__row span:last-child{display:none}.secondary-grid,.event-feed{grid-template-columns:1fr}.secondary-card{min-height:104px}.battle-section__head{align-items:flex-start;flex-direction:column;gap:4px}}.battle-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;overflow:visible}.battle-control{flex:0 0 auto}.battle-control:first-child{min-width:292px}.battle-control__row{flex-wrap:nowrap}.battle-control input[hidden]{display:none!important}.battle-actions{margin-left:auto;flex:0 0 auto}.battle-stage:has(>.notice){min-height:0!important}.battle-stage:has(>.notice)>.notice{min-height:88px;display:flex;align-items:center}@media(max-width:1100px){.battle-actions{width:100%;margin-left:0;justify-content:flex-start}}@media(max-width:760px){.battle-controls{display:flex;flex-wrap:nowrap;overflow-x:auto}.battle-control:first-child{min-width:0}.battle-actions{width:auto;flex-wrap:nowrap}}