@import "design-system/reset-Q7awzKk.css";
@import "design-system/fonts-3-deF67.css";
@import "design-system/tokens-hKZUPAf.css";
@import "themes/theme-arcade-cjikO8a.css";
@import "design-system/typography--oeYd6e.css";
@import "design-system/layout-NiXhr9p.css";
@import "design-system/buttons-w1hmy6n.css";
@import "design-system/panels-kw1T--l.css";
@import "design-system/forms-O3XcKkv.css";
@import "design-system/badges-rhtpnxR.css";
@import "design-system/ranking-board-pFHI7_h.css";
@import "design-system/responsive-lCk61s9.css";
@import "design-system/app-shell-0G6W2iZ.css";
@import "design-system/mobile-v1-qEdZV4l.css";
@import "../moments/css/arcade-moments-rsmDTpy.css";

:root {
    color-scheme: dark;
    --court: #f5c451;
    --ink: #101013;
    --panel: #191a21;
    --line: #f5f0e6;
    --accent: #e64b3c;
    --muted: #a9a8b3;
}

.court-body {
    background:
        linear-gradient(90deg, rgb(245 196 81 / 5%) 1px, transparent 1px),
        linear-gradient(0deg, rgb(245 196 81 / 5%) 1px, transparent 1px),
        radial-gradient(circle at 80% 5%, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 24%), transparent 34%),
        var(--color-bg-deep);
    background-size: 32px 32px, 32px 32px, auto, auto;
}

.court-page {
    display: grid;
    gap: clamp(24px, 5vw, 48px);
    padding-bottom: 100px;
}

.court-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: end;
    padding: clamp(28px, 6vw, 64px);
    border: var(--border-panel);
    border-radius: var(--radius-panel);
    background: linear-gradient(135deg, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 20%), transparent 54%), var(--color-panel);
    box-shadow: var(--shadow-pixel);
}

.court-hero h1 {
    max-width: 780px;
    margin: 12px 0 18px;
    font-size: clamp(2rem, 6vw, 4.8rem);
    line-height: 0.96;
    text-transform: uppercase;
}

.court-hero__copy > p:last-child {
    max-width: 640px;
    margin: 0;
    color: var(--color-muted);
    line-height: 1.7;
}

.court-hero__mark {
    display: grid;
    place-items: center;
    width: clamp(100px, 14vw, 150px);
    aspect-ratio: 1;
    border: 3px solid var(--color-primary);
    border-radius: 50%;
    background: var(--color-bg-deep);
    box-shadow: 8px 8px 0 var(--color-danger);
    color: var(--color-primary);
}

.court-hero__mark span {
    font-size: clamp(2.2rem, 6vw, 4rem);
    line-height: 1;
}

.court-hero__mark small {
    font-family: var(--font-mono);
    font-size: 0.55rem;
    text-transform: uppercase;
}

.court-pick {
    display: grid;
    grid-template-columns: minmax(180px, 0.42fr) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.court-pick__heading h2,
.court-empty h2 {
    margin: 8px 0 0;
    font-size: clamp(1.35rem, 3vw, 2.3rem);
    text-transform: uppercase;
}

.court-pick .featured-market-card {
    width: 100%;
}

.court-empty {
    display: grid;
    gap: 16px;
    padding: clamp(24px, 5vw, 48px);
    border: var(--border-panel);
    border-radius: var(--radius-panel);
    background: var(--color-panel);
}

.court-empty p {
    max-width: 620px;
    margin: 0;
    color: var(--color-muted);
    line-height: 1.7;
}

.court-empty .ds-button {
    justify-self: start;
}

.court-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.court-steps li {
    display: grid;
    gap: 8px;
    padding: 18px;
    border-top: 2px solid var(--color-border);
}

.court-steps span {
    color: var(--color-primary);
    font-family: var(--font-mono);
    font-size: 0.65rem;
}

.court-steps strong {
    font-size: 0.76rem;
    text-transform: uppercase;
}

@media (max-width: 720px) {
    .court-hero,
    .court-pick {
        grid-template-columns: minmax(0, 1fr);
    }

    .court-hero__mark {
        width: 96px;
    }

    .court-steps {
        grid-template-columns: minmax(0, 1fr);
    }
}

.analytics-consent[hidden] {
    display: none;
}

.analytics-consent {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    align-items: end;
    padding: 16px;
    background: rgb(5 5 9 / 68%);
}

.analytics-consent__dialog {
    position: relative;
    display: grid;
    gap: 12px;
    width: min(680px, 100%);
    margin: 0 auto;
    padding: clamp(20px, 4vw, 30px);
    border: var(--border-panel);
    border-radius: var(--radius-panel);
    background: var(--color-panel);
    box-shadow: var(--shadow-pixel);
}

.analytics-consent__dialog :is(h2, p) {
    margin: 0;
}

.analytics-consent__dialog h2 {
    padding-right: 42px;
    font-size: clamp(1rem, 3vw, 1.4rem);
    text-transform: uppercase;
}

.analytics-consent__dialog > p:not(.ds-kicker) {
    color: var(--color-muted);
    font-size: 0.78rem;
    line-height: 1.65;
}
:is(.analytics-consent__dialog > p:not(.ds-kicker)):where(p) { font-size: calc(0.78rem + 3px); }

.analytics-consent__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    min-height: 36px;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    background: transparent;
    color: var(--color-text);
    cursor: pointer;
}

.analytics-consent__details {
    width: fit-content;
    color: var(--color-primary);
    font-size: 0.72rem;
}

.analytics-consent__choices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.analytics-consent__choices button {
    min-height: 46px;
    padding: 10px 14px;
    border: 1px solid var(--color-primary);
    border-radius: 4px;
    background: rgb(245 196 81 / 8%);
    color: var(--color-text);
    cursor: pointer;
    font: inherit;
    font-size: 0.68rem;
    text-transform: uppercase;
}

.analytics-consent__choices button:is(:hover, :focus-visible),
.analytics-consent__close:is(:hover, :focus-visible) {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.analytics-consent-manage {
    position: fixed;
    z-index: 700;
    right: 14px;
    bottom: 14px;
    padding: 8px 10px;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    background: var(--color-panel);
    color: var(--color-muted);
    cursor: pointer;
    font: inherit;
    font-size: 0.56rem;
    text-transform: uppercase;
}

.analytics-consent-manage:is(:hover, :focus-visible) {
    color: var(--color-text);
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.cookie-information {
    padding-bottom: 90px;
}

.cookie-information__actions {
    display: grid;
    gap: 14px;
    margin-bottom: 40px;
}

.cookie-information__actions :is(h2, p) {
    margin: 0;
}

.cookie-information__actions [data-analytics-consent-manage] {
    position: static;
    width: fit-content;
}

@media (max-width: 760px) {
    .analytics-consent {
        padding: 10px 10px calc(10px + env(safe-area-inset-bottom));
    }

    .analytics-consent__choices {
        grid-template-columns: minmax(0, 1fr);
    }

    .analytics-consent-manage {
        right: 10px;
        bottom: calc(78px + env(safe-area-inset-bottom));
    }
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    min-height: 100vh;
    background: var(--ink);
    color: var(--line);
    font-family: var(--font-display);
}

.error-page {
    display: grid;
    place-items: center;
    padding: clamp(20px, 4vw, 48px);
    background:
        linear-gradient(90deg, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 7%) 1px, transparent 1px),
        linear-gradient(0deg, rgb(245 196 81 / 5%) 1px, transparent 1px),
        radial-gradient(circle at 50% 10%, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 22%), transparent 38%),
        var(--color-bg-deep);
    background-size: 28px 28px, 28px 28px, auto, auto;
}

.error-page__frame {
    display: grid;
    gap: clamp(24px, 5vw, 56px);
    width: min(880px, 100%);
}

.error-page__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: var(--color-muted);
    font-family: var(--font-mono);
    font-size: clamp(0.55rem, 1.4vw, 0.7rem);
    text-transform: uppercase;
}

.error-page__brand img {
    display: block;
    width: clamp(150px, 24vw, 220px);
    height: auto;
}

.error-card {
    position: relative;
    display: grid;
    gap: 22px;
    padding: clamp(28px, 7vw, 72px);
    overflow: hidden;
    border: var(--border-panel);
    border-radius: var(--radius-panel);
    background:
        linear-gradient(135deg, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 18%), transparent 46%),
        linear-gradient(180deg, rgb(255 255 255 / 4%), transparent),
        var(--color-panel);
    box-shadow: var(--shadow-pixel), inset 0 0 0 1px rgb(255 255 255 / 5%);
}

.error-card::before {
    position: absolute;
    inset: 8px 8px auto;
    height: 2px;
    background: linear-gradient(90deg, var(--color-danger), var(--color-primary), transparent);
    content: "";
}

.error-card__code {
    margin: 0;
    color: var(--color-danger);
    font-family: var(--font-mono);
    font-size: clamp(0.68rem, 1.6vw, 0.86rem);
    text-transform: uppercase;
}
:is(.error-card__code):where(p) { font-size: calc(clamp(0.68rem, 1.6vw, 0.86rem) + 3px); }

.error-card h1 {
    max-width: 700px;
    margin: 0;
    color: var(--color-text);
    font-size: clamp(1.55rem, 6vw, 4rem);
    line-height: 1.2;
    text-shadow: 4px 4px 0 var(--color-shadow);
    text-transform: uppercase;
}

.error-card > p:not(.error-card__code) {
    max-width: 650px;
    margin: 0;
    color: var(--color-muted);
    font-size: clamp(0.72rem, 1.7vw, 0.9rem);
    line-height: 1.8;
}
:is(.error-card > p:not(.error-card__code)):where(p) { font-size: calc(clamp(0.72rem, 1.7vw, 0.9rem) + 3px); }

.error-card__action {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    text-decoration: none;
}

@media (max-width: 520px) {
    .error-page__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .error-card {
        gap: 18px;
    }

    .error-card__action {
        justify-content: center;
        width: 100%;
    }
}

a {
    color: inherit;
}

button,
input,
select,
textarea {
    font: inherit;
}

.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: min(1120px, calc(100% - 32px));
    margin: 0 auto;
    padding: 18px 0 0;
}

.brand {
    color: var(--line);
    font-weight: 900;
    text-decoration: none;
}

.site-nav {
    display: flex;
    align-items: center;
    gap: 14px;
    color: var(--muted);
    font-size: 0.94rem;
}

.site-nav a,
.site-nav button {
    color: var(--line);
    text-decoration: none;
}

.site-nav form {
    margin: 0;
}

.site-nav button {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}



.global-arcade-header {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.arcade-nav-logout {
    margin: 0;
}

.arcade-nav-logout .ds-badge {
    min-height: 34px;
    border: 2px solid var(--color-primary);
    cursor: pointer;
    text-transform: uppercase;
}

.shell {
    width: min(1120px, calc(100% - 32px));
    margin: 0 auto;
    padding: 56px 0 40px;
}

.hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 32px;
    align-items: end;
    min-height: 62vh;
    padding: clamp(28px, 5vw, 56px);
    border: 2px solid color-mix(in srgb, var(--line) 20%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--court) 18%, transparent) 1px, transparent 1px),
        linear-gradient(0deg, color-mix(in srgb, var(--court) 14%, transparent) 1px, transparent 1px),
        radial-gradient(circle at 70% 20%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 34%),
        var(--panel);
    background-size: 32px 32px, 32px 32px, auto, auto;
}

.heading-subtitle,
.scoreboard span {
    margin: 0;
    color: var(--court);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}
:is(.heading-subtitle):where(p), :is(.scoreboard span):where(p) { font-size: calc(0.78rem + 3px); }

h1 {
    margin: 10px 0 18px;
    max-width: 820px;
    font-size: clamp(3.2rem, 10vw, 8rem);
    line-height: 0.9;
}

.lede {
    max-width: 660px;
    margin: 0;
    color: var(--muted);
    font-size: clamp(1.05rem, 2vw, 1.4rem);
    line-height: 1.5;
}
:is(.lede):where(p) { font-size: calc(clamp(1.05rem, 2vw, 1.4rem) + 3px); }

.scoreboard {
    display: grid;
    gap: 10px;
    padding: 20px;
    border: 2px solid var(--line);
    border-radius: 8px;
    background: #08090d;
    box-shadow: 8px 8px 0 var(--accent);
}

.scoreboard strong {
    font-size: 2rem;
    line-height: 1;
}

.season-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 32px;
    align-items: center;
    min-height: clamp(420px, 54vh, 520px);
    padding: clamp(28px, 5vw, 56px);
    border: 2px solid color-mix(in srgb, var(--line) 20%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgb(8 9 13 / 90%) 0%, rgb(8 9 13 / 76%) 44%, rgb(8 9 13 / 30%) 100%),
        linear-gradient(90deg, color-mix(in srgb, var(--court) 18%, transparent) 1px, transparent 1px),
        linear-gradient(0deg, color-mix(in srgb, var(--court) 14%, transparent) 1px, transparent 1px),
        url("/images/brand/backgrounds/home-hero/desktop.png"),
        var(--panel);
    background-position: center;
    background-size: auto, 32px 32px, 32px 32px, cover, auto;
}

.season-hero h1 {
    max-width: 12em;
    font-size: clamp(1.85rem, 4.7vw, 3.7rem);
    line-height: 0.98;
}

.season-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.season-board {
    display: grid;
    gap: 10px;
    padding: 20px;
    border: 2px solid var(--line);
    border-radius: 8px;
    background: #08090d;
    box-shadow: 8px 8px 0 var(--accent);
}

.season-board span {
    color: var(--muted);
    font-size: 0.84rem;
    font-weight: 800;
    text-transform: uppercase;
}

.season-board strong {
    color: var(--court);
    font-size: 2rem;
    line-height: 1;
}

.team-strip {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
    align-items: center;
    padding: 24px 0 0;
}

.team-strip img {
    width: 100%;
    max-height: 64px;
    object-fit: contain;
    filter: drop-shadow(0 10px 16px rgb(0 0 0 / 35%));
}

.conference-preview {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.conference-preview > div,
.campaign-flow > div {
    padding: 20px;
    border: 2px solid color-mix(in srgb, var(--line) 16%, transparent);
    border-radius: 8px;
    background: var(--panel);
}

.team-strip--compact {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding-top: 16px;
}

.campaign-flow {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.campaign-flow strong {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: var(--court);
    color: var(--ink);
}

.campaign-flow h2 {
    margin: 14px 0 8px;
    font-size: 1.15rem;
}

.campaign-flow p {
    margin: 0;
    color: var(--muted);
    line-height: 1.45;
}

.favorite-summary {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 32px;
    padding: 20px;
    border: 2px solid color-mix(in srgb, var(--line) 16%, transparent);
    border-radius: 8px;
    background: var(--panel);
}

.favorite-summary img {
    width: 72px;
    height: 72px;
    object-fit: contain;
}

.favorite-summary h2 {
    margin: 4px 0 0;
    font-size: 1.6rem;
}

.page-heading {
    margin-bottom: 28px;
}



.page-heading h1 {
    margin-bottom: 14px;
    font-size: clamp(2.8rem, 8vw, 6rem);
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 14px;
}

.team-option {
    display: grid;
    gap: 12px;
    justify-items: center;
    min-height: 178px;
    padding: 18px 12px;
    border: 2px solid color-mix(in srgb, var(--line) 16%, transparent);
    border-radius: 8px;
    background: var(--panel);
    cursor: pointer;
    text-align: center;
}

.team-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.team-option img {
    width: 88px;
    height: 88px;
    object-fit: contain;
}

.team-option span {
    font-weight: 800;
}

.team-option:has(input:focus-visible),
.team-option--selected {
    border-color: var(--court);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--court) 22%, transparent);
}

.team-submit {
    min-height: 48px;
    padding: 0 18px;
    border: 0;
    border-radius: 6px;
    background: var(--court);
    color: var(--ink);
    cursor: pointer;
    font-weight: 900;
}

.table-wrap {
    overflow-x: auto;
    border: 2px solid color-mix(in srgb, var(--line) 16%, transparent);
    border-radius: 8px;
    background: var(--panel);
}

.data-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 860px;
}

.data-table th,
.data-table td {
    padding: 14px 16px;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 12%, transparent);
    text-align: left;
    vertical-align: middle;
}

.data-table th {
    color: var(--court);
    font-size: 0.78rem;
    text-transform: uppercase;
}

.data-table tbody tr:last-child td {
    border-bottom: 0;
}

.team-cell {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-weight: 800;
}

.team-cell img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.auth-shell {
    display: grid;
    place-items: start center;
    min-height: calc(100vh - 76px);
    padding: 56px 16px;
}

.auth-panel {
    width: min(100%, 440px);
    padding: 32px;
    border: 2px solid color-mix(in srgb, var(--line) 20%, transparent);
    border-radius: 8px;
    background: var(--panel);
}

.auth-panel h1 {
    margin: 8px 0 24px;
    font-size: clamp(2.4rem, 8vw, 4.8rem);
}

.form {
    display: grid;
    gap: 12px;
}

.form label {
    color: var(--muted);
    font-size: 0.88rem;
    font-weight: 800;
}

.form input,
.form select,
.form textarea {
    width: 100%;
    min-height: 46px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--line) 24%, transparent);
    border-radius: 6px;
    background: #08090d;
    color: var(--line);
}

.form textarea {
    resize: vertical;
}

.registration-honeypot {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.form-help {
    display: block;
    margin-top: 6px;
    color: var(--muted);
    font-size: 0.78rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}
:is(.form-help):where(p) { font-size: calc(0.78rem + 3px); }

.form button {
    min-height: 46px;
    margin-top: 8px;
    border: 0;
    border-radius: 6px;
    background: var(--court);
    color: var(--ink);
    cursor: pointer;
    font-weight: 900;
}

.alert {
    margin-bottom: 18px;
    padding: 12px;
    border-radius: 6px;
}

.alert p {
    margin: 0;
}

.alert p + p {
    margin-top: 8px;
}

.alert--error {
    border: 1px solid color-mix(in srgb, var(--accent) 70%, transparent);
    background: color-mix(in srgb, var(--accent) 18%, transparent);
}

.alert--success {
    border: 1px solid color-mix(in srgb, var(--court) 70%, transparent);
    background: color-mix(in srgb, var(--court) 14%, transparent);
}

.auth-switch {
    margin: 20px 0 0;
    color: var(--muted);
}

.auth-switch a {
    color: var(--court);
    font-weight: 800;
}



.inline-settle-form button {
    min-height: 38px;
    padding: 0 12px;
    border: 0;
    border-radius: 6px;
    background: var(--court);
    color: var(--ink);
    cursor: pointer;
    font-weight: 900;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px;
}

.form-grid--wide {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.table-muted {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: 0.86rem;
}
:is(.table-muted):where(p) { font-size: calc(0.86rem + 3px); }

.status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--court) 16%, transparent);
    color: var(--court);
    font-size: 0.82rem;
    font-weight: 900;
}

.market-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 18px;
}

.market-card {
    display: grid;
    align-content: start;
    gap: 16px;
    min-height: 280px;
    padding: 22px;
    border: 2px solid color-mix(in srgb, var(--line) 16%, transparent);
    border-radius: 8px;
    background: var(--panel);
}

.market-card__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.market-card h2,
.empty-state h2 {
    margin: 0;
    font-size: 1.45rem;
    line-height: 1.15;
}
:is(.market-card h2):where(p), :is(.empty-state h2):where(p) { font-size: calc(1.45rem + 3px); }

.market-card p,
.empty-state p {
    margin: 0;
    color: var(--muted);
    line-height: 1.5;
}

.award-candidate-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    font-size: 0.92rem;
}
:is(.award-candidate-preview):where(p) { font-size: calc(0.92rem + 3px); }

.award-candidate-preview strong {
    color: var(--line);
}

.submitted-pill,
.open-pill {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 900;
}

.submitted-pill {
    background: color-mix(in srgb, #46d48c 18%, transparent);
    color: #7cf0b2;
}

.open-pill {
    background: color-mix(in srgb, var(--accent) 16%, transparent);
    color: #ff8a7f;
}

.market-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
}

.market-meta div {
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--line) 12%, transparent);
    border-radius: 6px;
    background: #08090d;
}

.market-meta dt {
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.market-meta dd {
    margin: 4px 0 0;
    font-weight: 900;
}

.market-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.market-options li {
    padding: 6px 10px;
    border-radius: 999px;
    background: #08090d;
    color: var(--line);
    font-size: 0.88rem;
    font-weight: 800;
}

.market-note {
    padding-top: 2px;
}

.prediction-result-summary {
    display: grid;
    gap: 10px;
    margin: 18px 0;
    text-align: left;
}

.prediction-result-summary div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--line) 16%, transparent);
    border-radius: 6px;
    background: #08090d;
}

.prediction-result-summary span {
    color: #aeb7c7;
    font-weight: 800;
}

.prediction-result-summary strong {
    color: var(--line);
    text-align: right;
}

.checkpoint-list,
.revision-history {
    display: grid;
    gap: 10px;
}

.publish-panel {
    display: grid;
    gap: 10px;
    margin-top: 18px;
    padding: 16px;
    border: 2px solid color-mix(in srgb, var(--court) 24%, transparent);
    border-radius: 8px;
    background: #08090d;
}

.publish-panel h2,
.publish-panel p {
    margin: 0;
}

.publish-panel form {
    margin: 0;
}

.checkpoint-list h2,
.revision-history h2 {
    margin: 0;
    font-size: 1rem;
}

.checkpoint-item,
.revision-item {
    display: grid;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--line) 14%, transparent);
    border-radius: 6px;
    background: #08090d;
}

.checkpoint-item--active {
    border-color: var(--court);
}

.checkpoint-item span,
.revision-item span {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 800;
}

.market-action,
.back-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 6px;
    background: var(--court);
    color: var(--ink);
    font-weight: 900;
    text-decoration: none;
}

.market-detail-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
}

.market-detail-layout {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.market-summary,
.prediction-panel {
    padding: 24px;
    border: 2px solid color-mix(in srgb, var(--line) 16%, transparent);
    border-radius: 8px;
    background: var(--panel);
}

.market-summary {
    display: grid;
    gap: 18px;
}

.market-meta--stacked {
    grid-template-columns: 1fr;
}

.prediction-form {
    gap: 18px;
}

.prediction-options {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    border: 0;
}

.prediction-options legend {
    margin-bottom: 4px;
    color: var(--muted);
    font-size: 0.88rem;
    font-weight: 800;
}

.prediction-option {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 12px;
    border: 2px solid color-mix(in srgb, var(--line) 14%, transparent);
    border-radius: 8px;
    background: #08090d;
    color: var(--line);
    cursor: pointer;
}

.prediction-option input {
    width: 18px;
    height: 18px;
}

.prediction-option span {
    font-weight: 900;
}

.prediction-option__player {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.prediction-option__player img,
.prediction-option__avatar {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    object-fit: cover;
}

.prediction-option__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--court) 18%, transparent);
    color: var(--court);
    font-size: 0.9rem;
    font-weight: 1000;
}

.prediction-option__copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.prediction-option__copy strong {
    overflow-wrap: anywhere;
}

.prediction-option__copy small {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 800;
}

.prediction-option:has(input:focus-visible),
.prediction-option--selected {
    border-color: var(--court);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--court) 18%, transparent);
}

.standings-builder {
    display: grid;
    gap: 12px;
}

.standings-builder__header,
.standings-row:not(.team-row) {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) 128px;
    gap: 12px;
    align-items: center;
}

.standings-builder__header {
    padding: 0 12px;
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.standings-list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.standings-row:not(.team-row) {
    min-height: 58px;
    padding: 10px 12px;
    border: 2px solid color-mix(in srgb, var(--line) 14%, transparent);
    border-radius: 8px;
    background: #08090d;
    cursor: grab;
}

.standings-row:not(.team-row):focus-visible,
.standings-row--dragging {
    border-color: var(--court);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--court) 18%, transparent);
}

.standings-row--dragging {
    opacity: 0.72;
}

.standings-seed {
    color: var(--court);
    font-size: 1.18rem;
    font-weight: 900;
}

.standings-team {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.standings-team img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.standings-team span {
    overflow: hidden;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.standings-controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.standings-controls button {
    min-height: 34px;
    padding: 0 8px;
    border: 1px solid color-mix(in srgb, var(--line) 22%, transparent);
    border-radius: 6px;
    background: transparent;
    color: var(--line);
    cursor: pointer;
    font-size: 0.76rem;
    font-weight: 900;
}

.standings-controls button:hover,
.standings-controls button:focus-visible {
    border-color: var(--court);
    color: var(--court);
}

.empty-state {
    padding: 28px;
    border: 2px solid color-mix(in srgb, var(--line) 16%, transparent);
    border-radius: 8px;
    background: var(--panel);
}

.leaderboard-panel {
    border: 2px solid color-mix(in srgb, var(--line) 16%, transparent);
    border-radius: 8px;
    background: var(--panel);
    overflow: hidden;
}

.leaderboard-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0;
}

.leaderboard-filter a {
    text-decoration: none;
}

.status-pill--active {
    border-color: var(--court);
    color: var(--court);
    box-shadow: 0 0 16px color-mix(in srgb, var(--court) 22%, transparent);
}

.rules-hero {
    max-width: 920px;
}

.rules-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.rules-grid > * {
    min-width: 0;
}

.rules-grid .ds-panel {
    display: grid;
    gap: 12px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.rules-formula h2 {
    margin: 0;
    color: var(--color-primary);
    font-size: clamp(1.1rem, 3vw, 2rem);
    line-height: 1.25;
}

.rules-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding-left: 1.2rem;
    color: var(--color-text-muted);
    font-weight: 800;
    line-height: 1.55;
}

.rules-table {
    width: 100%;
    margin-top: 12px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.85rem;
    font-weight: 800;
}

.rules-table th,
.rules-table td {
    padding: 6px 10px;
    border: 1px solid var(--color-border, #333);
    text-align: left;
    overflow-wrap: anywhere;
}

.rules-table th {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
    color: var(--color-text-muted);
}

.rules-table th:first-child,
.rules-table td:first-child {
    width: 40%;
}

.rules-table th:nth-child(2),
.rules-table td:nth-child(2) {
    width: 34%;
}

.rules-table th:nth-child(3),
.rules-table td:nth-child(3) {
    width: 26%;
}

@media (max-width: 900px) {
    .rules-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 430px) {
    .rules-grid .ds-panel {
        padding: var(--space-4);
    }

    .rules-table {
        font-size: 0.78rem;
    }

    .rules-table th,
    .rules-table td {
        padding: 6px;
    }

    .rules-table th {
        font-size: 0.68rem;
        letter-spacing: 0.03em;
    }
}

.season-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.season-filter a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid color-mix(in srgb, var(--line) 18%, transparent);
    border-radius: 6px;
    color: var(--line);
    font-size: 0.86rem;
    font-weight: 900;
    text-decoration: none;
}

.season-filter--active {
    border-color: var(--court) !important;
    color: var(--court) !important;
}

.leaderboard-list {
    display: grid;
}

.leaderboard-row {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) 140px;
    gap: 18px;
    align-items: center;
    min-height: 86px;
    padding: 18px 20px;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 12%, transparent);
}

.leaderboard-row:last-child {
    border-bottom: 0;
}

.leaderboard-rank {
    color: var(--court);
    font-size: 1.6rem;
}

.leaderboard-player {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.leaderboard-player span {
    overflow: hidden;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.leaderboard-player small {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-weight: 800;
}

.leaderboard-player img {
    width: 26px;
    height: 26px;
    object-fit: contain;
}

.leaderboard-score {
    display: grid;
    justify-items: end;
    gap: 4px;
}

.leaderboard-score strong {
    font-size: 1.8rem;
    line-height: 1;
}

.leaderboard-score span {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 800;
}

.leaderboard-score small {
    color: var(--court);
    font-size: 0.74rem;
    font-weight: 900;
    text-align: right;
}

.dashboard-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 22px;
    align-items: stretch;
    margin-bottom: 22px;
    padding: clamp(20px, 4vw, 34px);
    border: 2px solid color-mix(in srgb, var(--court) 58%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgb(245 196 81 / 10%) 1px, transparent 1px),
        linear-gradient(0deg, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 11%) 1px, transparent 1px),
        radial-gradient(circle at top right, rgb(245 196 81 / 22%), transparent 18rem),
        var(--panel);
    background-size: 28px 28px, 28px 28px, auto, auto;
    box-shadow: 8px 8px 0 #000;
}

.dashboard-hero h1 {
    margin: 8px 0 12px;
    font-size: clamp(2.3rem, 7vw, 5.2rem);
    line-height: 0.98;
}

.dashboard-hero-actions,
.dashboard-season-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 18px;
}

.dashboard-scoreboard {
    display: grid;
    align-content: center;
    gap: 10px;
    padding: 20px;
    border: 2px solid color-mix(in srgb, var(--line) 18%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgb(0 0 0 / 10%), rgb(0 0 0 / 34%)),
        #08090d;
    box-shadow: 6px 6px 0 #000;
}

.dashboard-scoreboard span,
.dashboard-scoreboard small {
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.dashboard-scoreboard strong {
    color: var(--court);
    font-size: clamp(2.8rem, 7vw, 5rem);
    line-height: 0.9;
    text-shadow: 0 0 16px color-mix(in srgb, var(--court) 35%, transparent);
}

.dashboard-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.dashboard-stats article,
.dashboard-panel {
    border: 2px solid color-mix(in srgb, var(--line) 16%, transparent);
    border-radius: 8px;
    background: var(--panel);
}

.dashboard-stats article {
    display: grid;
    gap: 8px;
    min-height: 118px;
    padding: 20px;
}

.dashboard-stats span,
.dashboard-list-row span {
    color: var(--muted);
    font-size: 0.86rem;
    font-weight: 800;
}

.dashboard-stats strong {
    font-size: 2.4rem;
    line-height: 1;
}

.dashboard-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.dashboard-panel {
    padding: 22px;
}

.dashboard-panel-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.dashboard-panel-heading .heading-subtitle {
    margin-bottom: 6px;
}

.dashboard-panel h2 {
    margin: 0 0 16px;
    font-size: 1.4rem;
}

.dashboard-panel-heading h2 {
    margin-bottom: 0;
}

.dashboard-panel--ledger {
    margin-bottom: 20px;
}

.dashboard-panel--season {
    margin-bottom: 20px;
}

.dashboard-panel--badges {
    margin-top: 20px;
}

.dashboard-panel--moments {
    margin-bottom: 20px;
}

.arcade-moment-settings {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 14px;
    align-items: end;
}

.arcade-moment-settings__choices {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.arcade-moment-settings__choices legend {
    width: 100%;
    margin-bottom: 4px;
    color: var(--muted);
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.arcade-moment-settings__choices label,
.arcade-moment-settings__audio {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--line) 18%, transparent);
    border-radius: 6px;
    background: #08090d;
    color: var(--text);
    font-size: 0.8rem;
    font-weight: 900;
    text-transform: uppercase;
}

.arcade-moment-settings input {
    accent-color: var(--court);
}

.dashboard-season-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.dashboard-season-card {
    display: grid;
    gap: 16px;
    padding: 18px;
    border: 2px solid color-mix(in srgb, var(--line) 14%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--conference-color, var(--court)) 16%, transparent), transparent 42%),
        #08090d;
    box-shadow: 6px 6px 0 #000;
}

.dashboard-season-card--east {
    --conference-color: #2d5bff;
}

.dashboard-season-card--west {
    --conference-color: #ff3d68;
}

.dashboard-season-card__header {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
}

.dashboard-season-card h3 {
    margin: 3px 0 0;
    overflow-wrap: anywhere;
    font-size: clamp(1rem, 2vw, 1.6rem);
    line-height: 1.2;
    text-transform: uppercase;
}

.dashboard-season-card .ranking-board__letter {
    width: 52px;
    height: 52px;
    background: var(--conference-color, var(--court));
    color: #fff;
    box-shadow: 5px 5px 0 #000;
}

.dashboard-trend-card {
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--conference-color, var(--court)) 28%, transparent);
    border-radius: 6px;
    background: rgb(0 0 0 / 52%);
    display: grid;
    gap: 8px;
    font-size: 0.82rem;
    line-height: 1.5;
}

.dashboard-trend-card--empty {
    opacity: 0.5;
    text-align: center;
    font-style: italic;
}

.dashboard-trend-card__header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dashboard-trend-card__header small {
    opacity: 0.6;
}

.trend-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    background: var(--accent, var(--conference-color, var(--court)));
    color: #fff;
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.dashboard-trend-card__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.dashboard-trend-card__stats span {
    white-space: nowrap;
}

.dashboard-trend-card__movers {
    display: grid;
    gap: 4px;
}

.dashboard-trend-card__movers div {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.dashboard-trend-card__movers small {
    opacity: 0.6;
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 900;
    white-space: nowrap;
}

.dashboard-season-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.dashboard-season-meta div {
    min-width: 0;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--conference-color, var(--court)) 32%, transparent);
    border-radius: 6px;
    background: rgb(0 0 0 / 42%);
}

.dashboard-season-meta dt {
    color: var(--muted);
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.dashboard-season-meta dd {
    margin: 5px 0 0;
    overflow-wrap: anywhere;
    color: var(--line);
    font-size: 0.95rem;
    font-weight: 900;
}

.badge-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.badge-tile {
    display: grid;
    gap: 8px;
    min-height: 110px;
    padding: 16px;
    border: 1px solid color-mix(in srgb, var(--court) 22%, transparent);
    border-radius: 8px;
    background: #08090d;
}

.badge-tile strong {
    color: var(--court);
}

.badge-tile span {
    color: var(--muted);
    line-height: 1.4;
}

.dashboard-list {
    display: grid;
    gap: 12px;
}

.dashboard-list-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    min-height: 72px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--line) 12%, transparent);
    border-radius: 8px;
    background: #08090d;
}

.dashboard-list-row div {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.dashboard-list-row strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-row-score {
    justify-items: end;
}

.dashboard-row-score strong {
    color: var(--court);
    font-size: 1.4rem;
}

.dashboard-list-row--ledger .dashboard-row-score strong {
    color: var(--success);
}

.dashboard-share-link {
    color: var(--court);
    font-size: 0.78rem;
    font-weight: 900;
}

.bracket-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 22px;
    align-items: stretch;
    margin-bottom: 22px;
    padding: clamp(20px, 4vw, 34px);
    border: 2px solid color-mix(in srgb, var(--court) 58%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgb(245 196 81 / 10%) 1px, transparent 1px),
        linear-gradient(0deg, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 11%) 1px, transparent 1px),
        radial-gradient(circle at top right, rgb(255 61 104 / 22%), transparent 18rem),
        var(--panel);
    background-size: 28px 28px, 28px 28px, auto, auto;
    box-shadow: 8px 8px 0 #000;
}

.bracket-hero h1 {
    margin: 8px 0 12px;
    font-size: clamp(2.1rem, 6vw, 4.8rem);
    line-height: 1;
}

.bracket-scoreboard {
    display: grid;
    align-content: center;
    gap: 10px;
    padding: 20px;
    border: 2px solid color-mix(in srgb, var(--line) 18%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgb(0 0 0 / 10%), rgb(0 0 0 / 34%)),
        #08090d;
    box-shadow: 6px 6px 0 #000;
}

.bracket-scoreboard span,
.bracket-scoreboard small {
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bracket-scoreboard strong {
    color: var(--court);
    font-size: clamp(2.5rem, 6vw, 4.4rem);
    line-height: 0.9;
}

.bracket-layout {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.bracket-panel {
    overflow: hidden;
}

.bracket-form {
    display: grid;
    gap: 18px;
}

.bracket-rounds {
    display: grid;
    gap: 18px;
}

.bracket-round {
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 2px solid color-mix(in srgb, var(--line) 14%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 10%), transparent 42%),
        #08090d;
}

.bracket-round__header {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 2px solid color-mix(in srgb, var(--court) 34%, transparent);
}

.bracket-round__header h2 {
    margin: 0;
}

.bracket-series-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
}

.bracket-series {
    display: grid;
    gap: 10px;
    min-width: 0;
    margin: 0;
    padding: 14px;
    border: 2px solid color-mix(in srgb, var(--court) 26%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgb(255 255 255 / 4%), transparent),
        #08090d;
}

.bracket-series legend {
    padding: 0 6px;
    color: var(--court);
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bracket-pick {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 48px;
    padding: 10px;
    border: 2px solid color-mix(in srgb, var(--line) 12%, transparent);
    border-radius: 8px;
    background: rgb(0 0 0 / 38%);
    cursor: pointer;
}

.bracket-pick span {
    overflow-wrap: anywhere;
    font-weight: 900;
}

.bracket-pick:has(input:checked),
.bracket-pick--selected {
    border-color: var(--court);
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--court) 18%, transparent), transparent 56%),
        rgb(0 0 0 / 46%);
    box-shadow: 0 0 18px color-mix(in srgb, var(--court) 18%, transparent);
}

.bracket-games {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bracket-games select {
    min-height: 40px;
    border: 2px solid color-mix(in srgb, var(--line) 18%, transparent);
    border-radius: 6px;
    background: #08090d;
    color: var(--line);
}

.bracket-submit-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border: 2px solid color-mix(in srgb, var(--court) 36%, transparent);
    border-radius: 8px;
    background: #08090d;
}

.bracket-submit-bar p {
    max-width: 620px;
    margin: 0;
}

.published-layout {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.published-standings {
    display: grid;
    gap: 8px;
}

.published-standings-row {
    display: grid;
    grid-template-columns: 54px 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 58px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--line) 14%, transparent);
    border-radius: 8px;
    background: #08090d;
}

.published-standings-row strong {
    color: var(--court);
}

.published-standings-row img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.published-standings-row span {
    overflow: hidden;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.result-reveal-hero {
    display: grid;
    gap: 12px;
    margin-bottom: 18px;
    padding: 20px;
    border: 2px solid color-mix(in srgb, var(--court) 70%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgb(245 196 81 / 18%), transparent 45%),
        #08090d;
    box-shadow: 8px 8px 0 #000;
}

.result-reveal-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 4vw, 3.4rem);
    line-height: 1;
}

.result-reveal-hero p {
    margin: 0;
    color: var(--muted);
    font-weight: 800;
    line-height: 1.45;
}

.result-highlight-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.result-highlight-grid article {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--line) 16%, transparent);
    border-radius: 8px;
    background: #08090d;
}

.result-highlight-grid h3 {
    margin: 0;
    color: var(--court);
    font-size: 0.95rem;
}

.result-highlight-grid p {
    display: grid;
    gap: 4px;
    margin: 0;
}

.result-highlight-grid strong {
    font-size: 0.92rem;
}

.result-highlight-grid span {
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.published-standings--results {
    gap: 6px;
}

.published-standings--results .published-standings-row {
    grid-template-columns: 54px 42px minmax(160px, 1fr) 86px minmax(118px, 1fr) 64px;
}

.published-standings-row small {
    color: var(--muted);
    font-weight: 800;
}

.published-standings-row b {
    justify-self: end;
    color: var(--court);
}

.published-standings-row--hit {
    border-color: color-mix(in srgb, var(--success) 70%, transparent);
}

.published-standings-row--zone {
    border-color: color-mix(in srgb, var(--court) 70%, transparent);
}

.published-standings-row--miss {
    border-color: color-mix(in srgb, var(--danger) 70%, transparent);
}

.community-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 20px;
    align-items: start;
}

.community-section {
    display: grid;
    min-width: 0;
    gap: 16px;
    margin-bottom: 22px;
}

.community-section h2 {
    margin: 0;
}

.community-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.community-card,
.community-row,
.popularity-row {
    border: 2px solid color-mix(in srgb, var(--line) 16%, transparent);
    border-radius: 8px;
    background: var(--panel);
}

.community-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 18px;
}

.community-card h3,
.community-card p {
    margin: 0;
}

.community-card p {
    color: var(--muted);
}

/* Shared intrinsic sizing and multiline copy for public player cards. */
:is(.community-card, .community-row, .popularity-row, .leaderboard-row, .market-detail-heading) > * {
    min-width: 0;
    max-width: 100%;
}

:is(.community-card, .community-section, .leaderboard-player, .leaderboard-score, .market-detail-heading) {
    overflow-wrap: anywhere;
}

:is(.leaderboard-player, .leaderboard-score, .leaderboard-podium__player) small,
.arcade-page .market-summary p {
    line-height: 1.6;
}

:is(.community-card, .market-detail-heading) .market-action {
    white-space: normal;
    line-height: 1.6;
    padding-block: 12px;
    text-align: center;
}

.community-list,
.popularity-list {
    display: grid;
    gap: 10px;
}

.community-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 14px;
}

.community-row div {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.community-row strong,
.community-row span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.community-row span,
.popularity-row span {
    color: var(--muted);
    font-size: 0.84rem;
    font-weight: 800;
}

.community-row a {
    color: var(--court);
    font-weight: 900;
}

.popularity-row {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 12px;
}

.popularity-row img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.popularity-row strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.arcade-page {
    --court: var(--color-primary);
    --ink: var(--color-bg-deep);
    --panel: var(--color-panel);
    --line: var(--color-text);
    --accent: var(--color-danger);
    --muted: var(--color-muted);
}

.arcade-page :is(p, span, strong, small, em, a, button, input, select, textarea, label, dt, dd, li, th, td) {
    font-family: var(--font-display);
    letter-spacing: 0;
}

.arcade-page .shell {
    width: min(var(--container-wide), calc(100% - 32px));
    padding: var(--space-6) 0 var(--space-8);
}

.arcade-page .page-heading {
    position: relative;
    display: grid;
    gap: var(--space-3);
    margin-bottom: var(--space-5);
    padding: var(--space-5);
    border: var(--border-panel);
    border-radius: var(--radius-panel);
    background:
        linear-gradient(90deg, rgb(245 196 81 / 10%) 1px, transparent 1px),
        linear-gradient(0deg, rgb(34 211 238 / 5%) 1px, transparent 1px),
        linear-gradient(135deg, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 24%), rgb(0 0 0 / 46%)),
        var(--color-panel);
    background-size: 22px 22px, 22px 22px, auto, auto;
    box-shadow: var(--shadow-pixel), inset 0 0 0 1px rgb(255 255 255 / 5%);
}

.arcade-page .page-heading::before,
.arcade-page :is(.market-card, .market-summary, .prediction-panel, .empty-state, .leaderboard-panel, .dashboard-stats article, .dashboard-panel, .auth-panel, .community-card, .community-row, .popularity-row, .table-wrap)::before {
    position: absolute;
    top: 6px;
    right: 6px;
    left: 6px;
    height: 2px;
    pointer-events: none;
    background: linear-gradient(90deg, var(--color-primary), transparent);
    content: "";
    opacity: 0.7;
}

.arcade-page .page-heading h1 {
    margin: 0;
    font-size: clamp(1.65rem, 4.8vw, 4.15rem);
    line-height: 1.22;
    text-shadow: 4px 4px 0 var(--color-shadow);
}

.arcade-page .heading-subtitle {
    color: var(--color-secondary);
    font-family: var(--font-mono);
    font-size: clamp(0.55rem, 1vw, 0.72rem);
    line-height: 1.55;
}
:is(.arcade-page .heading-subtitle):where(p) { font-size: calc(clamp(0.55rem, 1vw, 0.72rem) + 3px); }

.arcade-page .lede,
.arcade-page :is(.market-card p, .empty-state p, .community-card p, .market-note, .auth-switch, .table-muted) {
    color: var(--color-muted);
    font-size: clamp(0.7rem, 1.25vw, 0.86rem);
    line-height: 1.8;
}
:is(.arcade-page .lede):where(p), :is(.arcade-page :is(.market-card p, .empty-state p, .community-card p, .market-note, .auth-switch, .table-muted)):where(p) { font-size: calc(clamp(0.7rem, 1.25vw, 0.86rem) + 3px); }

.arcade-page :is(.market-card, .market-summary, .prediction-panel, .empty-state, .leaderboard-panel, .dashboard-stats article, .dashboard-panel, .auth-panel, .community-card, .community-row, .popularity-row, .table-wrap) {
    position: relative;
    border: var(--border-panel);
    border-radius: var(--radius-panel);
    background:
        linear-gradient(180deg, rgb(255 255 255 / 4%), transparent),
        var(--color-panel);
    box-shadow: var(--shadow-pixel), inset 0 0 0 1px rgb(255 255 255 / 4%);
}

.arcade-page :is(.market-card, .market-summary, .prediction-panel, .empty-state, .dashboard-panel, .auth-panel, .community-card) {
    padding: var(--space-5);
}

.arcade-page :is(.market-card h2, .empty-state h2, .dashboard-panel h2 h2, .community-section h2, .community-card h3, .auth-panel h1) {
    color: var(--color-text);
    font-size: clamp(0.9rem, 1.8vw, 1.45rem);
    line-height: 1.45;
    text-transform: uppercase;
}
:is(.arcade-page :is(.market-card h2, .empty-state h2, .dashboard-panel h2 h2, .community-section h2, .community-card h3, .auth-panel h1)):where(p) { font-size: calc(clamp(0.9rem, 1.8vw, 1.45rem) + 3px); }

.arcade-page :is(.market-action, .back-link, .team-submit, .form button, .inline-settle-form button) {
    position: relative;
    overflow: hidden;
    min-height: var(--tap-target);
    padding: 0 var(--space-4);
    border: 2px solid transparent;
    border-radius: var(--radius-pixel);
    background: linear-gradient(180deg, #ffd35c, var(--color-primary-strong));
    color: var(--color-primary-text);
    box-shadow: var(--shadow-pixel);
    font-family: var(--font-mono);
    font-size: clamp(0.62rem, 1.1vw, 0.82rem);
    font-weight: 900;
    text-transform: uppercase;
    transition: transform 120ms ease, box-shadow 120ms ease;
}

.arcade-page :is(.market-action, .back-link, .team-submit, .form button, .inline-settle-form button):hover,
.arcade-page :is(.market-action, .back-link, .team-submit, .form button, .inline-settle-form button):focus-visible {
    transform: translateY(-1px);
    box-shadow: 6px 6px 0 var(--color-shadow), 0 0 18px rgb(245 196 81 / 26%);
}

.arcade-page :is(.status-pill, .submitted-pill, .open-pill) {
    min-height: 30px;
    border: 2px solid var(--color-border);
    border-radius: var(--radius-pixel);
    background: rgb(0 0 0 / 36%);
    color: var(--color-secondary);
    font-family: var(--font-mono);
    font-size: 0.58rem;
    text-transform: uppercase;
}

.arcade-page .submitted-pill {
    border-color: rgb(70 212 140 / 55%);
    color: #7cf0b2;
}

.arcade-page .open-pill {
    border-color: rgb(245 196 81 / 65%);
    color: var(--color-primary);
}

.arcade-page :is(.market-meta div, .badge-tile, .checkpoint-item, .revision-item, .publish-panel, .form input, .form select, .form textarea, .inline-settle-form select) {
    border: 2px solid rgb(117 70 185 / 46%);
    border-radius: var(--radius-pixel);
    background: var(--color-bg-deep);
    color: var(--color-text);
}

.arcade-page .market-meta dt,
.arcade-page :is(.dashboard-stats span, .dashboard-list-row span, .community-row span, .popularity-row span, .form label, .prediction-options legend) {
    color: var(--color-muted);
    font-size: 0.58rem;
    line-height: 1.55;
    text-transform: uppercase;
}

.arcade-page .market-meta dd,
.arcade-page .dashboard-stats strong,
.arcade-page .dashboard-row-score strong,
.arcade-page .leaderboard-score strong {
    color: var(--color-primary);
    text-shadow: 0 0 14px rgb(245 196 81 / 38%);
}

.arcade-page .market-grid,
.arcade-page .community-grid,
.arcade-page .dashboard-stats {
    gap: var(--space-4);
}

.arcade-page .market-card {
    min-height: 300px;
    align-content: start;
}

.arcade-page .market-options li,
.arcade-page .season-filter a {
    border: 2px solid var(--color-border);
    border-radius: var(--radius-pixel);
    background: rgb(0 0 0 / 34%);
    color: var(--color-text);
    font-size: 0.6rem;
}

.arcade-page .season-filter--active {
    border-color: var(--color-primary) !important;
    background: rgb(245 196 81 / 12%);
    box-shadow: 0 0 16px rgb(245 196 81 / 24%);
}

.arcade-page .leaderboard-panel {
    overflow: hidden;
}

.arcade-page .leaderboard-row {
    min-height: 92px;
    border-bottom: 2px solid rgb(117 70 185 / 35%);
    background:
        linear-gradient(90deg, rgb(245 196 81 / 7%), transparent 34%),
        var(--color-bg-deep);
}

.arcade-page .leaderboard-row:nth-child(1) {
    background:
        linear-gradient(90deg, rgb(245 196 81 / 22%), transparent 40%),
        var(--color-bg-deep);
}

.arcade-page .leaderboard-rank {
    display: inline-grid;
    place-items: center;
    width: 58px;
    height: 46px;
    border: 2px solid var(--color-border);
    border-radius: var(--radius-pixel);
    background: rgb(0 0 0 / 54%);
    color: var(--color-primary);
    font-size: 0.82rem;
}

.arcade-page .dashboard-stats {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.arcade-page .dashboard-hero {
    position: relative;
    border: var(--border-panel);
    border-radius: var(--radius-panel);
    background:
        linear-gradient(90deg, rgb(245 196 81 / 12%) 1px, transparent 1px),
        linear-gradient(0deg, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 12%) 1px, transparent 1px),
        linear-gradient(135deg, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 30%), rgb(0 0 0 / 50%)),
        var(--color-panel);
    background-size: 22px 22px, 22px 22px, auto, auto;
    box-shadow: var(--shadow-pixel), inset 0 0 0 1px rgb(255 255 255 / 5%);
}

.arcade-page .bracket-hero {
    position: relative;
    border: var(--border-panel);
    border-radius: var(--radius-panel);
    background:
        linear-gradient(90deg, rgb(245 196 81 / 12%) 1px, transparent 1px),
        linear-gradient(0deg, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 12%) 1px, transparent 1px),
        linear-gradient(135deg, rgb(255 61 104 / 24%), rgb(0 0 0 / 50%)),
        var(--color-panel);
    background-size: 22px 22px, 22px 22px, auto, auto;
    box-shadow: var(--shadow-pixel), inset 0 0 0 1px rgb(255 255 255 / 5%);
}

.arcade-page .dashboard-hero::before,
.arcade-page .dashboard-scoreboard::before,
.arcade-page .dashboard-season-card::before,
.arcade-page .bracket-hero::before,
.arcade-page .bracket-scoreboard::before,
.arcade-page .bracket-round::before,
.arcade-page .bracket-series::before {
    position: absolute;
    top: 6px;
    right: 6px;
    left: 6px;
    height: 2px;
    pointer-events: none;
    background: linear-gradient(90deg, var(--color-primary), transparent);
    content: "";
    opacity: 0.7;
}

.arcade-page .dashboard-hero h1,
.arcade-page .bracket-hero h1 {
    color: var(--color-text);
    text-shadow: 4px 4px 0 var(--color-shadow);
    text-transform: uppercase;
}

.arcade-page .dashboard-scoreboard,
.arcade-page .dashboard-season-card,
.arcade-page .bracket-scoreboard,
.arcade-page .bracket-round,
.arcade-page .bracket-series {
    position: relative;
    border: var(--border-panel);
    border-radius: var(--radius-panel);
    box-shadow: var(--shadow-pixel), inset 0 0 0 1px rgb(255 255 255 / 4%);
}

.arcade-page .dashboard-scoreboard strong,
.arcade-page .bracket-scoreboard strong {
    color: var(--color-primary);
    font-family: var(--font-mono);
}

.arcade-page .dashboard-stats article {
    min-height: 126px;
    background:
        radial-gradient(circle at top right, rgb(245 196 81 / 18%), transparent 5rem),
        var(--color-panel);
}

.arcade-page .dashboard-stats strong {
    font-size: clamp(1.25rem, 3vw, 2.05rem);
}

.arcade-page .dashboard-list-row,
.arcade-page .published-standings-row,
.arcade-page .prediction-option,
.arcade-page .team-option,
.arcade-page .bracket-pick {
    border: 2px solid rgb(117 70 185 / 46%);
    border-radius: var(--radius-pixel);
    background:
        linear-gradient(90deg, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 8%), transparent 40%),
        var(--color-bg-deep);
}

.arcade-page .dashboard-list-row:hover,
.arcade-page .published-standings-row:hover,
.arcade-page .prediction-option:hover,
.arcade-page .team-option:hover,
.arcade-page .bracket-pick:hover {
    border-color: var(--color-primary);
    box-shadow: 0 0 16px rgb(245 196 81 / 18%);
}

.arcade-page .data-table th {
    color: var(--color-primary);
    font-family: var(--font-mono);
    font-size: 0.56rem;
}

.arcade-page .data-table td {
    border-bottom: 2px solid rgb(117 70 185 / 32%);
    color: var(--color-text);
    font-size: 0.64rem;
}

.arcade-page .auth-shell {
    align-items: safe center;
    justify-items: center;
    min-height: 100vh;
    min-height: 100dvh;
    padding: calc(var(--app-topbar-height) + var(--space-5)) var(--app-content-gutter) var(--space-5) calc(var(--app-sidebar-width) + var(--app-content-gutter));
}

.arcade-page .auth-panel {
    width: min(100%, 520px);
}

.arcade-page .auth-panel h1 {
    margin: 0 0 var(--space-4);
    font-size: clamp(1.35rem, 4vw, 2.6rem);
}

body.auth-page {
    padding-bottom: 0;
}

@media (max-width: 960px) {
    .arcade-page .auth-shell {
        padding: calc(var(--app-topbar-height) + var(--space-4)) var(--space-4) calc(72px + var(--space-4) + env(safe-area-inset-bottom, 0px));
    }
}

.arcade-page .alert {
    border: 2px solid var(--color-border);
    border-radius: var(--radius-pixel);
    background: var(--color-bg-deep);
    color: var(--color-text);
    box-shadow: var(--shadow-pixel);
    font-size: 0.72rem;
}
:is(.arcade-page .alert):where(p) { font-size: calc(0.72rem + 3px); }

.arcade-page .alert--error {
    border-color: rgb(239 68 68 / 76%);
}

.arcade-page .alert--success {
    border-color: rgb(70 212 140 / 76%);
}

.arcade-page .community-layout {
    gap: var(--space-5);
}

.home-discovery,
.season-hub-page {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
}

.home-section,
.season-hub-summary article,
.season-family-card {
    border: 2px solid color-mix(in srgb, var(--line) 16%, transparent);
    border-radius: 8px;
    background: var(--panel);
}

.home-section {
    padding: 22px;
}

.home-team-preview,
.home-leaderboard,
.season-stage-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-team-preview {
    display: grid;
    gap: 7px;
}

.home-team-preview li {
    display: grid;
    grid-template-columns: 24px 36px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-width: 0;
    padding: 7px 9px;
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: 5px;
    background: rgb(0 0 0 / 34%);
}

.home-team-preview li > span {
    color: var(--court);
    font: 900 0.72rem/1 var(--font-mono);
}

.home-team-preview img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.home-team-preview strong {
    min-width: 0;
    overflow: hidden;
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-discovery-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
}

.home-discovery-grid > .dashboard-panel {
    height: 100%;
}

.empty-state--compact {
    min-height: 150px;
}

.home-leaderboard {
    display: grid;
    gap: 8px;
}

.home-leaderboard li {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 12px;
    border: 1px solid rgb(var(--theme-accent-decor-rgb, 168 95 247) / 28%);
    border-radius: 6px;
    background: #08090d;
}

.home-leaderboard strong,
.home-leaderboard span {
    font-size: 0.72rem;
}

.home-leaderboard span {
    color: var(--court);
    font-weight: 900;
    white-space: nowrap;
}

.season-stage-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
    gap: 10px;
}

.season-stage-list li {
    display: grid;
    gap: 7px;
    padding: 14px;
    border: 1px solid rgb(var(--theme-accent-decor-rgb, 168 95 247) / 26%);
    border-radius: 6px;
    background: #08090d;
}

.season-stage-list li.is-current {
    border-color: var(--court);
    box-shadow: inset 0 -3px 0 var(--court);
}

.season-stage-list strong {
    color: var(--line);
    font-size: 0.72rem;
    text-transform: uppercase;
}

.season-stage-list span {
    color: var(--muted);
    font-size: 0.68rem;
}

.season-hub-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.season-hub-summary article {
    display: grid;
    gap: 9px;
    padding: 18px;
}

.season-hub-summary span,
.season-family-card small {
    color: var(--muted);
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.season-hub-summary strong {
    overflow-wrap: anywhere;
    color: var(--line);
    font-size: 0.9rem;
}

.season-family-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.season-family-grid--compact {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.season-family-card {
    display: grid;
    gap: 14px;
    align-content: space-between;
    min-height: 210px;
    padding: 18px;
    color: var(--text);
    text-decoration: none;
}

a.season-family-card {
    min-height: 130px;
}

.season-family-card h3 {
    margin: 12px 0 7px;
    font-size: 1rem;
}

.season-family-card p {
    margin: 0;
    color: var(--muted);
    font-size: 0.78rem;
    line-height: 1.55;
}
:is(.season-family-card p):where(p) { font-size: calc(0.78rem + 3px); }

.season-empty-state {
    min-height: 55vh;
    align-content: center;
}

.arcade-page .published-standings-row span,
.arcade-page .leaderboard-player span,
.arcade-page .dashboard-list-row strong,
.arcade-page .community-row strong,
.arcade-page .popularity-row strong {
    font-size: clamp(0.62rem, 1.2vw, 0.82rem);
    line-height: 1.55;
}


/* Guest home catalogue recomposition. Reuses Markets cards while keeping home tuning scoped. */
body.guest-home-body {
    background:
        radial-gradient(circle at 82% 7%, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 20%), transparent 19rem),
        radial-gradient(circle at 12% 22%, rgb(245 196 81 / 9%), transparent 14rem),
        linear-gradient(180deg, rgb(8 10 23 / 96%), rgb(3 5 14));
}

.guest-home-page {
    --markets-rail-card: clamp(286px, 42vw, 520px);
    --markets-rail-mini-card: clamp(226px, 28vw, 320px);
}

.guest-home-page .guest-home-hero {
    margin-bottom: 10px;
}

.guest-home-hero .heading-subtitle {
    position: relative;
    z-index: 1;
    margin: 0 0 6px;
    color: var(--color-secondary);
    font-size: clamp(0.58rem, 1.3vw, 0.72rem);
    text-align: center;
    text-shadow: 0 0 12px rgb(var(--theme-accent-decor-rgb, 168 95 247) / 62%);
}
:is(.guest-home-hero .heading-subtitle):where(p) { font-size: calc(clamp(0.58rem, 1.3vw, 0.72rem) + 3px); }

.guest-home-page .markets-catalog-section {
    scroll-margin-top: calc(var(--app-topbar-height) + 16px);
}

.guest-home-page .markets-rail--mini .navigation-market-card {
    flex-basis: var(--markets-rail-mini-card);
}

.guest-home-secondary-links {
    justify-content: center;
    padding: 4px 0 18px;
}

.guest-home-copy-section {
    display: grid;
    gap: 12px;
    width: min(100%, 760px);
    margin: clamp(2px, 1vw, 8px) 0 clamp(22px, 4vw, 36px);
    padding: clamp(18px, 3.6vw, 26px);
    overflow: hidden;
    border: 2px solid rgb(45 184 255 / 92%);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgb(45 184 255 / 12%), transparent 44%),
        radial-gradient(ellipse at 92% 12%, rgb(45 184 255 / 14%), transparent 48%),
        rgb(7 9 24 / 68%);
    box-shadow: 0 0 20px rgb(45 184 255 / 34%), inset 0 0 0 1px rgb(45 184 255 / 18%);
    backdrop-filter: blur(8px);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.guest-home-copy-section__kicker {
    margin: 0;
    color: rgb(232 188 255 / 82%);
    font: 700 0.68rem/1.4 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-transform: uppercase;
}
:is(.guest-home-copy-section__kicker):where(p) { font-size: calc(0.68rem + 3px); }

.arcade-page .guest-home-copy-section h2 {
    max-width: 13ch;
    margin: 0;
    color: var(--color-text);
    font: 850 clamp(1.35rem, 5vw, 2.45rem)/1.06 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.arcade-page .guest-home-copy-section--scoring h2 {
    max-width: none;
    font-size: clamp(1.44rem, 3.4vw, 2.6rem);
    font-weight: 950;
    line-height: 1.12;
    white-space: nowrap;
}

.guest-home-formula {
    display: grid;
    gap: 4px;
}

.guest-home-formula__prefix {
    margin: 0;
    color: rgb(230 242 255 / 92%);
    font: 800 clamp(1rem, 2.5vw, 1.45rem)/1.1 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
:is(.guest-home-formula__prefix):where(p) { font-size: calc(clamp(1rem, 2.5vw, 1.45rem) + 3px); }

.arcade-page .guest-home-formula__value {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: -0.01em;
}

.guest-home-copy-section p,
.guest-home-copy-list,
.guest-home-pillars span {
    margin: 0;
    color: rgb(230 222 255 / 78%);
    font: 500 clamp(0.82rem, 1.8vw, 0.98rem)/1.58 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: 0;
}
:is(.guest-home-copy-section p):where(p), :is(.guest-home-copy-list):where(p), :is(.guest-home-pillars span):where(p) { font-size: calc(clamp(0.82rem, 1.8vw, 0.98rem) + 3px); }

.guest-home-pillars {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding-top: 4px;
}

.guest-home-pillars div {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding-top: 10px;
    border-top: 1px solid rgb(var(--theme-accent-decor-rgb, 168 95 247) / 28%);
}

.guest-home-pillars strong {
    color: var(--color-primary);
    font: 850 0.78rem/1.25 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-transform: uppercase;
}

.guest-home-copy-list {
    display: grid;
    gap: 9px;
    padding-left: 1rem;
}

.guest-home-copy-list li {
    font: inherit;
    letter-spacing: 0;
}

.guest-home-copy-link {
    width: fit-content;
    color: rgb(232 188 255 / 88%);
    font: 650 0.78rem/1.4 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-decoration: underline;
    text-underline-offset: 5px;
}




@media (max-width: 760px) {
    .shell {
        width: min(100% - 20px, 1120px);
        padding-top: 24px;
    }

    .hero {
        grid-template-columns: 1fr;
        min-height: 58vh;
    }

    .season-hero,
    .conference-preview,
    .campaign-flow,
    .published-layout,
    .home-discovery-grid,
    .season-hub-summary,
    .season-family-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .dashboard-hero {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        min-height: auto;
        padding: 18px;
    }

    .dashboard-hero > div {
        width: 100%;
        max-width: none;
    }

    .arcade-page .dashboard-hero h1 {
        max-width: 12ch;
        margin-block: 6px 10px;
        font-size: clamp(1.65rem, 9vw, 2.45rem);
        line-height: 1.08;
    }

    .dashboard-hero .lede {
        max-width: 36rem;
        font-size: clamp(0.68rem, 3.3vw, 0.82rem);
        line-height: 1.65;
    }
:is(.dashboard-hero .lede):where(p) { font-size: calc(clamp(0.68rem, 3.3vw, 0.82rem) + 3px); }

    .dashboard-hero-actions,
    .dashboard-season-card__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .dashboard-hero-actions > *,
    .dashboard-season-card__actions > * {
        justify-content: center;
        width: 100%;
        max-width: none;
        min-height: 44px;
        text-align: center;
        white-space: normal;
    }

    .dashboard-scoreboard {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 6px 14px;
        min-height: 0;
        padding: 16px;
    }

    .dashboard-scoreboard strong {
        grid-row: 1 / span 2;
        grid-column: 2;
        align-self: center;
        font-size: clamp(2rem, 12vw, 3rem);
    }

    .dashboard-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .dashboard-stats article {
        min-height: 94px;
        padding: 14px;
    }

    .dashboard-stats strong {
        font-size: clamp(1.5rem, 9vw, 2rem);
    }

    .dashboard-panel,
    .home-section {
        min-width: 0;
        padding: 16px;
    }

    .dashboard-panel-heading,
    .home-discovery .dashboard-panel-heading,
    .season-hub-page .dashboard-panel-heading {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .dashboard-panel-heading > .dashboard-share-link {
        width: 100%;
    }

    .dashboard-panel h2 {
        overflow-wrap: normal;
        font-size: clamp(1rem, 5.8vw, 1.3rem);
        line-height: 1.25;
    }

    .mobile-tab-switcher {
        display: grid;
        position: relative;
        top: auto;
        z-index: 1;
        margin: 0 0 12px;
        padding: 0;
        background: none;
    }

    .conference-mobile-tab {
        display: inline-flex;
        gap: 8px;
        justify-content: center;
        min-width: 0;
        padding: 10px;
    }

    .conference-mobile-tab__letter {
        display: inline-grid;
        place-items: center;
        width: 28px;
        height: 28px;
        border: 1px solid currentColor;
        border-radius: 4px;
    }

    .conference-mobile-tab strong {
        font-size: 0.68rem;
    }

    .dashboard-season-grid,
    .dashboard-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .dashboard-season-grid .dashboard-season-card.is-mobile-hidden {
        display: none;
    }

    .dashboard-season-card {
        min-width: 0;
        padding: 14px;
    }

    .dashboard-season-card__header {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 10px;
    }

    .dashboard-season-card__header .status-pill {
        grid-column: 1 / -1;
        justify-self: start;
        max-width: 100%;
        white-space: normal;
    }

    .dashboard-season-card h3 {
        overflow-wrap: normal;
        font-size: clamp(0.9rem, 5vw, 1.15rem);
    }

    .dashboard-season-card .ranking-board__letter {
        width: 40px;
        height: 40px;
    }

    .dashboard-season-meta {
        grid-template-columns: minmax(0, 1fr);
    }

    .dashboard-trend-card__header,
    .dashboard-trend-card__movers div {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-trend-card__stats {
        display: grid;
        gap: 8px;
    }

    .dashboard-trend-card__stats span {
        white-space: normal;
    }

    .dashboard-list-row {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        min-width: 0;
        height: auto;
        padding: 12px;
    }

    .dashboard-list-row strong {
        overflow-wrap: anywhere;
        text-overflow: clip;
        white-space: normal;
    }

    .dashboard-row-score {
        justify-items: start;
        width: 100%;
        padding-top: 10px;
        border-top: 1px solid rgb(var(--theme-accent-decor-rgb, 168 95 247) / 24%);
    }

    .dashboard-share-link {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        max-width: 100%;
        min-height: 44px;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .home-team-preview li,
    .home-leaderboard li,
    .season-stage-list li {
        min-width: 0;
        height: auto;
    }

    .home-team-preview strong,
    .home-leaderboard strong,
    .home-leaderboard span,
    .season-stage-list strong,
    .season-stage-list span {
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .home-leaderboard li {
        align-items: flex-start;
        flex-direction: column;
    }

    .season-stage-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-discovery .dashboard-panel-heading,
    .season-hub-page .dashboard-panel-heading {
        flex-direction: column;
    }

    .home-discovery .market-action,
    .season-hub-page .market-action {
        max-width: 100%;
        white-space: normal;
        text-align: center;
    }

    .season-hero {
        background:
            linear-gradient(180deg, rgb(8 9 13 / 76%) 0%, rgb(8 9 13 / 86%) 38%, rgb(8 9 13 / 72%) 100%),
            linear-gradient(90deg, color-mix(in srgb, var(--court) 16%, transparent) 1px, transparent 1px),
            linear-gradient(0deg, color-mix(in srgb, var(--court) 12%, transparent) 1px, transparent 1px),
            url("/images/brand/backgrounds/home-hero/mobile.png"),
            var(--panel);
        background-position: center top;
        background-size: auto, 32px 32px, 32px 32px, cover, auto;
    }

    .guest-home-page {
        --markets-rail-card: min(84vw, 420px);
        --markets-rail-mini-card: min(70vw, 292px);
        --markets-hero-min: 178px;
    }

    .guest-home-page .guest-home-hero {
        padding-block: 28px 12px;
    }

    .guest-home-hero .heading-subtitle {
        margin-bottom: 4px;
        font-size: 0.56rem;
    }
:is(.guest-home-hero .heading-subtitle):where(p) { font-size: calc(0.56rem + 3px); }

    .arcade-page .guest-home-hero h1 {
        max-width: 9ch;
        font-size: clamp(1.95rem, 10.6vw, 3rem);
    }

    .guest-home-page .markets-catalog-section {
        margin-block-end: 20px;
    }

    .guest-home-copy-section {
        margin-block: 0 24px;
        padding: 18px;
        border-radius: 16px;
    }

    .arcade-page .guest-home-copy-section h2 {
        max-width: 12ch;
        font-size: clamp(1.24rem, 7vw, 1.85rem);
    }

    .arcade-page .guest-home-copy-section--scoring h2 {
        max-width: none;
        font-size: min(5.4vw, 21px);
        white-space: nowrap;
    }

    .guest-home-formula__prefix {
        font-size: 1rem;
    }
:is(.guest-home-formula__prefix):where(p) { font-size: calc(1rem + 3px); }

    .guest-home-pillars {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
    }

    .scoreboard {
        max-width: 320px;
    }

    .season-board {
        max-width: 340px;
    }

    .team-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .global-arcade-header {
        width: 0;
        padding-top: 0;
    }

    .published-standings--results .published-standings-row {
        grid-template-columns: 38px 34px minmax(0, 1fr);
    }

    .published-standings--results .published-standings-row small,
    .published-standings--results .published-standings-row b {
        grid-column: 3;
        justify-self: start;
    }

    /* ── BETA-110: Community mobile fixes ── */
    .community-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .community-row :is(strong, span) {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .popularity-row {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .popularity-row > span {
        grid-column: 2;
    }

    .popularity-row strong {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .community-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .community-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    /* Community hero heading: stack title and CTA vertically */
    .market-detail-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }

    .market-detail-heading .market-action {
        width: 100%;
        text-align: center;
        white-space: normal;
    }

    /* ── BETA-110: Leaderboard mobile fixes ── */
    .leaderboard-row {
        grid-template-columns: 52px minmax(0, 1fr);
        grid-template-rows: auto auto;
        gap: 8px 12px;
        min-height: 0;
        padding: 14px 16px;
    }

    .leaderboard-score {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: row;
        align-items: baseline;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 6px;
        padding-top: 8px;
        border-top: 1px solid rgb(117 70 185 / 24%);
    }

    .leaderboard-score strong {
        font-size: 1.25rem;
    }

    .leaderboard-score span {
        font-size: 0.72rem;
    }

    .leaderboard-score small {
        width: 100%;
        text-align: left;
    }

    .arcade-page .leaderboard-rank {
        width: 44px;
        height: 40px;
        font-size: 0.74rem;
    }

    /* ── BETA-110: Season hub hero h1 mobile fix ── */
    .arcade-page .page-heading h1 {
        font-size: clamp(1.15rem, 6.5vw, 1.65rem);
        line-height: 1.2;
        word-break: break-word;
        overflow-wrap: break-word;
    }
}

/* BETA-110A: extend the existing builder and review, keeping desktop composition. */
.standings-mobile-title,
.standings-inline-action,
.standings-team-short,
.standings-page .season-mobile-action[hidden] { display: none; }
.standings-publication { display: grid; gap: 12px; min-width: 0; }
.standings-publication p { margin: 0; }
.standings-publication__explanation summary { cursor: pointer; font-size: .65rem; line-height: 1.6; }
.standings-publication .ds-button { white-space: normal; overflow-wrap: anywhere; }
.standings-page #standings-ranking { scroll-margin-top: calc(var(--app-topbar-height) + 12px); }
.standings-review-scroll { min-height: 0; }
.review-board--secondary summary { cursor: pointer; }

@media (max-width: 640px) {
    .standings-page .season-campaign-hero { margin-top: 0; gap: 4px; min-height: 0; padding: 8px 12px; }
    .standings-page .season-campaign-hero .ds-text-muted,
    .standings-page .standings-desktop-title { display: none; }
    .standings-mobile-title { display: inline; }
    .standings-page .season-campaign-hero .ds-title-xl { font-size: 1rem; line-height: 1.5; }
    .standings-page .season-prediction-layout { margin-top: 8px; gap: 16px; }
    .standings-page .conference-switch { position: static; padding: 0; margin-bottom: 8px; }
    .standings-page .conference-switch__item { grid-template-columns: 1fr; min-height: 44px; padding: 8px; }
    .standings-page .conference-switch__item .ranking-board__letter { display: none; }
    .standings-page .boost-frieze,
    .standings-page .standings-live-boost { display: none; }
    .standings-page .ranking-zone__footer { display: none; }
    .standings-page .ranking-zone__header { min-height: 24px; padding: 3px 8px; font-family: var(--font-body); font-size: .7rem; line-height: 1.35; }
    .standings-page .standings-team-full { display: none; }
    .standings-page .standings-team-short { display: inline; }
    /* The page title and conference switch already identify this board. */
    .standings-page .ranking-board__header { display: none; }
    .standings-page .ranking-board__header .ds-kicker,
    .standings-page .ranking-board__header .ranking-board__letter { display: none; }
    .standings-page .ranking-board__title { display: block; font-size: .62rem; }
    .standings-page .team-row { scroll-margin-block: calc(var(--app-topbar-height) + 8px) 180px; }
    .standings-inline-action { display: grid; padding-block: 12px; scroll-margin-bottom: 110px; }
    .standings-page .season-mobile-action {
        position: fixed; z-index: 44; inset-inline: 10px;
        bottom: calc(var(--standings-nav-offset, 90px) + env(safe-area-inset-bottom, 0px));
        display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 6px;
        border: 0; border-radius: 0; box-shadow: none;
    }
    .standings-page .season-mobile-action .ds-button { min-width: 0; width: 100%; white-space: normal; font-size: .6rem; line-height: 1.5; }
    .standings-page .review-dialog {
        width: calc(100% - 16px); max-height: calc(100vh - 16px);
        max-height: calc(100dvh - 16px); padding: 12px; overflow: hidden;
    }
    .standings-page .review-dialog__content { display: flex; flex-direction: column; gap: 8px; max-height: calc(100vh - 44px); max-height: calc(100dvh - 44px); }
    .standings-page .review-dialog__close { position: absolute; right: 8px; top: 8px; }
    .standings-review-header { padding-right: 38px; flex: none; }
    .standings-review-header .ds-title-lg { font-size: .7rem; line-height: 1.55; }
    .standings-review-header > .ds-text-muted,
    .standings-page .review-dialog__meta { display: none; }
    .standings-review-scroll { overflow-y: auto; overscroll-behavior: contain; }
    .standings-page .review-grid { gap: 8px; }
    .standings-page .review-board { padding: 8px; }
    .standings-page .review-board li { grid-template-columns: 20px 22px minmax(0, 1fr); min-height: 26px; gap: 6px; font-size: .55rem; line-height: 1.6; }
    .standings-page .review-board img { width: 20px; height: 20px; }
    .standings-page .review-board strong { white-space: normal; overflow: visible; overflow-wrap: anywhere; }
    .standings-page .review-dialog__warning { font-size: .6rem; line-height: 1.6; }
    .standings-page .review-dialog__actions { flex: none; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; padding-bottom: env(safe-area-inset-bottom, 0px); }
    .standings-page .review-dialog__actions .ds-button { min-width: 0; padding: 10px 6px; font-size: .55rem; line-height: 1.6; white-space: normal; }
}

/* BETA-110L: intrinsic sizing shared by generic Pick pages and Brackets. */
.market-page :is(.market-summary, .prediction-panel, .prediction-form,
    .prediction-options, .bracket-hero > *, .bracket-form, .bracket-rounds,
    .bracket-round, .bracket-series-grid, .bracket-series, .bracket-submit-bar > *) {
    min-width: 0;
}

.market-page {
    overflow-wrap: anywhere;
}

.market-page .bracket-series-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
}

.market-page .bracket-panel {
    overflow: visible;
}

.market-page :is(.prediction-option, .bracket-pick) input[type="radio"] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    min-height: 18px;
    margin: 0;
    padding: 0;
}

.market-page :is(.prediction-option span, .bracket-pick span, .market-meta dd,
    .checkpoint-item, .revision-item, .bracket-series legend, .bracket-games,
    .prediction-result-summary) {
    min-width: 0;
    line-height: 1.6;
}

.arcade-page .market-page :is(.market-action, .back-link, .form button) {
    max-width: 100%;
    padding-block: 12px;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.6;
    text-align: center;
}

@media (max-width: 1000px) {
    .market-page :is(.market-detail-layout, .bracket-layout, .bracket-hero) {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .arcade-page .market-page :is(.market-summary, .prediction-panel, .empty-state, .bracket-hero) {
        padding: 14px;
    }

    .market-page :is(.market-detail-layout, .bracket-layout, .bracket-hero) {
        gap: 14px;
    }

    .market-page .market-detail-heading > div {
        display: grid;
        gap: 10px;
    }

    .market-page .market-detail-heading :is(.heading-subtitle, .lede) {
        margin: 0;
    }

    .arcade-page .market-page :is(.bracket-hero, .market-detail-heading) h1 {
        font-size: clamp(1.35rem, 5vw, 2rem);
        line-height: 1.4;
    }

    .market-page .bracket-scoreboard {
        padding: 14px;
    }

    .market-page :is(.bracket-round, .bracket-series, .bracket-submit-bar) {
        padding: 10px;
    }

    .market-page .bracket-round__header {
        display: grid;
        gap: 6px;
    }

    .market-page .bracket-round__header h2 {
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .market-page .prediction-result-summary div {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
    }

    .market-page .prediction-result-summary strong {
        text-align: left;
    }
}

/* Connected dashboard recomposition. Scoped to keep Season Hub and Markets stable. */
body.dashboard-home-body {
    background:
        radial-gradient(circle at 82% 7%, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 20%), transparent 19rem),
        radial-gradient(circle at 12% 22%, rgb(245 196 81 / 9%), transparent 14rem),
        linear-gradient(180deg, rgb(8 10 23 / 96%), rgb(3 5 14));
}

body.dashboard-home-body > .dashboard-home {
    display: grid;
    gap: var(--section-spacing, clamp(18px, 3.2vw, 30px));
    width: min(1160px, calc(100% - var(--app-sidebar-width) - (2 * var(--app-content-gutter))));
    padding-top: calc(var(--app-topbar-height) + 22px);
}

.dashboard-home .dashboard-next-action {
    position: relative;
    display: grid;
    place-items: end center;
    min-height: clamp(220px, 24vw, 304px);
    margin: 0 0 -2px;
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr);
    padding: clamp(46px, 6vw, 74px) 12px clamp(22px, 4vw, 34px);
    border: 0;
    border-bottom: 1px solid rgb(var(--theme-accent-decor-rgb, 168 95 247) / 34%);
    border-radius: 0;
    background:
        radial-gradient(circle at 50% 30%, rgb(70 104 255 / 20%), transparent 20%),
        radial-gradient(ellipse at 50% 100%, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 28%), transparent 48%),
        linear-gradient(180deg, rgb(var(--theme-surface-ink-rgb, 9 8 23) / 0%), rgb(var(--theme-surface-ink-rgb, 9 8 23) / 72%) 74%, var(--color-bg) 100%);
    box-shadow: none;
}

.dashboard-home .dashboard-next-action::before {
    display: none;
}

.dashboard-next-action__background {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent 0 49%, rgb(255 255 255 / 9%) 50%, transparent 51%),
        radial-gradient(ellipse at 50% 58%, transparent 0 39%, rgb(245 196 81 / 12%) 40%, transparent 41%),
        linear-gradient(90deg, transparent, rgb(74 144 255 / 38%) 7%, transparent 17%, transparent 83%, rgb(74 144 255 / 38%) 93%, transparent),
        repeating-linear-gradient(0deg, var(--theme-grid-line-soft, rgb(255 255 255 / 3%)) 0 1px, transparent 1px 5px);
    opacity: 0.68;
}

.dashboard-next-action__content {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    align-content: end;
    width: min(100%, 760px);
    text-align: center;
}

.dashboard-home .dashboard-next-action h1 {
    margin: 4px 0 8px;
    max-width: none;
    font-size: clamp(2.15rem, 9.2vw, 5rem);
    line-height: 1.12;
    text-shadow:
        0 0 12px rgb(var(--theme-accent-decor-rgb, 168 95 247) / 78%),
        4px 4px 0 var(--color-shadow);
}

.dashboard-home .dashboard-next-action .lede {
    max-width: 31rem;
    margin: 0;
    color: rgb(230 222 255 / 88%);
    font: 500 clamp(0.84rem, 1.45vw, 1rem)/1.45 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
:is(.dashboard-home .dashboard-next-action .lede):where(p) { font-size: calc(clamp(0.84rem, 1.45vw, 1rem) + 3px); }

.dashboard-home .dashboard-hero-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(132px, 0.58fr);
    width: min(100%, 650px);
    gap: 14px;
    margin-top: 22px;
}

.dashboard-home .dashboard-hero-actions > * {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    min-height: 52px;
    padding-inline: 18px;
}

.dashboard-home .dashboard-hero-actions .back-link {
    border-color: rgb(245 196 81 / 76%);
    background: rgb(6 8 20 / 42%);
    color: var(--color-primary);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 5%);
}

.dashboard-home .dashboard-stats--strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 10px 0;
    border: 0;
    border-block: 1px solid rgb(var(--theme-accent-decor-rgb, 168 95 247) / 24%);
    background:
        radial-gradient(ellipse at 11% 75%, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 24%), transparent 8rem),
        linear-gradient(90deg, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 8%), transparent 72%);
}

.arcade-page .dashboard-home .dashboard-stats--strip article {
    position: relative;
    display: grid;
    grid-template-rows: minmax(1.7rem, auto) auto;
    align-content: start;
    min-height: 82px;
    gap: 3px;
    padding: 10px clamp(8px, 1.8vw, 22px);
    border: 0;
    border-right: 1px solid rgb(var(--theme-accent-decor-rgb, 168 95 247) / 32%);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.arcade-page .dashboard-home .dashboard-stats--strip article::before {
    display: none;
}

.arcade-page .dashboard-home .dashboard-stats--strip article:last-child {
    border-right: 0;
}

.dashboard-stat__heading {
    display: flex;
    align-items: flex-start;
    min-width: 0;
    gap: clamp(4px, 1vw, 7px);
}

.dashboard-home .dashboard-stats--strip .dashboard-stat__label,
.dashboard-home .dashboard-stats--strip small {
    color: rgb(211 192 231 / 86%);
    font: 800 clamp(0.46rem, 1.5vw, 0.62rem)/1.25 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-transform: uppercase;
}

.dashboard-stat__metric {
    display: block;
    min-width: 0;
    padding-left: calc(clamp(13px, 4.2vw, 22px) + clamp(4px, 1vw, 7px));
}

.dashboard-stat__icon {
    flex: 0 0 auto;
    position: relative;
    display: block;
    width: clamp(13px, 4.2vw, 22px);
    height: clamp(13px, 4.2vw, 22px);
    color: rgb(183 107 255);
    font-size: 0;
    transform: none;
}

.dashboard-stat__icon--coins {
    width: clamp(13px, 4.2vw, 21px);
}

.dashboard-stat__icon--coins,
.dashboard-stat__icon--coins::before,
.dashboard-stat__icon--coins::after {
    border: 2px solid currentColor;
    border-radius: 999px;
}

.dashboard-stat__icon--coins::before,
.dashboard-stat__icon--coins::after {
    position: absolute;
    right: -2px;
    left: -2px;
    height: 42%;
    content: "";
}

.dashboard-stat__icon--coins {
    height: 42%;
    margin-top: 1px;
    box-shadow: 0 0 12px rgb(var(--theme-accent-decor-rgb, 168 95 247) / 46%);
}

.dashboard-stat__icon--coins::before {
    top: 65%;
}

.dashboard-stat__icon--coins::after {
    top: 130%;
}

.dashboard-stat__icon--rank {
    background:
        linear-gradient(currentColor, currentColor) 0 100% / 22% 45% no-repeat,
        linear-gradient(currentColor, currentColor) 39% 100% / 22% 70% no-repeat,
        linear-gradient(currentColor, currentColor) 78% 100% / 22% 100% no-repeat;
    box-shadow: 0 0 12px rgb(var(--theme-accent-decor-rgb, 168 95 247) / 34%);
}

.dashboard-stat__icon--rank::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: currentColor;
    content: "";
}

.dashboard-stat__icon--picks {
    border: 2px solid currentColor;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 12%), 0 0 12px rgb(var(--theme-accent-decor-rgb, 168 95 247) / 34%);
}

.dashboard-stat__icon--picks::before,
.dashboard-stat__icon--picks::after {
    position: absolute;
    right: 3px;
    left: 3px;
    height: 2px;
    background: currentColor;
    content: "";
}

.dashboard-stat__icon--picks::before {
    top: 30%;
}

.dashboard-stat__icon--picks::after {
    top: 58%;
}

.dashboard-stat__icon--badges {
    border: 2px solid currentColor;
    border-radius: 5px 5px 8px 8px;
    clip-path: polygon(50% 0, 92% 17%, 82% 78%, 50% 100%, 18% 78%, 8% 17%);
    box-shadow: 0 0 12px rgb(var(--theme-accent-decor-rgb, 168 95 247) / 34%);
}

.dashboard-stat__icon--badges::after {
    position: absolute;
    inset: 34%;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.arcade-page .dashboard-home .dashboard-stats--strip strong {
    color: var(--color-primary);
    font-size: clamp(1.12rem, 4.9vw, 1.92rem);
    line-height: 1;
    text-shadow: 0 0 14px rgb(245 196 81 / 36%);
}

.dashboard-home-section {
    display: grid;
    gap: 12px;
}

.dashboard-home .dashboard-section-header {
    margin: 0;
}

.dashboard-home .dashboard-section-header .markets-section-header__icon {
    font-size: 1.3rem;
}

.dashboard-home .dashboard-section-header h2 {
    white-space: nowrap;
}

.dashboard-home .dashboard-season-rail {
    margin-inline: -2px;
    padding-block: 3px 16px;
}

.dashboard-home .dashboard-season-rail .featured-market-card {
    flex: 0 0 min(84vw, 520px);
}

.arcade-page .dashboard-home .dashboard-season-card--pick {
    min-height: 0;
    gap: 14px;
    padding: 16px;
    overflow: hidden;
    border: 1px solid rgb(var(--theme-accent-decor-rgb, 168 95 247) / 58%);
    border-radius: 12px;
    background:
        linear-gradient(120deg, color-mix(in srgb, var(--conference-color, var(--color-secondary)) 24%, transparent), transparent 47%),
        radial-gradient(circle at 86% 22%, color-mix(in srgb, var(--conference-color, var(--color-secondary)) 28%, transparent), transparent 9rem),
        rgb(8 10 26 / 88%);
    box-shadow: 0 0 22px rgb(var(--theme-accent-decor-rgb, 168 95 247) / 12%), inset 0 0 0 1px rgb(255 255 255 / 5%);
}

.arcade-page .dashboard-home .dashboard-season-card--pick::before {
    display: none;
}

.dashboard-home .dashboard-season-card__header {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
}

.dashboard-home .dashboard-season-card .ranking-board__letter {
    width: 38px;
    height: 38px;
    box-shadow: none;
}

.dashboard-home .dashboard-season-card h3 {
    margin: 0 0 6px;
    font-size: clamp(0.86rem, 2vw, 1.12rem);
    line-height: 1.35;
}

.dashboard-home .dashboard-season-card .status-pill {
    width: fit-content;
    min-height: 26px;
    padding-inline: 9px;
}

.dashboard-home .dashboard-season-meta--compact {
    gap: 10px;
}

.dashboard-home .dashboard-season-meta--compact div {
    padding: 10px;
    border-color: rgb(var(--theme-accent-decor-rgb, 168 95 247) / 28%);
    background: rgb(4 6 17 / 42%);
}

.dashboard-home .dashboard-season-meta--compact dt {
    color: rgb(211 192 231 / 82%);
    font: 700 0.58rem/1.35 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.dashboard-home .dashboard-season-meta--compact dd {
    display: grid;
    gap: 2px;
    color: rgb(242 238 255 / 92%);
    font-size: 0.76rem;
    line-height: 1.45;
}

.dashboard-home .dashboard-season-meta--compact dd strong {
    color: var(--color-primary);
    font-size: 1.12rem;
    line-height: 1;
}

.dashboard-home .dashboard-season-meta--compact dd span {
    color: rgb(211 192 231 / 78%);
    font: 600 0.55rem/1.35 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-transform: uppercase;
}

.dashboard-home .dashboard-season-card__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin-top: 0;
}

.dashboard-home .dashboard-season-card__actions .market-action {
    width: 100%;
    min-height: 46px;
}

.dashboard-home .dashboard-share-link {
    color: rgb(232 188 255 / 82%);
    font: 600 0.68rem/1.4 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.dashboard-ledger-list {
    display: grid;
    border-top: 1px solid rgb(var(--theme-accent-decor-rgb, 168 95 247) / 26%);
}

.dashboard-ledger-row {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-height: 76px;
    padding: 13px 0;
    border-bottom: 1px solid rgb(var(--theme-accent-decor-rgb, 168 95 247) / 24%);
}

.dashboard-ledger-row__icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgb(245 196 81 / 42%);
    border-radius: 8px;
    background: rgb(245 196 81 / 8%);
    color: var(--color-primary);
    text-shadow: 0 0 12px rgb(245 196 81 / 36%);
}

.dashboard-ledger-row__copy {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.dashboard-ledger-row__copy strong {
    min-width: 0;
    overflow: hidden;
    color: var(--color-text);
    font: 800 clamp(0.8rem, 1.7vw, 1rem)/1.35 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-ledger-row__copy span {
    color: rgb(211 192 231 / 76%);
    font: 500 0.68rem/1.45 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.dashboard-ledger-row__amount {
    display: grid;
    justify-items: end;
    min-width: 86px;
    color: var(--color-primary);
}

.dashboard-ledger-row__amount.is-negative {
    color: #ff718d;
}

.dashboard-ledger-row__amount strong {
    font-size: clamp(1rem, 2vw, 1.35rem);
    line-height: 1;
}

.dashboard-ledger-row__amount span {
    color: rgb(211 192 231 / 76%);
    font: 500 0.56rem/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-transform: uppercase;
}

.dashboard-home .dashboard-open-market-rail {
    margin-inline: -2px;
    padding-block: 3px 16px;
}

.dashboard-home .dashboard-open-market-rail .navigation-market-card {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: min(84vw, 520px);
}

.dashboard-home .empty-state--compact {
    min-height: var(--empty-state-height, 120px);
    padding: var(--card-padding, 18px);
}

@media (min-width: 1280px) {
    body.dashboard-home-body > .dashboard-home {
        width: min(1240px, calc(100% - var(--app-sidebar-width) - (2 * var(--app-content-gutter))));
    }

    .dashboard-home .dashboard-season-rail .featured-market-card {
        flex-basis: calc((100% - 16px) / 2);
    }

    .dashboard-home .dashboard-open-market-rail .navigation-market-card {
        flex-basis: min(46vw, 580px);
    }
}

@media (max-width: 1000px) {
    .dashboard-home .dashboard-season-grid--compact {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    body.dashboard-home-body {
        --app-topbar-height: 58px;
    }

    body.dashboard-home-body .app-topbar {
        padding-inline: 10px;
    }

    body.dashboard-home-body .app-topbar__mobile-brand {
        width: 88px;
    }

    body.dashboard-home-body .app-topbar__actions {
        gap: 6px;
    }

    body.dashboard-home-body :is(.app-topbar__login, .app-topbar__register, .app-coin-counter, .app-icon-action) {
        min-height: 36px;
    }

    body.dashboard-home-body .app-icon-action {
        width: 36px;
        height: 36px;
    }

    body.dashboard-home-body > .dashboard-home {
        width: calc(100% - 32px);
        padding: calc(var(--app-topbar-height) + 10px) 0 92px;
        gap: 18px;
    }

    .dashboard-home .dashboard-next-action {
        min-height: 210px;
        padding: 42px 4px 18px;
        border-radius: 0;
        background:
            radial-gradient(circle at 50% 30%, rgb(70 104 255 / 20%), transparent 20%),
            radial-gradient(ellipse at 50% 100%, rgb(var(--theme-accent-decor-rgb, 168 95 247) / 28%), transparent 48%),
            linear-gradient(180deg, rgb(var(--theme-surface-ink-rgb, 9 8 23) / 0%), rgb(var(--theme-surface-ink-rgb, 9 8 23) / 72%) 74%, var(--color-bg) 100%);
    }

    .dashboard-home .dashboard-next-action h1 {
        max-width: none;
        font-size: clamp(2rem, 10.4vw, 3.05rem);
    }

    .dashboard-home .dashboard-next-action .lede {
        max-width: 19rem;
        font-size: 0.82rem;
    }
:is(.dashboard-home .dashboard-next-action .lede):where(p) { font-size: calc(0.82rem + 3px); }

    .dashboard-home .dashboard-hero-actions {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        margin-top: 18px;
    }

    .dashboard-home .dashboard-hero-actions > * {
        min-height: 46px;
    }

    .dashboard-home .dashboard-stats--strip {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        padding-block: 6px;
    }

    .arcade-page .dashboard-home .dashboard-stats--strip article {
        min-height: 66px;
        padding: 8px 5px;
        border-right: 1px solid rgb(var(--theme-accent-decor-rgb, 168 95 247) / 30%);
    }

    .arcade-page .dashboard-home .dashboard-stats--strip article:last-child {
        border-right: 0;
    }

    .arcade-page .dashboard-home .dashboard-stats--strip article:nth-child(-n + 2) {
        border-bottom: 0;
    }

    .dashboard-home .dashboard-stats--strip .dashboard-stat__label {
        font-size: var(--metric-label-size, clamp(0.38rem, 1.85vw, 0.5rem));
    }

    .dashboard-stat__metric {
        padding-left: 18px;
    }

    .dashboard-stat__icon {
        width: 14px;
        height: 14px;
        font-size: 0.68rem;
    }

    .arcade-page .dashboard-home .dashboard-stats--strip strong {
        font-size: clamp(0.95rem, 5.2vw, 1.36rem);
    }

    .dashboard-home .dashboard-section-header {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .dashboard-home .dashboard-section-header h2 {
        white-space: nowrap;
    }

    .dashboard-home .dashboard-season-card--pick {
        padding: 14px;
    }

    .dashboard-home .dashboard-season-meta--compact {
        grid-template-columns: minmax(0, 1fr);
    }

    .dashboard-home .dashboard-season-card__actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .dashboard-home .dashboard-season-card__actions > * {
        justify-content: center;
        width: 100%;
    }

    .dashboard-ledger-row {
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 10px;
        min-height: 68px;
        padding: 12px 0;
    }

    .dashboard-ledger-row__icon {
        width: 34px;
        height: 34px;
    }

    .dashboard-ledger-row__copy strong {
        font-size: 0.82rem;
        white-space: normal;
    }

    .dashboard-ledger-row__copy span {
        font-size: 0.62rem;
    }

    .dashboard-ledger-row__amount {
        min-width: 68px;
    }

    .dashboard-home .dashboard-open-market-rail {
        margin-inline: -1px;
        padding-inline: 1px;
    }

    .dashboard-home .dashboard-season-rail {
        margin-inline: -1px;
        padding-inline: 1px;
    }

    .dashboard-home .dashboard-season-rail .featured-market-card {
        flex-basis: min(86vw, 430px);
    }

    .dashboard-home .dashboard-open-market-rail .navigation-market-card {
        flex-basis: min(86vw, 430px);
    }
}