/* Readable app surfaces; artwork remains on deck details and the home page. */
* { scrollbar-color: var(--line-strong) var(--surface-black); }
.eyebrow { color: var(--gold); letter-spacing: .1em; font-size: .75rem; }
.eyebrow::before { width: .8rem; opacity: .65; }
.primary-nav a { font-size: .95rem; }
.catalog-link, .user-chip, .button { font-size: .9rem; }
.button-small, .breadcrumb, .text-link, .panel-heading a { font-size: .8rem; }
.primary-nav a[aria-current="page"] { box-shadow: none; }
.button-primary { box-shadow: none; }
.stat-featured { background: var(--surface-black); color: var(--ink-strong); }
.stat-card::before, .stat-card:nth-child(n)::before { background: var(--line-strong); }
.stat-featured .delta.neutral { background: var(--paper-raised); color: var(--ink); }
.stat-featured .rating-line { background: var(--line); }
.stat-featured .rating-line span, .stat-featured .rating-line i { background: var(--gold); }
.stat-label, .member-stat-grid small { font-size: .8rem; }
.stat-card .muted, .status-pill, .deck-status, .delta { font-size: .78rem; }
.member-stat-grid article:nth-child(n) { border-top-color: var(--line-strong); }
.member-stat-grid article > em { font-size: .85rem; }
.member-stat-grid article > em span { color: var(--ink-soft); font-weight: 500; }
.rank { color: var(--ink); }
.favorite-showcase-position, .favorite-slot-number { background: var(--surface-black); border: 1px solid var(--line-strong); color: var(--ink-soft); box-shadow: none; }
.favorite-showcase-card { box-shadow: var(--shadow); }
.favorite-showcase-copy small, .member-deck-card small { font-size: .8rem; }
.activity-copy strong { font-size: .95rem; }
.activity-copy p, .chat-message p { font-size: .85rem; }
.activity-copy time, .chat-message header time { font-size: .75rem; }
.chat-message header a, .activity-open, .panel-note { font-size: .8rem; }
.section-heading > span, .deck-view-heading p, .deck-sideboard-heading p { font-size: .85rem; }
.changelog-list strong { font-size: .85rem; }
.changelog-list p, .changelog-list time, .changelog-current { font-size: .75rem; }
.changelog-list li { grid-template-columns: 5rem minmax(0, 1fr); }
.hub-changelog .panel-heading { flex-wrap: wrap; }

/* Short, content-first page headings. */
.compact-page-heading { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin: 0 0 1.5rem; }
.compact-page-heading > div { min-width: 0; }
.compact-page-heading h1 { margin: 0 0 .5rem; font-size: clamp(2rem, 3vw, 2.7rem); line-height: 1.1; }
.compact-page-heading p { margin: 0; color: var(--ink-soft); font-size: .9rem; line-height: 1.5; }
.compact-page-meta { color: var(--ink-soft); font-size: .85rem; white-space: nowrap; }
[data-view="leaderboard"] .main-content, [data-view="decks:list"] .main-content { padding-top: 1.75rem; }
.standings-heading { margin-bottom: 1rem; }
.rating-inline { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.5rem; padding: .65rem 1rem; margin-bottom: 1rem; border: 1px solid var(--line); border-radius: .35rem; background: var(--surface-black); color: var(--ink-soft); font-size: .85rem; }
.rating-inline strong { color: var(--ink-strong); font-variant-numeric: tabular-nums; }
.standings-section { max-width: none; }
.standings-section .section-heading { margin: 0 0 .5rem; }
.standings-section .eyebrow { display: none; }
.standings-section h2 { font-size: 1rem; }
.standings-list { gap: .35rem; margin: .5rem 0; }
.standings-list li { grid-template-columns: 2rem 2.5rem minmax(0, 1fr) minmax(11rem, .6fr) 5rem; gap: .75rem; padding: .55rem .85rem; min-height: 3.55rem; background: var(--surface-black); border-radius: .3rem; }
.standings-list li.is-you { border-color: var(--line-strong); background: var(--paper-raised); box-shadow: inset 3px 0 var(--copper); }
.standing-rank, .standing-rank.rank-top { width: 2rem; height: 2rem; background: transparent; color: var(--ink-soft); font-size: .95rem; }
.standing-avatar { display: grid; width: 2.3rem; height: 2.3rem; }
.standing-player { min-width: 0; }
.standing-player strong { overflow-wrap: anywhere; font-size: 1rem; }
.standing-player small, .standing-record small, .standing-elo small { font-size: .75rem; }
.standing-record { grid-column: auto; text-align: right; }
.standing-record b { font-size: .95rem; font-variant-numeric: tabular-nums; }
.standing-elo strong { font-size: 1.2rem; font-variant-numeric: tabular-nums; }
[data-view="leaderboard"] .season-switcher { margin: 0 0 .75rem; }

/* Decks show their selected Commander printing alongside the name and facts. */
.deck-library-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.deck-library-item { display: grid; grid-template-columns: minmax(5rem, 7rem) minmax(0, 1fr); align-items: start; gap: 1.1rem; padding: 1.25rem; border: 1px solid var(--line); border-radius: .5rem; background: var(--surface-black); color: var(--ink); text-decoration: none; transition: border-color .15s; }
.deck-library-item:hover { border-color: var(--gold); color: var(--ink); }
.deck-library-image { min-width: 0; padding-top: .25rem; }
.deck-library-image img { display: block; width: 100%; border-radius: 4.6% / 3.3%; aspect-ratio: 488 / 680; object-fit: contain; }
.deck-library-image > span { display: grid; place-content: center; aspect-ratio: 488 / 680; border: 1px dashed var(--line); color: var(--ink-soft); font-size: .8rem; text-align: center; }
.deck-library-copy { min-width: 0; }
.deck-library-state { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: .65rem; font-size: .75rem; color: var(--ink-soft); }
.deck-library-state .deck-status { position: static; background: var(--paper-raised); color: var(--ink); border-color: var(--line); }
.deck-library-copy h2 { margin: 0 0 .35rem; font-size: 1.35rem; line-height: 1.2; overflow-wrap: anywhere; }
.deck-library-commander, .deck-library-owner { margin: 0 0 .35rem; font-size: .85rem; line-height: 1.4; color: var(--ink-soft); }
.deck-library-description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: .5rem 0; color: var(--ink-soft); font-size: .8rem; line-height: 1.5; }
.deck-library-facts { display: grid; grid-template-columns: .8fr 1.2fr 1fr; gap: .5rem; margin: .9rem 0 .75rem; padding-top: .65rem; border-top: 1px solid var(--line); }
.deck-library-facts dt { color: var(--ink-soft); font-size: .75rem; }
.deck-library-facts dd { margin: .2rem 0 0; font-size: 1rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.deck-library-facts small { color: var(--ink-soft); font-size: .7rem; }
.deck-library-open { color: var(--gold); font-size: .8rem; font-weight: 700; }

/* Each stack entry retains its readable name, including alternate treatments. */
.visual-deck-board { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
.visual-card-grid { min-height: 0; padding: 0 0 .3rem; gap: .15rem; }
.visual-deck-card { width: min(100%, 12rem); overflow: hidden; border: 1px solid var(--line); border-radius: .35rem; background: var(--surface-black); transition: border-color .15s; }
.visual-deck-card + .visual-deck-card { margin-top: 0; }
.visual-deck-card:hover, .visual-deck-card:focus-visible { transform: none; filter: none; border-color: var(--gold); }
.visual-deck-card:not(:last-child):hover, .visual-deck-card:not(:last-child):focus-visible { margin-bottom: 0; }
.visual-card-meta { position: static; display: flex; align-items: center; gap: .4rem; min-height: 2.65rem; margin: 0; padding: .4rem .5rem; border-radius: 0; background: var(--surface-black); opacity: 1; transform: none; }
.visual-card-meta span { font-size: .82rem; line-height: 1.3; white-space: normal; overflow-wrap: anywhere; }
.visual-card-meta .stack-quantity { padding: .12rem .25rem; border: 1px solid var(--line); border-radius: .2rem; color: var(--ink-soft); font-size: .78rem; }
.visual-card-image { height: .85rem; aspect-ratio: auto; border: 0; border-radius: 0; box-shadow: none; }
.visual-card-image img { display: block; width: 100%; height: auto; object-fit: contain; }
.visual-deck-card:last-child .visual-card-image, .visual-deck-card:hover .visual-card-image, .visual-deck-card:focus-visible .visual-card-image { height: auto; aspect-ratio: 488 / 680; }
.visual-deck-card:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.visual-deck-card:focus-visible .visual-card-image { outline: none; }
.visual-group-heading span { font-size: .8rem; }

/* Tables use space for names and legible numeric values. */
.deck-table { width: 100%; min-width: 40rem; table-layout: fixed; font-size: .9rem; }
.deck-table th, .deck-table td { padding: .7rem .65rem; overflow-wrap: anywhere; }
.deck-table td { font-size: .9rem; }
.deck-table th { font-size: .75rem; letter-spacing: .04em; }
.deck-table th:nth-child(1) { width: 8%; }
.deck-table th:nth-child(2) { width: 32%; }
.deck-table th:nth-child(3) { width: 26%; }
.deck-table th:nth-child(4) { width: 17%; }
.deck-table th:nth-child(5) { width: 17%; }
.deck-table td:nth-child(2) a { font-size: .95rem; }
.deck-table td:nth-child(3), .deck-table td:nth-child(4) { font-size: .85rem; }
.deck-table th:last-child, .deck-table td:last-child { text-align: right; font-variant-numeric: tabular-nums; }
.deck-table .table-badge { display: inline-block; margin: .2rem 0 .2rem .3rem; font-size: .65rem; }

/* Editor: compact controls, visible persistence, room for results. */
.editor-heading.command-editor-heading { min-height: 0; align-items: center; gap: 1rem; padding: 1rem 1.25rem; margin: 0; }
.editor-heading.command-editor-heading::after { display: none; }
.editor-heading.command-editor-heading > div { min-width: 0; }
.editor-heading.command-editor-heading h1 { margin: 0; font-size: clamp(1.7rem, 3vw, 2.5rem); line-height: 1.15; overflow-wrap: anywhere; }
.command-heading-actions { gap: .5rem; }
.command-heading-actions .button { min-height: 2.5rem; font-size: .8rem; padding: .5rem .7rem; }
.editor-state-bar { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; padding: .75rem 1rem; margin: .75rem 0 1rem; border: 1px solid var(--line); border-radius: .3rem; background: var(--surface-black); font-size: .85rem; color: var(--ink-soft); }
.editor-state-bar form { margin-left: auto; }
.editor-state-bar [data-save-state] { color: var(--ink); }
.editor-readiness { font-weight: 600; color: var(--ink-soft); }
.editor-readiness.is-ready { color: var(--success); }
.editor-state-bar[aria-busy="true"] [data-save-state] { color: var(--gold); }
.command-tools-column { position: static; }
.command-search-console, .command-validation { box-shadow: none; }
.command-search-console::before { display: none; }
.command-console-heading { padding: .85rem 1rem .65rem; }
.command-console-heading h2 { font-size: 1.25rem; text-transform: none; }
.command-role-switch { margin: 0 1rem .65rem; }
.command-role-switch button { min-height: 2.6rem; font-size: .8rem; }
.command-commander-state { margin: 0 1rem .65rem; padding: .4rem .55rem; }
.command-commander-state strong { font-size: .85rem; }
.command-search-label { font-size: .75rem; }
.command-search-help { margin-bottom: .65rem; font-size: .72rem; }
.command-search-results { max-height: max(12rem, min(34rem, 55dvh)); }
.command-result-card { grid-template-columns: 3rem minmax(0, 1fr); gap: .4rem .65rem; padding: .65rem .8rem; }
.command-result-art { grid-row: 1 / 3; }
.command-result-card .result-title-row strong { white-space: normal; font-size: .9rem; }
.command-result-card p, .command-result-card small { font-size: .75rem; }
.command-result-action { grid-column: 2; justify-self: start; min-height: 2.4rem; font-size: .8rem; box-shadow: none; padding: .45rem .75rem; }
.command-result-action:hover:not(:disabled), .command-result-action:focus-visible:not(:disabled), .command-result-action:active:not(:disabled) { transform: none; box-shadow: none; }
.command-card-summary { grid-template-columns: 2rem 2.5rem minmax(0, 1fr) 4.5rem 5rem 1rem; }
.command-card-price { color: var(--ink); font-size: .9rem; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.command-card-copy strong { font-size: 1rem; white-space: normal; }
.command-card-copy > small { font-size: .78rem; }
.command-card-printing { font-size: .75rem; }
.command-card-copy .table-badge { font-size: .6rem; }
.command-card-copy > span { flex-wrap: wrap; }
.command-card-quantity { color: var(--ink-soft); font-size: .9rem; }
.command-card-row.is-commander { background: var(--surface-black); }
.command-card-group > header strong { background: var(--paper-raised); color: var(--ink); font-size: .8rem; }
.command-card-group > header span { font-size: .8rem; }
.command-metrics article::before, .command-metrics article:nth-child(n)::before { background: var(--line); }
.command-metrics i::before { background: var(--gold); }
.command-metrics > article > span, .command-metrics article > small { font-size: .75rem; }
.command-drawer-rules, .command-drawer-card + div p, .command-drawer-field select { font-size: .9rem; }
.command-printing-state, .validation-list small, .validation-summary small, .rule-checklist span { font-size: .8rem; }

/* Preview stays small and neutral until a complete calculation exists. */
.elo-preview:not([data-state="ready"]) { box-shadow: none; background: var(--surface-black); border-color: var(--line); }
.elo-preview-empty { min-height: 0; display: block; padding: .75rem 0 0; text-align: left; }
.elo-preview-empty > span { display: none; }
.elo-preview-empty p { max-width: none; margin-bottom: 0; font-size: .9rem; }
.elo-preview [hidden] { display: none; }
.elo-preview-error:empty { display: none; }
.elo-preview-note, .elo-factors small, .elo-versus small { font-size: .8rem; }
.preview-field-error { margin: .4rem 0 0; font-size: .85rem; color: var(--danger); }
.preview-field-error:empty { display: none; }
.elo-point-controls { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem 1rem; padding-top: .75rem; border-top: 1px solid var(--line); font-size: .85rem; }
.elo-point-controls select { min-width: 0; max-width: 100%; padding: .55rem; border: 1px solid var(--line-strong); border-radius: .25rem; background: var(--surface-black); color: var(--ink); font: inherit; }
.elo-point-controls output { color: var(--ink-strong); }
.elo-point-controls a { color: var(--gold); }
.chart-note { font-size: .85rem; line-height: 1.55; }

@media (min-width: 901px) and (max-width: 1280px) {
  .deck-command-center { grid-template-columns: 19rem minmax(0, 1fr); }
  .command-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .editor-heading.command-editor-heading { flex-wrap: wrap; }
}
@media (max-width: 1050px) {
  .deck-library-items { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .command-heading-actions { display: flex; flex-wrap: wrap; }
  .command-heading-actions .button { width: auto; flex: 1 1 auto; }
  .command-mobile-tabs button { font-size: .85rem; }
  .command-mobile-tabs span { font-size: .7rem; }
  .editor-state-bar form { margin-left: 0; }
}
@media (max-width: 760px) {
  .primary-nav a { font-size: .72rem; }
  .compact-page-heading { flex-wrap: wrap; }
  .compact-page-meta { white-space: normal; }
  .standings-list li { grid-template-columns: 1.5rem 2.3rem minmax(0, 1fr) 4rem; gap: .5rem; }
  .standing-record { grid-row: 2; grid-column: 3 / -1; text-align: left; }
  .standing-elo { grid-column: 4; grid-row: 1; }
  .standing-player { grid-column: 3; }
  .visual-deck-board { grid-template-columns: minmax(0, 1fr); }
  .visual-deck-card { width: 10rem; min-width: 10rem; }
  .visual-card-image { height: auto; aspect-ratio: 488 / 680; }
  .command-card-summary { grid-template-columns: 1.6rem 2.5rem minmax(0, 1fr) 4.5rem 1rem; }
  .command-card-printing { display: none; }
  .command-role-switch button { font-size: .78rem; }
  .editor-heading.command-editor-heading { align-items: stretch; }
  .editor-state-bar { gap: .5rem .75rem; }
  .elo-point-controls select { width: 100%; }
}
@media (hover: none) {
  .visual-deck-card { width: 10rem; min-width: 10rem; }
  .visual-card-image { height: auto; aspect-ratio: 488 / 680; }
}
@media (max-width: 420px) {
  .deck-library-item { grid-template-columns: 4.8rem minmax(0, 1fr); padding: .85rem; gap: .8rem; }
  .deck-library-copy h2 { font-size: 1.2rem; }
  .deck-library-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .deck-library-facts > div:last-child { grid-column: 1 / -1; }
  .editor-state-bar form { width: 100%; }
  .editor-state-bar form .button { width: 100%; }
}

/* League experience: a quiet working surface with the original print palette. */
:root {
  --fir: #06392d;
  --paper: #0d2c24;
  --paper-raised: #12382e;
  --surface-black: #081c17;
  --ink: #ecdfc8;
  --ink-strong: #fff1d9;
  --ink-soft: #b8c5b7;
  --copper: #ff5838;
  --gold: #e9c28e;
  --line: rgba(204, 221, 198, .14);
  --line-strong: rgba(204, 221, 198, .3);
  --shadow: 0 8px 24px rgba(0, 0, 0, .12);
  --radius: .8rem;
}
html { font-size: 16px; }
body { background-image: linear-gradient(rgba(3, 44, 33, .93), rgba(3, 37, 28, .95)), url("/static/visual-rework/texture-green-paper-seamless.74c696e67ee7.webp"); }
body::after { display: none; }
body:not(.login-page) .app-shell { grid-template-columns: 13rem minmax(0, 1fr); grid-template-rows: 4.5rem 1fr auto; }
body:not(.login-page) .main-content { width: 100%; max-width: 94rem; min-width: 0; margin: 0 auto; padding: 2rem clamp(1.25rem, 3vw, 3rem) 3rem; }
h1, h2, h3 { font-weight: 750; }
h1 { letter-spacing: -.04em; }
h2 { font-size: 1.25rem; letter-spacing: -.025em; }
p { line-height: 1.6; }
.eyebrow { font-size: .75rem; font-weight: 650; letter-spacing: .1em; color: var(--gold); }
.eyebrow::before { display: none; }
.button, .button-small { min-height: 2.75rem; padding: .65rem 1rem; border-radius: .5rem; font-size: .875rem; font-weight: 650; letter-spacing: 0; text-transform: none; box-shadow: none; }
.button-accent, .button-primary { color: #13241b; background: var(--copper); border-color: var(--copper); box-shadow: none; }
.button-accent:hover, .button-primary:hover { background: #ff7255; border-color: #ff7255; color: #081c17; box-shadow: none; transform: none; }
.button-secondary, .button-quiet { background: transparent; color: var(--ink); border-color: var(--line-strong); }
.button-secondary:hover, .button-quiet:hover { background: var(--paper-raised); color: var(--ink-strong); }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
input:focus, textarea:focus, select:focus { outline: 2px solid var(--gold); outline-offset: 2px; box-shadow: none; border-color: var(--gold); }
input, select, textarea { font-size: 1rem; }
.field label, .finder-filter-field > label, .finder-query-field > label, .finder-range label, .finder-colors legend { font-size: .875rem; font-weight: 600; letter-spacing: 0; text-transform: none; }
.breadcrumb { margin-bottom: 1rem; font-size: .8125rem; }
.panel, .form-card { border-radius: var(--radius); box-shadow: none; }
.panel-heading { padding: 1.25rem; gap: .75rem; }
.panel-heading h2 { margin: 0; }
.panel-heading a, .text-link { font-size: .875rem; color: var(--gold); }
.status-pill, .deck-status { font-size: .75rem; font-weight: 650; letter-spacing: .035em; border-radius: .3rem; }

/* One navigation model across desktop and phone. */
.topbar { min-height: 4.5rem; padding: 0 1.5rem; background: #081c17; backdrop-filter: none; box-shadow: none; }
.topbar::after { display: none; }
.brand-copy strong { font-size: 1rem; }
.brand-copy small { font-size: .625rem; letter-spacing: .07em; }
.brand-mark { width: 2.4rem; height: 2.4rem; box-shadow: 2px 1px 0 var(--copper), -1px -1px 0 var(--blue); }
.topbar-actions { gap: 1rem; }
.quick-match { gap: .35rem; }
.account-menu { position: relative; }
.account-menu > summary { display: flex; cursor: pointer; list-style: none; border-radius: 2rem; }
.account-menu > summary::-webkit-details-marker { display: none; }
.user-chip { border: 0; background: transparent; padding: 0; gap: .5rem; font-size: .875rem; }
.account-popover { position: absolute; z-index: 60; right: 0; top: calc(100% + 1rem); width: 14rem; padding: .6rem; border: 1px solid var(--line-strong); border-radius: .7rem; background: #102c23; box-shadow: 0 12px 30px #0007; }
.account-popover > strong { display: block; padding: .5rem .75rem; font-size: .8rem; color: var(--ink-soft); }
.account-popover a, .account-popover button { display: block; width: 100%; padding: .7rem .75rem; text-align: left; text-decoration: none; border: 0; border-radius: .4rem; background: transparent; color: var(--ink); font-size: .875rem; }
.account-popover a:hover, .account-popover button:hover { background: var(--paper-raised); }
.account-popover form { border-top: 1px solid var(--line); margin-top: .35rem; padding-top: .35rem; }
.primary-nav { display: flex; flex-direction: column; gap: .35rem; top: 4.5rem; height: calc(100dvh - 4.5rem); padding: 1.75rem .85rem 1.25rem; background: #08271e; box-shadow: none; }
.primary-nav::before, .primary-nav::after { display: none; }
.nav-label { padding: 0 .85rem .7rem; color: var(--ink-soft); font-size: .75rem; font-weight: 600; }
.primary-nav > a { min-height: 3rem; margin: 0; padding: .75rem .85rem; border: 1px solid transparent; border-radius: .5rem; font-size: .9375rem; font-weight: 550; color: var(--ink-soft); background: transparent; box-shadow: none; }
.primary-nav > a:hover { background: #113b2e; color: var(--ink-strong); }
.primary-nav > a[aria-current="page"] { color: var(--ink-strong); background: #194638; border-color: #3b655148; box-shadow: inset 3px 0 var(--gold); }
.nav-icon { width: 1.2rem; height: 1.2rem; }
.nav-bottom { margin-top: auto; padding: 1rem .85rem 0; border-top: 1px solid var(--line); }
.nav-bottom a { display: block; padding: .5rem 0; text-decoration: none; font-size: .875rem; }
.nav-bottom > span { display: block; color: var(--ink-soft); font-size: .75rem; line-height: 1.7; margin-top: .5rem; }
.footer { padding: 1rem 3rem; border-top: 1px solid var(--line); background: transparent; font-size: .75rem; }

/* Dashboard: season, player state, then conversation and activity. */
.league-welcome { position: relative; isolation: isolate; display: flex; align-items: center; min-height: 12rem; overflow: hidden; margin-bottom: 1.25rem; padding: 1.5rem 2rem; border: 1px solid var(--line); border-radius: .9rem; background: #0a241b; }
.league-welcome > div { position: relative; z-index: 2; width: 75%; }
.league-welcome h1 { margin: .4rem 0 .45rem; font-size: clamp(2rem, 3vw, 3rem); line-height: 1.1; }
.league-welcome p { margin: 0 0 .65rem; color: var(--ink-soft); font-size: .875rem; }
.league-welcome .eyebrow { font-size: .75rem; color: var(--gold); }
.welcome-art { position: absolute; z-index: -1; right: 0; top: 0; width: 42%; height: 100%; object-fit: cover; object-position: 55% 53%; mask-image: linear-gradient(90deg, transparent, black 40%); opacity: .86; }
.season-state { display: inline-block; color: #94d2a9; margin-right: .6rem; }
.hub-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; width: 100%; margin: 0 0 1.5rem; border: 1px solid var(--line); border-radius: .75rem; background: var(--surface-black); overflow: hidden; }
.hub-stats .stat-card { min-height: 0; padding: 1.15rem 1.5rem; border: 0; border-radius: 0; background: transparent; box-shadow: none; gap: .2rem; }
.hub-stats .stat-card + .stat-card { border-left: 1px solid var(--line); }
.stat-card::before { display: none; }
.stat-label { font-size: .875rem; font-weight: 500; color: var(--ink-soft); }
.stat-value { font-size: 2rem; line-height: 1.3; }
.stat-card .muted { font-size: .8125rem; }
.social-hub-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(19rem,1fr); grid-template-areas: 'activity chat' 'ranking chat' 'news news'; align-items: start; gap: 1.25rem; }
.activity-panel { grid-area: activity; }
.league-chat { grid-area: chat; min-height: 0; }
.hub-ranking { grid-area: ranking; }
.hub-changelog { grid-area: news; }
.activity-stream { padding: 0 1.25rem; }
.activity-item { grid-template-columns: 2.6rem minmax(0,1fr); gap: .85rem; padding: 1rem 0; }
.activity-visual { width: 2.6rem; height: 2.6rem; }
.activity-visual b { font-size: .625rem; }
.activity-copy strong { font-size: .9375rem; font-weight: 650; line-height: 1.45; }
.activity-copy p { font-size: .875rem; line-height: 1.5; margin: .25rem 0; }
.activity-copy time { font-size: .75rem; }
.activity-time { color: var(--ink-soft); text-decoration: none; }
.activity-time:hover { color: var(--gold); text-decoration: underline; }
.activity-more > summary { padding: 1rem 1.25rem; border-top: 1px solid var(--line); cursor: pointer; color: var(--gold); font-size: .875rem; }
.chat-compose { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .65rem; padding: 0 1.25rem 1.25rem; background: transparent; border: 0; }
.chat-compose textarea { min-height: 3rem; max-height: 8rem; padding: .8rem; border: 1px solid var(--line-strong); border-radius: .5rem; font-size: 1rem; }
.chat-compose .button { min-height: 3rem; align-self: end; }
.chat-stream { max-height: 30rem; overflow-y: auto; padding: 0 1.25rem; }
.chat-count { background: var(--paper-raised); color: var(--ink-soft); font-size: .75rem; }
.chat-message { gap: .7rem; padding: 1rem 0; }
.chat-message p { font-size: .9375rem; }
.chat-message header a { font-size: .875rem; }
.chat-message header time { font-size: .75rem; }
.league-chat .eyebrow { display: none; }
.ranking-preview { padding: 0 1.25rem .5rem; }
.ranking-preview li { padding: .7rem 0; }
.ranking-preview li strong { font-size: .9375rem; }
.ranking-preview small { font-size: .75rem; }
.hub-changelog > summary { cursor: pointer; font-size: .9375rem; font-weight: 600; display: flex; }
.hub-changelog > summary::after { content: '+'; margin-left: auto; }
.hub-changelog[open] > summary::after { content: '−'; }
.hub-changelog .changelog-list { padding: 0 1.25rem 1.25rem; }
.hub-changelog .changelog-list p, .changelog-list time, .changelog-current { font-size: .8125rem; }

/* Compact page framing, while retaining each screen's existing tools. */
.compact-page-heading { margin-bottom: 1.5rem; }
.compact-page-heading h1 { font-size: 2.25rem; }
.compact-page-heading p { font-size: .9375rem; }
.match-entry-hero, .deck-hero, .finder-hero, .league-hero, .control-hub-hero, .rules-hero { min-height: 0; margin-bottom: 1.5rem; padding: 1.25rem 1.5rem; border-radius: .7rem; box-shadow: none; }
.match-entry-hero h1, .deck-hero h1, .finder-hero h1, .league-hero h1, .control-hub-hero h1, .rules-hero h1 { max-width: none; font-size: 2.25rem; text-transform: none; line-height: 1.15; }
.match-entry-hero::after { display: none; }
.member-hero { min-height: 0; padding: 1.5rem 2rem; box-shadow: none; }
.member-hero h1 { font-size: 2.75rem; text-transform: none; }
.member-stat-grid { margin-top: 1rem; }
.member-stat-grid article { box-shadow: none; }
.member-stat-grid small { font-size: .875rem; }
.member-stat-grid strong { font-size: 1.75rem; }
.standings-list li { padding: .85rem 1rem; border-radius: .5rem; }
.standing-player strong { font-size: 1rem; }
.standing-record small, .standing-elo small { font-size: .75rem; }

/* Decks have recognizable artwork and unambiguous versions. */
.deck-library-items { gap: 1rem; }
.deck-library-item { grid-template-columns: 7.5rem minmax(0,1fr); align-items: center; padding: 1.15rem; gap: 1.25rem; border-radius: .8rem; background: var(--surface-black); }
.deck-library-image { padding: 0; }
.deck-library-copy h2 { font-size: 1.35rem; }
.deck-library-facts { grid-template-columns: .8fr 1.1fr .7fr; }
.deck-library-facts dt { font-size: .75rem; }
.deck-library-facts dd { font-size: 1.0625rem; }
.deck-library-commander, .deck-library-owner, .deck-library-description { font-size: .875rem; }
.deck-library-open { font-size: .875rem; }
.deck-section { margin-top: 2rem; }
.version-switch { display: flex; width: fit-content; flex-wrap: wrap; gap: .3rem; padding: .3rem; margin: 0 0 1rem; border: 1px solid var(--line); border-radius: .65rem; background: var(--surface-black); }
.version-switch a { padding: .6rem .9rem; border-radius: .4rem; color: var(--ink-soft); text-decoration: none; font-size: .875rem; }
.version-switch a[aria-current] { background: var(--paper-raised); color: var(--ink-strong); }
.deck-detail-hero.deck-cinematic-hero { display: grid; grid-template-columns: 8rem minmax(0,1fr); align-items: center; gap: 1.75rem; min-height: 0; padding: 1.5rem; margin-bottom: 1rem; border-radius: .8rem; box-shadow: none; }
.deck-cinematic-hero .deck-hero-card { width: 8rem; margin: 0; transform: none; }
.deck-hero-card img { box-shadow: none; transform: none; width: 100%; }
.deck-cinematic-hero h1 { font-size: 2.5rem; margin: .35rem 0; text-transform: none; }
.deck-hero-copy .eyebrow { margin: .5rem 0 0; }
.deck-owner-line { font-size: .8125rem; }
.deck-fact-grid { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; margin: 0 0 1.5rem; border: 1px solid var(--line); border-radius: .65rem; overflow: hidden; }
.deck-fact-grid article { min-height: 0; padding: 1rem; border: 0; border-radius: 0; box-shadow: none; }
.deck-fact-grid article + article { border-left: 1px solid var(--line); }
.deck-fact-grid article::before { display: none; }
.deck-fact-grid article > span { font-size: .8125rem; }
.deck-fact-grid article strong { font-size: 1.3rem; }
.deck-fact-grid article small { font-size: .75rem; }
.deck-record-panel { padding: 1.25rem; margin-bottom: 1.5rem; }
.deck-view-section { margin-top: 1.5rem; }
.deck-view-heading h2 { font-size: 1.25rem; }
.deck-view-heading p { max-width: 42rem; font-size: .875rem; }
.deck-view-heading .eyebrow { display: none; }
.deck-view-switch button { font-size: .875rem; min-height: 2.75rem; box-shadow: none; }
.deck-view-switch button.is-active { background: var(--paper-raised); color: var(--ink-strong); }
.visual-card-meta span { font-size: .875rem; }

/* Card search and the editor put useful inputs first. */
.finder-search-panel { margin: 0 0 1.5rem; padding: 1.25rem; box-shadow: none; border-radius: .8rem; }
.finder-query-row { gap: .75rem; }
.finder-query-field > div { padding: 0 .8rem; border-radius: .5rem; }
.finder-query-field input { padding: .8rem 0; font-size: 1rem; background: transparent; }
.finder-filter-grid { padding-top: 1rem; margin-top: 1rem; gap: 1rem; }
.finder-filter-grid input, .finder-filter-grid select { min-height: 2.75rem; font-size: .875rem; }
.finder-commander-toggle { min-height: 2.75rem; }
.finder-commander-toggle strong { font-size: .875rem; }
.finder-commander-toggle small { font-size: .75rem; }
.finder-color-chip > span { box-shadow: none; }
.finder-gallery { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1.25rem; }
.finder-card { border-radius: .75rem; box-shadow: none; }
.finder-card:nth-child(n) { box-shadow: none; }
.finder-card-copy h3 { font-size: 1rem; }
.finder-card-copy p, .finder-card-meta, .finder-add-form select { font-size: .875rem; }
.finder-add-form button { min-width: 2.75rem; background: var(--gold); color: #09251a; border-radius: .4rem; font-size: 1.25rem; box-shadow: none; }
.editor-heading.command-editor-heading { padding: 0; margin: 0 0 1rem; border: 0; background: transparent; box-shadow: none; }
.editor-heading .eyebrow { display: none; }
.editor-state-bar { padding: .75rem 1rem; margin-bottom: 1rem; border-radius: .65rem; }
.editor-state-bar span, .editor-state-bar strong { font-size: .875rem; }
.deck-command-center { grid-template-columns: 23rem minmax(0,1fr); gap: 1rem; align-items: start; }
.command-tools-column { position: sticky; top: 5.5rem; }
.command-search-console, .command-validation, .command-deck-column { border-radius: .75rem; box-shadow: none; }
.command-search-console { background: var(--surface-black); }
.command-search-input input { font-size: 1rem; }
.command-search-input { border-radius: .5rem; }
.command-search-input:focus-within { border-color: var(--gold); box-shadow: none; outline: 2px solid var(--gold); outline-offset: 2px; }
.command-search-input input:focus { outline: 0; }
.command-console-heading { padding: 1rem; }
.command-console-heading h2 { font-size: 1.125rem; }
.command-search-label { font-size: .875rem; text-transform: none; letter-spacing: 0; }
.command-role-switch button { box-shadow: none; font-size: .8125rem; }
.command-role-switch button[aria-selected="true"] { background: var(--paper-raised); color: var(--ink-strong); border-color: var(--line-strong); box-shadow: none; }
.command-commander-state { background: transparent; }
.command-commander-state span { font-size: .75rem; }
.command-commander-state strong { font-size: .875rem; }
.command-deck-toolbar { padding: 1rem; }
.command-deck-toolbar .eyebrow { display: none; }
.command-deck-toolbar h2 { text-transform: none; font-size: 1.125rem; }
.command-metrics { border-top: 1px solid var(--line); }
.command-metrics article { border-color: var(--line); padding: .8rem; }
.command-metrics article::before, .command-metrics i { display: none; }
.command-metrics > article > span, .command-metrics article > small { font-size: .75rem; letter-spacing: 0; }
.command-metrics article > strong { font-size: 1.125rem; }
.command-card-summary { grid-template-columns: 1.75rem 2.5rem minmax(0,1fr) 3.5rem 4.5rem 1rem; }
.command-card-copy strong { font-size: .9375rem; }
.command-card-copy > small { font-size: .8125rem; }
.command-card-price { font-size: .875rem; }
.command-card-group > header { background: transparent; }
.command-card-group > header strong { font-size: .8125rem; }
.command-validation { padding: 1rem; }
.command-validation > div > .eyebrow, .command-validation .rule-checklist { display: none; }
.validation-summary { padding: .85rem; }
.validation-summary small, .validation-list small { font-size: .875rem; }
.command-result-card { display: grid; align-items: start; grid-template-columns: 4rem minmax(0,1fr); padding: .9rem 1rem; }
.command-result-art, .command-result-art img { width: 4rem; height: 5.6rem; }
.command-result-card:hover, .command-result-card.is-active, .command-result-card:focus { background: #12382e; box-shadow: inset 3px 0 var(--gold); }
.command-result-card .result-source { display: none; }
.command-result-card .result-title-row strong { font-size: .9375rem; }
.command-result-card p, .command-result-card small { font-size: .8125rem; }
.command-result-action { font-size: .875rem; min-height: 2.75rem; }
.command-search-help { font-size: .75rem; }

/* Match entry remains one form with optional details folded away. */
.match-entry-layout { grid-template-columns: minmax(0,1fr) 19rem; align-items: start; gap: 1.25rem; }
.match-entry-hero { background: transparent; border: 0; padding: 0; }
.match-entry-hero h1 { margin: .25rem 0; }
.match-entry-hero p { max-width: 42rem; font-size: .9375rem; }
.match-season-chip { display: none; }
.match-form { padding: 1.5rem; background: var(--surface-black); }
.match-form-section { margin: 0 0 1.25rem; padding: 0 0 1.25rem; }
.match-form-step { margin-bottom: 1rem; }
.match-form-step > span { background: var(--paper-raised); color: var(--gold); box-shadow: none; width: 1.75rem; height: 1.75rem; font-size: .875rem; }
.match-form-step strong { font-size: 1rem; }
.match-form-step small { font-size: .8125rem; }
.match-field-grid { gap: 1rem; }
.match-form .field { margin-bottom: 0; }
.match-form .field label { margin-bottom: .45rem; }
.match-score-grid { grid-template-columns: minmax(8rem,1fr) 5rem 1rem 5rem; gap: .65rem; align-items: end; }
.match-form select, .match-form input { min-height: 2.75rem; padding: .65rem .75rem; font-size: 1rem; border-radius: .45rem; }
.score-field input { text-align: center; }
.sideboard-match-note { font-size: .8125rem; margin: .75rem 0 0; padding: .5rem 0; background: transparent; border: 0; }
.match-optional { margin: 0 0 1.25rem; border: 1px solid var(--line); border-radius: .5rem; }
.match-optional > summary { cursor: pointer; padding: .9rem 1rem; font-size: .9375rem; }
.match-optional > div { padding: .25rem 1rem 1rem; }
.match-optional .field { margin-bottom: .75rem; }
.elo-preview, .elo-preview[data-state="ready"] { top: 5.5rem; padding: 1.25rem; border-radius: .7rem; background: var(--surface-black); box-shadow: none; }
.elo-preview .eyebrow { display: none; }
.elo-preview h2 { font-size: 1.125rem; }
.elo-versus strong { font-size: 1.6rem; }
.elo-factors { margin-top: 1rem; }
.elo-factors small { font-size: .8125rem; }
.elo-preview-note { font-size: .8125rem; }
.match-submit-row { display: flex; flex-direction: column; gap: .75rem; }
.match-submit-row small { font-size: .8125rem; color: var(--ink-soft); }
.match-history-list > article, .profile-match-list > article { border-radius: .7rem; }
.match-history-copy time, .match-history-decks, .profile-match-list small, .profile-match-list time { font-size: .8125rem; line-height: 1.5; }
.match-history-open, .profile-match-open { display: inline-flex; align-items: center; min-height: 2.75rem; font-size: .8125rem; }
.match-history-decks { flex-wrap: wrap; }

@media (max-width: 1280px) and (min-width: 901px) {
  .deck-command-center { grid-template-columns: 20rem minmax(0,1fr); }
  .command-card-summary { grid-template-columns: 1.5rem 2rem minmax(0,1fr) 4rem 1rem; }
  .command-card-printing { display: none; }
  .command-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .deck-library-item { grid-template-columns: 5.5rem minmax(0,1fr); gap: 1rem; }
  .finder-gallery { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .match-entry-layout { grid-template-columns: minmax(0,1fr); }
  .elo-preview { position: static; }
}
@media (max-width: 1000px) {
  .social-hub-grid { grid-template-columns: minmax(0,1fr); grid-template-areas: 'chat' 'activity' 'ranking' 'news'; }
  .chat-stream { max-height: 15rem; }
  .finder-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .deck-library-items { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .deck-command-center { display: block; }
  .command-tools-column { position: static; }
  .command-mobile-tabs { position: sticky; top: 4.5rem; z-index: 15; background: #08271e; margin-bottom: .75rem; padding: .25rem; border: 1px solid var(--line); border-radius: .55rem; }
  .command-mobile-tabs button { min-height: 2.75rem; font-size: .875rem; box-shadow: none; }
  .command-mobile-tabs button[aria-selected="true"] { background: var(--paper-raised); color: var(--ink-strong); box-shadow: none; }
  .command-search-help { display: none; }
  .command-commander-state { display: none; }
  .finder-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  body:not(.login-page) .app-shell { display: block; }
  body:not(.login-page) .main-content { padding: 1.25rem 1rem calc(6rem + env(safe-area-inset-bottom)); }
  .topbar { height: 4rem; min-height: 4rem; padding: 0 .9rem; }
  .brand { gap: .5rem; }
  .brand-mark { width: 2rem; height: 2rem; font-size: .75rem; }
  .brand-copy strong { font-size: .9rem; }
  .brand-copy small { display: none; }
  .topbar-actions { gap: .65rem; }
  .topbar-actions .quick-match { min-height: 2.75rem; padding: .55rem .65rem; font-size: .8125rem; }
  .topbar-actions .quick-match::after { display: none; }
  .quick-match .quick-match-long { display: none; }
  .user-chip { min-height: 2.5rem; }
  .user-chip > span:not(.avatar), .account-chevron { display: none; }
  .user-chip .avatar { display: grid; width: 2rem; height: 2rem; }
  .account-popover { right: -.2rem; }
  .primary-nav { position: fixed; z-index: 40; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); top: auto; bottom: 0; left: 0; width: 100%; height: auto; gap: .2rem; padding: .5rem .5rem calc(.5rem + env(safe-area-inset-bottom)); background: #081c17; border: 0; border-top: 1px solid var(--line-strong); box-shadow: 0 -5px 18px #0002; }
  .primary-nav > a { display: flex; flex-direction: column; justify-content: center; gap: .35rem; min-height: 3.15rem; padding: .35rem .1rem; font-size: .75rem; line-height: 1.1; border: 0; border-radius: .5rem; }
  .primary-nav > a[aria-current="page"] { box-shadow: none; background: #194638; color: var(--ink-strong); }
  .nav-label, .nav-bottom { display: none; }
  .nav-icon { width: 1.1rem; height: 1.1rem; }
  .league-welcome { min-height: 10.75rem; padding: 1.15rem; margin-bottom: 1rem; }
  .league-welcome > div { width: 100%; }
  .league-welcome h1 { font-size: 2rem; }
  .league-welcome .eyebrow { font-size: .75rem; max-width: 85%; }
  .league-welcome p { font-size: .8125rem; max-width: 95%; }
  .welcome-art { width: 55%; opacity: .28; }
  .hub-stats { grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 1rem; }
  .hub-stats .stat-card { padding: .85rem 1rem; min-height: 0; }
  .hub-stats .stat-card:nth-child(3) { border-left: 0; }
  .hub-stats .stat-card:nth-child(n+3) { border-top: 1px solid var(--line); }
  .stat-value { font-size: 1.75rem; }
  .stat-label, .stat-card .muted { font-size: .8125rem; }
  .social-hub-grid { gap: 1rem; }
  .panel-heading { padding: 1rem; }
  .chat-compose { padding: 0 1rem 1rem; }
  .chat-compose .button { padding: .65rem .75rem; }
  .chat-stream, .activity-stream { padding: 0 1rem; }
  .activity-item { grid-template-columns: 2rem minmax(0,1fr); gap: .65rem; }
  .activity-visual { width: 2rem; height: 2rem; }
  .activity-copy strong { font-size: .875rem; }
  .activity-copy p { font-size: .8125rem; }
  .compact-page-heading { align-items: center; gap: .75rem; margin-bottom: 1rem; }
  .compact-page-heading h1 { font-size: 1.75rem; }
  .compact-page-heading .button { padding: .6rem .75rem; }
  .compact-page-heading p { font-size: .875rem; }
  .deck-library-item { grid-template-columns: 5rem minmax(0,1fr); align-items: start; padding: 1rem; gap: 1rem; }
  .deck-library-copy h2 { font-size: 1.125rem; }
  .deck-library-commander { font-size: .8125rem; }
  .deck-library-state { gap: .35rem; font-size: .75rem; margin-bottom: .5rem; }
  .deck-library-facts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; margin: .65rem 0; }
  .deck-library-facts > div:last-child { grid-column: 1 / -1; display: flex; align-items: baseline; gap: .5rem; }
  .deck-library-facts dd { margin: .15rem 0 0; font-size: 1rem; }
  .deck-library-description { display: none; }
  .deck-detail-hero.deck-cinematic-hero { grid-template-columns: 4.5rem minmax(0,1fr); gap: 1rem; padding: 1rem; }
  .deck-cinematic-hero .deck-hero-card { width: 4.5rem; align-self: start; }
  .deck-cinematic-hero h1 { font-size: 1.75rem; overflow-wrap: anywhere; }
  .deck-hero-copy .eyebrow { font-size: .75rem; }
  .deck-hero-copy > p:not(.eyebrow) { font-size: .875rem; }
  .deck-hero-copy { text-align: left; }
  .deck-owner-line, .deck-hero-copy .button-row { justify-content: flex-start; }
  .deck-detail-actions { gap: .5rem; }
  .deck-detail-actions .button { width: auto; font-size: .8125rem; padding: .6rem .7rem; }
  .version-switch a { padding: .6rem .65rem; font-size: .8125rem; }
  .deck-fact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .deck-fact-grid article { padding: .85rem; }
  .deck-fact-grid article:nth-child(odd) { border-left: 0; }
  .deck-fact-grid article:nth-child(n+3) { border-top: 1px solid var(--line); }
  .deck-fact-grid article:last-child { grid-column: 1 / -1; display: flex; align-items: baseline; gap: .65rem; }
  .deck-fact-grid article strong { font-size: 1.125rem; }
  .deck-record-panel { padding: 1rem; }
  .visual-deck-board { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; }
  .visual-type-group { padding: .5rem; }
  .visual-card-meta span { font-size: .8125rem; }
  .visual-group-heading { flex-wrap: wrap; gap: .2rem; }
  .visual-group-heading h3 { font-size: .875rem; }
  .editor-heading.command-editor-heading { display: flex; flex-direction: row; flex-wrap: wrap; gap: .75rem; }
  .command-heading-actions { display: flex; width: auto; flex-wrap: wrap; gap: .4rem; }
  .command-heading-actions .button { flex: initial; min-width: 0; min-height: 2.5rem; padding: .5rem .65rem; font-size: .8125rem; }
  .editor-state-bar { padding: .75rem; gap: .4rem .75rem; }
  .editor-state-bar span, .editor-state-bar strong { font-size: .8125rem; }
  .editor-state-bar form { margin-left: auto; width: auto; }
  .editor-readiness { flex-basis: auto; }
  .editor-state-bar .button { font-size: .8125rem; min-height: 2.5rem; padding: .5rem .65rem; }
  .command-mobile-tabs { top: 4rem; }
  .command-console-heading { padding: .85rem 1rem .7rem; }
  .command-card-summary { grid-template-columns: 1.5rem 2rem minmax(0,1fr) 3.5rem 1rem; }
  .command-card-printing { display: none; }
  .command-card-copy strong { font-size: .875rem; }
  .command-card-price { font-size: .8125rem; }
  .command-card-copy > small { font-size: .75rem; }
  .command-search-results { max-height: 25rem; }
  .command-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .command-metrics article { min-height: 0; padding: .65rem .85rem; }
  .command-metrics article > small { display: none; }
  .command-deck-toolbar { padding: .85rem; }
  .command-deck-toolbar > div:first-child { display: none; }
  .finder-search-panel { padding: 1rem; }
  .finder-query-row { grid-template-columns: minmax(0,1fr); gap: .6rem; }
  .finder-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; }
  .finder-colors { grid-column: 1 / -1; }
  .finder-commander-toggle { grid-column: 1 / -1; }
  .finder-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; }
  .finder-card-copy { padding: .7rem; }
  .finder-card-copy > div:first-child { display: block; }
  .finder-card-copy h3 { font-size: .875rem; }
  .finder-card-copy p, .finder-card-meta { font-size: .75rem; }
  .finder-add-form { padding: .7rem; gap: .35rem; }
  .finder-add-form label { min-width: 0; }
  .finder-add-form select { font-size: .8125rem; padding: .45rem .2rem; }
  .finder-add-form button { min-width: 2rem; }
  .match-entry-hero { padding: 0; min-height: 0; }
  .match-entry-hero h1 { font-size: 1.9rem; }
  .match-entry-hero p { font-size: .875rem; }
  .match-entry-layout { display: flex; flex-direction: column; gap: 1rem; }
  .match-form { width: 100%; padding: 1rem; }
  .match-form-section { padding-bottom: 1rem; margin-bottom: 1rem; }
  .match-field-grid { grid-template-columns: 1fr; }
  .match-score-grid { grid-template-columns: minmax(0,1fr) 1rem minmax(0,1fr); }
  .match-score-grid > .field:first-child { grid-column: 1 / -1; }
  .score-divider { display: block; align-self: center; padding-top: 1.5rem; }
  .elo-preview { position: static; width: 100%; padding: 1rem; }
  .member-hero { padding: 1rem; min-height: 0; }
  .member-hero h1 { font-size: 2rem; }
  .member-stat-grid { gap: .5rem; }
  .member-stat-grid article { padding: .85rem; }
  .member-stat-grid small { font-size: .75rem; }
  .member-stat-grid strong { font-size: 1.5rem; }
  .control-hub-hero, .rules-hero { min-height: 0; padding: 1.25rem; }
  .control-hub-hero h1, .rules-hero h1 { font-size: 2rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0s !important; }
}
.match-confirmation { position: sticky; top: 5.5rem; min-width: 0; }
.match-confirmation .elo-preview { position: static; margin-bottom: 1rem; }
.match-form > .field { margin-bottom: 1.25rem; }
.match-optional { margin: 0; }
.match-optional summary > span { font-size: .8125rem; color: var(--ink-soft); margin-left: .4rem; }
.elo-calculation { margin-top: 1rem; border-top: 1px solid var(--line); padding-top: .75rem; }
.elo-calculation summary { font-size: .8125rem; color: var(--ink-soft); cursor: pointer; }
.score-presets { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .75rem; }
.score-presets button { padding: .55rem .85rem; min-height: 2.5rem; border: 1px solid var(--line-strong); background: transparent; color: var(--ink); border-radius: .4rem; font-size: .875rem; }
.score-presets button[aria-pressed="true"] { background: var(--paper-raised); border-color: var(--gold); color: var(--ink-strong); }
.result-league-price { display: inline-block; color: var(--gold); margin-top: .4rem; }
.result-detail-link { display: inline-block; margin-left: .6rem; color: var(--ink-soft); font-size: .8125rem; }
.account-menu summary::after { display: none; }
@media (max-width: 1280px) { .match-confirmation { position: static; } }
@media (max-width: 760px) {
  .match-confirmation { width: 100%; }
  .match-history-list .match-status { grid-column: 1; }
  .match-history-copy { grid-column: 1 / -1; grid-row: 2; }
  .match-history-open { grid-column: 2; grid-row: 1; }
  .score-presets { gap: .4rem; }
  .score-presets button { flex: 1; min-width: 3rem; padding: .55rem; }
}