#settings[data-panel="capturas"] .card { width: min(820px, 100%); max-height: min(820px, calc(100dvh - 32px)); }
#settings[data-panel="capturas"] .body { padding: 10px 14px 14px; }
#capture-summary { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-bottom: 8px; }
#capture-summary > div { display: flex; align-items: baseline; gap: 5px; }
#capture-summary strong { color: var(--cyan); font-size: 18px; }
#capture-summary span { font-size: 11px; color: var(--muted); }
#settings #capture-note { font-size: 11px; line-height: 1.4; margin-bottom: 8px; }
.capture-controls { display: flex; gap: 8px; margin: 8px 0; }
.capture-controls label { display: flex; flex-direction: column; gap: 3px; font-size: 10px; color: var(--muted); min-width: 0; }
.capture-controls label:first-child { flex: 1; }
.capture-controls input, .capture-controls select { font: 12px var(--f-body); color: var(--fg); background: var(--btn); padding: 6px 8px; border: 1px solid var(--line); border-radius: 6px; min-width: 0; }
.capture-controls input:focus, .capture-controls select:focus { outline: 2px solid var(--cyan); outline-offset: 1px; }
#capture-list h3 { font-size: 13px; margin: 12px 0 6px; }
.capture-grid { display: block; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.capture-row { border: 0; border-bottom: 1px solid var(--line); border-left: 3px solid var(--line); background: var(--btn); }
.capture-row:last-child { border-bottom: 0; }
.capture-line { position: relative; display: grid; grid-template-columns: minmax(140px, 1fr) 106px minmax(0, 1.35fr); align-items: center; gap: 10px; min-height: 34px; box-sizing: border-box; padding: 3px 8px 3px 18px; cursor: pointer; list-style: none; }
.capture-line::-webkit-details-marker { display: none; }
.capture-line::before { content: '›'; position: absolute; left: 5px; color: var(--muted); }
.capture-row[open] > .capture-line::before { transform: rotate(90deg); }
.capture-line:focus-visible { outline: 2px solid var(--cyan); outline-offset: -2px; }
.capture-row h4 { font: 600 12px var(--f-body); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.capture-status { font-size: 10px; color: var(--muted); white-space: nowrap; }
.capture-caught, .capture-received { border-left-color: #69c995; }
.capture-caught .capture-status { color: #80dca8; }
.capture-missed { border-left-color: #f08b8b; }
.capture-used, .capture-egg, .capture-encountered { border-left-color: #e6c56e; }
.capture-compact-mons { display: flex; gap: 8px; overflow: hidden; align-items: center; min-width: 0; }
.capture-compact-mon { display: inline-flex; gap: 3px; align-items: center; min-width: 0; font-size: 11px; }
.capture-compact-mon > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.capture-compact-mon img { width: 28px; height: 28px; object-fit: contain; image-rendering: pixelated; flex: 0 0 28px; }
.capture-compact-mon > .capture-egg { width: 28px; height: 28px; flex: 0 0 28px; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; line-height: 28px; padding: 0; }
.capture-detail { padding: 4px 12px 8px 18px; border-top: 1px solid var(--line); }
#settings .capture-place { font-size: 11px; margin: 3px 0; }
.capture-mon { display: flex; gap: 6px; align-items: center; min-height: 34px; }
.capture-mon img { width: 32px; height: 32px; flex: 0 0 32px; object-fit: contain; image-rendering: pixelated; }
.capture-mon-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; overflow-wrap: anywhere; }
.capture-mon strong { font-size: 12px; }
.capture-mon span, .capture-empty { font-size: 11px; color: var(--muted); line-height: 1.4; }
.capture-dead strong, .capture-compact-mon.capture-dead { color: #f0a0a0; }
span.capture-egg { font-size: 22px; padding: 0 4px; }
.capture-unlinked { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px 12px; }
@media (max-width: 600px) {
 .capture-controls { gap: 6px; }
 .capture-controls label:last-child { flex: 0 1 46%; }
 .capture-line { grid-template-columns: minmax(86px, 1fr) 68px minmax(0, 1fr); gap: 4px; padding-right: 4px; }
 .capture-row h4 { font-size: 11px; }
 .capture-status { font-size: 9px; }
 .capture-compact-mon { font-size: 10px; }
 .capture-compact-mons { gap: 4px; }
 .capture-compact-mon img { width: 24px; height: 24px; flex-basis: 24px; }
 .capture-unlinked { grid-template-columns: 1fr; }
}
.capture-cemetery { border: 1px solid var(--line); border-left: 3px solid #c77583; border-radius: 7px; padding: 5px 8px; background: var(--btn); }
.capture-cemetery .capture-mon + .capture-mon { border-top: 1px solid var(--line); }
.capture-undiscovered .capture-status { color: var(--muted); }