/* Presentation accents only: open/upcoming cards keep their existing base appearance. */
[data-card-visual-state="pending"] { --pick-state-color: #ffad52; --pick-state-tint: #241b12; }
[data-card-visual-state="published"] { --pick-state-color: #69df9b; --pick-state-tint: #12231b; }
[data-card-visual-state="closed"] { --pick-state-color: #aeb7c4; --pick-state-tint: #1b1f26; }
[data-card-visual-state="won"] { --pick-state-color: #ffe06b; --pick-state-tint: #262211; }
[data-card-visual-state="lost"] { --pick-state-color: #ff9299; --pick-state-tint: #29171c; }
html[data-app-theme] body.arcade-page :is(.navigation-market-card, .profile-pick-row)[data-card-visual-state]:not([data-card-visual-state=""]) {
    border: 1px solid var(--pick-state-color);
    background: var(--pick-state-tint);
    box-shadow: 0 0 10px color-mix(in srgb, var(--pick-state-color) 14%, transparent);
    color: #f7f8fc;
}
html[data-app-theme] body.arcade-page .navigation-market-card[data-card-visual-state]:not([data-card-visual-state=""]) > .market-mini-card__background {
    background: linear-gradient(#10141c99, #10141cdd); opacity: .5;
}
html[data-app-theme] body.arcade-page [data-card-visual-state]:not([data-card-visual-state=""]) :is(.status-pill, .card-state-badge, .profile-pick-row__state, .game-swipe__review-state) {
    color: var(--pick-state-color); background: #10141c; border: 1px solid var(--pick-state-color);
    border-radius: 999px; padding: 3px 7px; font-size: .68rem; line-height: 1.35;
    width: fit-content; max-width: 100%; white-space: normal; text-shadow: none;
}
html[data-app-theme] body.arcade-page .game-swipe.game-swipe--review.match-market-card {
    background: var(--pick-state-tint, #241b12); border-color: var(--pick-state-color, #ffad52); color: #f7f8fc;
}
html[data-app-theme] body.arcade-page .game-swipe.game-swipe--review.match-market-card :is(.match-market-card__time, .game-swipe__review, .game-swipe__review p, .match-market-card__secondary) { color: #f7f8fc; }
html[data-app-theme] body.arcade-page .game-swipe.game-swipe--review.match-market-card .match-market-card__primary { background: #10141c; border-color: var(--pick-state-color, #ffad52); color: #f7f8fc; }
.game-swipe--review .game-swipe__review-state { margin-inline: auto; }
.card-state-info { display: grid; gap: 3px; min-width: 0; font-size: .72rem; line-height: 1.4; color: #f7f8fc; }
.card-state-info p, .card-state-deadline { margin: 0; overflow-wrap: anywhere; }
.card-state-badge { justify-self: start; }
.match-market-card__meta:has(.card-state-badge) { grid-template-columns: minmax(0, 1fr) auto; gap: 4px; }
.match-market-card__meta:has(.card-state-badge) .match-market-card__league-slot,
.match-market-card__meta:has(.card-state-badge)::after { display: none; }
.profile-pick-row .card-state-info { grid-column: 1 / -1; }
html[data-app-theme] body.arcade-page .option-pick[data-card-visual-state]:not([data-card-visual-state=""]) :is(.option-pick__confirmation, .option-pick__selected-card) { background: var(--pick-state-tint); border-color: var(--pick-state-color); color: #f7f8fc; }
/* A private guest preview has no persisted state; retain the authentication copy. */
html[data-app-theme] body.arcade-page .game-swipe--guest-preview { --pick-state-color: #ffad52; --pick-state-tint: #241b12; }
html[data-app-theme] body.arcade-page .game-swipe--published.match-market-card .match-market-card__primary {
    position: static; width: 100%; height: auto; min-height: 44px; padding: 6px 10px; margin: 4px 0 0;
    overflow: visible; clip-path: none; white-space: normal;
    background: #10141c; color: #f7f8fc; border-color: var(--pick-state-color);
}
html[data-app-theme] body.arcade-page [data-card-visual-state]:not([data-card-visual-state=""]) .game-swipe__review-state { color: var(--pick-state-color); }

.game-swipe .game-swipe__review-state { margin-inline: auto; }
html[data-app-theme] body.arcade-page .navigation-market-card[data-card-visual-state]:not([data-card-visual-state=""]) :is(.match-market-card__primary, .generic-market-mini-card__primary, .featured-market-card__primary, .market-action) {
    background: #10141c; color: #f7f8fc; border: 1px solid var(--pick-state-color); box-shadow: none;
}
html[data-app-theme] body.arcade-page .match-market-card[data-card-visual-state]:not([data-card-visual-state=""]) { align-self: start; }
html[data-app-theme] body.arcade-page .navigation-market-card.market-image-compact[data-card-visual-state]:not([data-card-visual-state=""]) .generic-market-mini-card__reward-copy small {
    white-space: normal; overflow-wrap: anywhere; text-transform: none;
}
/* Owner iteration: one compact Match frame; never reserve rows for absent controls. */
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card[data-market-state] {
    padding: 8px; border-radius: 18px; min-height: 0; height: auto; align-self: start;
}
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .match-market-card__content {
    display: flex; flex-direction: column; gap: 6px; min-height: 0; height: auto;
}
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card :is(.match-market-card__matchup-zone, .match-market-card__status-zone, .match-market-card__actions, .match-market-card__secondary-actions) {
    width: 100%; min-height: 0; margin: 0; padding: 0; gap: 4px;
}
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .match-market-card__league-slot { height: 16px; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card :is(.match-market-card__team, .match-market-card__selected-team) img { width: 64px; height: 64px; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .match-market-card__status { margin: 0; padding-bottom: 4px; }
.match-market-card__primary--spacer, .match-market-card__status-placeholder { display: none; }
.match-market-card__actions:not(:has(a, button, [data-swipe-control], [data-swipe-review])),
.match-market-card__secondary-actions:not(:has(a)),
.match-market-card__status-zone:not(:has(.market-card-reward, .card-state-info, .match-market-card__status)) { display: none !important; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__control { padding: 0; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__hint { margin: 0 0 4px; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__track { height: 54px; margin: 4px 0; }
.game-swipe.match-market-card .game-swipe__handle { top: 2px; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__review { padding: 0; }
.game-swipe__review-identity { display: flex; align-items: center; justify-content: center; gap: 10px; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__review-identity .game-swipe__review-art { width: auto; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__review-art img { width: 64px; height: 64px; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__review-choice { margin: 0; font-size: 1.4rem; }
/* Comparable Match silhouettes: compact header, content, anchored footer. */
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card[data-market-state] { height: 244px; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .match-market-card__content { height: 100%; gap: 4px; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .match-market-card__meta {
    display: flex; align-items: center; justify-content: space-between; gap: 6px; height: 24px; min-height: 24px;
}
.match-market-card__meta .match-market-card__league-slot, .match-market-card__meta::after { display: none !important; }
.match-market-card__date { flex: 0 0 auto; font-size: .58rem; line-height: 1.2; white-space: nowrap; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .card-state-badge {
    padding: 2px 5px; font-size: .6rem; line-height: 1.2; max-width: 62%;
}
.card-state-badge--neutral { color: #c7cfdb; background: transparent; border: 1px solid #ffffff30; border-radius: 999px; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card :is(.match-market-card__team, .match-market-card__selected-team) img { width: 56px; height: 56px; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .market-card-reward {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px; margin: 0; min-height: 20px; font-size: .68rem; line-height: 1.25;
}
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .market-card-reward span { font-size: .65rem; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .match-market-card__status { padding: 0; border: 0; line-height: 1.2; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .match-market-card__secondary-actions {
    margin-top: auto; min-height: 20px; line-height: 1.2;
}
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .match-market-card__secondary { margin: 0; padding-block: 2px; font-size: .65rem; line-height: 1.2; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__hint { font-size: .65rem; line-height: 1.2; margin: 0 0 2px; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__track { height: 48px; margin: 2px 0; }
.game-swipe.match-market-card .game-swipe__handle { width: 44px; height: 44px; top: 1px; left: calc(50% - 22px); font-size: 24px; }
html[data-app-theme] body.arcade-page .game-swipe:is(.game-swipe--review, .game-swipe--published) .match-market-card__meta { display: flex; }
.game-swipe:is(.game-swipe--review, .game-swipe--published) .match-market-card__matchup-zone { display: none; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__review { display: flex; flex-direction: column; gap: 4px; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__review[hidden] { display: none; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__review-state { display: none; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__review p { margin: 0; font-size: .72rem; line-height: 1.3; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__review .card-state-info { gap: 2px; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__review .card-state-info p { font-size: .65rem; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__review-art img { width: 40px; height: 40px; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__review-choice { font-size: 1.15rem; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .card-state-info { font-size: .65rem; gap: 2px; line-height: 1.2; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card:not(.game-swipe):not(.match-market-card--personal-state) .match-market-card__matchup-zone { flex: 1; align-content: center; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card:not(.game-swipe):not(.match-market-card--personal-state) .match-market-card__team img { width: 84px; height: 84px; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card[data-market-state] { display: flex; flex-direction: column; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .match-market-card__content { flex: 1; height: auto; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .match-market-card__secondary { min-height: 24px; height: auto; }
html[data-app-theme] body.arcade-page .game-swipe:is(.game-swipe--review, .game-swipe--published) .match-market-card__actions { display: flex; flex-direction: column; flex: 1; gap: 4px; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__review { flex: 1; justify-content: center; min-height: 0; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card:not(:has(.card-state-info p)) .game-swipe__review-art img { width: 48px; height: 48px; }
html[data-app-theme] body.arcade-page .game-swipe--published.match-market-card .match-market-card__primary { margin-top: 0; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .match-market-card__meta { height: 22px; min-height: 22px; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card :is(.match-market-card__team, .match-market-card__selected-team) img { width: 52px; height: 52px; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .match-market-card__primary { min-height: 44px; }
/* Keyboard fallback may expand while focused; never clip the native choice controls. */
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card:has(.match-market-card__pick-form:focus-within) { height: auto; min-height: 244px; }
/* Place open-card information in the useful central arena space, away from the gesture. */
.match-market-card__versus-stack { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card:not(.game-swipe--review):not(.game-swipe--published) .match-market-card__versus-stack { width: 90px; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .match-market-card__versus-stack .market-card-reward { gap: 2px 3px; min-height: 0; font-size: .65rem; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .match-market-card__versus-stack .market-card-reward > span:not(.mvp-coin-icon) { flex-basis: 100%; font-size: .6rem; line-height: 1.2; text-align: center; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card:not(.game-swipe--review):not(.game-swipe--published) .match-market-card__actions { display: flex; flex-direction: column; flex: 1; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__control:not(.game-swipe__control--saved) { display: flex; flex-direction: column; flex: 1; gap: 8px; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__hint { margin: 0; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__track { flex-shrink: 0; width: 100%; margin: auto 0 0; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card[data-market-state] { border-width: 1px; }
/* After a guest preview, the choice/authentication block replaces the inactive swipe control. */
.game-swipe--guest-preview.match-market-card [data-swipe-control] { display: none !important; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card[data-controller~="game-swipe"]:not(.game-swipe) { height: auto; min-height: 244px; }
/* Selected cards preserve the matchup, then identify the player's choice vertically. */
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card :is(.match-market-card__status-zone, .card-state-info, .game-swipe__review, .match-market-card__match-name) { text-align: center; align-items: center; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .match-market-card__selected-team { display: flex; flex-direction: column; align-items: center; gap: 2px; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .match-market-card__match-name { margin: 0; font-size: .7rem; font-weight: 800; line-height: 1.2; }
.match-market-card__choice-label { display: block; font-size: .65rem; line-height: 1.2; text-align: center; }
.game-swipe__review-identity { flex-direction: column; gap: 2px; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__review { gap: 3px; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .game-swipe__review-choice { font-size: .8rem; line-height: 1.2; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card:has(.card-state-info p) .game-swipe__review-art img { width: 24px; height: 24px; }
html[data-app-theme] body.arcade-page .game-swipe--published.match-market-card .game-swipe__review-art img { width: 48px; height: 48px; }
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card .match-market-card__selected-team img { width: 40px; height: 40px; }
html[data-app-theme] body.arcade-page .game-swipe--guest-preview.match-market-card .game-swipe__review-art img { width: 24px; height: 24px; }
html[data-app-theme] body.arcade-page .game-swipe--guest-preview.match-market-card .game-swipe__review p { font-size: .65rem; line-height: 1.2; }
html[data-app-theme] body.arcade-page .game-swipe.match-market-card .match-market-card__versus-stack { gap: 9px; transform: translateY(5px); }
html[data-app-theme] body.arcade-page .game-swipe.game-swipe--published.match-market-card [data-swipe-control] { display: none !important; }
html[data-app-theme] body.arcade-page .game-swipe.game-swipe--published.match-market-card .game-swipe__review-art img { width: 48px; height: 48px; }
html[data-app-theme] body.arcade-page .navigation-market-card.game-swipe--published.match-market-card[data-market-state] .game-swipe__review-art img { width: 56px; height: 56px; }

html[data-app-theme] body.arcade-page .navigation-market-card.game-swipe--guest-preview.match-market-card[data-market-state] .game-swipe__review-art img { width: 32px; height: 32px; }

/* One responsive Market card frame on Home, Markets, Court and match rails. */
html[data-app-theme] body.arcade-page {
    --market-card-width: min(84vw, 420px);
    --market-card-height: 244px;
}
html[data-app-theme] body.arcade-page .navigation-market-card:is(.match-market-card, .generic-market-mini-card, .featured-market-card, .match-month-card) {
    box-sizing: border-box;
    flex: 0 0 var(--market-card-width);
    width: var(--market-card-width);
    min-width: 0;
    max-width: 100%;
    height: var(--market-card-height);
    min-height: var(--market-card-height);
    max-height: none;
    align-self: start;
    border-width: 1px;
    border-radius: 18px;
}
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card) {
    padding: 0;
}
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card) :is(.generic-market-mini-card__content, .featured-market-card__content) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 8px;
    gap: 4px;
    box-sizing: border-box;
}
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card) :is(.generic-market-mini-card__content, .featured-market-card__content) > * {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    flex-shrink: 0;
    margin: 0;
}
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card) h3 {
    white-space: normal;
    text-wrap: balance;
    font: 800 .8rem/1.2 var(--font-body);
}
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card) :is(.generic-market-mini-card__subtitle, .featured-market-card__subtitle) {
    font-size: .65rem;
    line-height: 1.2;
}
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card) .card-state-info {
    font-size: .68rem;
    line-height: 1.2;
    gap: 2px;
}
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card) :is(.generic-market-mini-card__reward-copy, .featured-market-card__reward-copy) small {
    font-size: .65rem;
    line-height: 1.2;
    white-space: normal;
}
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card) .markets-deadline { font-size: .65rem; line-height: 1.2; }
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card) :is(.generic-market-mini-card__primary, .market-action) {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 44px;
    margin-top: auto;
    padding: 6px 8px;
    font-size: .72rem;
    line-height: 1.2;
}
/* Native selection forms can grow when exposed for keyboard/no-JS access. */
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card:has(.match-market-card__pick-form:focus-within),
html[data-app-theme] body.arcade-page .navigation-market-card.match-market-card[data-controller~="game-swipe"]:not(.game-swipe) { height: auto; }
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card) :is(.generic-market-mini-card__reward, .featured-market-card__reward) { gap: 3px; min-height: 0; }
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card) :is(.generic-market-mini-card__reward-copy, .featured-market-card__reward-copy) strong { font-size: 1rem; line-height: 1.2; }
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card) .status-pill { width: fit-content; font-size: .6rem; line-height: 1.2; padding: 3px 6px; }
html[data-app-theme] body.arcade-page .navigation-market-card.generic-market-mini-card:has(> .generic-market-mini-card__share) .generic-market-mini-card__primary { width: calc(100% - 48px); }
html[data-app-theme] body.arcade-page .navigation-market-card.market-image-compact:not(.match-market-card):not(.featured-market-card) .generic-market-mini-card__content > :not(h3) { width: 100%; max-width: 100%; }
html[data-app-theme] body.arcade-page .navigation-market-card.market-image-compact .generic-market-mini-card__pick-state { position: static; align-self: flex-start; width: fit-content; }
html[data-app-theme] body.arcade-page .navigation-market-card.market-image-compact:has(> .generic-market-mini-card__share) .generic-market-mini-card__content > .generic-market-mini-card__primary { width: calc(100% - 48px); }

/* Keep the image subject clear between the heading and the bottom action group. */
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card) > :is(.generic-market-mini-card__content, .featured-market-card__content) {
    height: calc(var(--market-card-height) - 2px);
    justify-content: flex-start;
}
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card) > :is(.generic-market-mini-card__content, .featured-market-card__content) > :is(.generic-market-mini-card__reward, .featured-market-card__reward-slot) { margin-top: auto; }
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card) > :is(.generic-market-mini-card__content, .featured-market-card__content) > :is(.generic-market-mini-card__primary, .featured-market-card__action-slot) { margin-top: 0; }
html[data-app-theme] body.arcade-page .navigation-market-card:is(.generic-market-mini-card, .featured-market-card):has(.card-state-info p:nth-child(3)) > :is(.generic-market-mini-card__content, .featured-market-card__content) { gap: 2px; }