:root {
  --theme-bg: #090c10;
  --theme-panel: rgba(16, 20, 26, 0.96);
  --theme-panel-raised: #171c23;
  --theme-panel-soft: #1c222a;
  --theme-border: #46505b;
  --theme-border-strong: #5b6672;
  --theme-text: #f4f6f8;
  --theme-muted: #c1c8d0;
  --theme-subtle: #9da7b2;
  --theme-gold: #dfbd39;
  --theme-gold-bright: #f2d35a;
  --theme-gold-ink: #15130b;
  --theme-danger: #ff8178;
  --theme-success: #54d69d;
}

body { color: var(--theme-text); }

.page-intro h1,
.section-row h2,
.surface-head h2,
.deck-card h2,
.vote-side h2,
.staff-panel h2,
.rules-dialog h2 { color: #fff; }

.intro-copy,
.event-place,
.card-body p,
.team-help,
.visibility-note,
.prototype-note,
.profile-intro,
.loan-clause p,
.vote-note,
.privacy-note { color: var(--theme-muted) !important; }

.eyebrow,
.eyebrow.light,
.text-link,
.event-source a { color: var(--theme-gold-bright); }

.site-header { grid-template-columns: 280px 150px minmax(0, 1fr) auto; gap: 18px; border-color: #303741; background: rgba(7, 9, 13, 0.96); }
.main-nav a { color: #c8ced6; }
.main-nav a:hover,
.main-nav a.active { color: var(--theme-gold-bright); background: #252b33; }
.account-button,
.menu-button { color: var(--theme-text); border-color: var(--theme-border); background: #181d24; }
.account-button small { color: var(--theme-subtle); }
.account-avatar { color: var(--theme-gold-ink); background: var(--theme-gold); }
.game-layer { display: grid; grid-template-columns: auto auto; align-items: center; gap: 6px; min-width: 132px; }
.game-layer > span { color: var(--theme-subtle); font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.game-layer select { min-height: 38px; border-radius: 9px; padding: 0 30px 0 11px; color: var(--theme-gold-bright); font-size: 13px; font-weight: 800; }

.surface,
.event-card,
.vote-card,
.team-column,
.deck-card,
.account-summary,
.match-summary article,
.staff-summary article,
.staff-panel,
.access-panel,
.rules-dialog,
.event-source,
.loan-clause {
  color: var(--theme-text);
  border-color: var(--theme-border);
  background: var(--theme-panel);
}

.team-column,
.match-summary article,
.staff-summary article,
.account-detail-grid > div { background: var(--theme-panel-raised); }

.surface-head > span,
.section-row > span,
.team-column-head span,
.deck-card p,
.deck-card small,
.event-source small,
.event-source > div > span,
.staff-event-row small,
.moderation-row small,
.staff-summary small,
.staff-summary span,
.account-detail-grid small { color: var(--theme-muted); }

.button.coral,
.button.dark,
.today-button {
  color: var(--theme-gold-ink);
  border-color: var(--theme-gold);
  background: var(--theme-gold);
}

.button.coral:hover,
.button.dark:hover,
.today-button:hover { background: var(--theme-gold-bright); }

.quiet-button,
.record-actions button,
.month-controls button {
  color: var(--theme-text);
  border-color: var(--theme-border-strong);
  background: #1a2028;
}

.quiet-button:hover,
.record-actions button:hover,
.month-controls button:hover {
  color: var(--theme-gold-bright);
  border-color: var(--theme-gold);
  background: #252c34;
}

input,
select,
textarea,
.account-form input,
.event-form-body input,
.event-form-body select,
.event-form-body textarea,
.match-filters input,
.match-filters select,
.team-controls select {
  color: var(--theme-text);
  border-color: var(--theme-border-strong);
  background: #0e1319;
  color-scheme: dark;
}

input::placeholder,
textarea::placeholder { color: #929ca7; opacity: 1; }

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(242, 211, 90, 0.42);
  outline-offset: 2px;
}

.vote-option + .vote-option,
.deadline,
.staff-event-row,
.moderation-row,
.access-row,
.match-table td { border-color: var(--theme-border); }
.vote-option label strong { color: #fff; }
.vote-option label small,
.vote-option label em,
.deadline span,
.vote-side > p:not(.eyebrow) { color: var(--theme-muted); }
.option-icon.red,
.option-icon.blue,
.option-icon.gold { color: var(--theme-gold-bright); background: #302916; }
.vote-option input:checked + label { color: var(--theme-gold-bright); }
.vote-option input:checked + label .option-icon { box-shadow: 0 0 0 2px var(--theme-gold); }
.vote-bar { background: #343b44; }
.vote-bar i { background: var(--theme-gold); }
.vote-page-status { display: grid; grid-template-columns: auto auto; align-items: end; gap: 14px 22px; }
.vote-date-navigation { display: flex; align-items: center; gap: 12px; margin-top: 18px; }
.vote-date-navigation > span { color: var(--theme-muted); font-size: 12px; font-weight: 700; }
.vote-date-navigation button:disabled { color: #7f8994; border-color: #3d4650; background: #171c23; cursor: not-allowed; }
.vote-admin-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 8px; }
.vote-timing { display: grid; min-width: 190px; gap: 2px; padding-left: 14px; border-left: 3px solid var(--theme-gold); }
.vote-timing span { color: var(--theme-subtle); font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.vote-timing strong { color: var(--theme-gold-bright); font: 600 22px/1.15 "Space Grotesk", sans-serif; }
.vote-timing small { color: var(--theme-muted); font-size: 11px; }
.vote-card.vote-closed { opacity: 0.78; }
.vote-card button:disabled { color: #9da4ad; background: #343b44; box-shadow: none; cursor: not-allowed; }

.team-card,
.unassigned-list > div { color: var(--theme-text); border-color: var(--theme-border); background: var(--theme-panel-soft); }
.team-card li,
.team-card > div strong,
.unassigned-list strong { color: var(--theme-text); }
.team-card li small,
.unassigned-list small { color: var(--theme-muted); }
.team-number { color: var(--theme-gold-ink); background: var(--theme-gold); }

.match-table { color: var(--theme-text); background: #14191f; }
.match-table th { color: #d1d7dd; background: #222831; }
.match-table th button:hover,
.match-table th[aria-sort] button { color: #fff; background: #303741; }
.match-notes { color: var(--theme-muted); }
.result-chip.win { color: #d8f8ef; background: #225747; }
.result-chip.loss { color: #ffe0dd; background: #6a302c; }
.result-chip.draw { color: #fff0c7; background: #624d1d; }

.calendar-shell { border-color: var(--theme-border); background: rgba(13, 16, 21, 0.97); }
.calendar-weekdays span { color: #d7dce2; border-color: var(--theme-border); background: #222831; }
.calendar-day { color: var(--theme-text); border-color: #3d4650; background: #171c23; }
.calendar-day .day-number { color: var(--theme-text); }
.calendar-day.other { color: #7f8994; background: #0d1116; }
.calendar-day.other .day-number { color: #7f8994; }
.calendar-day.selected { background: #302916; box-shadow: inset 0 0 0 2px var(--theme-gold); }
.calendar-day.selected .day-number { color: var(--theme-gold-bright); }
.calendar-day.staff-editable:hover { background: #242316; }
.calendar-day.staff-editable::after { color: var(--theme-gold-ink); background: var(--theme-gold); }
.calendar-event { color: #fff; border-color: var(--theme-gold); background: #795b12; }
.calendar-event small { color: #edf0f3; }
.calendar-event.community { color: #12372d; border-color: #77c9ae; background: #cfeee3; }
.calendar-event.community small { color: #285e50; }
.calendar-event.grey { color: #f1f3f5; border-color: #a7adb5; background: #505761; }
.calendar-legend { color: var(--theme-muted); }
.community-dot { background: #9edcc7; }

.staff-role-pill,
.attention-count,
.role-chip.admin,
.role-chip.mod,
.role-chip.player {
  color: var(--theme-gold-ink);
  background: var(--theme-gold);
}
.attention-count { min-height: 28px; display: inline-flex; align-items: center; padding: 5px 10px; border: 1px solid #fff0a6; color: #080704!important; background: #f4ce3c!important; font-size: 13px; font-weight: 900; line-height: 1.1; letter-spacing: .01em; white-space: nowrap; }
.control-room-row>div { display: flex; align-items: center; gap: 11px; }.control-room-count { width: 30px; height: 30px; display: grid!important; place-items: center; flex: 0 0 auto; border-radius: 50%; color: var(--theme-gold-ink)!important; background: var(--theme-gold); font-weight: 900; }.control-room-row .quiet-button { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; white-space: nowrap; }
.mini-date { color: var(--theme-text); background: #252b33; }
.guest-card,
.profile-identity,
.optional-fields,
.prototype-access { color: var(--theme-text); border-color: var(--theme-border); background: var(--theme-panel-raised); }
.auth-tabs { background: #0e1217; }
.auth-tabs button { color: var(--theme-muted); }
.auth-tabs button.active { color: var(--theme-gold-ink); background: var(--theme-gold); }
.dialog-head { border-color: var(--theme-border); background: #151a21; }
.dialog-head button { color: var(--theme-text); background: #252b33; }
.danger,
.record-actions .delete-link { color: var(--theme-danger); border-color: #7a4542; }
.toast { color: #17130a; border: 1px solid #f6d95e; background: #dfbd39; box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45); font-weight: 800; }
.team-assign { display: grid; grid-template-columns: minmax(120px, 1fr) auto; gap: 7px; align-items: center; }
.team-assign select { min-height: 34px; border: 1px solid var(--theme-border-strong); border-radius: 8px; padding: 0 8px; }
.team-assign button,
.team-create-assign { min-height: 34px; border: 1px solid var(--theme-gold); border-radius: 8px; padding: 0 10px; color: var(--theme-gold-ink); background: var(--theme-gold); cursor: pointer; font-size: 11px; font-weight: 800; }
.team-assign button:hover,
.team-create-assign:hover { background: var(--theme-gold-bright); }
.staff-events-empty { padding: 28px 10px; }
.local-listing-note { color: var(--theme-muted); font-size: 12px; font-weight: 800; }
.event-page-actions { display: flex; align-items: center; gap: 10px; }
.event-page-actions .quiet-button { display: inline-flex; align-items: center; text-decoration: none; }
.event-flags { display: flex; flex-wrap: wrap; gap: 7px; }
.account-matches { margin-top: 28px; }.account-matches>.section-row { margin-bottom: 14px; }
.ranking-sync { display: grid; gap: 3px; padding-left: 14px; border-left: 3px solid var(--theme-gold); }
.ranking-sync span { color: var(--theme-muted); font-size: 12px; }.ranking-sync strong { color: var(--theme-gold-bright); }
.ranking-page-actions { display: flex; align-items: center; justify-content: flex-end; gap: 14px; flex-wrap: wrap; }.ranking-page-actions .account-only { align-items: center; }
.ranking-filter-controls { display: flex; align-items: flex-end; gap: 14px; }.ranking-filter-controls>span { padding-bottom: 10px; color: var(--theme-muted); }.ranking-filter-controls label { display: grid; gap: 4px; color: var(--theme-muted); font-size: 12px; font-weight: 800; }.ranking-filter-controls input { width: 92px; min-width: 92px; }.ranking-filter-note { margin: -4px 0 14px; color: var(--theme-muted); font-size: 13px; }
.ranking-submission-dropdown { display: none; margin-bottom: 18px; padding: 0; overflow: hidden; }body.has-account .ranking-submission-dropdown.account-only { display: block!important; }.ranking-submission-dropdown summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 20px; cursor: pointer; list-style: none; }.ranking-submission-dropdown summary::-webkit-details-marker { display: none; }.ranking-submission-dropdown summary span { display: grid; gap: 3px; }.ranking-submission-dropdown summary b { color: var(--theme-text); }.ranking-submission-dropdown summary small,.ranking-submission-dropdown>div p { color: var(--theme-muted); }.ranking-submission-dropdown summary i { color: var(--theme-gold-bright); font-style: normal; transition: transform .18s; }.ranking-submission-dropdown[open] summary i { transform: rotate(180deg); }.ranking-submission-dropdown>div { padding: 0 20px 18px; border-top: 1px solid var(--theme-border); }.ranking-submission-dropdown>div p { margin: 14px 0; font-size: 13px; }
.button,.button.coral,.button.dark { min-height: 34px; border-radius: 8px; padding: 0 12px; font-size: 11px; }
.ranking-table-wrap { overflow-x: auto; }.ranking-table { width: 100%; min-width: 760px; border-collapse: collapse; }
.ranking-table th { padding: 13px 16px; color: #d1d7dd; background: #222831; font-size: 11px; letter-spacing: .08em; text-align: left; text-transform: uppercase; }
.ranking-table td { padding: 15px 16px; border-top: 1px solid var(--theme-border); color: var(--theme-text); }
.ranking-table td:nth-child(n+3) { font-variant-numeric: tabular-nums; }.ranking-table td>small { display: block; margin-top: 3px; color: var(--theme-muted); }
.ranking-surface .ranking-table th:first-child,.ranking-surface .ranking-table td:first-child { width: 58px; padding-right: 6px; }.ranking-surface .ranking-table th:nth-child(2),.ranking-surface .ranking-table td:nth-child(2) { padding-left: 6px; }
.ranking-position { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; color: var(--theme-gold-ink); background: var(--theme-gold); }
.ranking-verified { display: inline-flex; padding: 6px 9px; border-radius: 99px; color: #d8f8ef; background: #225747; font-size: 11px; font-weight: 800; }
.ranking-review-list { margin: 4px 0 22px; border-block: 1px solid var(--theme-border); }
.ranking-review-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 0; }
.ranking-review-row+ .ranking-review-row { border-top: 1px solid var(--theme-border); }.ranking-review-row>div:first-child { display: grid; gap: 3px; }
.ranking-review-row span,.ranking-review-row small { color: var(--theme-muted); }.ranking-review-row>div:last-child { display: flex; gap: 8px; }
.ranking-event-row { padding: 16px 0; border-top: 1px solid var(--theme-border); }.ranking-event-row.has-discrepancy { margin-inline: -12px; padding-inline: 12px; border: 1px solid #8b6821; border-radius: 10px; background: rgba(116,82,18,.18); }.ranking-event-summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; }.ranking-event-summary>div { display: grid; gap: 4px; }.ranking-event-summary span,.ranking-event-summary small { color: var(--theme-muted); }.ranking-event-players { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 8px; margin-top: 12px; }.ranking-event-players>div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 10px; border: 1px solid var(--theme-border); border-radius: 9px; background: var(--theme-panel-soft); }.ranking-event-players span { display: grid; gap: 3px; }.ranking-event-players small { color: var(--theme-muted); }
.ranking-review-row.has-discrepancy { margin-inline: -12px; padding-inline: 12px; border: 1px solid #8b6821; border-radius: 10px; background: rgba(116,82,18,.18); }
.ranking-warning { color: #ffd86b!important; font-size: 12px; font-weight: 800; }
.warning-summary { color: #ffd86b!important; border-color: #80631d!important; background: #322812!important; }
.ranking-discrepancy-note { margin-top: 14px; padding: 11px 13px; border: 1px solid #3d675a; border-radius: 9px; color: #c7eee3; background: #17372e; font-size: 12px; }.ranking-discrepancy-note.visible { border-color: #80631d; color: #ffd86b; background: #322812; }
.submission-calculation { margin-top: 14px; padding: 11px 13px; border: 1px solid #3d675a; border-radius: 9px; color: #c7eee3; background: #17372e; font-size: 12px; }.submission-calculation.warning { border-color: #80631d; color: #ffd86b; background: #322812; }
.extraction-status { margin: 14px 0; padding: 11px 13px; border: 1px solid var(--theme-border-strong); border-radius: 9px; color: var(--theme-muted); background: #11171e; font-size: 12px; }.extraction-status.success { border-color: #3d675a; color: #c7eee3; background: #17372e; }.extraction-status.error { border-color: #8c4742; color: #ffc4be; background: #351b1b; }.event-form-actions button:disabled { opacity: .45; cursor: wait; }
.result-submission-panel { margin-top: 18px; }.result-submission-list { display: grid; }.result-submission-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 0; border-top: 1px solid var(--theme-border); }.result-submission-row>div:first-child { display: grid; gap: 4px; }.result-submission-row span,.result-submission-row small { color: var(--theme-muted); }.result-submission-row>div:last-child { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }.evidence-link { display: inline-flex; align-items: center; text-decoration: none; }
.result-submission-row { display: block; }.result-submission-summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; }.result-submission-summary>div { display: grid; gap: 4px; }.submission-review { margin-top: 12px; border: 1px solid var(--theme-border); border-radius: 10px; background: rgba(255,255,255,.025); }.submission-review summary { padding: 11px 13px; color: var(--theme-gold); font-weight: 800; cursor: pointer; }.submission-review[open] summary { border-bottom: 1px solid var(--theme-border); }.submission-standings { overflow-x: auto; }.submission-standings>div { display: grid; grid-template-columns: 70px minmax(150px,1.5fr) minmax(120px,1fr) 110px 110px; gap: 12px; align-items: center; min-width: 650px; padding: 10px 13px; border-bottom: 1px solid var(--theme-border); }.submission-standings>div:first-child { color: var(--theme-muted); font-size: 12px; text-transform: uppercase; }.submission-review-actions { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; padding: 12px 13px; }.submission-missing { display: block; margin: 0; padding: 12px 13px; color: #ffb9b4!important; }
.my-result-submissions { display: grid; gap: 8px; margin-top: 16px; }.my-result-submissions article { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid var(--theme-border); border-radius: 10px; background: rgba(255,255,255,.025); }.my-result-submissions article>span:first-child { display: grid; gap: 3px; min-width: 0; }.submission-context-fields { margin-top: 4px; padding: 12px; border: 1px solid var(--theme-border); border-radius: 10px; }.submission-context-fields summary { cursor: pointer; font-weight: 800; }.submission-context-fields summary small { display: block; margin-top: 3px; color: var(--theme-muted); font-weight: 500; }.submission-context-fields[open] { display: grid; gap: 12px; }.comparison-state { display: inline-flex; margin: 12px 13px 0; padding: 5px 8px; border: 1px solid var(--theme-gold-soft); border-radius: 999px; color: var(--theme-gold-bright)!important; font-size: 11px; font-weight: 800; text-transform: uppercase; }.submission-explanation { margin: 12px 13px; color: var(--theme-text); }.result-review-dialog { width: min(1040px,calc(100vw - 24px)); }.result-review-comparison { display: grid; gap: 14px; }.comparison-summary { display: grid; gap: 4px; padding: 12px; border-left: 3px solid var(--theme-gold-bright); background: rgba(224,190,73,.06); }.comparison-summary span,.comparison-summary small { color: var(--theme-muted); }.comparison-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.comparison-card { min-width: 0; padding: 14px; border: 1px solid var(--theme-border); border-radius: 12px; background: var(--theme-surface-deep); }.comparison-card h3,.comparison-card p { margin: 4px 0 8px; }.comparison-card>p:not(.eyebrow) { color: var(--theme-muted); }.comparison-card dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 12px 0; }.comparison-card dl div { display: grid; gap: 2px; }.comparison-card dt { color: var(--theme-muted); font-size: 11px; text-transform: uppercase; }.comparison-card dd { margin: 0; overflow-wrap: anywhere; }.comparison-rows { display: grid; gap: 6px; max-height: 280px; overflow-y: auto; }.comparison-rows span { display: grid; gap: 2px; padding: 8px; border-radius: 8px; background: rgba(255,255,255,.03); }.comparison-rows small { color: var(--theme-muted); }.result-review-comparison blockquote { margin: 0; padding: 12px; border: 1px solid var(--theme-border); border-radius: 10px; color: var(--theme-muted); }.separate-event-confirmation { display: grid; gap: 10px; padding: 12px; border: 1px solid var(--theme-gold-soft); border-radius: 10px; }.separate-event-confirmation.hidden { display: none; }
.submission-owner-actions { display: flex; align-items: flex-end; flex-direction: column; gap: 8px; }.comparison-factors { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }.comparison-factor { padding: 4px 7px; border-radius: 999px; font-size: 11px; font-weight: 800; }.comparison-factor.matched { background: rgba(51,161,124,.14); color: #9fe0c9!important; }.comparison-factor.different { background: rgba(221,101,91,.14); color: #ffb9b4!important; }
.analytics-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }.analytics-kpis article { display: grid; gap: 4px; padding: 18px; border: 1px solid var(--theme-border); border-radius: 14px; background: var(--theme-panel); }.analytics-kpis small,.analytics-kpis span { color: var(--theme-muted); }.analytics-kpis small { font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.analytics-kpis strong { color: var(--theme-text); font-size: 28px; }
.analytics-config-panel { margin-top: 16px; padding: 0; overflow: hidden; }.analytics-config-panel summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 20px; cursor: pointer; list-style: none; }.analytics-config-panel summary::-webkit-details-marker { display: none; }.analytics-config-panel summary>span:first-child { display: grid; gap: 3px; }.analytics-config-panel summary small { color: var(--theme-gold); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.analytics-config-panel summary>span:last-child { color: var(--theme-muted); font-size: .88rem; }.analytics-config-form { border-top: 1px solid var(--theme-border); display: grid; grid-template-columns: 1.35fr 1.35fr 1fr 1.3fr auto; gap: 12px; align-items: end; padding: 18px 20px 20px; }.analytics-config-form label { display: grid; gap: 6px; color: var(--theme-muted); font-size: .76rem; font-weight: 800; text-transform: uppercase; }.analytics-new-set-fields { display: contents; }.analytics-config-form input,.analytics-config-form select { min-width: 0; width: 100%; }
.analytics-filters { display: flex; flex-wrap: wrap; gap: 12px; margin: 12px 0 18px; }.analytics-filters label { display: grid; gap: 5px; color: var(--theme-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }.analytics-filters input,.analytics-filters select { min-width: 170px; height: 42px; padding: 0 10px; border: 1px solid var(--theme-border-strong); border-radius: 9px; color: var(--theme-text); background: #0e1319; }
.analytics-table-wrap { overflow-x: auto; }.analytics-table { min-width: 850px; }.analytics-insights { margin-top: 18px; }.analytics-ideas { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }.analytics-ideas article { display: grid; gap: 6px; padding: 15px; border: 1px solid var(--theme-border); border-radius: 11px; background: var(--theme-panel-soft); }.analytics-ideas strong { color: var(--theme-gold-bright); }.analytics-ideas span { color: var(--theme-muted); font-size: 12px; line-height: 1.5; }
.subsection-head { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin: 20px 0 8px; }.subsection-head h3 { margin: 0; color: var(--theme-text); }.subsection-head span { color: var(--theme-muted); font-size: 12px; }
.empty-match-state.compact { padding: 18px 0; }
.account-accolades,.accolade-panel { margin-top: 18px; }
.account-profile-layout { display: grid; grid-template-columns: minmax(0,2.2fr) minmax(280px,1fr); gap: 18px; align-items: stretch; }.account-profile-main,.account-profile-main .account-summary,.account-profile-main .profile-form { width: 100%; height: 100%; max-width: none; margin: 0; }.account-profile-main .profile-form { padding: 20px; }.account-page-actions { display: flex; justify-content: flex-end; gap: 10px; }.account-badges { display: grid; gap: 16px; padding: 18px; }.account-badges section { padding: 16px; border: 1px solid var(--theme-border); border-radius: 12px; background: var(--theme-panel-raised); }.account-badges h2 { margin: 3px 0 14px; font-size: 17px; }.account-badge-list { display: flex; flex-wrap: wrap; gap: 8px; min-height: 42px; align-content: flex-start; }.account-badge-list>small { color: var(--theme-muted); }
.account-summary .empty-match-state { gap: 14px; }.account-summary .empty-match-state .button { justify-self: center; }
.display-role-panel { margin-top: 18px; }
.display-role-picker { margin: 18px 0; padding: 16px; border: 1px solid var(--theme-border); border-radius: 12px; background: var(--theme-panel-soft); }
.display-role-picker legend { padding: 0 7px; color: var(--theme-text); font-weight: 800; }
.display-role-picker>p { margin: 0 0 12px; color: var(--theme-muted); font-size: 13px; }
.display-role-picker select { width: 100%; height: 44px; border: 1px solid var(--theme-border-strong); border-radius: 9px; padding: 0 11px; color: var(--theme-text); background: #0e1319; }
.profile-role-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
.display-role-chip { display: inline-flex; align-items: center; width: fit-content; padding: 5px 9px; border: 1px solid transparent; border-radius: 99px; font-size: 11px; font-weight: 800; }
.display-role-chip.gold { color: #fff0b1; border-color: #7b641c; background: #463a16; }
.display-role-chip.green { color: #d8f8ef; border-color: #397963; background: #1e4b3e; }
.display-role-chip.blue { color: #d8edff; border-color: #3d6f97; background: #224764; }
.display-role-chip.purple { color: #eedfff; border-color: #72549a; background: #493369; }
.display-role-chip.red { color: #ffe0dd; border-color: #944c47; background: #662f2c; }
.display-role-chip.custom { box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); }
.role-colour-controls { display: grid; grid-template-columns: minmax(0,1fr) 52px; gap: 9px; }
.event-form-body .role-colour-controls input[type="color"] { width: 52px; padding: 4px; cursor: pointer; }
.owner-user-dialog { width: min(1180px,calc(100% - 28px)); }
.owner-user-editor-layout { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(390px,.95fr); gap: 24px; }
.owner-role-assignment { display: grid; grid-template-columns: minmax(150px,.72fr) minmax(220px,1.28fr); min-height: 330px; overflow: hidden; border: 1px solid var(--theme-border-strong); border-radius: 12px; background: #0e1319; }
.owner-role-column { min-width: 0; padding: 16px; }.owner-role-column+.owner-role-column { border-left: 1px solid var(--theme-border-strong); }
.owner-role-column h3 { margin: 2px 0 4px; color: var(--theme-text); font-size: 16px; }.owner-role-column>div:first-child>small { display: block; color: var(--theme-muted); line-height: 1.4; }
.owner-role-column>div:last-child { display: grid; gap: 8px; margin-top: 14px; }
.owner-role-column>div:last-child { max-height: 390px; overflow-y: auto; padding-right: 3px; }
.owner-role-item { display: grid; grid-template-columns: minmax(0,1fr) 32px; align-items: center; gap: 9px; padding: 10px; border: 1px solid var(--theme-border); border-radius: 9px; background: var(--theme-panel-soft); }
.owner-role-item>div { display: grid; justify-items: start; gap: 5px; min-width: 0; }.owner-role-item small { overflow: hidden; max-width: 100%; color: var(--theme-muted); font-size: 10px; line-height: 1.35; text-overflow: ellipsis; }
.role-action { width: 32px; height: 32px; border: 1px solid var(--theme-border-strong); border-radius: 8px; color: #10151b; background: var(--theme-accent); cursor: pointer; font-size: 20px; font-weight: 900; }.role-action.remove { color: #ffaaa2; background: #341b1b; border-color: #7c3c38; }
.owner-role-empty { margin: 0; color: var(--theme-muted); font-size: 12px; }
.owner-users-panel .surface-head { align-items: flex-start; }.owner-users-panel .surface-head-controls { align-items: flex-end; flex-wrap: nowrap; }.owner-users-panel .owner-user-search { min-width: 280px; }.owner-users-panel .owner-user-search input,.owner-users-panel .section-collapse-toggle { height: 40px; min-height: 40px; }.owner-users-panel.is-collapsed .owner-user-search { min-width: 270px; }.owner-users-panel.is-collapsed .surface-head-controls { margin-left: auto; }
@media (max-width: 700px) { .owner-users-panel .surface-head { flex-direction: column; }.owner-users-panel .surface-head-controls { width: 100%; align-items: flex-end; }.owner-users-panel .owner-user-search { min-width: 0; flex: 1; }.owner-users-panel.is-collapsed .owner-user-search { min-width: 0; } }
.list-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 14px 0 4px; color: var(--theme-muted); font-size: 12px; }.list-pagination-controls { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }.list-pagination .quiet-button:disabled { opacity: .4; cursor: not-allowed; }[hidden] { display: none!important; }
tbody>tr.list-pagination { display: table-row; }.list-pagination>td { width: 100%; padding: 16px 0 6px; }.list-pagination-controls { width: 100%; justify-content: center; }.ranking-table th button { appearance: none; border: 0; padding: 0; color: inherit; background: transparent; font: inherit; text-transform: inherit; cursor: pointer; }.ranking-table th button:hover { color: var(--theme-gold); }
.display-role-list { display: grid; }
.display-role-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 16px; padding: 14px 0; border-top: 1px solid var(--theme-border); }
.display-role-row>div { display: flex; align-items: center; gap: 12px; }.display-role-row>div>span:last-child { display: grid; gap: 3px; }
.display-role-row small,.role-state { color: var(--theme-muted); font-size: 12px; }.display-role-row.archived { opacity: .6; }
.accolade-intro { max-width: 820px; margin: -4px 0 18px; color: var(--theme-muted); line-height: 1.6; }
.accolade-summary { display: flex; gap: 10px; margin-bottom: 14px; }
.accolade-summary span { padding: 9px 12px; border: 1px solid var(--theme-border); border-radius: 9px; color: var(--theme-muted); background: var(--theme-panel-soft); font-size: 12px; }
.accolade-summary strong { margin-right: 4px; color: var(--theme-gold-bright); }
.accolade-review-row { display: grid; grid-template-columns: 44px minmax(0,1fr) auto auto; align-items: center; gap: 13px; padding: 14px 0; border-top: 1px solid var(--theme-border); }
.accolade-review-row>div:nth-child(2) { display: grid; gap: 3px; }
.accolade-review-row strong { color: var(--theme-text); }
.accolade-review-row span,.accolade-review-row small { color: var(--theme-muted); }
.accolade-mark { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #725d19; border-radius: 50%; color: var(--theme-gold-bright)!important; background: #302916; font-size: 19px; }
.accolade-status { padding: 6px 9px; border-radius: 99px; font-size: 11px; font-weight: 800; }
.accolade-status.approved { color: #d8f8ef; background: #225747; }
.accolade-status.pending { color: #fff0c7; background: #624d1d; }
.accolade-actions { display: flex; gap: 7px; }
.accolade-gallery { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 12px; }
.accolade-card { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--theme-border); border-radius: 12px; background: var(--theme-panel-soft); }
.accolade-card>div { display: grid; gap: 4px; }.accolade-card small { color: var(--theme-muted); }

@media (max-width: 1280px) {
  .site-header { grid-template-columns: 70px 138px minmax(0, 1fr) auto; gap: 12px; }
}

@media (max-width: 1100px) {
  .account-profile-layout { grid-template-columns: 1fr; }
  .analytics-config-form { grid-template-columns: repeat(2,minmax(0,1fr)); }.analytics-config-form .button { align-self: stretch; }
  .site-header { grid-template-columns: 1fr auto auto; gap: 10px; padding-inline: 18px; }
  .game-layer { display: none; }
  .menu-button { display: block; }
  .main-nav { position: absolute; top: 72px; left: 14px; right: 14px; display: none; align-items: stretch; flex-direction: column; padding: 10px; border: 1px solid var(--theme-border); border-radius: 14px; background: #10141a; box-shadow: 0 18px 60px rgba(0, 0, 0, 0.4); }
  body.menu-open .main-nav { display: flex; }
  .main-nav a { justify-content: flex-start; }
  .owner-user-editor-layout { grid-template-columns: 1fr; }
  .analytics-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }.analytics-ideas { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .analytics-config-panel summary { align-items: flex-start; flex-direction: column; }.analytics-config-form { grid-template-columns: 1fr; }
  .site-header { grid-template-columns: 1fr auto auto; }
  .main-nav { border-color: var(--theme-border); background: #10141a; }
  .game-layer { display: none; }
  .vote-page-status { width: 100%; grid-template-columns: 1fr; }
  .vote-admin-actions { justify-content: flex-start; }
  .vote-date-navigation { align-items: stretch; flex-direction: column; }
  .event-page-actions { align-items: stretch; flex-direction: column; }.event-page-actions>* { justify-content: center; }
  .accolade-review-row { grid-template-columns: 42px minmax(0,1fr); }
  .accolade-status,.accolade-actions { grid-column: 2; justify-self: start; }
  .display-role-row { grid-template-columns: 1fr auto; }.display-role-row>div { grid-column: 1/-1; }.role-state { justify-self: start; }
  .ranking-review-row { align-items: stretch; flex-direction: column; }.ranking-review-row>div:last-child { justify-content: flex-start; }
  .ranking-page-actions,.result-submission-row { align-items: stretch; flex-direction: column; }.result-submission-row>div:last-child { justify-content: flex-start; }
  .result-submission-summary,.my-result-submissions article { align-items: flex-start; flex-direction: column; }.submission-owner-actions { align-items: stretch; width: 100%; }.submission-owner-actions .quiet-button { min-height: 44px; }.comparison-grid { grid-template-columns: 1fr; }.comparison-card dl { grid-template-columns: 1fr; }.submission-review-actions .button,.submission-review-actions .quiet-button { min-height: 44px; width: 100%; }.result-review-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); }.result-review-dialog .event-form-body { padding-inline: 14px; }
  .owner-role-assignment { grid-template-columns: 1fr; min-height: 0; }
  .owner-role-column+.owner-role-column { border-top: 1px solid var(--theme-border-strong); border-left: 0; }
  .analytics-kpis,.analytics-ideas { grid-template-columns: 1fr; }
}

/* Contested next-date main stage */
.featured-event.contested { display: block; padding: 26px 30px; }
.featured-event.contested::after { pointer-events: none; }
.featured-group-head { position: relative; z-index: 1; display: grid; grid-template-columns: 82px minmax(0, 1fr) auto; align-items: center; gap: 22px; padding-bottom: 22px; }
.featured-group-head h2 { margin: 8px 0 4px; font: 600 clamp(24px, 3vw, 34px)/1.08 "Space Grotesk", sans-serif; letter-spacing: -.04em; }
.featured-group-head .button { min-width: 210px; }
.featured-choice-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.featured-choice { min-width: 0; padding: 22px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 16px; background: rgba(255, 255, 255, .055); }
.featured-choice h2 { margin: 12px 0 6px; font: 600 clamp(21px, 2.2vw, 29px)/1.12 "Space Grotesk", sans-serif; letter-spacing: -.035em; }
.featured-choice .rule-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 20px; }
.featured-choice .event-flags { flex-wrap: wrap; }

@media (max-width: 900px) {
  .featured-group-head { grid-template-columns: 72px 1fr; }
  .featured-group-head .button { grid-column: 1 / -1; width: 100%; }
  .featured-choice-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .featured-event.contested { padding: 20px; }
  .featured-group-head { grid-template-columns: 1fr; }
  .featured-group-head .date-stamp { width: 70px; height: 76px; }
  .featured-choice { padding: 18px; }
  .featured-choice .rule-grid { grid-template-columns: 1fr 1fr; }
  .featured-choice .rule-grid > div:last-child { grid-column: 1 / -1; }
}

/* Location-aware events and verified-local preorders */
.preorder-access-only { display: none !important; }
body.has-preorder-access .preorder-access-only { display: flex !important; }
.events-location-bar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: -8px 0 20px; padding: 14px 16px; border: 1px solid var(--theme-border); border-radius: 14px; color: var(--theme-text); background: rgba(16, 20, 26, .96); }.events-location-bar > div { display: flex; align-items: center; gap: 9px; }.events-location-bar p { display: grid; margin: 0; }.events-location-bar small { color: var(--theme-muted); }.events-location-bar .source-mark { flex: 0 0 auto; }
.location-source-actions { display: grid; justify-items: end; gap: 8px; }
.location-source-actions > div { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.location-source-actions a { font-size: 12px; font-weight: 800; text-decoration: none; }
.preorder-source { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; padding: 16px 18px; border: 1px solid var(--theme-border); border-radius: 14px; color: var(--theme-text); background: var(--theme-panel); }
.preorder-source > div { display: grid; gap: 3px; }.preorder-source span { color: var(--theme-muted); font-size: 12px; }.preorder-source a { color: var(--theme-gold-bright); font-size: 12px; font-weight: 800; text-decoration: none; }
.verified-local-badge { align-self: flex-end; padding: 9px 13px; border: 1px solid #397c69; border-radius: 999px; color: #d8f8ef; background: #225747; font-size: 12px; font-weight: 800; }
.preorder-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.preorder-card { min-height: 230px; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; gap: 24px; padding: 24px; border: 1px solid var(--theme-border); border-radius: 18px; color: var(--theme-text); background: rgba(16, 20, 26, .96); }
.preorder-card h2 { margin: 14px 0 7px; font: 600 clamp(22px, 2.3vw, 30px)/1.12 "Space Grotesk", sans-serif; letter-spacing: -.035em; }.preorder-card p { margin: 0; color: var(--theme-muted); }.preorder-card .button { width: 100%; }
.verified-local-list { display: grid; }.verified-local-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 0; border-top: 1px solid var(--theme-border); }.verified-local-row > div { display: flex; align-items: center; gap: 11px; }.verified-local-row > div > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; color: var(--theme-gold-ink); background: var(--theme-gold); font-size: 11px; font-weight: 800; }.verified-local-row p { display: grid; margin: 0; }.verified-local-row small { color: var(--theme-muted); }.verified-local-row button.verified { color: #d8f8ef; border-color: #397c69; background: #225747; }
@media (max-width: 760px) { .preorder-grid { grid-template-columns: 1fr; }.preorder-source,.event-source { align-items: stretch; flex-direction: column; }.location-source-actions { justify-items: start; }.location-source-actions > div { justify-content: flex-start; }.events-location-bar { align-items: stretch; flex-direction: column; }.events-location-bar > div:last-child { flex-wrap: wrap; } }

/* Compact singles catalogue: five cards across on wide screens, two rows per desktop viewport. */
.singles-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.singles-grid .single-card{display:flex;min-width:0;min-height:0;gap:8px;padding:10px;border-radius:12px}.singles-grid .single-image{width:100%;height:158px;min-height:0;flex:0 0 158px;border-radius:8px}.singles-grid .single-image img{max-height:158px}.singles-grid .single-card>div{width:100%;min-width:0}.singles-grid .single-card .flag{max-width:100%;min-height:20px;overflow:hidden;padding:0 6px;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.singles-grid .single-card h2{min-height:36px;margin:7px 0 3px;font-size:16px;line-height:1.12;letter-spacing:-.02em}.singles-grid .single-card code{margin-top:2px;font-size:12px}.singles-grid .single-card p{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.singles-grid .single-price{margin-top:7px;font-size:17px}.singles-grid .single-card .button{min-height:34px;padding:0 8px;border-radius:8px;font-size:12px}
@media(max-width:1250px){.singles-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:980px){.singles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.singles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.singles-grid{grid-template-columns:1fr}.singles-grid .single-image{height:210px;flex-basis:210px}.singles-grid .single-image img{max-height:210px}}
@media (max-width: 480px) { .verified-local-row { align-items: stretch; flex-direction: column; }.verified-local-row button { width: 100%; }.location-source-actions > div { align-items: stretch; flex-direction: column; }.location-source-actions .quiet-button { width: 100%; } }

/* Vote fallback notice and numbered card previews */
.event-discretion-note { margin: 0 0 20px; padding: 13px 16px; border: 1px solid #725d19; border-left: 4px solid var(--theme-gold); border-radius: 10px; color: #e8edf2; background: #302916; font-size: 14px; }.event-discretion-note strong { color: var(--theme-gold-bright); }
.account-decklists { margin-top: 18px; }.decklist-format-help { margin: 0 0 18px; color: var(--theme-muted); }.decklist-format-help code { padding: 2px 6px; border: 1px solid var(--theme-border); border-radius: 5px; color: var(--theme-gold-bright); background: #0e1319; }
.personal-decklist-grid { display: grid; gap: 14px; }.personal-decklist-card { display: grid; grid-template-columns: minmax(190px,.45fr) minmax(0,1.55fr); gap: 20px; padding: 18px; border: 1px solid var(--theme-border); border-radius: 14px; background: var(--theme-panel-soft); }.personal-decklist-card h3 { margin: 11px 0 4px; color: var(--theme-text); font: 600 22px/1.15 "Space Grotesk",sans-serif; }.personal-decklist-card p { margin: 0; color: var(--theme-muted); }.personal-decklist-card > div:last-child { display: grid; gap: 12px; }.personal-decklist-card .quiet-button { justify-self: end; }
.card-visual-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(112px,1fr)); gap: 10px; }.card-visual { min-width: 0; padding: 8px; border: 1px solid var(--theme-border); border-radius: 10px; color: var(--theme-text); background: #11161c; }.card-image-shell { position: relative; min-height: 145px; display: grid; place-items: center; overflow: hidden; border-radius: 7px; background: #252b33; }.card-image-shell img { display: block; width: 100%; aspect-ratio: 5/7; object-fit: cover; }.card-image-shell span { position: absolute; inset: auto 6px 6px; padding: 4px 5px; border-radius: 5px; color: #fff; background: rgba(0,0,0,.78); font-size: 11px; font-weight: 800; text-align: center; }.card-image-shell.image-missing::before { content: "Image unavailable"; color: var(--theme-muted); font-size: 12px; }.card-visual > strong { display: block; margin-top: 7px; font-size: 12px; text-align: center; }.deck-preview-content .card-visual-grid { margin-top: 18px; }
.decklist-validation { margin-top: 12px; padding: 10px 12px; border: 1px solid var(--theme-border); border-radius: 9px; color: var(--theme-muted); background: #11161c; font-size: 13px; }.decklist-validation.valid { color: #d8f8ef; border-color: #397c69; background: #193d33; }.decklist-validation.invalid { color: #ffe5b8; border-color: #80641b; background: #302916; }
.event-form-body label + label { margin-top: 14px; }
@media(max-width:760px){.personal-decklist-card{grid-template-columns:1fr}.card-visual-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.card-image-shell{min-height:125px}}

/* Epic 9 deck management */
.personal-decklist-card{grid-template-columns:minmax(190px,.6fr) minmax(0,1.4fr);align-items:start}.personal-deck-summary{display:grid;gap:.55rem}.personal-deck-summary h3{margin:.2rem 0}.personal-deck-summary small,.deck-visibility-row>span:last-child{color:var(--theme-muted)}.deck-visibility-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.deck-card-preview{min-width:0;border:1px solid var(--theme-border);border-radius:11px;padding:.75rem;background:#11161c}.deck-card-preview>summary{min-height:44px;display:flex;align-items:center;color:#f2cd45;cursor:pointer;font-weight:800}.deck-card-preview[open]>summary{margin-bottom:.75rem}.personal-deck-actions{grid-column:1/-1;display:flex!important;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}.personal-deck-actions .quiet-button{justify-self:auto}.deck-result-picker{margin-top:1rem;border:1px solid var(--theme-border);border-radius:12px;padding:1rem}.deck-result-picker legend{padding:0 .35rem;color:#fff;font-weight:800}.deck-result-picker>p{margin:.15rem 0 .8rem;color:var(--theme-muted);font-size:.78rem}.deck-result-options{display:grid;gap:.5rem;max-height:15rem;overflow:auto}.deck-result-options>label{display:grid!important;grid-template-columns:1.2rem minmax(0,1fr);align-items:start;gap:.65rem!important;min-height:52px;padding:.7rem;border:1px solid var(--theme-border);border-radius:10px;background:#11161c}.deck-result-options input{width:1.1rem!important;height:1.1rem!important;margin:.12rem 0 0}.deck-result-options span{display:grid;gap:.15rem}.deck-result-options small{color:var(--theme-muted)}.shared-deck-view{max-width:72rem;margin:0 auto}.shared-deck-card{display:grid;gap:1.25rem}.shared-deck-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.shared-deck-heading h2{margin:.2rem 0;color:#fff;font-size:clamp(1.8rem,5vw,3rem)}.shared-deck-heading p:last-child,.shared-deck-description{margin:0;color:var(--theme-muted)}.shared-deck-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0}.shared-deck-meta>div{display:grid;gap:.2rem;padding:.8rem;border:1px solid var(--theme-border);border-radius:10px;background:#11161c}.shared-deck-meta dt{color:#f2cd45;font-size:.7rem;font-weight:800;text-transform:uppercase}.shared-deck-meta dd{margin:0;color:#fff}.shared-deck-results ul{list-style:none;margin:.75rem 0 0;padding:0}.shared-deck-results li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid var(--theme-border)}.shared-deck-results li span{color:var(--theme-muted);font-size:.78rem}
@media(max-width:760px){.personal-decklist-card{grid-template-columns:1fr}.personal-deck-actions{grid-column:auto}.personal-deck-actions>*{min-height:44px;flex:1}.deck-card-preview{padding:.65rem}.shared-deck-heading{align-items:flex-start;flex-direction:column}.shared-deck-meta{grid-template-columns:1fr}.shared-deck-results li{align-items:flex-start;flex-direction:column;gap:.25rem}}
@media(max-width:430px){.personal-decklist-card{padding:1rem}.deck-visibility-row{align-items:flex-start;flex-direction:column}.personal-deck-actions{display:grid!important;grid-template-columns:1fr}.deck-result-picker{padding:.75rem}.shared-deck-card{padding:1rem}.shared-deck-card .card-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}