/* Commander landing: obsidian, ember and original Scryfall card art.
   Scoped above the legacy menu bridges; no arena or dialog layout rules. */
#setup[data-app-view="home"] .mainmenu {
  --menu-width: min(calc(100% - 80px), 1200px);
  background: linear-gradient(180deg, rgba(var(--ds-table-rgb), .82), var(--ds-table) 650px), url('../assets/menu/ember-slate.jpg') center top / auto 700px no-repeat, var(--ds-table);
}
#setup[data-app-view="home"] .mainmenu .mainmenu-nav { min-height: calc(76px + env(safe-area-inset-top)); gap: 24px; border-color: var(--ds-line); }
#setup[data-app-view="home"] .mainmenu .mainmenu-navlinks { display: flex; gap: 28px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-navlinks a { color: var(--ds-copy); font-size: 13px; letter-spacing: 0; text-transform: none; }
#setup[data-app-view="home"] .mainmenu .mainmenu-navlinks a:hover { color: var(--ds-accent-bright); }
#setup[data-app-view="home"] .mainmenu .mainmenu-navtools { gap: 10px; }
#setup[data-app-view="home"] .mainmenu :is(.mainmenu-guide, .mainmenu-account) { border-color: var(--ds-line); border-radius: 6px; background: rgba(var(--ds-panel-rgb), .7); }
#setup[data-app-view="home"] .mainmenu .mainmenu-brand small { color: var(--ds-muted); }
#setup[data-app-view="home"] .mainmenu .mainmenu-hero { min-height: 0; padding: 38px 0 30px; gap: 52px; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); align-items: center; }
#setup[data-app-view="home"] .mainmenu .mainmenu-hero-copy { position: relative; z-index: 1; max-width: none; animation: none; }
#setup[data-app-view="home"] .mainmenu .mainmenu-kicker { display: block; color: var(--ds-accent-bright); font: 600 11px/1.6 var(--ds-font-mono); letter-spacing: .14em; }
#setup[data-app-view="home"] .mainmenu .mainmenu-kicker::before { content: none; }
#setup[data-app-view="home"] .mainmenu .mainmenu-hero h1 { margin: 14px 0 16px; font: 750 clamp(48px, 5.2 * var(--vwu), 68px)/1.02 var(--ds-font-display); letter-spacing: -.055em; text-wrap: initial; }
#setup[data-app-view="home"] .mainmenu .mainmenu-hero h1 em { color: var(--ds-accent-bright); font-style: normal; }
#setup[data-app-view="home"] .mainmenu .mainmenu-hero-copy > p { max-width: 44ch; color: var(--ds-copy); font-size: 15px; line-height: 1.65; margin: 0; }
#setup[data-app-view="home"] .mainmenu .mainmenu-actions { max-width: none; margin-top: 24px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-actions button { display: flex; align-items: center; justify-content: flex-start; min-width: 0; min-height: 78px; padding: 16px; gap: 12px; border-radius: 10px; text-align: left; }
#setup[data-app-view="home"] .mainmenu .mainmenu-actions .gameicon { width: 20px; height: 20px; flex: none; }
#setup[data-app-view="home"] .mainmenu .mainmenu-actions button > span { min-width: 0; display: grid; flex: 1; gap: 6px; margin: 0; color: inherit; }
#setup[data-app-view="home"] .mainmenu .mainmenu-actions b { color: inherit; font: 700 15px/1.3 var(--ds-font-body); white-space: normal; overflow-wrap: anywhere; }
#setup[data-app-view="home"] .mainmenu .mainmenu-actions small { color: var(--ds-copy); font: 500 12px/1.4 var(--ds-font-body); }
#setup[data-app-view="home"] .mainmenu .mainmenu-primary { grid-column: 1 / -1; background: var(--ds-accent-bright); border: 1px solid var(--ds-accent-bright); color: var(--ds-accent-ink); box-shadow: 0 6px 30px rgba(var(--ds-accent-rgb), .15); border-radius: 6px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-primary:hover { background: var(--ds-accent); border-color: var(--ds-accent); }
#setup[data-app-view="home"] .mainmenu .mainmenu-primary :is(small, .gameicon) { color: var(--ds-accent-ink); }
#setup[data-app-view="home"] .mainmenu :is(.mainmenu-secondary, .mainmenu-import-action) { background: var(--ds-panel-raised); color: var(--ds-text); border: 1px solid var(--ds-line); box-shadow: none; border-radius: 6px; }
#setup[data-app-view="home"] .mainmenu :is(.mainmenu-secondary, .mainmenu-import-action):hover { border-color: var(--ds-accent); }
#setup[data-app-view="home"] .mainmenu .mainmenu-trust { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 18px 0 0; }
#setup[data-app-view="home"] .mainmenu .mainmenu-trust li { font: 500 11px/1.5 var(--ds-font-body); color: var(--ds-copy); text-transform: none; letter-spacing: 0; }

/* Let the card faces own the hero, instead of putting them inside a panel. */
#setup[data-app-view="home"] .mainmenu .mainmenu-visual { position: relative; min-height: 0; padding: 0; overflow: visible; filter: none; background: none; border: 0; border-radius: 0; animation: none; }
#setup[data-app-view="home"] .mainmenu .mainmenu-visual-head { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px; min-height: 32px; margin: 0 0 10px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-visual-head > span { color: var(--ds-copy); font: 500 10px/1.4 var(--ds-font-mono); letter-spacing: .1em; }
#setup[data-app-view="home"] .mainmenu .mainmenu-mana { display: flex; gap: 6px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-mana img { width: 16px; height: 16px; filter: none; opacity: .9; }
#setup[data-app-view="home"] .mainmenu .mainmenu-cardfan { min-height: 0; height: 310px; perspective: 1000px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-card { width: 40%; max-width: 190px; margin: 0; }
#setup[data-app-view="home"] .mainmenu .mainmenu-card img { width: 100%; aspect-ratio: 300 / 418; height: auto; object-fit: contain; border-radius: 11px; box-shadow: 0 25px 50px rgba(var(--ds-table-rgb), .7); }
#setup[data-app-view="home"] .mainmenu .mainmenu-card.card-1 { top: 43px; left: 7%; transform: rotate(-14deg); }
#setup[data-app-view="home"] .mainmenu .mainmenu-card.card-2 { top: 15px; left: 50%; transform: translateX(-50%) rotate(-3deg); }
#setup[data-app-view="home"] .mainmenu .mainmenu-card.card-3 { top: 48px; right: 5%; transform: rotate(14deg); }
#setup[data-app-view="home"] .mainmenu .mainmenu-visual-foot { position: relative; min-height: 64px; margin: 12px 4px 0; padding: 12px 0 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid var(--ds-line); }
#setup[data-app-view="home"] .mainmenu .mainmenu-visual-foot > div { display: grid; gap: 6px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-visual-foot b { font-size: 13px; color: var(--ds-text); }
#setup[data-app-view="home"] .mainmenu .mainmenu-visual-foot small { font-size: 11px; color: var(--ds-muted); }
#setup[data-app-view="home"] .mainmenu .mainmenu-visual-foot button { min-height: 44px; padding: 0; flex: none; background: transparent; border: 0; color: var(--ds-accent-bright); font: 600 12px var(--ds-font-body); cursor: pointer; }
#setup[data-app-view="home"] .mainmenu .mainmenu-visual-foot button span { margin-left: 8px; }

#setup[data-app-view="home"] .mainmenu .mainmenu-proof { min-height: 88px; padding: 18px 0; border-top: 1px solid var(--ds-line); border-bottom: 1px solid var(--ds-line); grid-template-columns: 1fr 1fr 1.15fr 1.3fr; }
#setup[data-app-view="home"] .mainmenu .mainmenu-proof > div { min-width: 0; min-height: 0; padding: 0 18px; border-top: 0; }
#setup[data-app-view="home"] .mainmenu .mainmenu-proof > div:first-child { padding-left: 0; }
#setup[data-app-view="home"] .mainmenu .mainmenu-proof-stat { gap: 12px; align-items: center; flex-direction: row; }
#setup[data-app-view="home"] .mainmenu .mainmenu-proof-stat strong { color: var(--ds-text); font: 650 26px/1 var(--ds-font-display); letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
#setup[data-app-view="home"] .mainmenu .mainmenu-proof-stat b { color: var(--ds-copy); font: 600 12px/1.4 var(--ds-font-body); }
#setup[data-app-view="home"] .mainmenu :is(.mainmenu-proof-stat, .mainmenu-livecheck) small { color: var(--ds-muted); font-size: 11px; line-height: 1.5; }
#setup[data-app-view="home"] .mainmenu .mainmenu-livecheck b { color: var(--ds-copy); font-size: 12px; }
#setup[data-app-view="home"] .mainmenu .returningplayer { width: var(--menu-width); margin: 0 auto 20px; padding: 16px; gap: 10px; background: var(--ds-panel); border: 1px solid var(--ds-line-soft); border-radius: 10px; }
#setup[data-app-view="home"] .mainmenu .returningplayer button { min-height: 44px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-import-action { min-height: 62px; padding: 12px 16px; gap: 12px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-import-action :is(.gameicon, span:last-child) { color: var(--ds-accent-bright); }
#setup[data-app-view="home"] .mainmenu .mainmenu-import-action small { color: var(--ds-muted); }
#setup[data-app-view="home"] .mainmenu .mainmenu-import-action b { font-size: 12px; }

/* A playable collection. The image button picks this exact built-in deck. */
#setup[data-app-view="home"] .mainmenu .mainmenu-collection { width: var(--menu-width); margin: 36px auto 0; }
#setup[data-app-view="home"] .mainmenu .mainmenu-collection-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 18px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-collection-head h2 { margin: 0; font: 650 28px/1.15 var(--ds-font-display); letter-spacing: -.045em; }
#setup[data-app-view="home"] .mainmenu .mainmenu-collection-head p { margin: 8px 0 0; color: var(--ds-copy); font-size: 13px; line-height: 1.6; }
#setup[data-app-view="home"] .mainmenu .mainmenu-collection-head button { display: flex; align-items: center; gap: 7px; min-height: 48px; padding: 0 0 0 16px; color: var(--ds-accent-bright); font: 600 13px var(--ds-font-body); border: 0; background: none; cursor: pointer; white-space: nowrap; }
#setup[data-app-view="home"] .mainmenu .mainmenu-deck-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-featured-deck { min-width: 0; display: grid; grid-template-columns: 88px minmax(0, 1fr); grid-template-rows: auto auto 1fr; gap: 0 14px; padding: 14px; color: var(--ds-text); text-align: left; font-family: var(--ds-font-body); background: var(--ds-panel); border: 1px solid var(--ds-line-soft); border-radius: 10px; box-shadow: none; cursor: pointer; }
#setup[data-app-view="home"] .mainmenu .mainmenu-deck-art { position: relative; grid-row: 1 / 4; display: block; height: 116px; overflow: hidden; border-radius: 6px; background: var(--ds-panel); }
#setup[data-app-view="home"] .mainmenu .mainmenu-deck-art > img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s var(--ds-ease); }
#setup[data-app-view="home"] .mainmenu .mainmenu-deck-art > span { display: none; }
#setup[data-app-view="home"] .mainmenu .mainmenu-deck-colors { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; margin: 0 0 8px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-deck-colors img { width: 14px; height: 14px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-deck-colors > span { width: 100%; margin-top: 3px; color: var(--ds-muted); font: 500 9px/1.5 var(--ds-font-mono); letter-spacing: .02em; }
#setup[data-app-view="home"] .mainmenu .mainmenu-featured-deck > b { display: block; font: 600 20px/1.2 var(--ds-font-display); letter-spacing: -.03em; }
#setup[data-app-view="home"] .mainmenu .mainmenu-deck-description { display: block; margin-top: 7px; color: var(--ds-copy); font-size: 12px; line-height: 1.6; }
#setup[data-app-view="home"] .mainmenu .mainmenu-featured-deck:hover > b { color: var(--ds-accent-bright); }

/* Actual interface captures. The preview cannot start or mutate a game. */
#setup[data-app-view="home"] .mainmenu .mainmenu-preview { width: 100%; margin: 0; padding: 8px 22px 22px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-section-head { grid-column: 1 / -1; display: block; margin: 0 0 6px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-eyebrow { color: var(--ds-accent-bright); font: 500 10px var(--ds-font-mono); letter-spacing: .12em; }
#setup[data-app-view="home"] .mainmenu .mainmenu-section-head h2 { margin: 0 0 10px; color: var(--ds-text); font: 600 24px/1.2 var(--ds-font-display); letter-spacing: -.04em; }
#setup[data-app-view="home"] .mainmenu .mainmenu-section-head p { max-width: 55ch; margin: 0; color: var(--ds-copy); font-size: 14px; line-height: 1.7; }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-frame { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--ds-line); border-radius: 6px; background: var(--ds-panel); }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; padding: 8px 18px; border-bottom: 1px solid var(--ds-line); }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-bar > span { display: flex; align-items: center; gap: 8px; color: var(--ds-copy); font: 500 10px var(--ds-font-mono); }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-bar small { color: var(--ds-muted); font: 500 10px var(--ds-font-body); }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-controls { display: flex; gap: 4px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-controls button { min-width: 66px; min-height: 44px; padding: 0 14px; color: var(--ds-copy); background: transparent; border: 1px solid transparent; border-radius: 4px; font: 600 12px var(--ds-font-body); cursor: pointer; }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-controls button[aria-pressed="true"] { color: var(--ds-accent-bright); border-color: rgba(var(--ds-accent-rgb), .3); background: rgba(var(--ds-accent-rgb), .08); }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-frame picture { display: block; }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-frame img { display: block; width: 100%; height: auto; }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-frame figcaption { padding: 14px 18px; display: grid; gap: 8px; color: var(--ds-copy); font-size: 11px; line-height: 1.6; border-top: 1px solid var(--ds-line); }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-frame figcaption > span:last-child { color: var(--ds-muted); font-size: 10px; }
#setup[data-app-view="home"] .mainmenu :is(.mainmenu-preview-mobile-caption, .mainmenu-preview-bar .mainmenu-preview-phone-label) { display: none; }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-notes { display: flex; gap: 24px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-notes p { flex: 1; margin: 0; padding: 0 0 0 18px; border-left: 2px solid rgba(var(--ds-accent-rgb), .5); }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-notes b { display: block; margin-bottom: 10px; color: var(--ds-text); font: 600 19px/1.2 var(--ds-font-display); }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-notes span { display: block; color: var(--ds-copy); font-size: 12px; line-height: 1.8; }

#setup[data-app-view="home"] .mainmenu .mainmenu-path { width: var(--menu-width); margin: 36px auto 0; padding: 28px 0; background: none; border: 0; border-block: 1px solid var(--ds-line-soft); display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 36px; animation: none; }
#setup[data-app-view="home"] .mainmenu .mainmenu-path-copy > span { color: var(--ds-accent-bright); font: 500 10px/1.5 var(--ds-font-mono); letter-spacing: .08em; }
#setup[data-app-view="home"] .mainmenu .mainmenu-path h2 { margin: 10px 0; font: 600 26px/1.1 var(--ds-font-display); letter-spacing: -.04em; }
#setup[data-app-view="home"] .mainmenu .mainmenu-path-copy p { margin: 0; color: var(--ds-copy); font-size: 13px; line-height: 1.6; }
#setup[data-app-view="home"] .mainmenu .mainmenu-path-copy button { min-height: 44px; margin-top: 10px; color: var(--ds-accent-bright); font-size: 12px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-path-steps li { display: flex; flex-direction: column; gap: 14px; padding: 0; border: 0; align-items: flex-start; }
#setup[data-app-view="home"] .mainmenu .mainmenu-path-steps li:first-child { padding-top: 0; }
#setup[data-app-view="home"] .mainmenu .mainmenu-path-steps li > span { position: static; flex: none; display: block; width: auto; height: auto; border: 0; background: none; color: var(--ds-accent-bright); font: 500 16px/1.5 var(--ds-font-mono); letter-spacing: -.06em; }
#setup[data-app-view="home"] .mainmenu .mainmenu-path-steps li b { color: var(--ds-text); font-size: 14px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-path-steps li p { color: var(--ds-copy); font-size: 12px; line-height: 1.7; }
#setup[data-app-view="home"] .mainmenu .mainmenu-footer { margin: 28px auto 0; padding: 24px 0; grid-template-columns: 1fr 1.3fr; gap: 36px; border-top: 1px solid var(--ds-line); }
#setup[data-app-view="home"] .mainmenu .mainmenu-footer b { color: var(--ds-copy); margin-bottom: 6px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-footer :is(span, p) { color: var(--ds-muted); font-size: 11px; line-height: 1.8; }
#setup[data-app-view="home"] .mainmenu .mainmenu-footer a { color: var(--ds-accent-bright); }

#setup[data-app-view="home"] .mainmenu .mainmenu-account { max-width: 180px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-account i { flex: none; }
#setup[data-app-view="home"] .mainmenu .mainmenu-account > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#setup[data-app-view="home"] .mainmenu .mainmenu-primary b { font-size: 17px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-actions .mainmenu-import-action > span { margin: 0; color: var(--ds-text); }
#setup[data-app-view="home"] .mainmenu .mainmenu-import-action .gameicon { color: var(--ds-accent-bright); }
#setup[data-app-view="home"] .mainmenu .mainmenu-action-arrow { margin-left: auto; font: 400 24px/1 var(--ds-font-body); }
#setup[data-app-view="home"] .mainmenu .mainmenu-beta { display: inline-block; margin-right: 4px; padding: 1px 5px; border: 1px solid var(--ds-line); border-radius: 4px; color: var(--ds-accent-bright); font: 600 10px/1.4 var(--ds-font-body); }
#setup[data-app-view="home"] .mainmenu .mainmenu-account-return { overflow-wrap: anywhere; }
#setup[data-app-view="home"] .mainmenu .returningplayer b { font-size: 15px; }
#setup[data-app-view="home"] .mainmenu .returningplayer span { color: var(--ds-copy); }
#setup[data-app-view="home"] .mainmenu .returningplayer button { overflow-wrap: anywhere; }
#setup[data-app-view="home"] .mainmenu :is(.returningplayer button, .mainmenu-featured-deck):hover { border-color: var(--ds-accent); }
#setup[data-app-view="home"] .mainmenu .mainmenu-path-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; }

/* Keep the large interface preview available without making the menu longer. */
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-disclosure { width: var(--menu-width); margin: 24px auto 0; border: 1px solid var(--ds-line); border-radius: 10px; background: var(--ds-panel); }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; list-style: none; cursor: pointer; }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-disclosure > summary::-webkit-details-marker { display: none; }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-disclosure > summary b { display: block; color: var(--ds-text); font-size: 14px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-disclosure > summary small { display: block; margin-top: 5px; color: var(--ds-copy); font-size: 12px; line-height: 1.5; }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-disclosure > summary i { color: var(--ds-accent-bright); font: 400 26px/1 var(--ds-font-body); }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-disclosure[open] > summary i { transform: rotate(45deg); }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-disclosure > summary:hover { background: var(--ds-panel-raised); border-radius: 10px; }
#setup[data-app-view="home"] .mainmenu .mainmenu-preview-disclosure > summary:focus-visible { outline: 3px solid var(--ds-accent-bright); outline-offset: 3px; border-radius: 10px; }

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body:not(.reduced-motion) #setup[data-app-view="home"] .mainmenu .mainmenu-cardfan .mainmenu-card.card-1:hover { transform: rotate(-10deg) translateY(-8px); z-index: 5; }
  body:not(.reduced-motion) #setup[data-app-view="home"] .mainmenu .mainmenu-cardfan .mainmenu-card.card-2:hover { transform: translateX(-50%) rotate(0deg) translateY(-8px); z-index: 5; }
  body:not(.reduced-motion) #setup[data-app-view="home"] .mainmenu .mainmenu-cardfan .mainmenu-card.card-3:hover { transform: rotate(10deg) translateY(-8px); z-index: 5; }
  body:not(.reduced-motion) #setup[data-app-view="home"] .mainmenu .mainmenu-featured-deck:hover .mainmenu-deck-art > img { transform: scale(1.04); }
}
@media (max-width: 1050px) {
  #setup[data-app-view="home"] .mainmenu { --menu-width: calc(100% - 48px); }
  #setup[data-app-view="home"] .mainmenu .mainmenu-navlinks { gap: 18px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-hero { gap: 32px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-actions button { padding: 14px; gap: 10px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-actions b { font-size: 14px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-actions .mainmenu-primary b { font-size: 17px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-cardfan { height: 270px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-visual-foot { flex-wrap: wrap; gap: 4px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-proof { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 0; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-proof > div:nth-child(odd) { padding-left: 0; border-left: 0; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-featured-deck { grid-template-columns: 68px minmax(0, 1fr); padding: 12px; gap: 0 10px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-featured-deck > b { font-size: 18px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-path { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 760px) {
  #setup[data-app-view="home"] .mainmenu { --menu-width: calc(100% - 40px); }
  #setup[data-app-view="home"] .mainmenu .mainmenu-nav { grid-template-columns: minmax(0, 1fr) auto; gap: 0 12px; padding-top: max(10px, env(safe-area-inset-top)); min-height: 108px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-navtools { grid-column: 2; grid-row: 1; gap: 6px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-navlinks { grid-column: 1 / -1; grid-row: 2; justify-content: space-between; gap: 12px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-navlinks a { min-height: 44px; font-size: 12px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-brand { gap: 10px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-brand b { font-size: 11px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-account { max-width: 130px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-guide { width: 44px; padding: 0; justify-content: center; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-guide span { display: none; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-hero { grid-template-columns: minmax(0, 1fr); padding: 28px 0; gap: 0; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-hero h1 { font-size: clamp(44px, 9.4 * var(--vwu), 62px); }
  #setup[data-app-view="home"] .mainmenu .mainmenu-hero-copy > p { max-width: 44ch; font-size: 14px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-actions { margin-top: 22px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-actions button { min-height: 80px; padding: 14px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-actions button > span { display: grid; gap: 6px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-visual { display: none; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-trust { gap: 8px 14px; }
  #setup[data-app-view="home"] .mainmenu .returningplayer > div { width: 100%; }
  #setup[data-app-view="home"] .mainmenu .returningplayer button { flex: 1 1 auto; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-collection { margin-top: 28px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-collection-head h2 { font-size: 24px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-deck-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-featured-deck { grid-template-columns: 88px minmax(0, 1fr); padding: 12px; gap: 0 16px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-featured-deck > b { font-size: 22px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-deck-colors > span { width: auto; margin: 0 0 0 4px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-path { margin-top: 28px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-path-steps { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-path-steps li { flex-direction: row; gap: 16px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-path-steps li p { margin-top: 5px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-preview-notes { flex-direction: column; gap: 20px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-preview-disclosure > summary { padding: 16px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-preview { padding: 8px 14px 18px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-footer { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 600px) {
  #setup[data-app-view="home"] .mainmenu .mainmenu-preview-controls,
  #setup[data-app-view="home"] .mainmenu .mainmenu-preview-bar small,
  #setup[data-app-view="home"] .mainmenu .mainmenu-preview-caption { display: none; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-preview-bar .mainmenu-preview-phone-label { display: block; font-size: 9px; color: var(--ds-muted); }
  #setup[data-app-view="home"] .mainmenu .mainmenu-preview-mobile-caption { display: block; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-preview-frame picture { max-width: 390px; margin: auto; }
}
@media (max-width: 440px) {
  #setup[data-app-view="home"] .mainmenu { --menu-width: calc(100% - 32px); }
  #setup[data-app-view="home"] .mainmenu .mainmenu-brand .menumark { width: 20px; height: 20px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-account { max-width: 106px; padding-inline: 9px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-actions { grid-template-columns: minmax(0, 1fr); }
  #setup[data-app-view="home"] .mainmenu .mainmenu-actions button { min-height: 70px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-actions b { font-size: 15px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-actions small { font-size: 12px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-proof-stat { align-items: flex-start; flex-direction: column; gap: 6px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-proof > div { padding-inline: 12px; }
  #setup[data-app-view="home"] .mainmenu .mainmenu-collection-head { align-items: flex-start; flex-direction: column; gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  #setup[data-app-view="home"] .mainmenu *, #setup[data-app-view="home"] .mainmenu *::before { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
body.reduced-motion #setup[data-app-view="home"] .mainmenu *,
body.reduced-motion #setup[data-app-view="home"] .mainmenu *::before { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
body.high-contrast #setup[data-app-view="home"] .mainmenu { background: var(--ds-table); }
body.high-contrast #setup[data-app-view="home"] .mainmenu :is(p, small, .mainmenu-deck-colors > span, .mainmenu-trust li) { color: var(--ds-text); }
body.high-contrast #setup[data-app-view="home"] .mainmenu .mainmenu-primary small { color: var(--ds-accent-ink); }