/* Catalogue surfaces: badge requirements, animations, presets and source evidence. */
:root { --catalog-green: #8bdc7b; --catalog-red: #ff7774; --catalog-discipline: #ff851a; }
[data-discipline="finishing"] { --catalog-discipline: #45a7f8; }
[data-discipline="shooting"] { --catalog-discipline: #75d952; }
[data-discipline="playmaking"] { --catalog-discipline: #ff942d; }
[data-discipline="defense"] { --catalog-discipline: #f85e63; }
[data-discipline="rebounding"] { --catalog-discipline: #ac78f0; }
[data-discipline="physicals"] { --catalog-discipline: #f5c553; }
.catalog-icon { width: 30px; height: 30px; flex: 0 0 auto; }
.catalog-subtitle,.catalog-footnote,.catalog-delta { color: var(--muted,#94a1b1); }
.catalog-subtitle { font-size: 17px; line-height: 1.5; margin: 4px 0 20px; }
.catalog-footnote { font-size: 13px; line-height: 1.55; margin: 12px 0 0; }
.catalog-delta { font-size: 12px; margin: 5px 0 0; }
.catalog-status { display: inline-flex; align-items: center; gap: 5px; width: fit-content; max-width: 100%; border: 1px solid var(--line,#2a3442); border-radius: 5px; padding: 5px 9px; font-size: 12px; font-weight: 600; line-height: 1.25; }
.catalog-status.is-met { background: #203826a6; color: var(--catalog-green); border-color: #3d68484d; }
.catalog-status.is-unmet { background: #3d232466; color: var(--catalog-red); border-color: #84444366; }
.catalog-status.is-neutral { color: #c4cfdb; background: #27313b66; }
.is-met-text { color: var(--catalog-green); }
.is-unmet-text { color: var(--catalog-red); }
.catalog-toolbar { display: flex; align-items: center; gap: 22px; padding: 14px 0; margin-bottom: 10px; min-height: 60px; }
.catalog-total { margin-left: auto; font: 600 21px 'Barlow Condensed',sans-serif; text-transform: uppercase; color: #b5c2d1; white-space: nowrap; }
.catalog-segmented { display: flex; padding: 3px; border: 1px solid #46515d; border-radius: 7px; background: #131c25; gap: 3px; }
.catalog-segmented button { border: 0; border-radius: 5px; background: transparent; color: #dfe5eb; padding: 9px 18px; min-height: 38px; font: 600 17px 'Barlow Condensed',sans-serif; cursor: pointer; }
.catalog-segmented button.is-selected { background: var(--accent,#ff851a); color: #101010; box-shadow: inset 0 1px 0 #ffffff33; }
.catalog-segmented button:disabled { opacity: .38; cursor: not-allowed; }
.catalog-toggle { display: flex; gap: 9px; align-items: center; color: var(--text,#f5f3ee); font-size: 15px; cursor: pointer; }
.catalog-toggle input { width: 32px; height: 18px; accent-color: var(--accent,#ff851a); cursor: pointer; }
.catalog-filter-select,.catalog-mobile-select { color: var(--text,#f5f3ee); background: #131c25; border: 1px solid #50606e; border-radius: 6px; padding: 10px 30px 10px 13px; font: 500 17px 'Barlow Condensed',sans-serif; min-height: 42px; max-width: 100%; }
.catalog-mobile-select { display: none; }
.catalog-side-options { display: flex; flex-direction: column; }
.catalog-side-option { position: relative; width: 100%; display: flex; gap: 13px; align-items: center; padding: 15px 10px; text-align: left; border: 0; border-bottom: 1px solid var(--line,#2a3442); background: transparent; color: #dbe1e8; border-radius: 0; cursor: pointer; font: 600 18px 'Barlow Condensed',sans-serif; }
.catalog-side-option .catalog-icon { width: 24px; height: 24px; }
.catalog-side-option.is-selected { border-radius: 6px; border: 1px solid #bf741c; background: linear-gradient(110deg,#5c351c99,#3d2b1f77); color: #fff7ef; }
.catalog-side-option[data-discipline]:not([data-discipline="all"])::before { content: ''; width: 4px; height: 27px; border-radius: 3px; position: absolute; left: -9px; background: var(--catalog-discipline); }
.catalog-outline-button { border-color: var(--accent,#ff851a)!important; background: transparent!important; color: var(--text,#f5f3ee)!important; }
.catalog-text-button { border: 0; padding: 8px 0; background: none; color: #b9c9d9; cursor: pointer; font: inherit; white-space: nowrap; }
.catalog-text-button:hover { color: var(--accent,#ff851a); }
.catalog-badge-layout { display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 18px; align-items: start; }
.catalog-badge-layout[hidden],.catalog-takeover-banner[hidden] { display: none!important; }
#badge-filters { display: block; background: linear-gradient(125deg,#151e27,#10171e); padding: 17px 17px 20px; border: 1px solid #3c4b58; border-radius: 8px; margin: 0; }
#badge-filters h3,#animation-filters h3 { font: 700 23px 'Barlow Condensed',sans-serif; text-transform: uppercase; margin: 0 0 14px; }
#badge-results { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; align-items: stretch; }
#badge-results .list-empty { grid-column: 1/-1; }
#badge-results .catalog-badge-card { display: grid; grid-template-columns: 86px minmax(0,1fr); gap: 10px; padding: 18px 15px 0; border: 1px solid #3d4c58; border-radius: 8px; background: linear-gradient(140deg,#18232a99,#0e161cf2); min-width: 0; overflow: hidden; }
.catalog-badge-art { display: flex; align-items: flex-start; justify-content: center; padding-top: 7px; }
.catalog-badge-art .badge-art-slot { width: 86px; height: 112px; display: flex; align-items: center; justify-content: center; }
.catalog-badge-art .badge-art-slot img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 5px 6px #0008); }
.catalog-badge-art .badge-art-fallback { font-size: 64px; color: var(--catalog-discipline); }
.catalog-badge-info { min-width: 0; }
.catalog-badge-info h3 { margin: 0 0 5px; font: 700 28px/.98 'Barlow Condensed',sans-serif; text-transform: uppercase; letter-spacing: -.2px; }
.catalog-discipline { display: flex; align-items: center; gap: 7px; margin: 0 0 12px; color: #b3c3d4; font: 600 16px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.catalog-discipline::before { content: ''; height: 17px; width: 5px; border-radius: 3px; background: var(--catalog-discipline); flex: 0 0 auto; }
.catalog-tier-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; margin: 10px 0 11px; }
.catalog-tier { display: flex; flex-direction: column; align-items: center; gap: 4px; font: 500 11px 'Barlow Condensed',sans-serif; text-transform: uppercase; opacity: .5; }
.catalog-tier .tier-art { width: 27px; height: 31px; object-fit: contain; }
.catalog-tier.is-eligible { opacity: 1; }
.catalog-tier.is-highest .tier-art { filter: drop-shadow(0 0 3px var(--accent,#ff851a)); outline: 1px solid #ee9c3d; outline-offset: 2px; border-radius: 3px; }
.catalog-card-requirement { color: #d6dfe8; font-size: 13px; line-height: 1.4; margin: 8px 0 4px; }
.catalog-card-action { grid-column: 1/-1; display: block; width: 100%; background: none; border: 0; border-top: 1px solid #40505d; padding: 11px 0 13px; margin-top: 8px; font: 600 17px 'Barlow Condensed',sans-serif; color: var(--accent,#ff851a); text-transform: uppercase; cursor: pointer; }
.catalog-card-action:hover { color: #ffb36a; background: #ff851a0a; }
.catalog-takeover-banner { width: 100%; display: flex; align-items: center; gap: 20px; margin: 22px 0 0; padding: 18px 22px; border: 1px solid #475764; border-radius: 8px; color: var(--text,#f5f3ee); background: linear-gradient(120deg,#1a242c,#111921); text-align: left; cursor: pointer; }
.catalog-takeover-banner .catalog-icon { color: var(--accent,#ff851a); width: 37px; height: 37px; }
.catalog-takeover-banner strong { font: italic 700 29px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.catalog-takeover-banner span { border-left: 1px solid #45515f; padding-left: 22px; color: var(--muted,#94a1b1); }
.catalog-takeover-banner b { margin-left: auto; font: 600 18px 'Barlow Condensed',sans-serif; color: var(--accent,#ff851a); text-transform: uppercase; }
#takeover-results { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
#panel-badges .takeover-section { margin-top: 18px; }
.catalog-takeover-card { border: 1px solid #4a5a66; border-top: 4px solid var(--catalog-discipline); border-radius: 9px; padding: 20px; background: linear-gradient(125deg,#19232b,#10191f); display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.catalog-takeover-card header { display: flex; align-items: center; gap: 15px; border-bottom: 1px solid var(--line,#2a3442); padding-bottom: 14px; }
.catalog-takeover-card header .catalog-icon { width: 48px; height: 48px; color: var(--catalog-discipline); }
.catalog-takeover-card h3 { font: italic 700 32px/1.04 'Barlow Condensed',sans-serif; text-transform: uppercase; margin: 0 0 5px; }
.catalog-takeover-card .catalog-discipline { margin: 0; }
.catalog-takeover-card .catalog-status { width: 100%; display: block; padding: 10px 12px; text-transform: uppercase; font: 600 17px 'Barlow Condensed',sans-serif; }
.catalog-takeover-card .button { width: 100%; margin-top: auto; }
.catalog-takeover-card .catalog-footnote { margin: 0; font-size: 12px; }
.takeover-requirements { width: 100%; border-collapse: collapse; }
.takeover-requirements th { font: 500 13px 'Barlow Condensed',sans-serif; color: #b4c5d5; text-transform: uppercase; padding: 8px 5px; background: #24323e66; }
.takeover-requirements td { padding: 9px 5px; border-bottom: 1px solid #34434e; font-size: 15px; }
.takeover-requirements :is(td,th):not(:first-child) { text-align: center; }
.catalog-dialog { color: var(--text,#f5f3ee); background: var(--bg,#0b0e13); border: 1px solid #44525e; border-radius: 13px; width: min(1500px,96vw); max-width: none; max-height: 92dvh; padding: 25px 28px 28px; box-shadow: 0 28px 100px #000b; overflow-y: auto; overscroll-behavior: contain; }
.catalog-dialog::backdrop { background: #03070ce8; backdrop-filter: blur(6px); }
.catalog-dialog-heading { display: flex; align-items: center; gap: 20px; justify-content: space-between; margin-bottom: 24px; }
.catalog-dialog-heading h2 { font: italic 800 clamp(34px,4vw,55px)/1.05 'Barlow Condensed',sans-serif; text-transform: uppercase; margin: 7px 0 0; letter-spacing: -.5px; }
.catalog-dialog-heading .eyebrow { margin: 0; color: #9aabbc; font-size: 12px; }
.catalog-dialog-close { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #55616e; border-radius: 6px; background: #18222d; color: #fff; font: 300 30px/1 sans-serif; cursor: pointer; flex-shrink: 0; }
.catalog-dialog-body { min-width: 0; }
.catalog-dialog :is(h3,h4) { font-family: 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.catalog-dialog .button { min-height: 44px; border: 1px solid #62707e; border-radius: 6px; padding: 10px 16px; background: linear-gradient(130deg,#1c2832,#111a23); font: 700 19px/1.1 'Barlow Condensed',sans-serif; color: var(--text,#f5f3ee); cursor: pointer; text-transform: uppercase; }
.catalog-dialog .button-primary { border-color: #ff9b36; background: var(--accent,#ff851a); color: #100b07; }
.catalog-dialog .button:disabled { opacity: .4; cursor: not-allowed; }
.catalog-badge-detail { display: grid; grid-template-columns: minmax(180px,.65fr) minmax(420px,1.75fr) minmax(235px,.8fr); gap: 17px; align-items: start; }
.catalog-detail-identity,.catalog-detail-main,.catalog-detail-loadout { padding: 22px; border: 1px solid #465763; border-radius: 8px; background: linear-gradient(130deg,#18232b,#0f171e); min-width: 0; }
.catalog-detail-identity .badge-art-slot { width: 100%; height: 280px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
.catalog-detail-identity .badge-art-slot img { height: 100%; max-width: 100%; object-fit: contain; filter: drop-shadow(0 10px 8px #0009); }
.catalog-detail-identity .badge-art-fallback { font-size: 130px; color: var(--catalog-discipline); }
.catalog-detail-identity .catalog-discipline { background: color-mix(in srgb,var(--catalog-discipline) 12%,transparent); padding: 9px; border: 1px solid color-mix(in srgb,var(--catalog-discipline) 36%,transparent); border-radius: 5px; font-size: 25px; font-style: italic; }
.catalog-detail-identity .native-badge-label { display: none; }
.catalog-detail-identity .native-badge-primary { font-size: 17px; line-height: 1.5; color: #e1e7ee; }
.catalog-detail-identity .native-badge-alternate { font-size: 12px; color: var(--muted,#94a1b1); }
.catalog-section-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; }
.catalog-section-heading h3,.catalog-detail-loadout h3 { font: italic 700 31px/1 'Barlow Condensed',sans-serif; margin: 0 0 8px; }
.catalog-detail-main .catalog-segmented button { padding: 7px 10px; font-size: 15px; }
.catalog-requirement-table { width: 100%; border-collapse: collapse; margin-top: 25px; }
.catalog-requirement-table th { text-align: left; }
.catalog-requirement-table thead th { padding: 12px 8px; background: #25323c; font: 500 14px 'Barlow Condensed',sans-serif; color: #b8c7d8; text-transform: uppercase; }
.catalog-requirement-table tbody :is(th,td) { padding: 19px 7px; border-bottom: 1px solid #41505b; font-size: 14px; vertical-align: middle; }
.catalog-requirement-table tbody tr.is-selected { background: #ff851a08; box-shadow: inset 3px 0 var(--accent,#ff851a); }
.catalog-requirement-table .catalog-rating-number { font: 700 24px 'Barlow Condensed',sans-serif; text-align: center; }
.catalog-tier-choice { display: flex; align-items: center; gap: 9px; padding: 0; background: none; border: 0; color: var(--text,#f5f3ee); font: 700 18px 'Barlow Condensed',sans-serif; text-transform: uppercase; text-align: left; cursor: pointer; }
.catalog-tier-choice .tier-art { width: 32px; height: 38px; object-fit: contain; }
.catalog-detail-facts { margin: 15px 0 23px; padding: 16px; border: 1px solid var(--line,#2a3442); border-radius: 7px; }
.catalog-detail-facts dt { color: #a8b7c7; font: 500 15px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.catalog-detail-facts dd { margin: 3px 0 16px; padding-bottom: 16px; border-bottom: 1px solid #3d4b56; font: 700 27px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.catalog-detail-facts dd:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; color: #9ba8b8; }
.catalog-detail-loadout > .button { width: 100%; margin-top: 12px; }
.catalog-animation-layout { display: grid; grid-template-columns: 185px minmax(0,1fr); gap: 18px; align-items: start; }
#animation-filters { display: block; padding: 18px 12px; border: 1px solid #40515e; border-radius: 8px; background: linear-gradient(110deg,#17222a,#111a21); margin: 0; max-height: 740px; overflow-y: auto; }
#animation-filters .catalog-side-option { font-size: 16px; text-transform: uppercase; }
#animation-results.catalog-animation-results { display: grid; grid-template-columns: minmax(0,1fr) 270px; gap: 16px; align-items: start; min-width: 0; }
.catalog-animation-main { min-width: 0; }
.catalog-current-frame { color: #b7c9d9; padding: 12px 15px; border: 1px solid #3e4d5a; border-radius: 7px; background: #18232d88; font: 500 17px 'Barlow Condensed',sans-serif; margin: 0 0 13px; }
.catalog-animation-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #465664; border-radius: 8px; overflow: hidden; background: #111a21; }
.catalog-animation-table thead th { padding: 15px 9px; text-align: left; background: #21303b; color: #c1d0df; font: 500 14px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.catalog-animation-table tr.catalog-animation-row { display: table-row; border: 0; background: transparent; padding: 0; }
.catalog-animation-table tr.catalog-animation-row > td { border-bottom: 1px solid #374651; padding: 13px 9px; vertical-align: middle; font-size: 13px; }
.catalog-animation-table tr.catalog-animation-row:last-child > td { border-bottom: 0; }
.catalog-animation-table tr.catalog-animation-row.is-selected { background: linear-gradient(90deg,#51301a80,#30211666); outline: 1px solid var(--accent,#ff851a); outline-offset: -2px; }
.catalog-animation-open { display: flex; gap: 10px; align-items: center; border: 0; background: none; color: var(--text,#f5f3ee); padding: 0; text-align: left; cursor: pointer; width: 100%; }
.catalog-animation-open .catalog-icon { width: 29px; height: 35px; }
.catalog-animation-open strong { font: italic 700 20px/1.05 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.catalog-animation-table .animation-category { color: #b6c4d4; font-size: 12px; }
.catalog-animation-table .animation-height { white-space: nowrap; }
.catalog-animation-table .animation-requirements { display: table-cell; }
.catalog-animation-table .animation-requirements span { display: block; font-size: 12px; margin: 3px 0; }
.catalog-animation-table .animation-requirements small { display: block; color: #778c9d; font-size: 10px; }
.catalog-animation-table .catalog-status { padding: 4px 6px; font: 600 12px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.catalog-mobile-requirement-link { display: none; }
.catalog-animation-detail { border: 1px solid #465664; border-radius: 8px; padding: 20px 17px; background: linear-gradient(125deg,#1a252e,#10191f); min-width: 0; position: sticky; top: 90px; }
.catalog-animation-detail h3 { font: italic 700 28px/.98 'Barlow Condensed',sans-serif; margin: 0 0 19px; text-transform: uppercase; }
.catalog-animation-detail header { display: flex; align-items: center; gap: 13px; padding: 18px 0; border-top: 1px solid #40505e; border-bottom: 1px solid #40505e; }
.catalog-animation-detail header .catalog-icon { width: 36px; height: 40px; }
.catalog-animation-detail h4 { font: 700 24px 'Barlow Condensed',sans-serif; text-transform: uppercase; margin: 0 0 6px; }
.catalog-animation-detail header p { font-size: 12px; margin: 0; color: #adbdcc; }
.animation-detail-stat { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 18px 0; border-bottom: 1px solid #3c4b58; }
.animation-detail-stat > div { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 5px 10px; }
.animation-detail-stat .meta-label { grid-column: 1/-1; }
.animation-detail-stat strong { font: 700 27px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.animation-detail-stat small { font-size: 11px; color: #a9bacb; }
.animation-detail-stat .catalog-status { font-size: 10px; padding: 4px; }
.catalog-animation-detail > .button { width: 100%; margin-top: 24px; }
.catalog-list-footer { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 16px 0 5px; color: #b2c2d3; font: 500 17px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
#library-results { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
#panel-library .library-toolbar { display: flex; gap: 22px; align-items: center; flex-wrap: wrap; margin: 4px 0 14px; }
#panel-library #library-modes { display: flex; flex-wrap: nowrap; border: 1px solid #465764; border-radius: 7px; padding: 2px; background: #17212a; gap: 0; }
#panel-library #library-modes .filter-chip { font: 700 19px 'Barlow Condensed',sans-serif; min-height: 43px; padding: 10px 24px; border-color: transparent; }
#panel-library #library-modes .filter-chip.is-selected { background: var(--accent,#ff851a); color: #101010; }
#panel-library #library-categories { display: flex; gap: 7px; }
#panel-library #library-categories .filter-chip { padding: 8px 13px; min-width: 38px; font: 600 17px 'Barlow Condensed',sans-serif; }
#library-context { font-size: 13px; line-height: 1.5; padding: 10px 14px; border-left: 2px solid var(--accent,#ff851a); color: #b6c8d8; background: #17222d88; margin: 0 0 18px; }
#library-compare-state { margin-left: auto; color: #aebed0; font: 600 16px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
#library-results .catalog-preset-card { display: grid; grid-template-columns: 125px minmax(0,1fr); gap: 10px 15px; min-width: 0; padding: 16px; background: linear-gradient(125deg,#19232b,#10191f); border: 1px solid #4a5a66; border-radius: 9px; overflow: hidden; position: relative; }
#library-results .catalog-preset-card.is-selected { border-color: var(--accent,#ff851a); box-shadow: inset 0 0 0 1px var(--accent,#ff851a); }
.catalog-preset-art { min-width: 0; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; background-color: #0c141a; border-radius: 5px; }
.court-lines { background-image: radial-gradient(ellipse at 50% 25%,transparent 45%,#41515a50 45.3%,#41515a50 45.8%,transparent 46%),linear-gradient(90deg,transparent 49.7%,#41515a33 49.8%,#41515a33 50.2%,transparent 50.3%); }
.catalog-preset-art img { width: 100%; height: 100%; object-fit: contain; position: relative; z-index: 1; }
.catalog-preset-art.is-jersey { grid-row: 1 / span 2; min-height: 220px; }
.catalog-preset-art.is-portrait { height: 134px; border: 1px solid #394c5b; }
.catalog-preset-art.is-portrait img { object-fit: cover; object-position: top; }
.catalog-jersey-position { position: absolute; top: 31%; left: 0; right: 0; text-align: center; font: italic 800 52px 'Barlow Condensed',sans-serif; z-index: 2; text-shadow: 1px 3px 4px #000; transform: rotate(-1deg); color: #f5f3ee; }
.catalog-preset-info h3 { font: italic 700 29px/1.02 'Barlow Condensed',sans-serif; text-transform: uppercase; margin: 2px 0 10px; letter-spacing: -.2px; }
.catalog-preset-mode { display: inline-block; font: 600 14px 'Barlow Condensed',sans-serif; text-transform: uppercase; border: 1px solid #ba752c; background: #3f2b1955; color: #ffae5d; border-radius: 4px; padding: 4px 8px; margin: 0 0 8px; }
.catalog-preset-frame { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; border: 1px solid #465866; border-radius: 7px; padding: 16px; margin: 0 0 18px; background: #1d2b3455; }
.catalog-preset-frame > div { border-right: 1px solid #46535f; }
.catalog-preset-frame > div:last-child { border: 0; }
.catalog-preset-frame dt { text-transform: uppercase; color: #a0b1c1; font: 500 13px 'Barlow Condensed',sans-serif; }
.catalog-preset-frame dd { font: 700 29px 'Barlow Condensed',sans-serif; margin: 3px 0 0; }
.catalog-preset-frame.is-compact { grid-template-columns: 1fr; gap: 0; margin: 4px 0 0; background: transparent; border: 0; padding: 0; }
.catalog-preset-frame.is-compact > div { display: flex; align-items: baseline; gap: 12px; justify-content: space-between; border: 0; border-bottom: 1px solid #3f4e59; padding: 4px 0; }
.catalog-preset-frame.is-compact > div:first-child { display: none; }
.catalog-preset-frame.is-compact dt { font-size: 13px; }
.catalog-preset-frame.is-compact dd { font: 600 20px 'Barlow Condensed',sans-serif; margin: 0; }
.catalog-preset-source { margin: 0; font-size: 12px; font-style: italic; color: #9eb3c6; align-self: end; }
.catalog-preset-card .preset-actions { display: flex; gap: 10px; align-items: center; grid-column: 1/-1; border-top: 1px solid #43515c; margin: 3px 0 0; padding: 13px 0 0; }
.catalog-preset-card .preset-actions .button { flex: 1; padding: 9px 12px; min-height: 39px; font: 700 16px 'Barlow Condensed',sans-serif; text-transform: uppercase; white-space: nowrap; }
.compare-check { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; white-space: nowrap; color: #dbe3ea; font: 600 16px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.compare-check input { width: 20px; height: 20px; accent-color: var(--accent,#ff851a); cursor: pointer; }
.compare-check input:disabled { cursor: not-allowed; opacity: .35; }
.catalog-preset-preview { grid-column: 1/-1; width: 100%; border-collapse: collapse; }
.catalog-preset-preview th { color: #a9bacb; font: 500 12px 'Barlow Condensed',sans-serif; text-transform: uppercase; text-align: right; background: #25343f88; padding: 6px 5px; }
.catalog-preset-preview th:first-child { text-align: left; }
.catalog-preset-preview td { border-bottom: 1px solid #3a4b58; padding: 6px; font-size: 14px; text-align: right; }
.catalog-preset-preview td:first-child { text-align: left; border-left: 3px solid var(--catalog-discipline); }
.catalog-preset-preview .catalog-recommended-count { color: #ffa94e; font-weight: 600; }
.catalog-preset-plan { grid-column: 1/-1; font: 600 17px 'Barlow Condensed',sans-serif; text-transform: uppercase; padding: 10px 12px; border: 1px solid #485b69; border-radius: 6px; background: #26364155; margin: 0; }
.catalog-preset-card.is-goated .catalog-preset-frame.is-compact { grid-template-columns: repeat(4,1fr); gap: 6px; }
.catalog-preset-card.is-goated .catalog-preset-frame.is-compact > div { display: block; border: 0; padding: 0; }
.catalog-preset-card.is-goated .catalog-preset-frame.is-compact dt { display: none; }
.catalog-preset-card.is-goated .catalog-preset-frame.is-compact dd { font-size: 17px; white-space: nowrap; }
#library-comparison { margin-top: 25px; padding: 0; background: none; border: 0; }
.catalog-compare-dock { display: flex; align-items: center; gap: 20px; padding: 18px 20px; border: 1px solid #455966; border-radius: 8px; background: linear-gradient(115deg,#1b2832,#10191f); box-shadow: 0 7px 30px #0005; }
.catalog-compare-dock-title { display: flex; align-items: center; gap: 13px; }
.catalog-compare-dock-title strong { font: 700 24px 'Barlow Condensed',sans-serif; text-transform: uppercase; white-space: nowrap; }
.catalog-compare-dock-title > span { font: 500 18px 'Barlow Condensed',sans-serif; text-transform: uppercase; color: #aebed0; border-left: 1px solid #4a5964; padding-left: 17px; white-space: nowrap; }
.catalog-compare-chips { display: flex; flex-wrap: wrap; gap: 8px; flex: 1; }
.catalog-compare-chip { display: flex; gap: 9px; align-items: center; padding: 7px 9px 7px 12px; border: 1px solid #5b6a76; border-radius: 20px; background: #1f2d37; font: 500 15px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.catalog-remove { color: #cbd5df; background: none; border: 0; font: 300 24px/1 sans-serif; padding: 0 3px; cursor: pointer; }
.catalog-compare-dock > .button { white-space: nowrap; }
.catalog-preset-detail-actions { display: flex; align-items: center; gap: 24px; margin-bottom: 20px; }
.catalog-preset-detail-actions .catalog-subtitle { flex: 1; margin: 0; }
.catalog-preset-detail { display: grid; grid-template-columns: minmax(230px,.8fr) minmax(0,2fr); align-items: start; gap: 20px; }
.catalog-preset-identity { min-width: 0; align-self: start; border: 1px solid #42545f; border-radius: 8px; background: #12202a; overflow: hidden; }
.catalog-preset-identity-head { display: flex; align-items: center; gap: 14px; padding: 19px 17px; }
.catalog-preset-position-badge { display: grid; place-items: center; min-width: 61px; min-height: 57px; padding: 4px 10px; border: 1px solid #c27a39; border-radius: 6px; background: #ff851a15; color: #ff9b3d; font: italic 800 37px/1 'Barlow Condensed',sans-serif; }
.catalog-preset-identity-head small { display: block; margin-bottom: 4px; color: #8fa8ba; font: 600 11px 'Barlow',sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.catalog-preset-identity-head strong { display: block; color: #edf1f3; font: 600 23px/1.15 'Barlow Condensed',sans-serif; }
.catalog-preset-detail .catalog-preset-art { border: 0; border-top: 1px solid #3a4d5b; border-radius: 0; min-height: 0; height: clamp(280px,30vw,410px); grid-row: auto; align-self: start; }
.catalog-preset-detail .catalog-preset-art.is-jersey img { padding: 28px 24px; }
.catalog-preset-detail .catalog-preset-art.is-portrait img { object-position: top; }
.catalog-preset-detail-main { min-width: 0; }
.catalog-preset-attributes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.catalog-preset-attribute-group { padding: 15px; border: 1px solid #425762; border-radius: 7px; background: linear-gradient(110deg,#1b2931,#101a21); }
.catalog-preset-attribute-group h3 { padding-left: 11px; border-left: 5px solid var(--catalog-discipline); font: italic 700 25px 'Barlow Condensed',sans-serif; margin: 0 0 11px; }
.catalog-preset-attribute { display: grid; grid-template-columns: minmax(88px,1fr) minmax(65px,1fr) 24px; align-items: center; gap: 10px; margin: 9px 0; font-size: 13px; }
.catalog-preset-attribute strong { font: 600 18px 'Barlow Condensed',sans-serif; text-align: right; }
.catalog-mini-track { height: 8px; background: #37444e; border-radius: 5px; display: block; overflow: hidden; }
.catalog-mini-track > span { display: block; height: 100%; border-radius: 5px; background: var(--catalog-discipline); }
.catalog-preset-source-details { padding: 17px; border: 1px solid #405361; border-radius: 7px; margin: 16px 0 0; background: #17232c; }
.catalog-preset-source-details summary { font: 600 18px 'Barlow Condensed',sans-serif; text-transform: uppercase; cursor: pointer; }
.catalog-preset-vector-note { margin: 13px 0; font: 400 13px/1.55 'Barlow',sans-serif; color: #a8becf; }
.catalog-preset-vector-scroll { max-height: 360px; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; border: 1px solid #344d5e; border-radius: 6px; background: #0e1b24; }
.catalog-preset-vector-table { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; font: 400 13px/1.4 'Barlow',sans-serif; }
.catalog-preset-vector-table caption { padding: 12px; text-align: left; color: #8fa9bd; font-size: 12px; }
.catalog-preset-vector-table thead th { position: sticky; top: 0; z-index: 1; padding: 10px 12px; background: #223642; box-shadow: 0 1px 0 #4a6374; color: #d8e6ee; font-weight: 600; text-align: right; vertical-align: top; }
.catalog-preset-vector-table thead th:first-child { width: 42%; text-align: left; }
.catalog-preset-vector-table thead th small { display: block; margin-top: 3px; color: #90aabd; font: 400 11px ui-monospace,SFMono-Regular,Consolas,monospace; }
.catalog-preset-vector-table tbody :is(th,td) { padding: 10px 12px; border-bottom: 1px solid #293e4c; overflow-wrap: anywhere; }
.catalog-preset-vector-table tbody th { text-align: left; color: #bdcfdc; font-weight: 500; }
.catalog-preset-vector-table tbody td { text-align: right; color: #eff2f4; font-weight: 600; font-variant-numeric: tabular-nums; }
.catalog-preset-vector-table tbody tr:nth-child(even) { background: #1c2e3a55; }
.catalog-preset-vector-table tbody tr:last-child :is(th,td) { border-bottom: 0; }
.catalog-raw { margin: 14px 0 0; padding: 14px; border: 1px solid #3a4c5a; border-radius: 5px; background: #0b141c; color: #b0c6d8; font: 12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-x: auto; max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; }
.catalog-comparison-toolbar { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-bottom: 20px; }
.catalog-comparison-toolbar > p { flex: 1; margin: 0; min-width: 230px; }
.catalog-comparison-peers { display: none; }
.catalog-comparison-table { display: block; width: 100%; border: 1px solid #4a5e6c; border-radius: 8px; overflow: hidden; background: #131e26; }
.catalog-comparison-table :is(thead,tbody,tfoot) { display: block; }
.catalog-comparison-table tr { display: grid; grid-template-columns: minmax(180px,1fr) repeat(var(--compare-count),minmax(0,1fr)); }
.catalog-comparison-table :is(th,td) { min-width: 0; border-right: 1px solid #3e505e; border-bottom: 1px solid #3e505e; padding: 8px 14px; text-align: center; font: 600 20px 'Barlow Condensed',sans-serif; }
.catalog-comparison-table tr > :first-child { text-align: left; }
.catalog-comparison-table tr > :last-child { border-right: 0; }
.catalog-comparison-table thead th { position: relative; min-height: 125px; padding: 15px; }
.catalog-comparison-table thead th h3 { font: 700 24px/1.1 'Barlow Condensed',sans-serif; text-transform: uppercase; margin: 3px 0 10px; }
.catalog-comparison-table thead th > p { font: 400 14px/1.4 'Barlow',sans-serif; color: #a7bacb; }
.catalog-comparison-table thead th[data-build] { padding-left: 105px; text-align: left; }
.catalog-comparison-table thead .catalog-preset-art { position: absolute; width: 85px; height: 108px; min-height: 0; top: 8px; left: 8px; }
.catalog-comparison-table .catalog-jersey-position { font-size: 34px; }
.catalog-comparison-table thead .catalog-remove { position: absolute; right: 4px; top: 3px; }
.catalog-comparison-table .catalog-preset-mode { font-size: 10px; padding: 3px 5px; }
.catalog-comparison-table .catalog-compare-section { display: block; background: color-mix(in srgb,var(--catalog-discipline) 13%,#192730); }
.catalog-comparison-table .catalog-compare-section th { display: block; border-left: 5px solid var(--catalog-discipline); padding: 6px 13px; text-transform: uppercase; font-size: 22px; }
.catalog-comparison-table td.is-best { background: #1c472b66; color: #a1e592; }
.catalog-comparison-table tfoot .button { width: 100%; font-size: 17px; padding: 10px; }
.catalog-comparison-table.is-summary tbody :is(th,td) { padding-top: 5px; padding-bottom: 5px; line-height: 1.1; }
#panel-evidence .explorer-header { margin: 0 0 14px; padding: 0 0 12px; }
#panel-evidence .explorer-header .eyebrow { display: none; }
/* Build observations: an overview, then the source behind each finding. */
#panel-patch-notes .catalog-patch-heading { margin: 0 0 26px; padding: 0 0 0 18px; border-left: 4px solid var(--accent,#ff851a); }
#panel-patch-notes .catalog-patch-heading .eyebrow { display: block; margin: 0 0 6px; color: #ffa249; font: 600 13px 'Barlow',sans-serif; letter-spacing: .14em; }
#panel-patch-notes .catalog-patch-heading h2 { margin: 0; font-size: clamp(42px,4.2vw,62px); line-height: 1; }
#panel-patch-notes .catalog-patch-heading p:not(.eyebrow) { max-width: 710px; margin: 11px 0 0; font-size: 17px; line-height: 1.5; color: #b0beca; }
#patch-build-meta { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 0 0 28px; }
.catalog-patch-builds { grid-column: 1/-1; display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 21px 25px; border: 1px solid #3a4b57; border-radius: 10px; background: linear-gradient(110deg,#1c2b36,#121d25); }
.catalog-patch-build-pair { display: flex; align-items: center; gap: 29px; min-width: 0; }
.catalog-patch-build { display: grid; gap: 4px; min-width: 0; }
.catalog-patch-build > span,.catalog-patch-build-context > span { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #9eafbe; }
.catalog-patch-build strong { font: 700 32px/1.1 'Barlow Condensed',sans-serif; letter-spacing: .03em; font-variant-numeric: tabular-nums; }
.catalog-patch-build:last-child strong { color: #ff9d40; }
.catalog-patch-build-arrow { color: #ff9d40; font-size: 27px; }
.catalog-patch-build-context { display: grid; gap: 5px; text-align: right; }
.catalog-patch-build-context time { color: #e4e9ed; font-size: 14px; }
.catalog-patch-build-context small { color: #9eafbe; font-size: 12px; line-height: 1.45; }
.catalog-patch-stat { display: grid; grid-template-columns: minmax(0,1fr) 28px; align-content: start; gap: 6px 10px; padding: 18px 20px; min-width: 0; border: 1px solid #344854; border-radius: 10px; background: linear-gradient(135deg,#17242d,#111b22); }
.catalog-patch-stat > .catalog-icon { grid-column: 2; grid-row: 1/3; width: 25px; height: 25px; color: #8ea5b7; align-self: start; }
.catalog-patch-stat > span { grid-column: 1; grid-row: 1; color: #b5c4cf; font: 600 13px/1.35 'Barlow',sans-serif; }
.catalog-patch-stat strong { grid-column: 1; grid-row: 2; color: #f5f3ee; font: 700 45px/1.05 'Barlow Condensed',sans-serif; font-variant-numeric: tabular-nums; }
.catalog-patch-stat small { grid-column: 1/-1; color: #93a7b8; font-size: 12px; line-height: 1.4; }
.catalog-patch-stat.is-changed { border-top-color: #b76b30; }
.catalog-patch-stat.is-changed :is(strong,.catalog-icon),.catalog-patch-stat.is-impact .catalog-icon { color: #ff9d40; }
.catalog-patch-stat.is-impact strong { font-size: 31px; line-height: 1.52; }
#patch-notes-list { display: block; }
.catalog-patch-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin: 0 0 20px; }
.catalog-patch-filters .filter-chip { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px 16px; font: 600 14px/1.2 'Barlow',sans-serif; }
.catalog-patch-filters .filter-chip b { display: grid; place-items: center; min-width: 24px; height: 23px; padding: 0 6px; border-radius: 4px; background: #ffffff0d; font-size: 12px; }
.catalog-patch-filters .filter-chip.is-selected b { background: #2a180f26; }
.catalog-patch-layout { display: grid; grid-template-columns: 300px minmax(0,1fr); align-items: start; gap: 22px; }
.catalog-patch-list { min-width: 0; padding: 17px 13px 13px; border: 1px solid #344854; border-radius: 10px; background: #101b23; }
.catalog-patch-list-heading { display: flex; align-items: center; justify-content: space-between; margin: 0 5px 14px; }
.catalog-patch-list-heading h3 { margin: 0; font: italic 700 27px/1.1 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.catalog-patch-list-heading > span { color: #a1b2c0; font-size: 13px; font-variant-numeric: tabular-nums; }
.catalog-patch-choice { display: grid; grid-template-columns: 24px minmax(0,1fr) 13px; width: 100%; align-items: start; gap: 10px; padding: 14px 12px; margin-top: 8px; text-align: left; border: 1px solid #30424f; border-radius: 7px; background: #17242e; color: #e9edf1; cursor: pointer; transition: border-color .15s,background .15s; }
.catalog-patch-choice:hover { border-color: #7e684f; background: #20303b; }
.catalog-patch-choice-number { color: #7f98ac; font: 600 18px/1 'Barlow Condensed',sans-serif; padding-top: 2px; }
.catalog-patch-choice-copy { min-width: 0; }
.catalog-patch-choice-copy small { display: block; margin-bottom: 5px; color: #9eb2c1; font: 500 11px/1.25 'Barlow',sans-serif; letter-spacing: .03em; }
.catalog-patch-choice-copy strong { display: block; font: 600 14px/1.4 'Barlow',sans-serif; overflow-wrap: anywhere; }
.catalog-patch-choice > b { color: #7e95a6; font: 400 19px/1 'Barlow',sans-serif; }
.catalog-patch-choice.is-selected { border-color: #b16b35; box-shadow: inset 3px 0 #ff851a; background: linear-gradient(100deg,#463123,#241f1a); }
.catalog-patch-choice.is-selected :is(.catalog-patch-choice-number,small,b) { color: #ffab65; }
.catalog-patch-mobile-picker { display: none; }
.catalog-patch-detail { min-width: 0; padding: 28px; border: 1px solid #3a4e5b; border-radius: 10px; background: linear-gradient(130deg,#17252f,#101b23); }
.catalog-patch-detail-head { padding-bottom: 22px; border-bottom: 1px solid #354957; }
.catalog-patch-detail-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.catalog-patch-detail-meta > span:last-child { color: #96aaba; font-size: 12px; font-variant-numeric: tabular-nums; }
.catalog-patch-detail-meta .catalog-status { padding: 5px 9px; background: #233744; color: #c2d2de; border-color: #405d70; }
.catalog-patch-detail-head h3 { margin: 0; font: italic 700 clamp(30px,2.8vw,40px)/1.08 'Barlow Condensed',sans-serif; text-transform: uppercase; overflow-wrap: anywhere; }
.catalog-patch-detail-head h3:focus { outline: none; }
.catalog-patch-detail-date { margin: 14px 0 0; color: #8fa7b9; font-size: 12px; line-height: 1.6; }
.catalog-patch-observation { padding: 24px 0 21px; }
.catalog-patch-detail :is(.catalog-patch-observation,.catalog-patch-interpretation) h4 { margin: 0 0 10px; font: 700 14px 'Barlow',sans-serif; color: #dce5ec; }
.catalog-patch-observation > p { margin: 0; color: #f0f2f3; font: 400 18px/1.6 'Barlow',sans-serif; }
.catalog-patch-interpretation { padding: 19px 20px; border-left: 3px solid #688597; border-radius: 0 7px 7px 0; background: #23343f88; }
.catalog-patch-interpretation > p { margin: 0; color: #b8c9d6; font: 400 15px/1.65 'Barlow',sans-serif; }
.catalog-patch-assessment { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 18px 0 26px; }
.catalog-patch-assessment-card { padding: 16px; border: 1px solid #3b5261; border-radius: 7px; background: #13212b; }
.catalog-patch-assessment-card > div { display: flex; align-items: center; gap: 9px; }
.catalog-patch-assessment-card .catalog-icon { width: 20px; height: 20px; color: #a8c3d7; }
.catalog-patch-assessment-card h4 { margin: 0; font: 600 13px 'Barlow',sans-serif; color: #b2c6d5; }
.catalog-patch-assessment-card p { margin: 10px 0 0; font: 500 14px/1.5 'Barlow',sans-serif; color: #e2e9ee; }
.catalog-patch-assessment-card.is-impact { background: #30261e88; border-color: #735030; }
.catalog-patch-assessment-card.is-impact :is(.catalog-icon,h4) { color: #edb679; }
.catalog-patch-evidence { min-width: 0; padding: 20px; border: 1px solid #3d5261; border-radius: 8px; background: #0e1a23; }
.catalog-patch-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0 0 15px; }
.catalog-patch-section-head h4 { margin: 0; font: 700 24px/1.1 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.catalog-patch-section-head > span { color: #93aabd; font-size: 12px; }
.catalog-patch-evidence-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.catalog-patch-evidence-table thead th { padding: 11px 8px; border-bottom: 1px solid #435c6d; color: #92a9bb; text-align: right; font: 600 12px/1.4 'Barlow',sans-serif; }
.catalog-patch-evidence-table thead th:first-child { text-align: left; width: 37%; padding-left: 0; }
.catalog-patch-evidence-table tbody :is(th,td) { padding: 14px 8px; border-bottom: 1px solid #293e4b; font: 500 13px/1.45 'Barlow',sans-serif; overflow-wrap: anywhere; }
.catalog-patch-evidence-table tbody th { text-align: left; padding-left: 0; color: #d8e3eb; }
.catalog-patch-evidence-table tbody td { color: #b9cbd9; font-variant-numeric: tabular-nums; text-align: right; }
.catalog-patch-evidence-table tbody td:last-child { color: #f3b476; }
.catalog-patch-evidence-table tr[hidden] { display: none; }
.catalog-patch-evidence .catalog-footnote { color: #92aabc; font-size: 12px; margin-top: 14px; }
.catalog-patch-expand { display: block; width: 100%; min-height: 42px; padding: 12px 0 3px; border: 0; background: none; color: #ffac64; text-align: left; font: 600 13px/1.4 'Barlow',sans-serif; cursor: pointer; }
.catalog-patch-expand:hover { color: #ffd2ac; }
.catalog-patch-raw-evidence { margin-top: 18px; padding-top: 15px; border-top: 1px solid #314858; }
.catalog-patch-raw-evidence > summary,.catalog-patch-counts > summary { min-height: 27px; color: #c3d3df; font: 600 14px/1.5 'Barlow',sans-serif; cursor: pointer; }
.catalog-patch-raw-evidence .catalog-raw { max-height: 360px; overflow: auto; overscroll-behavior: contain; font-size: 12px; }
.catalog-patch-counts { padding: 17px 20px; border: 1px solid #354b5a; border-radius: 8px; background: #14232d; margin-top: 14px; }
.catalog-patch-counts dl { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 0 20px; margin: 15px 0 0; font-size: 13px; line-height: 1.45; }
.catalog-patch-counts :is(dt,dd) { padding: 10px 0; border-top: 1px solid #304654; }
.catalog-patch-counts dt { color: #b7c9d6; }
.catalog-patch-counts dd { margin: 0; text-align: right; color: #f2f5f7; font-variant-numeric: tabular-nums; font-weight: 600; }
.catalog-patch-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 1100px) {
  .catalog-patch-layout { grid-template-columns: 250px minmax(0,1fr); gap: 17px; }
  .catalog-patch-detail { padding: 22px; }
  .catalog-patch-stat { padding: 17px; }
  .catalog-patch-stat.is-impact strong { font-size: 28px; line-height: 1.7; }
  .catalog-patch-evidence { padding: 16px; }
  .catalog-patch-evidence-table thead th:first-child { width: 31%; }
  .catalog-patch-evidence-table tbody :is(th,td) { font-size: 12px; padding-right: 5px; }
}
@media (max-width: 900px) {
  .catalog-patch-layout { display: block; }
  .catalog-patch-list { padding: 18px; margin-bottom: 18px; }
  .catalog-patch-list-heading { margin: 0 0 14px; }
  .catalog-patch-choice { display: none; }
  .catalog-patch-mobile-picker { display: block; }
  .catalog-patch-mobile-picker > label { display: block; font-size: 12px; font-weight: 600; color: #a5b9c8; margin-bottom: 7px; }
  .catalog-patch-mobile-picker .catalog-mobile-select { display: block; width: 100%; height: 48px; font: 500 16px 'Barlow',sans-serif; text-overflow: ellipsis; }
  .catalog-patch-pager { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 12px; }
  .catalog-patch-pager .button { min-width: 102px; min-height: 42px; padding: 9px 13px; font: 600 14px 'Barlow',sans-serif; }
  .catalog-patch-pager > span { color: #a4b8c8; font-size: 13px; font-variant-numeric: tabular-nums; }
  .catalog-patch-builds { padding: 20px; gap: 20px; }
  .catalog-patch-build-pair { gap: 20px; }
  .catalog-patch-build strong { font-size: 29px; }
  .catalog-patch-stat { grid-template-columns: minmax(0,1fr); padding: 15px; }
  .catalog-patch-stat > .catalog-icon { display: none; }
  .catalog-patch-stat.is-impact strong { font-size: 27px; line-height: 1.75; }
  .catalog-patch-evidence-table tbody :is(th,td) { font-size: 14px; }
}
@media (max-width: 600px) {
  #panel-patch-notes .catalog-patch-heading { margin-bottom: 21px; padding-left: 14px; }
  #panel-patch-notes .catalog-patch-heading h2 { font-size: 43px; }
  #panel-patch-notes .catalog-patch-heading .eyebrow { font-size: 11px; }
  #panel-patch-notes .catalog-patch-heading p:not(.eyebrow) { font-size: 15px; margin-top: 9px; }
  #patch-build-meta { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-bottom: 22px; }
  .catalog-patch-builds { display: block; padding: 18px; }
  .catalog-patch-build-pair { display: grid; grid-template-columns: minmax(0,1fr) 20px minmax(0,1fr); gap: 8px; }
  .catalog-patch-build:last-child { text-align: right; }
  .catalog-patch-build strong { font-size: clamp(22px,7vw,30px); letter-spacing: .01em; white-space: nowrap; }
  .catalog-patch-build-arrow { align-self: end; text-align: center; font-size: 21px; line-height: 1.1; padding-bottom: 3px; }
  .catalog-patch-build-context { text-align: left; gap: 5px; border-top: 1px solid #344b5a; padding-top: 14px; margin-top: 16px; }
  .catalog-patch-build-context > span { font-size: 10px; }
  .catalog-patch-build-context time { font-size: 13px; }
  .catalog-patch-build-context small { font-size: 11px; }
  .catalog-patch-stat { padding: 15px; gap: 5px; min-height: 115px; }
  .catalog-patch-stat > span { font-size: 12px; }
  .catalog-patch-stat strong { font-size: 39px; }
  .catalog-patch-stat.is-impact strong { font-size: 27px; line-height: 1.5; }
  .catalog-patch-stat small { font-size: 11px; }
  .catalog-patch-filters { gap: 7px; margin-bottom: 15px; }
  .catalog-patch-filters .filter-chip { flex: 1 1 auto; justify-content: center; gap: 7px; padding: 9px 10px; font-size: 13px; }
  .catalog-patch-list { padding: 15px; }
  .catalog-patch-list-heading h3 { font-size: 26px; }
  .catalog-patch-detail { padding: 19px 16px; }
  .catalog-patch-detail-head { padding-bottom: 18px; }
  .catalog-patch-detail-meta { margin-bottom: 14px; }
  .catalog-patch-detail-meta > span:last-child { font-size: 11px; }
  .catalog-patch-detail-head h3 { font-size: 33px; }
  .catalog-patch-detail-date { font-size: 11px; }
  .catalog-patch-observation { padding: 20px 0; }
  .catalog-patch-observation > p { font-size: 16px; line-height: 1.6; }
  .catalog-patch-interpretation { padding: 16px; }
  .catalog-patch-interpretation > p { font-size: 14px; }
  .catalog-patch-assessment { grid-template-columns: 1fr; gap: 10px; margin: 15px 0 20px; }
  .catalog-patch-assessment-card { padding: 15px; }
  .catalog-patch-assessment-card p { margin-top: 8px; }
  .catalog-patch-evidence { padding: 16px 13px; }
  .catalog-patch-section-head { flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
  .catalog-patch-section-head > span { font-size: 11px; }
  .catalog-patch-evidence-table,.catalog-patch-evidence-table tbody { display: block; }
  .catalog-patch-evidence-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .catalog-patch-evidence-table tbody tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 15px 0; border-top: 1px solid #324b5d; }
  .catalog-patch-evidence-table tbody tr[hidden] { display: none; }
  .catalog-patch-evidence-table tbody :is(th,td) { padding: 0; border: 0; width: auto; font-size: 14px; text-align: left; }
  .catalog-patch-evidence-table tbody th { grid-column: 1/-1; font-weight: 600; }
  .catalog-patch-evidence-table tbody td::before { content: attr(data-label); display: block; margin-bottom: 4px; color: #91aabd; font-size: 11px; font-weight: 500; }
  .catalog-patch-evidence-table tbody td:last-child { grid-column: 1/-1; }
  .catalog-patch-evidence-table tbody td:last-child::before { display: inline-block; margin: 0 10px 0 0; }
  .catalog-patch-raw-evidence .catalog-raw { max-height: 300px; font-size: 12px; }
  .catalog-patch-counts { padding: 16px 13px; }
  .catalog-patch-counts dl { font-size: 12px; gap: 0 15px; }
}
#panel-evidence .evidence-layout { display: grid; grid-template-columns: minmax(0,2.1fr) minmax(260px,1fr); align-items: start; gap: 17px; }
#evidence-summary { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.catalog-source-banner { padding: 10px 14px; font: 600 20px 'Barlow Condensed',sans-serif; text-transform: uppercase; border: 1px solid #cf8c1c; border-radius: 7px; background: linear-gradient(100deg,#54370eaa,#332513aa); color: #f7e8d6; }
.catalog-source-overview,.catalog-reading-guide { padding: 17px; background: linear-gradient(120deg,#1b2932,#121d25); border: 1px solid #475f70; border-radius: 8px; }
.catalog-source-overview > .catalog-subtitle,.catalog-reading-guide > .catalog-subtitle { margin-bottom: 12px; font-size: 15px; }
.catalog-source-overview h3,.catalog-reading-guide h3,#panel-evidence .evidence-notes h3 { font: italic 700 34px/1.08 'Barlow Condensed',sans-serif; text-transform: uppercase; margin: 0 0 7px; }
.catalog-source-table { width: 100%; border-collapse: collapse; }
.catalog-source-table thead th { text-align: left; padding: 5px 7px 9px; border-bottom: 1px solid #758693; font: 500 14px 'Barlow Condensed',sans-serif; text-transform: uppercase; color: #adc3d6; }
.catalog-source-table tbody :is(th,td) { text-align: left; padding: 8px 7px; border-bottom: 1px solid #455a69; vertical-align: middle; }
.catalog-source-table tbody tr:last-child :is(th,td) { border-bottom: 0; }
.catalog-source-table tbody th { font: 700 22px 'Barlow Condensed',sans-serif; text-transform: uppercase; white-space: nowrap; }
.catalog-source-table th .catalog-icon { display: inline-block; width: 27px; height: 28px; vertical-align: middle; margin-right: 15px; }
.catalog-source-table .catalog-source-count { font: 700 24px 'Barlow Condensed',sans-serif; }
.catalog-source-table .catalog-status { font-size: 12px; white-space: nowrap; }
.catalog-source-table .catalog-text-button { font-size: 13px; }
.catalog-reading-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.catalog-reading-cards article { border: 1px solid #4d687a; border-top: 4px solid var(--catalog-discipline); border-radius: 6px; padding: 12px; background: #25364255; }
.catalog-reading-cards h4 { font: 700 21px 'Barlow Condensed',sans-serif; text-transform: uppercase; margin: 0 0 6px; }
.catalog-reading-cards p { font-size: 13px; line-height: 1.5; color: #c5d2de; margin: 0; }
.catalog-provenance { border: 1px solid #405b6e; padding: 13px 17px; border-radius: 8px; background: #15222e; }
.catalog-provenance > summary { font: 600 18px 'Barlow Condensed',sans-serif; text-transform: uppercase; cursor: pointer; }
.catalog-provenance-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 20px; }
.catalog-provenance-grid .evidence-card { padding: 17px; border: 1px solid #415868; background: #101c25; border-radius: 6px; }
.catalog-provenance-grid .evidence-card h3 { font: 600 23px 'Barlow Condensed',sans-serif; margin: 8px 0; }
.catalog-provenance-grid .evidence-card p { font-size: 12px; line-height: 1.6; color: #adbdcc; }
.catalog-provenance-grid .evidence-status { font-size: 10px; text-transform: uppercase; color: #dfa764; }
#panel-evidence .evidence-notes { padding: 18px; background: linear-gradient(115deg,#1b2a34,#111d26); border: 1px solid #4a6274; border-radius: 8px; }
#panel-evidence .evidence-notes > .eyebrow { display: none; }
#panel-evidence .evidence-notes > p { font-size: 13px; color: #b3c5d6; line-height: 1.65; }
.catalog-storage-visual { display: flex; min-height: 140px; align-items: center; justify-content: flex-end; flex-direction: column; gap: 10px; padding: 12px 5px; margin: 12px 0 8px; border-top: 1px solid #465b6a; }
.catalog-storage-visual .catalog-icon { width: 72px; height: 72px; stroke-width: 1.2; color: #d4dee6; }
.catalog-storage-visual p { margin: 0; font: 500 19px 'Barlow Condensed',sans-serif; text-align: center; }
#panel-evidence .source-actions { display: flex; gap: 12px; margin: 12px 0; }
#panel-evidence .source-actions .button { flex: 1; padding: 10px 8px; min-height: 44px; font: 700 18px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
#panel-evidence #export-trigger { background: var(--accent,#ff851a); color: #110b06; border-color: var(--accent,#ff851a); }
#panel-evidence .source-method { font-size: 12px; color: #9db3c7; }
#panel-evidence .source-method summary { cursor: pointer; line-height: 1.4; }
#panel-evidence .source-method p { line-height: 1.6; }
.catalog-source-limits { border-top: 1px solid #465c6d; margin-top: 16px; padding-top: 14px; }
.catalog-source-limits p { display: flex; align-items: center; gap: 12px; padding: 10px 0; margin: 0; border-bottom: 1px solid #3d5364; font-size: 15px; line-height: 1.4; }
.catalog-source-limits p:last-child { border-bottom: 0; }
.catalog-source-limits .catalog-icon { width: 28px; height: 28px; }
.catalog-source-description { font-size: 20px; line-height: 1.6; max-width: 800px; }
.catalog-dialog[data-kind="source"] { max-width: 850px; }
.catalog-dialog[data-kind="source"] .button { margin-top: 22px; }
@media (max-width: 1400px) {
  .catalog-badge-layout { grid-template-columns: 170px minmax(0,1fr); gap: 14px; }
  #badge-results .catalog-badge-card { grid-template-columns: 66px minmax(0,1fr); padding: 15px 12px 0; }
  .catalog-badge-art .badge-art-slot { width: 66px; height: 95px; }
  .catalog-badge-info h3 { font-size: 25px; }
  .catalog-tier-strip { gap: 2px; }
  .catalog-tier .tier-art { width: 24px; height: 28px; }
  .catalog-animation-layout { grid-template-columns: 155px minmax(0,1fr); gap: 13px; }
  #animation-results.catalog-animation-results { grid-template-columns: minmax(0,1fr) 235px; gap: 12px; }
  .catalog-animation-open { gap: 6px; }
  .catalog-animation-open .catalog-icon { width: 23px; }
  .catalog-animation-open strong { font-size: 18px; }
  .catalog-animation-table tr.catalog-animation-row > td { padding: 12px 7px; }
  .catalog-animation-table thead th { padding: 12px 7px; font-size: 12px; }
  #library-results .catalog-preset-card { grid-template-columns: 100px minmax(0,1fr); gap: 10px 12px; padding: 14px; }
  .catalog-preset-info h3 { font-size: 25px; }
  .catalog-jersey-position { font-size: 43px; }
  .catalog-preset-card .preset-actions { gap: 8px; }
  .catalog-preset-card .preset-actions .button { font-size: 14px; padding: 9px; }
  .catalog-preset-card .compare-check { font-size: 14px; }
  .catalog-preset-card.is-goated .catalog-preset-frame.is-compact dd { font-size: 15px; }
  .catalog-compare-dock-title strong { font-size: 21px; }
  .catalog-compare-dock-title .catalog-icon { display: none; }
  .catalog-badge-detail { grid-template-columns: minmax(160px,.6fr) minmax(360px,1.5fr) minmax(200px,.75fr); gap: 12px; }
  .catalog-detail-identity,.catalog-detail-main,.catalog-detail-loadout { padding: 17px; }
}
@media (max-width: 1100px) {
  #badge-results { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #badge-results .catalog-badge-card { grid-template-columns: 85px minmax(0,1fr); }
  .catalog-badge-art .badge-art-slot { width: 85px; height: 116px; }
  .catalog-badge-info h3 { font-size: 27px; }
  #animation-results.catalog-animation-results { display: block; }
  #animation-results > .catalog-animation-detail { display: none; }
  #library-results { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #library-results .catalog-preset-card { grid-template-columns: 120px minmax(0,1fr); }
  .catalog-badge-detail { grid-template-columns: 190px minmax(0,1fr); }
  .catalog-detail-loadout { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; }
  .catalog-detail-loadout .catalog-detail-facts { grid-row: span 3; grid-column: 2; margin: 0; }
  .catalog-detail-loadout > .catalog-footnote { grid-column: 1/-1; }
  .catalog-detail-loadout > .button { margin: 0; }
  .catalog-detail-identity .badge-art-slot { height: 210px; }
  .catalog-detail-identity .native-badge-primary { font-size: 15px; }
  #takeover-results { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .catalog-compare-dock { flex-wrap: wrap; gap: 12px; }
  .catalog-compare-dock-title { flex: 1; }
  .catalog-compare-chips { order: 3; width: 100%; flex-basis: 100%; }
  .catalog-comparison-table thead th[data-build] { padding: 12px 15px; }
  .catalog-comparison-table thead .catalog-preset-art { display: none; }
  .catalog-comparison-table thead th h3 { font-size: 22px; }
  #panel-evidence .evidence-layout { grid-template-columns: minmax(0,1.6fr) minmax(250px,1fr); gap: 15px; }
  .catalog-source-overview,.catalog-reading-guide { padding: 17px; }
  .catalog-source-table th .catalog-icon { margin-right: 7px; width: 21px; }
  .catalog-source-table .catalog-status { font-size: 10px; }
  .catalog-source-table .catalog-text-button { font-size: 11px; }
  .catalog-reading-cards { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .catalog-toolbar { flex-wrap: wrap; gap: 12px; padding: 8px 0; margin-bottom: 14px; }
  .catalog-total { font-size: 17px; }
  .catalog-toggle { font-size: 13px; }
  .catalog-segmented button { padding: 8px 13px; font-size: 17px; }
  .catalog-badge-layout { display: block; }
  #badge-filters { padding: 0; border: 0; background: none; margin-bottom: 14px; }
  #badge-filters h3,#badge-filters .catalog-side-options { display: none; }
  #badge-filters .catalog-mobile-select { display: block; width: 100%; }
  #badge-results { gap: 11px; }
  #badge-results .catalog-badge-card { grid-template-columns: 60px minmax(0,1fr); gap: 9px; padding: 15px 12px 0; }
  .catalog-badge-art .badge-art-slot { width: 60px; height: 84px; }
  .catalog-badge-info h3 { font-size: 23px; }
  .catalog-badge-info .catalog-discipline { font-size: 13px; }
  .catalog-tier .tier-art { width: 24px; height: 26px; }
  .catalog-tier { font-size: 10px; }
  .catalog-badge-card .catalog-status { font-size: 10px; padding: 4px 6px; }
  .catalog-card-requirement { font-size: 11px; }
  .catalog-takeover-banner { padding: 14px; gap: 11px; flex-wrap: wrap; }
  .catalog-takeover-banner .catalog-icon { width: 25px; height: 25px; }
  .catalog-takeover-banner strong { font-size: 25px; }
  .catalog-takeover-banner span { font-size: 13px; padding-left: 12px; }
  .catalog-takeover-banner b { width: 100%; border-top: 1px solid #3d505f; padding-top: 12px; font-size: 16px; }
  #takeover-results { grid-template-columns: 1fr; }
  .catalog-takeover-card { padding: 18px; }
  .catalog-takeover-card h3 { font-size: 31px; }
  .catalog-dialog { width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; border: 0; border-radius: 0; padding: 18px 16px 30px; }
  .catalog-dialog-heading { align-items: flex-start; gap: 10px; margin-bottom: 22px; }
  .catalog-dialog-heading h2 { font-size: 40px; line-height: 1; }
  .catalog-dialog-close { width: 35px; height: 35px; }
  .catalog-badge-detail { display: block; }
  .catalog-detail-identity { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 12px 16px; border: 0; padding: 0 0 20px; background: none; }
  .catalog-detail-identity .badge-art-slot { height: 150px; grid-row: 1/3; margin: 0; }
  .catalog-detail-identity .catalog-discipline { font-size: 19px; align-self: start; margin: 0; padding: 7px; }
  .catalog-detail-identity .native-badge-copy { margin: 0; }
  .catalog-detail-identity .native-badge-primary { font-size: 15px; margin: 0; }
  .catalog-detail-identity .native-badge-alternate { margin-top: 9px; }
  .catalog-detail-main { padding: 0; border: 0; background: none; }
  .catalog-section-heading { flex-direction: column-reverse; align-items: stretch; }
  .catalog-section-heading > h3 { font-size: 27px; margin-top: 14px; }
  .catalog-section-heading .catalog-segmented button { flex: 1; padding: 10px; font-size: 18px; }
  .catalog-detail-main .catalog-subtitle { font-size: 14px; margin-bottom: 15px; }
  .catalog-requirement-table { margin-top: 13px; }
  .catalog-requirement-table thead th { font-size: 12px; padding: 10px 4px; background: none; }
  .catalog-requirement-table tbody :is(th,td) { font-size: 12px; padding: 16px 4px; }
  .catalog-tier-choice { gap: 6px; font-size: 15px; }
  .catalog-tier-choice .tier-art { width: 25px; height: 33px; }
  .catalog-requirement-table .catalog-rating-number { font-size: 22px; }
  .catalog-requirement-table .catalog-status { font-size: 11px; padding: 4px; background: none; border: 0; }
  .catalog-detail-loadout { display: block; margin-top: 22px; padding: 20px; }
  .catalog-detail-loadout h3 { font-size: 30px; }
  .catalog-detail-loadout .catalog-detail-facts { display: grid; grid-template-columns: repeat(3,1fr); margin: 18px 0; padding: 0; border: 0; gap: 4px 10px; }
  .catalog-detail-facts dt { grid-row: 1; font-size: 13px; }
  .catalog-detail-facts dd { grid-row: 2; border: 0; margin: 0; padding: 0; font-size: 22px; }
  .catalog-detail-loadout > .button { margin-top: 10px; padding: 14px 8px; font-size: 21px; }
  .catalog-animation-layout { display: block; }
  #animation-filters { display: none; }
  #catalog-animation-toolbar .catalog-filter-select { flex: 0 0 100%; max-width: 100%; width: 100%; }
  #catalog-animation-toolbar .catalog-total { display: none; }
  #catalog-animation-toolbar .catalog-toggle { flex: 1; white-space: nowrap; }
  .catalog-current-frame { padding: 13px; margin-bottom: 18px; line-height: 1.4; font-size: 16px; }
  .catalog-animation-table,.catalog-animation-table tbody { display: block; border: 0; background: none; overflow: visible; }
  .catalog-animation-table thead { display: none; }
  .catalog-animation-table tr.catalog-animation-row { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #455b6d; border-radius: 8px; background: linear-gradient(120deg,#1a2934,#0f1b24); padding: 16px; margin-bottom: 15px; gap: 10px; }
  .catalog-animation-table tr.catalog-animation-row > td { display: block; border: 0; padding: 0; font-size: 13px; }
  .catalog-animation-table tr.catalog-animation-row > td:first-child { grid-column: 1/-1; }
  .catalog-animation-open { display: grid; grid-template-columns: 50px 1fr; gap: 10px 13px; }
  .catalog-animation-open .catalog-icon { width: 45px; height: 48px; }
  .catalog-animation-open strong { font-size: 27px; }
  .catalog-mobile-requirement-link { display: block; grid-column: 1/-1; padding: 8px 10px; border-radius: 4px; background: #293b4b88; color: #cfdeeb; font: 400 15px 'Barlow',sans-serif; }
  .catalog-animation-table .animation-category { color: #afc4d8; }
  .catalog-animation-table .animation-height { text-align: right; color: #afc4d8; }
  .catalog-animation-table .animation-build-status { text-align: right; }
  .catalog-animation-table .animation-requirements span { font-size: 13px; }
  .catalog-animation-table .catalog-status { font-size: 13px; padding: 6px; }
  .catalog-list-footer { font-size: 15px; margin-bottom: 15px; }
  .catalog-list-footer .button { font-size: 16px; min-height: 43px; }
  .catalog-dialog .catalog-animation-detail { position: static; padding: 20px; }
  .catalog-dialog .catalog-animation-detail h3 { display: none; }
  .catalog-dialog .catalog-animation-detail header { border-top: 0; padding-top: 0; }
  .catalog-dialog .catalog-animation-detail h4 { font-size: 29px; }
  .catalog-dialog .animation-detail-stat { padding: 22px 0; }
  .catalog-dialog .animation-detail-stat strong { font-size: 33px; }
  .catalog-dialog .animation-detail-stat small { font-size: 13px; }
  #panel-library .library-toolbar { gap: 15px; }
  #panel-library #library-modes { width: 100%; order: 0; }
  #panel-library #library-modes .filter-chip { flex: 1; padding: 10px; font-size: 22px; }
  #panel-library #library-categories { flex: 1; justify-content: space-between; gap: 7px; }
  #panel-library #library-categories .filter-chip { flex: 1; padding: 8px; font-size: 20px; }
  #library-compare-state { display: none; }
  #library-context { font-size: 12px; padding: 10px 12px; }
  #library-results { grid-template-columns: 1fr; gap: 16px; }
  #library-results .catalog-preset-card { grid-template-columns: 110px minmax(0,1fr); padding: 17px; gap: 10px 18px; }
  .catalog-preset-info h3 { font-size: 31px; }
  .catalog-preset-mode { font-size: 16px; padding: 3px 7px; }
  .catalog-preset-art.is-jersey { min-height: 200px; }
  .catalog-preset-frame.is-compact dt { font-size: 14px; }
  .catalog-preset-frame.is-compact dd { font-size: 22px; }
  .catalog-preset-source { font-size: 12px; }
  .catalog-preset-card .preset-actions .button { min-height: 43px; font-size: 18px; }
  .catalog-preset-card .compare-check { font-size: 18px; padding: 8px 0; }
  .catalog-jersey-position { font-size: 49px; top: 33%; }
  .catalog-preset-preview th { font-size: 13px; }
  .catalog-preset-preview td { font-size: 15px; padding: 8px 6px; }
  .catalog-preset-card.is-goated .catalog-preset-frame.is-compact dd { font-size: 17px; }
  #library-comparison { position: sticky; bottom: 88px; z-index: 10; }
  .catalog-compare-dock { padding: 13px; gap: 9px; }
  .catalog-compare-dock-title > strong { display: none; }
  .catalog-compare-dock-title > span { border: 0; padding: 0; font-size: 20px; color: #f0f2f5; }
  .catalog-compare-chips { display: none; }
  .catalog-compare-dock > .button { min-height: 46px; font-size: 18px; padding: 10px 14px; }
  .catalog-preset-detail-actions { flex-wrap: wrap; gap: 13px; }
  .catalog-preset-detail-actions .catalog-subtitle { flex-basis: 100%; font-size: 15px; }
  .catalog-preset-detail-actions > .button { flex: 1; }
  .catalog-preset-detail { display: block; }
  .catalog-preset-identity { margin-bottom: 14px; }
  .catalog-preset-identity-head { padding: 12px 14px; gap: 12px; }
  .catalog-preset-position-badge { min-width: 51px; min-height: 45px; font-size: 31px; }
  .catalog-preset-identity-head strong { font-size: 22px; }
  .catalog-preset-vector-scroll { max-height: min(360px,60svh); }
  .catalog-preset-vector-table { font-size: 12px; }
  .catalog-preset-vector-table thead th,.catalog-preset-vector-table tbody :is(th,td) { padding: 10px 7px; }
  .catalog-preset-vector-table thead th:first-child { width: 38%; }
  .catalog-preset-detail .catalog-preset-art { display: none; }
  .catalog-preset-frame { padding: 13px 12px; gap: 9px; margin-bottom: 17px; }
  .catalog-preset-frame dd { font-size: 24px; }
  .catalog-preset-frame dt { font-size: 12px; }
  .catalog-preset-attributes { grid-template-columns: 1fr; gap: 12px; }
  .catalog-preset-attribute { font-size: 14px; grid-template-columns: minmax(110px,1fr) minmax(80px,1fr) 25px; }
  .catalog-comparison-toolbar { gap: 13px; }
  .catalog-comparison-toolbar > p { flex-basis: 100%; font-size: 15px; }
  .catalog-comparison-toolbar .catalog-segmented { order: 3; flex-basis: 100%; }
  .catalog-comparison-toolbar .catalog-segmented > button { flex: 1; padding: 10px 7px; font-size: 16px; }
  .catalog-comparison-toolbar .button { margin-left: auto; font-size: 15px; padding: 8px 12px; min-height: 36px; }
  .catalog-comparison-peers { display: block; margin: 18px 0; }
  .catalog-comparison-peers > strong { display: block; border: 1px solid #4b6476; border-left: 5px solid var(--accent,#ff851a); padding: 15px; border-radius: 6px; background: #213443; font: 600 22px 'Barlow Condensed',sans-serif; margin-bottom: 13px; }
  .catalog-comparison-peers .catalog-segmented > button { flex: 1; font-size: 17px; padding: 10px 8px; }
  .catalog-comparison-table tr { grid-template-columns: minmax(100px,1.25fr) repeat(2,minmax(0,1fr)); }
  .catalog-comparison-table.peer-1 [data-build="2"],.catalog-comparison-table.peer-2 [data-build="1"] { display: none; }
  .catalog-comparison-table :is(th,td) { padding: 10px 8px; font-size: 20px; }
  .catalog-comparison-table tbody th { font-size: 17px; font-weight: 500; }
  .catalog-comparison-table thead th { min-height: auto; padding: 12px 8px!important; }
  .catalog-comparison-table thead th h3 { font-size: 19px; line-height: 1.15; padding-right: 8px; }
  .catalog-comparison-table thead th > p,.catalog-comparison-table thead .catalog-preset-mode { display: none; }
  .catalog-comparison-table .catalog-compare-section th { font-size: 23px; padding: 7px 10px; }
  .catalog-comparison-table tfoot :is(th,td) { padding: 8px 5px; }
  .catalog-comparison-table tfoot .button { font-size: 14px; padding: 8px 5px; min-height: 40px; }
  .catalog-comparison-table tfoot th { font-size: 15px; }
  .catalog-raw { font-size: 11px; padding: 10px; }
  #panel-evidence .evidence-layout { grid-template-columns: 1fr; gap: 20px; }
  .catalog-source-banner { font-size: 18px; padding: 13px; }
  .catalog-source-overview,.catalog-reading-guide { padding: 17px 14px; }
  .catalog-source-overview h3,.catalog-reading-guide h3,#panel-evidence .evidence-notes h3 { font-size: 31px; }
  .catalog-source-overview .catalog-subtitle,.catalog-reading-guide .catalog-subtitle { font-size: 14px; }
  .catalog-source-table thead th { font-size: 11px; padding: 5px 4px 10px; }
  .catalog-source-table tbody :is(th,td) { padding: 12px 4px; }
  .catalog-source-table tbody th { font-size: 19px; }
  .catalog-source-table .catalog-source-count { font-size: 21px; }
  .catalog-source-table th .catalog-icon { width: 21px; margin-right: 6px; }
  .catalog-source-table .catalog-status { font-size: 9px; padding: 5px; white-space: normal; }
  .catalog-source-table tr > :last-child { display: none; }
  .catalog-reading-cards { grid-template-columns: 1fr; gap: 13px; }
  .catalog-reading-cards h4 { font-size: 25px; }
  .catalog-reading-cards p { font-size: 14px; }
  .catalog-provenance { padding: 16px; }
  .catalog-provenance-grid { grid-template-columns: 1fr; }
  #panel-evidence .evidence-notes { padding: 20px; }
  #panel-evidence .evidence-notes > p { font-size: 14px; }
  .catalog-storage-visual { min-height: 170px; }
  #panel-evidence .source-actions .button { font-size: 20px; }
}
@media (max-width: 480px) {
  #badge-results { grid-template-columns: 1fr; }
  #badge-results .catalog-badge-card { grid-template-columns: 96px minmax(0,1fr); padding: 17px 15px 0; }
  .catalog-badge-art .badge-art-slot { width: 96px; height: 135px; }
  .catalog-badge-info h3 { font-size: 29px; }
  .catalog-badge-info .catalog-discipline { font-size: 15px; }
  .catalog-tier .tier-art { width: 29px; height: 34px; }
  .catalog-tier { font-size: 11px; }
  .catalog-badge-card .catalog-status { font-size: 12px; }
  .catalog-card-requirement { font-size: 13px; }
  .catalog-card-action { font-size: 19px; padding: 13px 0; }
  .catalog-toolbar .catalog-total { font-size: 15px; }
  #library-results .catalog-preset-card { grid-template-columns: 95px minmax(0,1fr); gap: 10px 13px; padding: 15px; }
  .catalog-preset-info h3 { font-size: 28px; }
  .catalog-preset-mode { font-size: 14px; }
  .catalog-preset-frame.is-compact dt { font-size: 12px; }
  .catalog-preset-frame.is-compact dd { font-size: 21px; }
  .catalog-preset-card .preset-actions .button { font-size: 16px; padding: 10px 8px; }
  .catalog-preset-card .compare-check { font-size: 15px; gap: 6px; }
  .catalog-preset-card.is-goated .catalog-preset-frame.is-compact { grid-template-columns: repeat(2,1fr); gap: 5px; }
  .catalog-preset-card.is-goated .catalog-preset-frame.is-compact dd { font-size: 17px; }
  .catalog-preset-art.is-portrait { height: 145px; }
  .catalog-jersey-position { font-size: 45px; top: 34%; }
  .catalog-dialog-heading h2 { font-size: 36px; }
  .catalog-detail-identity { grid-template-columns: 90px minmax(0,1fr); gap: 10px; }
  .catalog-detail-identity .badge-art-slot { height: 137px; }
  .catalog-detail-identity .native-badge-primary { font-size: 14px; }
  .catalog-tier-choice { font-size: 13px; gap: 4px; }
  .catalog-tier-choice .tier-art { width: 23px; }
  .catalog-requirement-table tbody :is(th,td) { font-size: 11px; padding: 16px 3px; }
  .catalog-requirement-table .catalog-rating-number { font-size: 21px; }
  .catalog-requirement-table .catalog-status { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .catalog-dialog *,#panel-badges *,#panel-animations *,#panel-library * { scroll-behavior: auto!important; transition: none!important; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  #catalog-dialog .catalog-preset-attributes { grid-template-columns: 1fr; }
}

/* Results-only Finder composition. The existing phone cards stay unchanged. */
#panel-finder .finder-result-index,#panel-finder .finder-desktop-metrics,#panel-finder .finder-inspect-button,#panel-finder .finder-witness-inspector,#panel-finder .finder-show-more { display: none; }
@media (min-width: 701px) {
  #panel-finder.has-results .finder-layout { display: block; }
  #panel-finder.has-results .finder-controls { display: none; }
  #panel-finder.has-results .finder-results-wrap { display: grid; grid-template-columns: minmax(190px,.7fr) minmax(0,2fr); gap: 14px 17px; align-items: start; }
  #panel-finder.has-results #finder-target-summary { grid-column: 1; grid-row: 1 / span 3; margin: 0; padding: 18px; position: sticky; top: 20px; }
  #panel-finder.has-results #finder-target-summary h2 { font: italic 700 30px/1.05 'Barlow Condensed',sans-serif; text-transform: uppercase; margin: 5px 0 16px; }
  #panel-finder.has-results #finder-target-summary .eyebrow { font-size: 11px; margin: 0; }
  #panel-finder.has-results #finder-target-summary .studio-note { font-size: 13px; line-height: 1.5; }
  #panel-finder.has-results .target-summary-item { font-size: 14px; padding: 11px 0; }
  #panel-finder.has-results .finder-edit-targets { display: inline-flex; width: 100%; justify-content: center; margin-top: 10px; min-height: 42px; }
  #panel-finder.has-results .finder-results-wrap > .finder-result-heading { grid-column: 2; grid-row: 1; min-height: 42px; padding: 10px 13px; flex-wrap: wrap; gap: 5px 12px; }
  #panel-finder.has-results .finder-result-heading .meta-label { font-size: 10px; white-space: normal; }
  #panel-finder.has-results #finder-results { grid-column: 2; grid-row: 2; margin: 0; gap: 13px; min-width: 0; }
  #panel-finder.has-results .finder-result { display: grid; grid-template-columns: minmax(170px,.95fr) minmax(0,1.15fr); gap: 8px 18px; padding: 17px; min-width: 0; }
  #panel-finder.has-results .finder-result[data-desktop-hidden="true"] { display: none; }
  #panel-finder.has-results .finder-result.is-selected { border-color: var(--accent,#ff851a); box-shadow: inset 0 0 0 1px var(--accent,#ff851a); }
  #panel-finder.has-results .finder-result-head { grid-column: 1; grid-row: 1; display: grid; grid-template-columns: 36px minmax(0,1fr); align-items: center; gap: 10px; }
  #panel-finder.has-results .finder-result-index { display: grid; place-items: center; width: 36px; height: 36px; background: #31414e; border-radius: 5px; color: #e6edf4; font: 700 25px 'Barlow Condensed',sans-serif; }
  #panel-finder.has-results .finder-result.is-selected .finder-result-index { background: var(--accent,#ff851a); color: #111820; }
  #panel-finder.has-results .finder-result h3 { font: italic 700 31px/1.05 'Barlow Condensed',sans-serif; margin: 0; }
  #panel-finder.has-results .finder-result-head .tier-label { grid-column: 1/-1; font-size: 9px; justify-self: start; }
  #panel-finder.has-results .finder-result > p { grid-column: 1; grid-row: 2; margin: 0; font-size: 13px; line-height: 1.45; }
  #panel-finder.has-results .finder-result-facts { display: none; }
  #panel-finder.has-results .finder-desktop-metrics { display: grid; grid-column: 2; grid-row: 1 / span 3; gap: 4px; align-content: start; }
  #panel-finder.has-results .finder-result-metric { display: grid; grid-template-columns: minmax(80px,1fr) minmax(45px,1fr) 25px; gap: 8px; align-items: center; font-size: 13px; }
  #panel-finder.has-results .finder-result-metric strong { font: 600 18px 'Barlow Condensed',sans-serif; text-align: right; }
  #panel-finder.has-results .finder-metric-track,#panel-finder.has-results .finder-inspector-track { display: block; height: 7px; border-radius: 5px; background: #3c4853; overflow: hidden; }
  #panel-finder.has-results .finder-metric-track > span,#panel-finder.has-results .finder-inspector-track > span { display: block; height: 100%; background: var(--catalog-discipline); border-radius: inherit; }
  #panel-finder.has-results .finder-inspect-button,#panel-finder.has-results .finder-load-witness { display: inline-flex; grid-row: 4; justify-content: center; margin: 4px 0 0; min-height: 42px; padding: 9px 8px; font: 600 17px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
  #panel-finder.has-results .finder-inspect-button { grid-column: 1; }
  #panel-finder.has-results .finder-load-witness { grid-column: 2; }
  #panel-finder.has-results .finder-show-more { display: flex; justify-content: center; min-height: 44px; width: 100%; font: 600 18px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
  #panel-finder.has-results .finder-result-truncation { margin: 0; padding: 10px; font-size: 12px; }
  #panel-finder.has-results .finder-witness-inspector { display: block; grid-column: 2; grid-row: 3; padding: 20px; min-width: 0; }
  #panel-finder.has-results .finder-witness-inspector > h2 { margin: 0; font: italic 700 32px/1.05 'Barlow Condensed',sans-serif; text-transform: uppercase; }
  #panel-finder.has-results .finder-witness-inspector > .studio-note { font-size: 14px; line-height: 1.45; margin: 10px 0 20px; }
  #panel-finder.has-results .finder-inspector-identity { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 6px 12px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 18px 0; margin-bottom: 14px; }
  #panel-finder.has-results .finder-inspector-index { grid-row: 1/3; display: grid; place-items: center; align-self: center; min-height: 38px; border-radius: 5px; background: var(--accent,#ff851a); color: #111820; font: 700 26px 'Barlow Condensed',sans-serif; }
  #panel-finder.has-results .finder-inspector-identity h3 { margin: 0; font: italic 700 31px/1.05 'Barlow Condensed',sans-serif; }
  #panel-finder.has-results .finder-inspector-identity p { margin: 0; font-size: 13px; color: var(--muted); }
  #panel-finder.has-results .finder-inspector-key { font: 500 13px 'Barlow Condensed',sans-serif; text-transform: uppercase; color: var(--muted); margin: 20px 0 0; }
  #panel-finder.has-results .finder-inspector-stat { display: grid; grid-template-columns: 1fr auto; gap: 9px; border-bottom: 1px solid var(--line); padding: 15px 0; }
  #panel-finder.has-results .finder-inspector-stat h4 { margin: 0; font: 600 22px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
  #panel-finder.has-results .finder-inspector-stat strong { font: 600 22px 'Barlow Condensed',sans-serif; }
  #panel-finder.has-results .finder-inspector-track { grid-column: 1/-1; height: 8px; }
  #panel-finder.has-results .finder-inspector-all { margin: 15px 0; font-size: 13px; }
  #panel-finder.has-results .finder-inspector-all summary { cursor: pointer; color: #b5c5d5; line-height: 1.4; }
  #panel-finder.has-results .finder-inspector-all table { width: 100%; border-collapse: collapse; margin-top: 12px; font-size: 12px; }
  #panel-finder.has-results .finder-inspector-all th { text-align: left; font-weight: 500; }
  #panel-finder.has-results .finder-inspector-all :is(th,td) { padding: 7px 4px; border-bottom: 1px solid var(--line); }
  #panel-finder.has-results .finder-inspector-all td { text-align: right; font-variant-numeric: tabular-nums; }
  #panel-finder.has-results .finder-inspector-load { width: 100%; min-height: 44px; font: 600 18px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
  #panel-finder.has-results .finder-witness-inspector .catalog-footnote { font-size: 11px; line-height: 1.45; }
}
@media (min-width: 1100px) {
  #panel-finder.has-results .finder-results-wrap { grid-template-columns: minmax(205px,.85fr) minmax(0,2.35fr) minmax(270px,1fr); }
  #panel-finder.has-results #finder-target-summary { grid-row: 1 / span 2; }
  #panel-finder.has-results .finder-witness-inspector { grid-column: 3; grid-row: 1 / span 2; position: sticky; top: 20px; }
}

/* Compact overview compositions; full source records remain in the expanded views. */
.catalog-mobile-title,.catalog-animation-mobile-meta,.catalog-animation-mobile-requirement,.catalog-comparison-expand { display: none; }
body[data-panel="animations"] .intro-row,body[data-panel="badges"] .intro-row { display: none; }
#panel-library .explorer-header,#panel-badges .explorer-header,#panel-animations .explorer-header { gap: 18px; margin: 0 0 12px; }
#panel-library .explorer-header .eyebrow,#panel-badges .explorer-header .eyebrow,#panel-animations .explorer-header .eyebrow { display: none; }
#panel-library .explorer-header h2,#panel-badges .explorer-header h2,#panel-animations .explorer-header h2 { font-size: clamp(38px,3.4vw,54px); line-height: 1.05; }
#panel-library .explorer-header p:not(.eyebrow),#panel-badges .explorer-header p:not(.eyebrow),#panel-animations .explorer-header p:not(.eyebrow) { margin: 5px 0 0; line-height: 1.35; }
#catalog-badge-toolbar,#catalog-animation-toolbar { min-height: 48px; gap: 18px; padding: 6px 0; margin: 0 0 14px; }
.catalog-badge-phase { margin-left: auto; }
#catalog-badge-toolbar .catalog-total { margin-left: 0; }
.catalog-badge-more,.catalog-takeover-more,.catalog-library-more { grid-column: 1/-1; min-height: 34px; padding: 7px 14px; font-size: 16px; background: #15212b; color: #b9c9d9; }
#badge-results .catalog-badge-card { padding-top: 14px; gap: 8px 10px; }
.catalog-badge-card .catalog-card-action { padding: 11px 0; }
.catalog-takeover-banner { margin-top: 14px; padding: 16px 20px; }
.catalog-takeover-note,.catalog-takeover-source { margin-top: 12px; color: var(--muted); font-size: 12px; line-height: 1.4; }
.catalog-takeover-note summary,.catalog-takeover-source summary { cursor: pointer; }
.catalog-takeover-note p { margin: 8px 0 0; }

#library-context { border: 0; padding: 0; background: none; margin: 0 0 11px; }
.catalog-library-note { font-size: 12px; color: #a4b5c5; line-height: 1.4; }
.catalog-library-note summary { cursor: pointer; width: fit-content; }
.catalog-library-note p { margin: 6px 0 0; }
#panel-library .library-toolbar { margin: 0 0 7px; gap: 16px; }
#panel-library #library-modes .filter-chip { min-height: 38px; padding: 7px 22px; font-size: 18px; }
#library-results { gap: 13px; }
#library-results .catalog-preset-card { padding: 14px; grid-template-columns: 104px minmax(0,1fr); gap: 7px 14px; }
#library-results .catalog-preset-art.is-jersey { min-height: 155px; max-height: 180px; }
#library-results .catalog-preset-info h3 { font-size: 27px; margin: 0 0 6px; }
#library-results .catalog-preset-mode { margin-bottom: 3px; font-size: 12px; padding: 3px 6px; }
#library-results .catalog-preset-frame.is-compact > div { padding: 3px 0; }
#library-results .catalog-preset-frame.is-compact dd { font-size: 19px; }
#library-results .preset-actions { margin-top: 2px; padding-top: 10px; }
#library-results .catalog-preset-art.is-portrait { height: 118px; }
#library-results .catalog-preset-preview td { padding: 5px 7px; }
#library-results .catalog-preset-plan { padding: 8px 11px; }
#library-comparison { margin-top: 14px; }
.catalog-compare-dock { padding: 13px 16px; gap: 15px; }

.catalog-dialog { padding: 22px 26px; }
.catalog-dialog-heading { margin-bottom: 17px; }
.catalog-dialog-heading h2 { font-size: clamp(34px,3.2vw,48px); }
.catalog-preset-detail-actions { margin-bottom: 15px; }
.catalog-preset-detail { gap: 16px; }
.catalog-preset-detail .catalog-preset-frame { padding: 12px 15px; margin-bottom: 12px; }
.catalog-preset-attributes { gap: 10px; }
.catalog-preset-attribute-group { padding: 11px 14px; }
.catalog-preset-attribute-group h3 { font-size: 23px; margin-bottom: 8px; }
.catalog-preset-attribute { margin: 6px 0; }
.catalog-preset-source-details { padding: 12px 15px; margin-top: 12px; }
.catalog-detail-facts > div { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #3d4b56; }
.catalog-detail-facts > div:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; }
.catalog-detail-facts > div dd { margin: 3px 0 0; padding: 0; border: 0; color: var(--text); }
.catalog-detail-facts > div:last-child dd { color: #a8b7c7; }
.catalog-badge-rating-summary { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; padding: 10px 13px; margin-top: 15px; border: 1px solid #3c5263; border-radius: 6px; background: #1c2b3566; }
.catalog-badge-rating-summary > span { display: flex; flex: 1; justify-content: space-between; align-items: center; gap: 14px; font: 600 17px 'Barlow Condensed',sans-serif; }
.catalog-badge-rating-summary strong { font-size: 24px; white-space: nowrap; }
.catalog-badge-rule-note,.catalog-loadout-assumptions,.catalog-comparison-note { margin-top: 12px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.catalog-badge-rule-note summary,.catalog-loadout-assumptions summary,.catalog-comparison-note summary { cursor: pointer; }
.catalog-badge-rule-note p,.catalog-loadout-assumptions p,.catalog-comparison-note p { margin: 7px 0 0; }
.catalog-detail-loadout > .catalog-footnote:empty { display: none; }
.catalog-requirement-table { margin-top: 15px; }
.catalog-requirement-table tbody :is(th,td) { padding: 15px 7px; }
.catalog-comparison-toolbar { margin-bottom: 14px; gap: 14px; }
.catalog-comparison-table.is-summary thead th { min-height: 106px; }
.catalog-comparison-table.is-summary thead .catalog-preset-art { height: 90px; width: 72px; }
.catalog-comparison-table.is-summary thead th[data-build] { padding-left: 90px; }
.catalog-comparison-table.is-summary :is(th,td) { padding-top: 6px; padding-bottom: 6px; }

.catalog-animation-extra-filters { display: flex; align-items: center; gap: 18px; }
.catalog-animation-filter-toggle { display: none; }
.catalog-animation-phase { margin-left: 8px; }
.catalog-animation-table-wrap { max-height: min(515px,calc(100dvh - 350px)); overflow: auto; scrollbar-width: thin; border: 1px solid #3b5060; border-radius: 7px; }
.catalog-animation-table-wrap:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.catalog-animation-table-wrap .catalog-animation-table { border: 0; border-radius: 0; }
.catalog-animation-table thead { position: sticky; top: 0; z-index: 1; background: #25323c; }
.catalog-animation-table .catalog-animation-mobile-action { display: none; }
.catalog-animation-table .animation-requirements > span { margin: 4px 0; }
.catalog-animation-table .animation-requirements > span > .catalog-animation-desktop-requirement { margin: 0; }
.catalog-animation-table .animation-requirements > span > .catalog-animation-mobile-requirement { display: none; }
.catalog-current-frame { padding: 10px 13px; margin: 0 0 10px; }
.catalog-list-footer { padding-top: 11px; }
.catalog-animation-detail { padding: 17px; }
.catalog-animation-detail > h3 { font-size: 25px; }
.catalog-animation-detail header { padding: 14px 0; margin: 12px 0 0; }
.animation-detail-stat { padding: 14px 0; }
.catalog-animation-detail > .button { margin-top: 17px; }
@media (min-width: 1101px) {
  #animation-filters { max-height: min(620px,calc(100dvh - 270px)); overflow-y: auto; scrollbar-width: thin; }
  #animation-filters .catalog-side-option { padding: 12px 9px; font-size: 17px; }
  .catalog-animation-table :is(th,td) { padding: 10px 8px; }
}
@media (min-width: 701px) {
  #panel-finder.has-results .finder-result { padding: 13px; gap: 5px 15px; }
  #panel-finder.has-results .finder-result h3 { font-size: 28px; }
  #panel-finder.has-results .finder-result-index { width: 32px; height: 32px; font-size: 22px; }
  #panel-finder.has-results .finder-desktop-metrics { gap: 2px; }
  #panel-finder.has-results .finder-result-metric { font-size: 12px; }
  #panel-finder.has-results .finder-result-metric strong { font-size: 17px; }
  #panel-finder.has-results .finder-inspect-button,#panel-finder.has-results .finder-load-witness { min-height: 37px; padding: 7px; font-size: 16px; }
  #panel-finder.has-results .finder-witness-inspector { padding: 17px; }
  #panel-finder.has-results .finder-witness-inspector > h2 { font-size: 29px; }
  #panel-finder.has-results .finder-witness-inspector > .studio-note { margin: 8px 0 13px; font-size: 13px; }
  #panel-finder.has-results .finder-inspector-identity { padding: 13px 0; margin-bottom: 11px; }
  #panel-finder.has-results .finder-inspector-key { margin-top: 14px; }
  #panel-finder.has-results .finder-inspector-stat { padding: 11px 0; gap: 7px; }
  #panel-finder.has-results .finder-inspector-stat h4,#panel-finder.has-results .finder-inspector-stat strong { font-size: 20px; }
  #panel-finder.has-results .finder-inspector-all { margin: 12px 0; }
}
@media (max-width: 1100px) {
  #catalog-animation-toolbar { flex-wrap: wrap; gap: 10px; }
  .catalog-animation-extra-filters { gap: 12px; }
  .catalog-animation-table-wrap { max-height: min(620px,calc(100dvh - 350px)); }
  .catalog-detail-loadout .catalog-loadout-assumptions { grid-column: 1/-1; }
  .catalog-comparison-table.is-summary thead th[data-build] { padding-left: 15px; }
}
@media (max-width: 760px) {
  .catalog-desktop-title { display: none; }
  .catalog-mobile-title { display: inline; }
  #panel-library .explorer-header,#panel-badges .explorer-header,#panel-animations .explorer-header { gap: 10px; margin-bottom: 10px; }
  #panel-library .explorer-header h2,#panel-badges .explorer-header h2,#panel-animations .explorer-header h2 { font-size: 34px; }
  #panel-library .explorer-header p:not(.eyebrow),#panel-badges .explorer-header p:not(.eyebrow),#panel-animations .explorer-header p:not(.eyebrow) { font-size: 13px; margin-top: 3px; }
  #panel-library .search-field,#panel-badges .search-field,#panel-animations .search-field { min-height: 37px; height: 37px; }
  #panel-library .search-field input,#panel-badges .search-field input,#panel-animations .search-field input { min-height: 35px; height: 35px; font-size: 14px; }
  #catalog-badge-toolbar { gap: 8px; margin-bottom: 10px; }
  #catalog-badge-toolbar .catalog-total { display: none; }
  #catalog-badge-toolbar .catalog-badge-phase { flex: 1; margin-left: 0; }
  #catalog-badge-toolbar .catalog-badge-phase button { flex: 1; padding: 7px; }
  #catalog-badge-toolbar > .catalog-toggle { margin-left: auto; }
  #catalog-badge-toolbar > .catalog-segmented:first-child { flex: 1; }
  #catalog-badge-toolbar > .catalog-segmented:first-child button { flex: 1; }
  .catalog-badge-more,.catalog-takeover-more,.catalog-library-more { min-height: 32px; padding: 6px 10px; font-size: 15px; }

  #panel-library .library-toolbar { gap: 7px; margin-bottom: 6px; }
  #panel-library #library-modes .filter-chip { min-height: 34px; padding: 6px 8px; font-size: 18px; }
  #panel-library #library-categories { gap: 5px; }
  #panel-library #library-categories .filter-chip { min-height: 32px; padding: 6px 7px; font-size: 17px; }
  #library-context { margin-bottom: 8px; padding: 0; }
  .catalog-library-note { font-size: 11px; }
  #library-results { gap: 10px; }
  #library-results .catalog-preset-card { grid-template-columns: 82px minmax(0,1fr); padding: 11px 12px; gap: 5px 12px; }
  #library-results .catalog-preset-art.is-jersey { min-height: 126px; max-height: 140px; }
  #library-results .catalog-preset-art.is-portrait { height: 107px; }
  #library-results .catalog-preset-info h3 { font-size: 25px; margin-bottom: 5px; }
  #library-results .catalog-preset-mode { font-size: 11px; padding: 2px 5px; margin-bottom: 2px; }
  #library-results .catalog-preset-frame.is-compact { margin-top: 1px; }
  #library-results .catalog-preset-frame.is-compact > div { padding: 2px 0; }
  #library-results .catalog-preset-frame.is-compact dt { font-size: 11px; }
  #library-results .catalog-preset-frame.is-compact dd { font-size: 18px; }
  #library-results .catalog-preset-source { font-size: 10px; line-height: 1.3; }
  #library-results .preset-actions { padding-top: 7px; gap: 9px; }
  #library-results .preset-actions .button { min-height: 36px; padding: 7px 8px; font-size: 16px; }
  #library-results .compare-check { padding: 5px 0; font-size: 15px; }
  #library-results .catalog-jersey-position { font-size: 34px; top: 33%; }
  #library-comparison { bottom: 75px; margin-top: 10px; }
  .catalog-compare-dock { padding: 10px; gap: 10px; }
  .catalog-compare-dock-title > span { font-size: 18px; }
  .catalog-compare-dock > .button { min-height: 40px; padding: 8px 12px; font-size: 17px; }

  .catalog-dialog { padding: 15px 12px 22px; }
  .catalog-dialog-heading { margin-bottom: 13px; }
  .catalog-dialog-heading .eyebrow { font-size: 10px; margin-bottom: 5px; }
  .catalog-dialog-heading h2 { font-size: 33px; line-height: 1.05; }
  .catalog-dialog-close { width: 34px; height: 34px; }
  #catalog-dialog[data-kind="badge"] .catalog-dialog-heading { margin-bottom: 12px; }
  .catalog-detail-identity { grid-template-columns: 83px minmax(0,1fr); gap: 7px 12px; padding-bottom: 12px; }
  .catalog-detail-identity .badge-art-slot { height: 105px; }
  .catalog-detail-identity .catalog-discipline { font-size: 16px; padding: 5px 7px; width: fit-content; }
  .catalog-detail-identity .native-badge-primary { font-size: 13px; line-height: 1.35; }
  .catalog-detail-identity .native-badge-alternate { margin-top: 5px; font-size: 11px; }
  .catalog-detail-main .catalog-section-heading > h3,.catalog-detail-main > .catalog-subtitle { display: none; }
  .catalog-detail-main .catalog-section-heading .catalog-segmented button { min-height: 32px; padding: 6px 10px; font-size: 17px; }
  .catalog-badge-rating-summary { margin-top: 10px; padding: 6px 12px; gap: 6px 12px; }
  .catalog-badge-rating-summary > span { font-size: 17px; }
  .catalog-badge-rating-summary strong { font-size: 23px; }
  .catalog-requirement-table { margin-top: 8px; }
  .catalog-requirement-table thead th { font-size: 11px; line-height: 1.15; padding: 7px 4px; background: none; }
  .catalog-requirement-table tbody :is(th,td) { padding: 8px 4px; font-size: 11px; height: 43px; }
  .catalog-tier-choice { gap: 5px; font-size: 14px; }
  .catalog-tier-choice .tier-art { width: 23px; height: 27px; }
  .catalog-requirement-table .catalog-rating-number { font-size: 22px; }
  .catalog-requirement-table .catalog-status { padding: 3px 1px; font-size: 10px; }
  .catalog-badge-rule-note { margin-top: 7px; font-size: 11px; }
  .catalog-detail-loadout { margin-top: 12px; padding: 12px; }
  .catalog-detail-loadout h3 { font-size: 26px; margin: 0 0 8px; }
  .catalog-detail-loadout > .catalog-subtitle { display: none; }
  .catalog-detail-loadout .catalog-detail-facts { grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0 0 10px; gap: 9px; }
  .catalog-detail-facts > div { margin: 0; padding: 0 7px 0 0; border-bottom: 0; border-right: 1px solid #3d4b56; }
  .catalog-detail-facts > div:last-child { border: 0; padding: 0; }
  .catalog-detail-facts dt { font-size: 11px; line-height: 1.15; }
  .catalog-detail-facts > div dd { margin-top: 4px; font-size: 20px; line-height: 1.05; }
  .catalog-detail-loadout > .button { margin-top: 7px; min-height: 40px; padding: 9px 7px; font-size: 20px; }
  .catalog-loadout-assumptions { margin-top: 8px; font-size: 11px; }
  .catalog-detail-loadout > .catalog-footnote { margin-top: 6px; font-size: 12px; }

  .catalog-comparison-body { display: flex; flex-direction: column; }
  .catalog-comparison-body .catalog-comparison-peers { order: -2; display: block; margin: 0 0 9px; }
  .catalog-comparison-peers > strong { position: relative; margin: 0 0 8px; padding: 9px 10px 9px 14px; border-left-width: 4px; font-size: 22px; line-height: 1.1; }
  .catalog-comparison-peers > strong > small { display: block; font: 500 10px 'Barlow Condensed',sans-serif; text-transform: uppercase; color: #b3c2d0; margin-bottom: 3px; }
  .catalog-comparison-peers > strong > span { display: block; color: #b3c2d0; font-size: 13px; margin-top: 3px; }
  .catalog-comparison-peers .catalog-segmented { padding: 2px; }
  .catalog-comparison-peers .catalog-segmented:empty { display: none; }
  .catalog-comparison-peers .catalog-segmented > button { min-height: 28px; font-size: 15px; padding: 5px 7px; }
  .catalog-comparison-toolbar { order: -1; gap: 8px; margin-bottom: 10px; align-items: center; }
  .catalog-comparison-toolbar > p,.catalog-comparison-full-toggle { display: none; }
  .catalog-comparison-toolbar .catalog-comparison-phase { order: 0; flex: 1; padding: 2px; }
  .catalog-comparison-toolbar .catalog-comparison-phase button { min-height: 27px; font-size: 14px; padding: 5px; }
  .catalog-comparison-differences { order: 1; gap: 5px; font-size: 11px; }
  .catalog-comparison-differences input { width: 22px; height: 17px; }
  .catalog-comparison-toolbar .catalog-comparison-remove { order: 2; margin: 0; min-height: 30px; font-size: 12px; padding: 5px 7px; }
  .catalog-comparison-table tr { grid-template-columns: minmax(110px,1.25fr) repeat(2,minmax(0,1fr)); }
  .catalog-comparison-table :is(th,td),.catalog-comparison-table.is-summary :is(th,td) { padding: 5px 6px; font-size: 18px; line-height: 1.15; }
  .catalog-comparison-table tbody th { font-size: 15px; }
  .catalog-comparison-table thead th,.catalog-comparison-table.is-summary thead th { min-height: 40px; padding: 8px 6px!important; }
  .catalog-comparison-table thead th h3 { font-size: 15px; margin: 0; line-height: 1.15; padding-right: 7px; }
  .catalog-comparison-table thead .catalog-remove { font-size: 20px; right: 1px; top: 0; }
  .catalog-comparison-table .catalog-compare-section th { font-size: 18px; padding: 4px 7px; }
  .catalog-comparison-table.is-summary tr[data-field="weight"],.catalog-comparison-table.is-summary tr[data-field="wingspan"],.catalog-comparison-table.is-summary tr[data-field="steal"],.catalog-comparison-table.is-summary tr[data-field="recommended-applications"],.catalog-comparison-table.is-summary .catalog-compare-section[data-discipline="physicals"] { display: none; }
  .catalog-comparison-table tfoot th { font-size: 13px; }
  .catalog-comparison-table tfoot :is(th,td) { padding: 7px 4px; }
  .catalog-comparison-table tfoot .button { min-height: 36px; font-size: 13px; padding: 7px 4px; }
  .catalog-comparison-expand { display: block; width: 100%; margin-top: 8px; min-height: 32px; padding: 6px; font-size: 15px; }
  .catalog-comparison-note { margin-top: 8px; font-size: 11px; }

  #catalog-animation-toolbar { display: flex; margin-bottom: 8px; gap: 8px; padding: 0; min-height: 36px; }
  #catalog-animation-toolbar .catalog-filter-select { flex: 1; min-width: 0; width: auto; min-height: 36px; padding: 7px 25px 7px 10px; font-size: 16px; }
  .catalog-animation-filter-toggle { display: inline-flex; min-height: 36px; padding: 7px 17px; font-size: 16px; }
  .catalog-animation-extra-filters { display: none; flex: 0 0 100%; flex-wrap: wrap; gap: 12px; border: 1px solid #405260; border-radius: 6px; padding: 10px; }
  .catalog-animation-extra-filters.is-open { display: flex; }
  .catalog-animation-extra-filters .catalog-toggle { font-size: 12px; }
  .catalog-animation-extra-filters .catalog-animation-phase { flex: 1 0 100%; margin: 0; }
  .catalog-animation-extra-filters .catalog-animation-phase button { flex: 1; min-height: 31px; padding: 6px 8px; }
  .catalog-current-frame { padding: 7px 10px; margin-bottom: 9px; line-height: 1.35; font-size: 12px; }
  .catalog-animation-table-wrap { border: 0; border-radius: 0; max-height: calc(100dvh - 385px); min-height: 240px; overflow-y: auto; }
  .catalog-animation-table tr.catalog-animation-row { padding: 10px 11px; margin-bottom: 9px; gap: 6px 9px; }
  .catalog-animation-table tr.catalog-animation-row > td:first-child { grid-column: 1/-1; }
  .catalog-animation-open { grid-template-columns: 32px minmax(0,1fr); gap: 2px 10px; align-items: center; }
  .catalog-animation-open .catalog-icon { grid-row: 1/3; width: 29px; height: 32px; }
  .catalog-animation-open strong { font-size: 23px; line-height: 1.1; }
  .catalog-animation-mobile-meta { display: block; grid-column: 2; font: 400 11px/1.3 'Barlow',sans-serif; color: #b7c5d1; }
  .catalog-animation-table tr.catalog-animation-row > .animation-category,.catalog-animation-table tr.catalog-animation-row > .animation-height { display: none; }
  .catalog-animation-table tr.catalog-animation-row > .animation-requirements { grid-column: 1; padding: 2px 0; align-self: center; }
  .catalog-animation-table .animation-requirements > span { margin: 2px 0; }
  .catalog-animation-table .animation-requirements > span > .catalog-animation-desktop-requirement { display: none; }
  .catalog-animation-table .animation-requirements > span > .catalog-animation-mobile-requirement { display: block; margin: 0; font-size: 12px; line-height: 1.2; }
  .catalog-animation-table .animation-requirements > small { font-size: 10px; }
  .catalog-animation-table .animation-build-status { grid-column: 2; align-self: center; }
  .catalog-animation-table .catalog-status { font-size: 11px; padding: 4px 5px; }
  .catalog-animation-table .catalog-delta { font-size: 10px; margin-top: 3px; }
  .catalog-animation-table tr.catalog-animation-row > .catalog-animation-mobile-action { display: block; grid-column: 1/-1; }
  .catalog-mobile-requirement-link { display: block; width: 100%; border: 1px solid #3d5263; margin-top: 2px; padding: 6px 10px; font: 500 13px 'Barlow',sans-serif; cursor: pointer; }
  .catalog-list-footer { padding: 9px 0 0; font-size: 13px; margin-bottom: 8px; }
  .catalog-list-footer .button { min-height: 34px; padding: 7px 10px; font-size: 14px; }
  .catalog-dialog .catalog-animation-detail { padding: 14px; }
  .catalog-dialog .animation-detail-stat { padding: 16px 0; }
}

/* Selected badge rows use the source discipline and cumulative tier cost. */
#panel-builder[data-view="loadout"] .loadout-slots { gap: 13px; margin-top: 17px; }
#panel-builder[data-view="loadout"] .loadout-discipline-group { border: 1px solid #3d4d5b; border-left: 4px solid var(--catalog-discipline); border-radius: 7px; padding: 12px 14px; background: linear-gradient(120deg,color-mix(in srgb,var(--catalog-discipline) 7%,#18212a),#121a22); }
#panel-builder[data-view="loadout"] .loadout-discipline-group > h3 { font: 700 22px 'Barlow Condensed',sans-serif; margin: 0 0 9px; text-transform: uppercase; }
#panel-builder[data-view="loadout"] .loadout-entry { grid-template-columns: 42px minmax(0,1fr) auto auto 28px; gap: 12px; padding: 11px 0; border: 0; border-radius: 0; background: transparent; }
#panel-builder[data-view="loadout"] .loadout-entry + .loadout-entry { border-top: 1px solid #334552; }
#panel-builder[data-view="loadout"] .loadout-entry .badge-art-slot { width: 42px; height: 48px; }
#panel-builder[data-view="loadout"] .loadout-entry-copy { min-width: 0; }
#panel-builder[data-view="loadout"] .loadout-entry-copy > strong { display: block; font-size: 23px; line-height: 1.1; }
#panel-builder[data-view="loadout"] .loadout-entry-description { font-size: 12px; line-height: 1.4; color: #a6b5c4; margin: 5px 0 0; }
#panel-builder[data-view="loadout"] .loadout-entry .loadout-tier { color: var(--catalog-discipline); font: 600 18px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
#panel-builder[data-view="loadout"] .loadout-token-cost { font: 600 17px 'Barlow Condensed',sans-serif; white-space: nowrap; }
#panel-builder[data-view="loadout"] .loadout-entry > button { border-radius: 5px; }
#panel-builder[data-view="loadout"] .loadout-validation-status { font: 600 19px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
#panel-builder[data-view="loadout"] .loadout-validation-spend { font-size: 13px; margin: 8px 0; }
#panel-builder[data-view="loadout"] .loadout-validation-details { margin-top: 8px; font-size: 12px; line-height: 1.5; color: #b1c1d0; }
#panel-builder[data-view="loadout"] .loadout-validation-details summary { cursor: pointer; }
#panel-builder[data-view="loadout"] .loadout-validation-details p { margin: 7px 0 0; }
#panel-builder[data-view="loadout"] .token-budget-table { width: 100%; border-collapse: collapse; margin-top: 11px; table-layout: fixed; }
#panel-builder[data-view="loadout"] .token-budget-table th:first-child { width: 48%; text-align: left; }
#panel-builder[data-view="loadout"] .token-budget-table thead th { padding: 3px 5px 6px; color: #a8b9c8; text-align: right; font: 500 11px/1.15 'Barlow Condensed',sans-serif; text-transform: uppercase; vertical-align: bottom; }
#panel-builder[data-view="loadout"] .token-discipline-row { height: 32px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
#panel-builder[data-view="loadout"] .token-discipline-row :is(th,td) { padding: 6px 5px; border-top: 1px solid #344552; text-align: right; font: 600 17px/1.1 'Barlow Condensed',sans-serif; font-variant-numeric: tabular-nums; }
#panel-builder[data-view="loadout"] .token-discipline-row th { text-transform: uppercase; }
#panel-builder[data-view="loadout"] .token-discipline-row th::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--catalog-discipline); margin-right: 7px; vertical-align: 1px; }
#panel-builder[data-view="loadout"] .token-discipline-row .token-threshold-value { color: #becbd7; }
#panel-builder[data-view="loadout"] .token-reference-note { border-top: 1px solid #354653; margin-top: 5px; padding-top: 8px; color: #a8bacb; font-size: 12px; line-height: 1.35; }
#panel-builder[data-view="loadout"] .token-reference-note summary { cursor: pointer; }
#panel-builder[data-view="loadout"] .token-reference-note .studio-note { font-size: 12px; margin-bottom: 0; }
#panel-builder[data-view="loadout"] .slot-input-settings { margin-top: 12px; padding-top: 10px; }
#panel-builder[data-view="loadout"] .slot-input-settings summary { color: var(--text); font: 700 23px 'Barlow Condensed',sans-serif; text-transform: uppercase; }
#panel-builder[data-view="loadout"] .slot-input-settings > .studio-note { font-size: 12px; line-height: 1.3; margin: 6px 0 8px; }
#panel-builder[data-view="loadout"] .slot-inputs { margin-top: 6px; gap: 4px; }
#panel-builder[data-view="loadout"] .slot-cell { grid-template-columns: 88px minmax(0,1fr); padding: 5px 6px; border-radius: 4px; }
#panel-builder[data-view="loadout"] .slot-discipline { font-size: 13px; margin: 0; }
#panel-builder[data-view="loadout"] .slot-fields { gap: 7px; }
#panel-builder[data-view="loadout"] .slot-input { font-size: 9px; gap: 5px; }
#panel-builder[data-view="loadout"] .slot-input input { height: 27px; padding: 4px 6px; font-size: 11px; }
.loadout-draft-footer { display: none; }
#panel-builder[data-view="loadout"] .loadout-draft-footer { display: flex; grid-column: 1/-1; align-items: center; justify-content: space-between; gap: 18px; padding: 12px 16px; border: 1px solid #a76925; border-radius: 7px; background: linear-gradient(105deg,#372716,#151d25); }
.loadout-draft-footer p { display: flex; align-items: center; gap: 14px; margin: 0; font: 600 19px/1.2 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.loadout-draft-info { color: var(--accent); font: 500 26px/1 sans-serif; padding-right: 14px; border-right: 1px solid #6d5741; }
.loadout-draft-footer .loadout-save-draft { min-width: 155px; min-height: 40px; padding: 8px 15px; font-size: 19px; }
@media (max-width: 760px) {
  #panel-builder[data-view="loadout"] .loadout-discipline-group { padding: 9px 10px; }
  #panel-builder[data-view="loadout"] .loadout-discipline-group > h3 { font-size: 21px; }
  #panel-builder[data-view="loadout"] .loadout-entry { grid-template-columns: 32px minmax(0,1fr) auto 27px; gap: 6px 8px; padding: 9px 0; }
  #panel-builder[data-view="loadout"] .loadout-entry .badge-art-slot { grid-column: 1; grid-row: 1/3; width: 32px; height: 39px; }
  #panel-builder[data-view="loadout"] .loadout-entry-copy { grid-column: 2; grid-row: 1/3; }
  #panel-builder[data-view="loadout"] .loadout-entry-copy > strong { font-size: 20px; }
  #panel-builder[data-view="loadout"] .loadout-entry-description { font-size: 11px; }
  #panel-builder[data-view="loadout"] .loadout-entry .loadout-tier { grid-column: 3; grid-row: 1; font-size: 15px; max-width: 65px; }
  #panel-builder[data-view="loadout"] .loadout-entry .loadout-token-cost { grid-column: 3; grid-row: 2; font-size: 12px; }
  #panel-builder[data-view="loadout"] .loadout-entry > button { grid-column: 4; grid-row: 1/3; }
  #panel-builder[data-view="loadout"] .slot-cell { grid-template-columns: 85px 1fr; }
  #panel-builder[data-view="loadout"] .loadout-draft-footer { padding: 11px 12px; gap: 10px; flex-wrap: wrap; }
  .loadout-draft-footer p { font-size: 17px; }
  .loadout-draft-footer .loadout-save-draft { width: 100%; }
  #panel-builder[data-view="loadout"] .mobile-save { display: none; }
}

@media (max-width:700px) {
  #library-comparison { position: static; bottom: auto; }
  #panel-library .explorer-header { padding: 0; border-bottom: 0; margin-bottom: 9px; gap: 9px; }
  #panel-library .explorer-header p:not(.eyebrow) { font-size: 12px; line-height: 1.3; }
  #panel-library .library-toolbar { padding: 0; gap: 9px; margin: 0 0 7px; }
  #panel-library #library-modes, #panel-library #library-categories { margin: 0; }
  #panel-library #library-modes .filter-chip { min-height: 32px; line-height: 1; }
  #panel-library #library-categories .filter-chip { min-height: 30px; line-height: 1; }
  #library-context { margin-bottom: 6px; }
  #library-results .catalog-preset-card { grid-template-columns: 100px minmax(0,1fr); gap: 4px 10px; padding: 10px; }
  #library-results .catalog-preset-art.is-jersey { min-height: 118px; max-height: 126px; }
  #library-results .catalog-preset-info h3 { font-size: 24px; margin: 0 0 4px; line-height: 1.05; }
  #library-results .catalog-preset-frame.is-compact dd { line-height: 1.1; }
  #library-results .catalog-preset-frame.is-compact dt { line-height: 1.1; }
  #library-results .catalog-preset-mode { line-height: 1.1; }
  #library-results .preset-actions { padding-top: 5px; margin-top: 0; }
  #library-results .preset-actions .button { min-height: 34px; padding: 6px 8px; line-height: 1; }
  #library-results .catalog-preset-card.is-goat .preset-actions .button { border-color: var(--accent); background: transparent; color: var(--text); box-shadow: none; }
}