.recording-settings fieldset{border:0;padding:0;margin:0;min-width:0}.recording-presets{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.recording-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:28px;align-items:start}.recording-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);min-height:64px}.recording-setting strong,.recording-setting small{display:block}.recording-setting small{color:var(--muted);font-size:.82rem;margin-top:3px}.recording-setting input{width:24px;height:24px;flex-shrink:0;accent-color:var(--green-700)}.recording-setting select{max-width:160px;min-height:46px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:10px;font:inherit;color:var(--ink)}.recording-core{padding:16px;border-radius:12px;background:var(--green-50)}.recording-core p{margin:4px 0 0;font-size:.875rem}.recording-preview{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--background)}.recording-preview ul{padding-left:20px;line-height:1.9}.recording-preview p{font-size:.875rem}.recording-save{margin-top:22px}.recording-error{background:var(--danger-soft);color:var(--danger);padding:12px;border-radius:10px}.recording-setting:has(input:disabled){opacity:.7}@media(max-width:760px){.recording-layout{grid-template-columns:1fr}.recording-setting select{font-size:16px;max-width:145px}}

.recording-settings form{padding:0 22px 22px}.recording-settings legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.recording-player-table th,.recording-player-table td{white-space:nowrap}.recording-player-table .table-player strong{white-space:normal}

@media(min-width:901px){.history-summary--reduced{display:flex;gap:18px}.history-summary--reduced .history-opponent{flex:1}.history-summary--reduced .history-date{min-width:110px}.history-summary--reduced .history-metric{min-width:65px}.history-summary--reduced .history-chevron{margin-left:auto}}

.recording-coverage {
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
  color: var(--muted);
  font-size: .875rem;
}
.recording-coverage > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 44px;
  padding: 10px 16px;
  list-style: none;
  line-height: 1.4;
  font-weight: 700;
}
.recording-coverage > summary::-webkit-details-marker { display: none; }
.recording-coverage > summary::after {
  content: '';
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
}
.recording-coverage[open] > summary::after { transform: rotate(225deg) translate(-2px, -2px); }
.recording-coverage-body { padding: 12px 16px 16px; }
.recording-coverage-body p { max-width: 76ch; margin: 0 0 10px; }
.recording-coverage-body p:last-child { margin-bottom: 0; }
.recording-coverage-body strong { color: var(--ink); }
.recording-coverage-body .button { min-height: 44px; white-space: normal; text-align: left; }
.match-statistics-level {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 16px;
  color: var(--muted);
  font-size: .875rem;
}
.match-statistics-level strong { color: var(--ink); }
.match-statistics-level small { margin-left: 8px; font-size: inherit; }
@media (max-width: 600px) {
  .match-statistics-level small { display: block; margin: 3px 0 0; }
}