/*
 * Arena 5.1 — Professional public interface
 * The SVG package is used as a visual direction, not as a rigid page template.
 * Loaded after Arena's functional styles so routes and behaviour remain unchanged.
 */

:root {
    --arena-bg: #f6f8f6;
    --arena-surface: #ffffff;
    --arena-surface-soft: #f0f4f1;
    --arena-surface-dark: #07120c;
    --arena-ink: #152019;
    --arena-muted: #68746d;
    --arena-line: #dfe6e1;
    --arena-line-strong: #cbd6cf;
    --arena-green: #105811;
    --arena-green-strong: #0b430c;
    --arena-green-deep: #082d13;
    --arena-lime: #d9ff79;
    --arena-lime-strong: #c9f55f;
    --arena-lime-soft: #f1ffd0;
    --arena-danger: #a83232;
    --arena-warning: #8a620d;
    --arena-radius-sm: 10px;
    --arena-radius: 16px;
    --arena-radius-lg: 24px;
    --arena-shadow-sm: 0 8px 24px rgba(10, 39, 22, 0.06);
    --arena-shadow: 0 20px 60px rgba(10, 39, 22, 0.10);
    --arena-shadow-strong: 0 28px 80px rgba(0, 0, 0, 0.18);
    --bg: var(--arena-bg);
    --panel: var(--arena-surface);
    --ink: var(--arena-ink);
    --muted: var(--arena-muted);
    --line: var(--arena-line);
    --green: var(--arena-green);
    --green-dark: var(--arena-green-strong);
    --lime: var(--arena-lime);
    --danger: var(--arena-danger);
    --warn: var(--arena-warning);
    --shadow: var(--arena-shadow-sm);
}

* { box-sizing: border-box; }
html { background: var(--arena-bg); }
body {
    margin: 0;
    background:
            radial-gradient(circle at 0 0, rgba(217, 255, 121, 0.10), transparent 28rem),
            var(--arena-bg);
    color: var(--arena-ink);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a { color: var(--arena-green); }
a:hover { color: var(--arena-green-strong); }
button, input, select, textarea { font: inherit; }
button, .button, a { -webkit-tap-highlight-color: transparent; }

/* Navigation */
.portal-top {
    min-height: 78px;
    padding: 0 clamp(20px, 4vw, 64px);
    background: rgba(3, 8, 5, 0.98);
    color: #fff;
    border-bottom: 1px solid rgba(217, 255, 121, 0.12);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    position: sticky;
    top: 0;
    z-index: 100;
}
.portal-brand {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--arena-lime);
    font-size: 1.04rem;
    font-weight: 900;
    letter-spacing: 0.025em;
}
.portal-brand:hover { color: var(--arena-lime); }
.portal-brand-mark {
    position: relative;
    display: inline-block;
    width: 31px;
    height: 23px;
    flex: 0 0 auto;
    border-radius: 2px;
    background: var(--arena-lime);
}
.portal-brand-mark::before {
    content: "";
    position: absolute;
    inset: 5px 6px 4px;
    border: 3px solid #061008;
    border-bottom-width: 4px;
}
.portal-brand-mark::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #061008;
    transform: translate(-50%, -50%);
}
.portal-brand-mark i { display: none; }
.portal-nav { gap: clamp(13px, 1.6vw, 27px); }
.portal-nav > a,
.nav-form button {
    position: relative;
    padding: 11px 0;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.82rem;
    font-weight: 650;
    cursor: pointer;
    transition: color 0.18s ease;
}
.portal-nav > a:hover,
.nav-form button:hover,
.portal-nav > a.active:not(.nav-play):not(.nav-login) { color: var(--arena-lime); }
.portal-nav > a.active:not(.nav-play):not(.nav-login)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    height: 2px;
    border-radius: 999px;
    background: var(--arena-lime);
}
.portal-nav .nav-login,
.nav-form .nav-login,
.portal-nav .nav-play {
    min-width: 96px;
    padding: 10px 19px !important;
    border-radius: 999px !important;
    text-align: center;
    font-weight: 800 !important;
}
.portal-nav .nav-login,
.nav-form .nav-login {
    border: 1px solid rgba(217, 255, 121, 0.75) !important;
    background: transparent !important;
    color: #fff !important;
}
.portal-nav .nav-login:hover,
.nav-form .nav-login:hover {
    border-color: var(--arena-lime) !important;
    background: rgba(217, 255, 121, 0.10) !important;
    color: var(--arena-lime) !important;
}
.portal-nav .nav-play {
    border: 1px solid var(--arena-lime) !important;
    background: var(--arena-lime) !important;
    color: #071009 !important;
    box-shadow: 0 8px 22px rgba(217, 255, 121, 0.12);
}
.portal-nav .nav-play:hover {
    border-color: var(--arena-lime-strong) !important;
    background: var(--arena-lime-strong) !important;
    color: #071009 !important;
}
.nav-toggle {
    display: none;
    min-width: 42px;
    min-height: 42px;
    border: 1px solid rgba(217, 255, 121, 0.50);
    border-radius: 12px;
    background: transparent;
    color: var(--arena-lime);
    font-size: 1.15rem;
}

.portal-shell {
    width: min(1220px, calc(100% - 48px));
    margin: 0 auto;
    padding: clamp(50px, 6vw, 82px) 0 96px;
    min-height: calc(100vh - 144px);
}
.portal-footer {
    min-height: 62px;
    padding: 19px clamp(20px, 4vw, 64px);
    align-items: center;
    background: #030805;
    color: rgba(255, 255, 255, 0.62);
    border-top: 1px solid rgba(217, 255, 121, 0.10);
    font-size: 0.76rem;
}
.portal-footer nav { gap: 22px; }
.portal-footer a { color: rgba(255, 255, 255, 0.84); }
.portal-footer a:hover { color: var(--arena-lime); }

/* Shared typography and controls */
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--arena-green);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.eyebrow-light-green {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #cfff67;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

span.eyebrow-subtle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #d6ff67;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.eyebrow::before {
    content: "";
    width: 22px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}
.page-hero { max-width: 850px; margin-bottom: 48px; }
.page-hero h1,
.dashboard-hero h1,
.wallet-hero h1,
.settings-hero h1,
.auth-copy h1,
.policy h1,
.narrow > h1,
.mc-hero h1 {
    margin: 0 0 16px;
    color: var(--arena-ink);
    font-size: clamp(2.65rem, 4vw, 4.75rem);
    line-height: 0.99;
    letter-spacing: 0.004em;
}
.page-hero p,
.dashboard-hero p,
.wallet-hero p,
.settings-hero p,
.auth-copy p,
.mc-hero p {
    max-width: 720px;
    margin: 0;
    color: var(--arena-muted);
    font-size: 1.04rem;
}
.section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 25px;
}
.section-heading h2,
.mc-section-title h2 {
    margin: 0;
    color: var(--arena-ink);
    font-size: clamp(1.65rem, 3vw, 1.45rem);
    line-height: 1.08;
    letter-spacing: 0.035em;
}
.section-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 0.88rem;
    font-weight: 800;
    white-space: nowrap;
}
.button,
.auth-card button,
.panel button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 22px;
    border: 1px solid var(--arena-line-strong);
    border-radius: 999px;
    background: var(--arena-surface);
    color: var(--arena-ink);
    box-shadow: none;
    font-size: 0.86rem;
    font-weight: 850;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}
.button:hover,
.auth-card button:hover,
.panel button:hover {
    transform: translateY(-1px);
    border-color: var(--arena-green);
    box-shadow: 0 10px 24px rgba(16, 88, 17, 0.10);
}
.button.primary,
button.primary,
.channel-card .button.primary {
    border-color: var(--arena-green);
    background: var(--arena-green);
    color: #fff;
}
.button.primary:hover,
button.primary:hover,
.channel-card .button.primary:hover {
    border-color: var(--arena-green-strong);
    background: var(--arena-green-strong);
    color: #fff;
}
.button.light { border-color: rgba(255, 255, 255, 0.42); background: rgba(255, 255, 255, 0.08); color: #fff; }
.button.light:hover { border-color: #fff; background: #fff; color: var(--arena-ink); }
.button.disabled { border-color: #d8ded9; background: #e9edea; color: #89928c; box-shadow: none; cursor: not-allowed; }
.flash {
    max-width: 1220px;
    margin: 0 auto 28px;
    padding: 15px 18px;
    border-radius: 14px;
    box-shadow: var(--arena-shadow-sm);
}
.status,
.entry-fee,
.fixture-status,
.fixture-stage-state,
.pill,
.tag { border-radius: 999px !important; }
.auth-card,
.panel,
.policy,
.table-wrap,
.settings-panel {
    border: 1px solid var(--arena-line);
    background: var(--arena-surface);
    box-shadow: var(--arena-shadow-sm);
}
.auth-card input:not([type="checkbox"]),
.panel input:not([type="checkbox"]),
.panel select,
.panel textarea {
    width: 100%;
    min-height: 48px;
    margin-top: 8px;
    border: 1px solid var(--arena-line-strong);
    border-radius: 12px;
    background: #fbfcfb;
    color: var(--arena-ink);
    padding: 12px 14px;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}
.auth-card input:not([type="checkbox"]):focus,
.panel input:not([type="checkbox"]):focus,
.panel select:focus,
.panel textarea:focus,
.chat-compose input:focus {
    border-color: var(--arena-green);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(16, 88, 17, 0.10);
}
.empty {
    border: 1px dashed var(--arena-line-strong);
    border-radius: var(--arena-radius);
    background: rgba(255, 255, 255, 0.78);
    color: var(--arena-muted);
}

/* Homepage */
.page-home { background: #fff; }
.page-home .portal-shell { width: 100%; max-width: none; padding: 0 0 96px; }
.page-home .flash { width: min(1220px, calc(100% - 48px)); margin-top: 24px; }
.page-home .home-hero {
    position: relative;
    isolation: isolate;
    display: grid;
    place-items: center;
    min-height: clamp(690px, 78vh, 860px);
    overflow: hidden;
    padding: 120px 24px 190px;
    border: 0;
    border-radius: 0;
    background:
            linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.57) 56%, rgba(0, 0, 0, 0.90) 100%),
            radial-gradient(circle at 50% 42%, rgba(16, 88, 17, 0.04), rgba(0, 0, 0, 0.48) 68%),
            url("theme/arena-stadium.webp") center 58% / cover no-repeat;
    color: #fff;
    box-shadow: none;
    text-align: center;
}
.page-home .home-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.24), transparent 22%, transparent 78%, rgba(0, 0, 0, 0.24));
    pointer-events: none;
}
.page-home .home-hero::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: min(900px, 84vw);
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(217, 255, 121, 0.65), transparent);
    transform: translateX(-50%);
}
.page-home .home-hero-copy {
    position: relative;
    z-index: 2;
    width: min(100%, 980px);
    margin: 0 auto;
    text-align: center;
}
.page-home .home-live-strip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    max-width: 100%;
    margin: 0 auto 42px;
    padding: 9px 14px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.34);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(12px);
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.78rem;
}
.home-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--arena-lime);
    font-weight: 850;
    white-space: nowrap;
}
.home-live-badge i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff5656;
    box-shadow: 0 0 0 5px rgba(255, 86, 86, 0.12);
}
.home-live-badge.neutral i { background: var(--arena-lime); box-shadow: 0 0 0 5px rgba(217, 255, 121, 0.12); }
.home-live-score { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.home-live-score strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.home-live-score b { color: #fff; font-size: 0.9rem; }
.page-home .home-hero .eyebrow {
    margin-bottom: 18px;
    color: var(--arena-lime);
}
.page-home .home-hero-copy h1 {
    max-width: 930px;
    margin: 0 auto 23px;
    color: #fff;
    font-size: clamp(3.6rem, 3.6vw, 5.5rem);
    line-height: 0.92;
    letter-spacing: -0.068em;
    text-wrap: balance;
    text-shadow: 0 8px 34px rgba(0, 0, 0, 0.38);
}
.page-home .home-hero-copy p {
    max-width: 720px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.86);
    font-size: clamp(1rem, 1.5vw, 1.18rem);
    line-height: 1.65;
    text-wrap: pretty;
}
.page-home .home-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 32px;
}
.page-home .home-actions .button { min-width: 150px; }
.page-home .home-actions .button.primary {
    border-color: var(--arena-lime);
    background: var(--arena-lime);
    color: #071009;
    box-shadow: 0 14px 35px rgba(217, 255, 121, 0.16);
}
.page-home .home-actions .button.primary:hover {
    border-color: var(--arena-lime-strong);
    background: var(--arena-lime-strong);
    color: #071009;
}
.page-home .home-pitch-card { display: none; }
.page-home .home-value-grid {
    position: relative;
    z-index: 5;
    width: min(850px, calc(100% - 48px));
    margin: -106px auto 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.page-home .home-value-grid article {
    min-height: 156px;
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 25px;
    border: 1px solid rgba(217, 255, 121, 0.26);
    border-radius: 18px;
    background: rgba(8, 45, 19, 0.94);
    color: #fff;
    box-shadow: var(--arena-shadow-strong);
    backdrop-filter: blur(14px);
}
.page-home .home-stat-icon {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    flex: 0 0 auto;
    border-radius: 16px;
    background: var(--arena-lime);
    color: var(--arena-green-deep);
    font-size: 1.35rem;
    font-weight: 950;
}
.page-home .home-value-grid article > div { display: grid; gap: 4px; }
.page-home .home-value-grid strong { color: #fff; font-size: 0.98rem; line-height: 1.3; }
.page-home .home-value-grid small { color: rgba(255, 255, 255, 0.68); font-size: 0.76rem; line-height: 1.45; }
.page-home .home-section,
.page-home .home-cta {
    width: min(1220px, calc(100% - 48px));
    margin-left: auto;
    margin-right: auto;
}
.page-home .home-section { margin-top: 96px; }
.page-home .home-how { padding-top: 20px; }
.page-home .home-step-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}
.page-home .home-step-grid article {
    position: relative;
    min-height: 250px;
    padding: 30px;
    overflow: hidden;
    border: 1px solid var(--arena-line);
    border-radius: 20px;
    background: var(--arena-surface);
    box-shadow: var(--arena-shadow-sm);
}
.page-home .home-step-grid article::after {
    content: "";
    position: absolute;
    right: -55px;
    bottom: -65px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: var(--arena-lime-soft);
}
.page-home .home-step-grid article > span {
    position: relative;
    z-index: 1;
    display: inline-flex;
    min-width: 44px;
    justify-content: center;
    padding: 7px 10px;
    border-radius: 999px;
    background: var(--arena-green-deep);
    color: var(--arena-lime);
    font-size: 0.74rem;
    font-weight: 900;
}
.page-home .home-step-grid h3 {
    position: relative;
    z-index: 1;
    margin: 48px 0 10px;
    color: var(--arena-ink);
    font-size: 1.3rem;
    line-height: 1.18;
}
.page-home .home-step-grid p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--arena-muted);
    font-size: 0.91rem;
}
.page-home .home-match-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.page-home .home-match-card {
    display: block;
    min-height: 220px;
    padding: 24px;
    border: 1px solid var(--arena-line);
    border-radius: 18px;
    background: var(--arena-surface);
    color: var(--arena-ink);
    box-shadow: var(--arena-shadow-sm);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.page-home .home-match-card:hover { transform: translateY(-3px); border-color: #b9cbbf; box-shadow: var(--arena-shadow); }
.page-home .home-match-card > span { display: block; margin-bottom: 16px; color: var(--arena-green); font-size: 0.72rem; font-weight: 900; letter-spacing: 0.08em; }
.page-home .home-match-card > div { display: flex; justify-content: space-between; gap: 18px; padding: 10px 0; border-bottom: 1px solid var(--arena-line); }
.page-home .home-match-card > div strong { font-size: 0.9rem; }
.page-home .home-match-card > div b { font-size: 1.3rem; }
.page-home .home-match-card > small { display: flex; justify-content: space-between; margin-top: 18px; color: var(--arena-muted); }
.page-home .home-empty-state {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 34px;
    border: 1px dashed var(--arena-line-strong);
    border-radius: 20px;
    background: var(--arena-surface);
}
.page-home .home-empty-state h3 { margin: 0 0 8px; font-size: 1.35rem; }
.page-home .home-empty-state p { margin: 0; color: var(--arena-muted); }
.page-home .home-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
    margin-top: 96px;
    margin-bottom: 0;
    padding: clamp(34px, 5vw, 56px);
    overflow: hidden;
    border: 1px solid rgba(217, 255, 121, 0.20);
    border-radius: 24px;
    background:
            radial-gradient(circle at 95% 10%, rgba(217, 255, 121, 0.16), transparent 16rem),
            #050b07;
    color: #fff;
    box-shadow: var(--arena-shadow);
}
.page-home .home-cta h2 { margin: 0; color: #fff; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.02; letter-spacing: -0.045em; }
.page-home .home-cta p { margin: 12px 0 0; color: rgba(255, 255, 255, 0.68); }
.page-home .home-cta .eyebrow { color: var(--arena-lime); }
.page-home .home-cta .home-actions { margin-top: 0; justify-content: flex-end; }
.page-home .home-cta .button.primary { border-color: var(--arena-lime); background: var(--arena-lime); color: #071009; }

/* Authentication */
.page-login,
.page-register { background: #fff; }
.page-login .portal-shell,
.page-register .portal-shell { width: min(1180px, calc(100% - 48px)); padding-top: 68px; }
.page-login .auth-wrap,
.page-register .auth-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(390px, 0.82fr);
    align-items: center;
    gap: clamp(54px, 7vw, 104px);
    min-height: 680px;
}
.page-register .auth-wrap { align-items: start; }
.auth-copy { min-width: 0; }
.auth-copy-text { max-width: 630px; }
.page-login .auth-copy h1,
.page-register .auth-copy h1 {
    max-width: 650px;
    font-size: clamp(3.05rem, 5.2vw, 5.1rem);
}
.page-login .auth-copy p,
.page-register .auth-copy p { max-width: 580px; font-size: 1.02rem; }
.auth-visual {
    position: relative;
    width: min(100%, 620px);
    height: 350px;
    margin-top: 35px;
    overflow: hidden;
    border: 1px solid var(--arena-line);
    border-radius: 24px;
    background:
            radial-gradient(circle at 50% 20%, rgba(217, 255, 121, 0.20), transparent 45%),
            #07170d;
    box-shadow: var(--arena-shadow);
}
.auth-visual-art {
    position: absolute;
    inset: 15px 0 -112px;
    background: url("theme/arena-auth-pitch.webp") center top / min(600px, 92%) auto no-repeat;
    filter: saturate(0.96) contrast(1.02);
}
.auth-visual::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, transparent 52%, rgba(3, 12, 7, 0.92) 100%);
    pointer-events: none;
}
.auth-visual-caption {
    position: absolute;
    z-index: 2;
    left: 24px;
    right: 24px;
    bottom: 21px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    color: #fff;
}
.auth-visual-caption span { color: var(--arena-lime); font-size: 0.7rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
.auth-visual-caption strong { max-width: 280px; text-align: right; font-size: 0.9rem; }
.auth-benefits {
    display: grid;
    gap: 14px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}
.auth-benefits li { display: grid; grid-template-columns: 9px 1fr; column-gap: 12px; color: var(--arena-muted); font-size: 0.88rem; }
.auth-benefits li::before { content: ""; width: 9px; height: 9px; margin-top: 7px; border-radius: 50%; background: var(--arena-lime); box-shadow: 0 0 0 4px var(--arena-lime-soft); }
.auth-benefits li strong,
.auth-benefits li span { grid-column: 2; }
.auth-benefits li strong { color: var(--arena-ink); font-size: 0.9rem; }
.page-login .auth-card,
.page-register .auth-card {
    position: relative;
    padding: clamp(28px, 4vw, 40px);
    border-radius: 22px;
    background: #fff;
    box-shadow: var(--arena-shadow);
}
.page-login .auth-card::before,
.page-register .auth-card::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 34px;
    right: 34px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, transparent, var(--arena-lime), transparent);
}
.auth-card-head { margin-bottom: 25px; }
.auth-card-head .eyebrow { margin-bottom: 9px; }
.auth-card-head h2 { margin: 0 0 8px; color: var(--arena-ink); font-size: 1.65rem; letter-spacing: -0.03em; }
.auth-card-head p { margin: 0; color: var(--arena-muted); font-size: 0.84rem; }
.auth-card label { margin: 17px 0; color: #2c3730; font-size: 0.82rem; font-weight: 800; }
.auth-card input:not([type="checkbox"]) { min-height: 50px; }
.auth-card > button { width: 100%; margin-top: 10px; }
.auth-inline-link { margin: -4px 0 18px; text-align: right; font-size: 0.78rem; font-weight: 700; }
.form-foot { margin: 21px 0 0; color: var(--arena-muted); font-size: 0.82rem; text-align: center; }
.form-foot a { font-weight: 800; }
.form-links { display: flex; justify-content: space-between; gap: 16px; margin-top: 18px; font-size: 0.82rem; }
.check { align-items: flex-start; gap: 10px; color: var(--arena-muted) !important; font-weight: 500 !important; line-height: 1.45; }
.check input { margin-top: 4px; accent-color: var(--arena-green); }

/* Dashboard and general cards */
.dashboard-hero,
.wallet-hero,
.settings-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 38px;
}
.dashboard-description { max-width: 680px; color: var(--arena-muted); }
.metric-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-bottom: 48px; }
.metric {
    position: relative;
    min-height: 155px;
    overflow: hidden;
    padding: 25px;
    border: 1px solid var(--arena-line);
    border-radius: 18px;
    background: var(--arena-surface);
    color: var(--arena-ink);
    box-shadow: var(--arena-shadow-sm);
}
.metric::after {
    content: "";
    position: absolute;
    right: -42px;
    bottom: -50px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: var(--arena-lime-soft);
}
.metric span,
.metric strong,
.metric a { position: relative; z-index: 1; }
.metric span { color: var(--arena-muted); font-size: 0.78rem; font-weight: 750; }
.metric strong { color: var(--arena-green-deep); font-size: 1.45rem; }
.metric a { margin-top: auto; color: var(--arena-green); font-size: 0.78rem; font-weight: 800; }
.referral-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 48px;
    padding: 26px 28px;
    border: 1px solid #d6e6d8;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--arena-lime-soft), #fff 72%);
}
.referral-banner h2 { margin: 0 0 6px; font-size: 1.2rem; }
.referral-banner code { border-radius: 999px; background: var(--arena-green-deep); color: #fff; }
.card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.dashboard-tournament-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.tournament-card,
.dashboard-tournament-card,
.tournament-rich-card,
.channel-card {
    border: 1px solid var(--arena-line);
    border-radius: 18px;
    background: var(--arena-surface);
    box-shadow: var(--arena-shadow-sm);
}
.dashboard-tournament-card,
.tournament-rich-card { overflow: hidden; }
.dashboard-tournament-card .tournament-card-body,
.tournament-rich-card .tournament-card-body { padding: 26px; }
.dashboard-tournament-card h2,
.tournament-rich-card h2 { margin: 8px 0 10px; color: var(--arena-ink); font-size: 1.42rem; line-height: 1.16; }
.dashboard-tournament-card p,
.tournament-rich-card p { color: var(--arena-muted); font-size: 0.86rem; }

/* Channels */
.page-channels .page-hero { max-width: 760px; }
.channel-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.channel-card,
.channel-card.featured {
    min-height: 275px;
    display: flex;
    flex-direction: column;
    padding: 26px;
    color: var(--arena-ink);
}
.channel-card.featured {
    border-color: var(--arena-green-deep);
    background: var(--arena-green-deep);
    color: #fff;
}
.channel-card:nth-child(2) { background: linear-gradient(155deg, var(--arena-lime-soft), #fff 72%); }
.channel-card h2 { margin: 18px 0 8px; font-size: 1.12rem; }
.channel-card p,
.channel-card.featured p { color: var(--arena-muted); font-size: 0.84rem; }
.channel-card.featured p { color: rgba(255, 255, 255, 0.67); }
.channel-icon {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: var(--arena-lime-soft);
    color: var(--arena-green);
    font-size: 1.28rem;
}
.channel-card.featured .channel-icon { background: var(--arena-lime); color: var(--arena-green-deep); }
.channel-card .button,
.channel-card .button.primary { width: max-content; margin-top: auto; }
.channel-number { margin-top: 12px; font-size: 0.95rem; font-weight: 800; }
.command-help { margin-top: 44px; padding: 28px; border: 1px solid var(--arena-line); border-radius: 18px; background: #fff; box-shadow: var(--arena-shadow-sm); }
.command-help h2 { font-size: 1.15rem; }
.command-help code { border-radius: 8px; background: var(--arena-surface-dark); font-size: 0.76rem; }

/* Tournaments */
.tournament-public-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.tournament-banner { height: 190px; background-color: var(--arena-surface-soft); }
.tournament-card-top { align-items: center; }
.tournament-card-top .status { font-weight: 850; }
.entry-fee { padding: 7px 12px; background: var(--arena-lime-soft); color: var(--arena-green-deep); font-size: 0.72rem; }
.tournament-game-label { color: var(--arena-green); font-size: 0.67rem; font-weight: 850; letter-spacing: 0.06em; }
.tournament-mode,
.tournament-mode.penalty { border: 1px solid var(--arena-line); border-radius: 999px; background: var(--arena-surface-soft); color: var(--arena-ink); font-size: 0.72rem; }
.tournament-rich-card dl { padding-top: 15px; font-size: 0.78rem; }
.tournament-rich-card dt { color: var(--arena-muted); }
.reward-preview { border: 1px solid #d6e8c2; border-radius: 12px; background: var(--arena-lime-soft); color: var(--arena-green-deep); }
.tournament-countdown.active { border-radius: 12px; background: var(--arena-green-deep); color: #fff; }
.tournament-rich-card .button { width: 100%; }

/* Leaderboard and tables */
.page-leaderboard .page-hero { max-width: 720px; }
.page-leaderboard .table-wrap { margin-top: 45px; }
.table-wrap { overflow: auto; border-radius: 18px; }
.table-wrap table { width: 100%; border-collapse: collapse; }
.table-wrap th {
    padding: 15px 17px;
    background: var(--arena-green-deep);
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.72rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
.table-wrap td { padding: 16px 17px; border-bottom: 1px solid var(--arena-line); }
.table-wrap tbody tr:hover { background: #f8faf8; }

/* Match centre and fixture browser */
.match-centre {
    --mc-green: var(--arena-green);
    --mc-dark: var(--arena-ink);
    --mc-muted: var(--arena-muted);
    --mc-line: var(--arena-line);
    --mc-panel: var(--arena-surface);
    color: var(--arena-ink);
}
.mc-hero,
.mc-hero.compact {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 50px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.mc-hero h1 { max-width: 850px; }
.mc-section { margin: 52px 0; }
.match-grid { gap: 18px; }
.match-card {
    padding: 23px;
    border: 1px solid var(--arena-line);
    border-radius: 17px;
    background: var(--arena-surface);
    color: var(--arena-ink);
    box-shadow: var(--arena-shadow-sm);
}
.match-card:hover { transform: translateY(-2px); border-color: #becdc3; box-shadow: var(--arena-shadow); }
.match-card.live { border-color: #cbe9a0; background: linear-gradient(150deg, var(--arena-lime-soft), #fff 72%); box-shadow: var(--arena-shadow-sm); }
.match-card .tag { font-size: 0.66rem; }
.match-card .team { font-size: 0.83rem; }
.match-card .team b { font-size: 1.14rem; }
.match-card small { color: var(--arena-green); font-weight: 800; }
.fixture-list { gap: 13px; }
.fixture {
    padding: 20px 22px;
    border: 1px solid var(--arena-line);
    border-radius: 15px;
    background: var(--arena-surface);
    box-shadow: 0 5px 18px rgba(10, 39, 22, 0.04);
}
.fixture time { color: var(--arena-green); font-size: 0.78rem; font-weight: 800; }
.fixture strong { font-size: 0.9rem; }
.fixture span { font-size: 0.76rem; }
.fixture-tournament-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.fixture-tournament-card {
    overflow: hidden;
    border: 1px solid var(--arena-line);
    border-radius: 19px;
    background: var(--arena-surface);
    box-shadow: var(--arena-shadow-sm);
}
.fixture-tournament-card:hover { transform: translateY(-2px); border-color: #becdc3; box-shadow: var(--arena-shadow); }
.fixture-tournament-banner { height: 160px; background: linear-gradient(135deg, #e9efeb, #f8faf8); }
.fixture-tournament-body { padding: 27px; }
.fixture-card-topline { font-size: 0.68rem; }
.fixture-status,
.fixture-stage-state { padding: 6px 10px !important; background: var(--arena-lime-soft) !important; color: var(--arena-green-deep) !important; font-size: 0.64rem; }
.fixture-tournament-body h2 { margin: 10px 0; color: var(--arena-ink); font-size: 1.45rem; }
.fixture-tournament-body > p { color: var(--arena-muted); font-size: 0.84rem; }
.fixture-tournament-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.fixture-tournament-stats span {
    display: flex;
    flex-direction: column;
    padding: 11px 8px;
    border: 1px solid #dce6dc;
    border-radius: 11px;
    background: #f6f9f6;
    color: var(--arena-green-deep);
    text-align: center;
    font-size: 0.67rem;
}
.fixture-next-match {  border-radius: 10px; background: var(--arena-surface-soft); }
.fixture-card-action { justify-content: center; border-radius: 999px; background: var(--arena-green); color: #fff; padding: 12px 16px; font-size: 0.8rem; }
.fixture-card-action b { display: none; }
.fixture-summary-grid { gap: 14px; }
.fixture-summary-card {
    padding: 18px;
    border: 1px solid var(--arena-line);
    border-radius: 14px;
    background: var(--arena-surface);
    color: var(--arena-green-deep);
    box-shadow: 0 5px 18px rgba(10, 39, 22, 0.04);
    text-align: center;
}
.fixture-summary-card strong { color: var(--arena-green-deep); font-size: 1.1rem; }
.fixture-stage-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.fixture-stage-card,
.fixture-stage-card.waiting {
    min-height: 235px;
    padding: 20px;
    border: 1px solid var(--arena-line);
    border-radius: 17px;
    background: var(--arena-surface);
    box-shadow: var(--arena-shadow-sm);
}
.fixture-stage-card:hover { transform: translateY(-2px); border-color: #becdc3; box-shadow: var(--arena-shadow); }
.fixture-stage-card.waiting { background: #fafbfa; }
.fixture-stage-icon { border-radius: 12px; background: var(--arena-lime-soft); color: var(--arena-green-deep); }
.fixture-stage-card h3 { font-size: 1.06rem; }
.fixture-stage-card p { color: var(--arena-muted); font-size: 0.78rem; }
.fixture-stage-progress { font-size: 0.68rem; }
.group-participant-list span { border: 1px solid #dce6dc; border-radius: 999px; background: var(--arena-lime-soft); color: var(--arena-green-deep); font-size: 0.74rem; }
.fixture-detailed { grid-template-columns: 190px minmax(280px, 1fr) 180px; }
.fixture-awaiting-empty { border-radius: 16px; background: #f8faf8; }
.fixture-breadcrumb { font-size: 0.76rem; }

/* Live match */
.scoreboard {
    padding: 23px 30px;
    border: 1px solid #d4e8b6;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--arena-lime-soft), #fff 72%);
    box-shadow: var(--arena-shadow-sm);
}
.scoreboard .tag { color: var(--arena-green); }
.score-line b { color: var(--arena-green-deep); font-size: clamp(2.2rem, 5vw, 3.8rem); }
.watch-grid { gap: 20px; }
.pitch { border-radius: 18px 18px 0 0; box-shadow: var(--arena-shadow-sm); }
.commentary-panel { padding: 24px; border: 1px solid var(--arena-line); border-radius: 18px; background: var(--arena-surface); box-shadow: var(--arena-shadow-sm); }
.commentary li { border-top: 1px solid var(--arena-line); }
.commentary time { color: var(--arena-green); font-weight: 800; }
.commentary p { color: #465149; font-size: 0.82rem; }
.ad-rail { border-radius: 0 0 18px 18px; }

/* Wallet, settings and policy */
.wallet-balance {
    min-width: 270px;
    padding: 24px 28px;
    border-radius: 18px;
    background: var(--arena-green-deep);
    color: #fff;
    box-shadow: var(--arena-shadow-sm);
}
.wallet-balance span { color: rgba(255, 255, 255, 0.64); }
.wallet-balance strong { color: var(--arena-lime); }
.verification-grid,
.wallet-grid,
.settings-grid { gap: 22px; }
.settings-panel,
.verification-grid .panel,
.wallet-grid .panel { border-radius: 18px; background: var(--arena-surface); }
.referral-stats > div,
.wallet-limit-grid article { border: 1px solid #dce8ce; border-radius: 14px; background: var(--arena-lime-soft); color: var(--arena-green-deep); }
.danger-zone { border-color: #efd2d2; background: #fff8f8; }
.policy { border-radius: 22px; }

/* Browser game channel: full viewport, independent of portal container */
.chat-page {
    overflow: hidden;
    background: #eaf0ec;
}
.chat-page .portal-top,
.chat-page .portal-footer { display: none !important; }
.chat-page .portal-shell.chat-main {
    width: 100% !important;
    max-width: none !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
}
.chat-app {
    width: 100%;
    height: 100dvh;
    min-height: 100dvh;
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    overflow: hidden;
    background:
            radial-gradient(circle at 50% -20%, rgba(217, 255, 121, 0.15), transparent 36rem),
            #edf2ee;
    color: var(--arena-ink);
}
.chat-head {
    width: 100%;
    padding: 0;
    background: #031008;
    color: #fff;
    border-bottom: 1px solid rgba(217, 255, 121, 0.12);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.13);
}
.chat-head-inner {
    width: min(1120px, calc(100% - 40px));
    min-height: 80px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.chat-identity { display: flex; align-items: center; gap: 14px; }
.chat-identity > div { display: grid; gap: 2px; }
.chat-identity strong { font-size: 1.02rem; }
.chat-identity small { color: rgba(255, 255, 255, 0.62); font-size: 0.8rem; }
.live-dot {
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #57e88d;
    box-shadow: 0 0 0 6px rgba(87, 232, 141, 0.12);
}
.chat-close {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    color: #fff;
    font-size: 1.65rem;
    font-weight: 300;
    line-height: 1;
    transition: background-color 0.18s ease, border-color 0.18s ease;
}
.chat-close:hover { border-color: rgba(217, 255, 121, 0.58); background: rgba(217, 255, 121, 0.10); color: var(--arena-lime); }
.chat-messages {
    width: 100%;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 32px max(20px, calc((100vw - 900px) / 2));
    scroll-behavior: smooth;
    scrollbar-color: #bbc9bf transparent;
    overscroll-behavior: contain;
    overflow-anchor: none;
}
.chat-messages > :first-child { margin-top: auto; }
.chat-messages.chat-messages-initialising {
    visibility: hidden;
    scroll-behavior: auto !important;
}
.chat-welcome,
.bubble {
    width: max-content;
    max-width: min(76%, 680px);
    padding: 16px 18px;
    border: 1px solid #d8e2db;
    border-radius: 18px;
    background: #fff;
    color: var(--arena-ink);
    box-shadow: 0 9px 28px rgba(13, 45, 26, 0.07);
    line-height: 1.62;
    overflow-wrap: anywhere;
}
.bubble.outbound { align-self: flex-start; border-bottom-left-radius: 5px; }
.bubble.inbound {
    align-self: flex-end;
    border-color: var(--arena-green);
    border-bottom-right-radius: 5px;
    background: var(--arena-green);
    color: #fff;
    box-shadow: 0 10px 28px rgba(16, 88, 17, 0.16);
}
.bubble time {
    display: block;
    margin-top: 8px;
    font-size: 0.69rem;
    opacity: 0.62;
}
.chat-status {
    width: 100%;
    padding: 6px max(20px, calc((100vw - 900px) / 2)) 9px;
    background: #edf2ee;
    color: var(--arena-muted);
    font-size: 0.74rem;
}
.chat-compose {
    width: 100%;
    display: block;
    padding: 13px 20px calc(13px + env(safe-area-inset-bottom));
    border-top: 1px solid #d7e0d9;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 -12px 34px rgba(10, 39, 22, 0.05);
    backdrop-filter: blur(12px);
}
.chat-compose-inner {
    width: min(900px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
}
.chat-compose input {
    width: 100%;
    min-width: 0;
    min-height: 52px;
    border: 1px solid #c7d4cb;
    border-radius: 999px;
    background: #fff;
    color: var(--arena-ink);
    padding: 13px 19px;
    outline: none;
}
.chat-compose input::placeholder { color: #87918a; }
.chat-compose button {
    min-width: 96px;
    min-height: 52px;
    border: 1px solid var(--arena-green);
    border-radius: 999px;
    background: var(--arena-green);
    color: #fff;
    padding: 12px 23px;
    font-weight: 850;
    cursor: pointer;
    transition: background-color 0.18s ease, transform 0.18s ease;
}
.chat-compose button:hover { transform: translateY(-1px); background: var(--arena-green-strong); }
.chat-compose button:disabled { opacity: 0.55; cursor: wait; transform: none; }

@media (max-width: 1120px) {
    .nav-toggle { display: block; }
    .portal-nav {
        display: none;
        position: absolute;
        top: 78px;
        left: 0;
        right: 0;
        padding: 18px 24px 24px;
        border-top: 1px solid rgba(217, 255, 121, 0.12);
        background: #030805;
        box-shadow: 0 24px 45px rgba(0, 0, 0, 0.22);
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
    }
    .portal-nav.open { display: flex; }
    .portal-nav > a,
    .nav-form button { width: 100%; padding: 12px !important; text-align: left; font-size: 0.92rem; }
    .portal-nav > a.active:not(.nav-play):not(.nav-login)::after { display: none; }
    .portal-nav .nav-login,
    .nav-form .nav-login,
    .portal-nav .nav-play { width: 100%; text-align: center; }
    .page-login .auth-wrap,
    .page-register .auth-wrap { grid-template-columns: minmax(0, 1fr) minmax(370px, 0.86fr); gap: 44px; }
    .page-login .auth-copy h1,
    .page-register .auth-copy h1 { font-size: clamp(2.75rem, 5vw, 4.25rem); }
    .auth-visual { height: 320px; }
    .channel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tournament-public-grid,
    .fixture-tournament-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fixture-stage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .portal-shell { width: min(100% - 34px, 1220px); padding-top: 52px; }
    .page-home .home-hero { min-height: 720px; padding: 105px 20px 185px; }
    .page-home .home-hero-copy h1 { font-size: clamp(3.25rem, 10vw, 5.15rem); }
    .page-home .home-value-grid { width: min(680px, calc(100% - 34px)); grid-template-columns: 1fr; margin-top: -120px; }
    .page-home .home-value-grid article { min-height: 124px; }
    .page-home .home-section,
    .page-home .home-cta { width: min(100% - 34px, 1220px); }
    .page-home .home-step-grid { grid-template-columns: 1fr; }
    .page-home .home-step-grid article { min-height: 215px; }
    .page-home .home-match-grid { grid-template-columns: 1fr; }
    .page-home .home-cta { align-items: flex-start; flex-direction: column; }
    .page-home .home-cta .home-actions { justify-content: flex-start; }
    .page-login .portal-shell,
    .page-register .portal-shell { width: min(100% - 34px, 760px); padding-top: 48px; }
    .page-login .auth-wrap,
    .page-register .auth-wrap { grid-template-columns: 1fr; gap: 42px; min-height: auto; }
    .auth-copy-text { max-width: 690px; }
    .auth-visual { width: 100%; height: 350px; }
    .page-login .auth-card,
    .page-register .auth-card { width: 100%; }
    .metric-grid { grid-template-columns: 1fr; }
    .card-grid,
    .dashboard-tournament-grid,
    .tournament-public-grid,
    .fixture-tournament-grid { grid-template-columns: 1fr; }
    .dashboard-hero,
    .wallet-hero,
    .settings-hero,
    .mc-hero,
    .mc-hero.compact { align-items: flex-start; flex-direction: column; }
    .fixture-detailed { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    body { font-size: 15px; }
    .portal-top { min-height: 70px; padding-inline: 17px; }
    .portal-nav { top: 70px; }
    .portal-shell { width: min(100% - 26px, 1220px); padding: 40px 0 68px; }
    .portal-footer { align-items: flex-start; flex-direction: column; }
    .portal-footer nav { flex-wrap: wrap; }
    .page-hero h1,
    .dashboard-hero h1,
    .wallet-hero h1,
    .settings-hero h1,
    .auth-copy h1,
    .mc-hero h1 { font-size: 2.65rem; }
    .section-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
    .page-home .home-hero { min-height: 680px; padding: 90px 17px 165px; }
    .page-home .home-live-strip { max-width: 100%; margin-bottom: 32px; gap: 9px; padding: 8px 10px; font-size: 0.67rem; }
    .home-live-score strong { max-width: 105px; }
    .page-home .home-hero-copy h1 { font-size: clamp(3.2rem, 15vw, 4.45rem); line-height: 0.94; }
    .page-home .home-hero-copy p { font-size: 0.96rem; }
    .page-home .home-actions { width: 100%; }
    .page-home .home-actions .button { width: 100%; }
    .page-home .home-value-grid { width: min(100% - 26px, 680px); margin-top: -105px; }
    .page-home .home-value-grid article { min-height: 118px; padding: 20px; }
    .page-home .home-stat-icon { width: 50px; height: 50px; border-radius: 14px; }
    .page-home .home-section,
    .page-home .home-cta { width: min(100% - 26px, 1220px); }
    .page-home .home-section { margin-top: 72px; }
    .page-home .home-step-grid article { padding: 24px; }
    .page-home .home-empty-state { align-items: flex-start; flex-direction: column; padding: 26px; }
    .page-home .home-cta { margin-top: 72px; padding: 30px 24px; border-radius: 20px; }
    .page-login .portal-shell,
    .page-register .portal-shell { width: min(100% - 26px, 760px); padding-top: 36px; }
    .page-login .auth-copy h1,
    .page-register .auth-copy h1 { font-size: 3rem; }
    .auth-visual { height: 278px; margin-top: 28px; border-radius: 18px; }
    .auth-visual-art { inset: 10px -25px -88px; background-size: 108% auto; }
    .auth-visual-caption { left: 18px; right: 18px; bottom: 17px; align-items: flex-start; flex-direction: column; gap: 3px; }
    .auth-visual-caption strong { max-width: 100%; text-align: left; }
    .page-login .auth-card,
    .page-register .auth-card,
    .panel { padding: 24px; border-radius: 18px; }
    .channel-grid,
    .fixture-stage-grid { grid-template-columns: 1fr; }
    .fixture-summary-grid { grid-template-columns: 1fr 1fr; }
    .fixture-tournament-stats { grid-template-columns: repeat(3, 1fr); }
    .chat-head-inner { width: calc(100% - 28px); min-height: 70px; }
    .chat-messages { padding: 22px 14px; }
    .chat-welcome,
    .bubble { max-width: 90%; padding: 14px 15px; border-radius: 16px; }
    .chat-status { padding-inline: 16px; }
    .chat-compose { padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); }
    .chat-compose-inner { gap: 8px; }
    .chat-compose input { min-height: 48px; padding-inline: 16px; }
    .chat-compose button { min-width: 76px; min-height: 48px; padding-inline: 17px; }
}

/* Specificity correction for the legacy chat header grid rules. */
.chat-head > .chat-head-inner {
    display: flex;
    grid-template-columns: none;
    column-gap: 20px;
}
.chat-identity small {
    grid-column: auto;
    display: block;
}

/* ==========================================================================
   Arena 5.2 — Homepage composition, branding and match-card refinement
   ========================================================================== */

body,
button,
input,
select,
textarea {
    font-family: "DM Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Subtitles should read cleanly without the decorative dash. */
.eyebrow {
    gap: 0;
}
.eyebrow::before {
    content: none;
    display: none;
}

/* Correct Arena goal-post logo. */
.portal-brand {
    gap: 12px;
}
.portal-brand-mark {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 28px;
    border-radius: 0;
    background: transparent;
    color: var(--arena-lime);
}
.portal-brand-mark::before,
.portal-brand-mark::after {
    content: none;
    display: none;
}
.portal-brand-mark svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

/* Homepage hero — centred score, headline and supporting copy. */
.page-home .home-hero {
    min-height: calc(100svh - 78px);
    padding: clamp(82px, 10vh, 128px) clamp(20px, 4vw, 64px) clamp(96px, 12vh, 150px);
    background:
            linear-gradient(180deg, rgba(0, 0, 0, 0.53) 0%, rgba(0, 0, 0, 0.56) 42%, rgba(0, 0, 0, 0.82) 100%),
            radial-gradient(circle at 50% 46%, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.60) 72%),
            url("theme/arena-stadium.webp") center 20% / cover no-repeat;
}
.page-home .home-hero-copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: min(100%, 1320px);
    margin: 0 auto;
    text-align: center;
}
.page-home .home-live-strip {
    display: grid;
    justify-items: center;
    gap: clamp(16px, 2.2vw, 28px);
    width: 100%;
    max-width: 1240px;
    margin: 0 auto clamp(54px, 7vh, 82px);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}
.page-home .home-live-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    color: #fff;
    font-size: clamp(1.1rem, 1.9vw, 1.7rem);
    font-weight: 750;
    letter-spacing: -0.02em;
    text-transform: none;
}
.page-home .home-live-badge i {
    order: 2;
    width: clamp(10px, 1vw, 15px);
    height: clamp(10px, 1vw, 15px);
    background: #f2262f;
    box-shadow: none;
}
.page-home .home-live-badge.neutral {
    color: var(--arena-lime);
}
.page-home .home-live-badge.neutral i {
    background: var(--arena-lime);
    box-shadow: none;
}
.page-home .home-live-score {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: clamp(24px, 4vw, 72px);
    width: 100%;
    min-width: 0;
}
.page-home .home-live-team {
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-size: clamp(1.75rem, 3.8vw, 3.6rem);
    font-weight: 720;
    line-height: 1;
    letter-spacing: -0.045em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-home .home-live-team.home {
    text-align: right;
}
.page-home .home-live-team.away {
    text-align: left;
}
.page-home .home-live-scoreline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: clamp(16px, 2.3vw, 32px);
    color: #fff;
    white-space: nowrap;
}
.page-home .home-live-scoreline b {
    color: #fff;
    font-size: clamp(3.2rem, 6vw, 6.25rem);
    font-weight: 650;
    line-height: 0.85;
    letter-spacing: -0.07em;
}
.page-home .home-live-scoreline i {
    color: #fff;
    font-size: clamp(2.3rem, 4vw, 4rem);
    font-style: normal;
    font-weight: 450;
    line-height: 1;
}
.page-home .home-hero-copy h1 {
    max-width: 1250px;
    margin: 0 auto clamp(30px, 4vh, 48px);
    font-size: clamp(3.45rem, 3.5vw, 6.8rem);
    font-weight: 720;
    line-height: 0.98;
    letter-spacing: -0.072em;
    text-align: center;
    text-wrap: balance;
}
.page-home .home-hero-copy p {
    max-width: 1190px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.91);
    font-size: clamp(1.15rem, 2.3vw, 2.05rem);
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: -0.025em;
    text-align: center;
    text-wrap: balance;
}
.page-home .home-hero-copy .home-actions {
    margin-top: clamp(34px, 5vh, 54px);
}

/* Stadium experience immediately below the hero. */
.page-home .home-experience {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: clamp(150px, 22vw, 330px);
    min-height: clamp(650px, 55vw, 900px);
    padding: clamp(54px, 6vw, 88px) clamp(24px, 8vw, 164px) clamp(42px, 5vw, 72px);
    overflow: hidden;
    background:
            linear-gradient(180deg, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.05) 42%, rgba(0, 0, 0, 0.42) 100%),
            url("theme/arena-stadium.webp") center 84% / cover no-repeat;
    color: #fff;
}
.page-home .home-experience::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.12), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.12));
    pointer-events: none;
}
.page-home .home-experience .home-value-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 2.2vw, 38px);
    width: min(100%, 1180px);
    margin: 0 auto;
}
.page-home .home-experience .home-value-grid article {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: clamp(17px, 2vw, 28px);
    min-height: 116px;
    padding: clamp(22px, 2.5vw, 34px) clamp(24px, 3vw, 40px);
    border: 1px solid rgba(255, 255, 255, 0.58);
    border-radius: 21px;
    background: rgba(10, 92, 18, 0.94);
    color: #fff;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(8px);
}
.page-home .home-experience .home-stat-value {
    color: #fff;
    font-size: clamp(2.8rem, 4.5vw, 4.6rem);
    font-weight: 720;
    line-height: 0.9;
    letter-spacing: -0.06em;
}
.page-home .home-experience .home-value-grid article > span {
    color: #fff;
    font-size: clamp(0.96rem, 1.35vw, 1.28rem);
    font-weight: 520;
    line-height: 1.3;
}
.page-home .home-journey-panel {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(28px, 5vw, 88px);
    width: min(100%, 1540px);
    margin-top: 120px;
    max-height: 110px;
    padding: clamp(27px, 3vw, 42px);
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 22px;
    background: #10581180 !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(9px);
}
.page-home .home-journey-panel article {
    min-width: 0;
}
.page-home .home-journey-panel h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(1.15rem, 1.7vw, 1.55rem);
    font-weight: 720;
    line-height: 1.2;
    letter-spacing: -0.025em;
}
.page-home .home-journey-panel p {
    margin: 0;
    color: rgba(255, 255, 255, 0.87);
    font-size: clamp(0.93rem, 1.25vw, 1.15rem);
    line-height: 1.48;
}

/* The following content should sit naturally after the full-width experience. */
.page-home .home-experience + .home-section {
    margin-top: 96px;
}

/* Match status and date/time use one aligned meta row. */
.match-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 24px;
    margin-bottom: 18px;
}
.match-card-meta .tag {
    margin: 0;
    flex: 0 0 auto;
}
.match-card-meta time {
    min-width: 0;
    color: var(--arena-muted);
    font-size: 0.7rem;
    font-weight: 650;
    line-height: 1.3;
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 980px) {
    .page-home .home-hero {
        min-height: 780px;
        padding-top: 92px;
    }
    .page-home .home-live-score {
        gap: 22px;
    }
    .page-home .home-live-team {
        font-size: clamp(1.35rem, 4vw, 2.35rem);
    }
    .page-home .home-experience {
        gap: 120px;
        min-height: 820px;
        padding-left: 32px;
        padding-right: 32px;
    }
    .page-home .home-experience .home-value-grid {
        gap: 15px;
    }
    .page-home .home-experience .home-value-grid article {
        padding: 22px;
    }
    .page-home .home-journey-panel {
        gap: 26px;
    }
}

@media (max-width: 760px) {
    .portal-brand-mark {
        width: 31px;
        height: 25px;
    }
    .page-home .home-hero {
        min-height: 720px;
        padding: 78px 18px 90px;
        background-position: center 25%;
    }
    .page-home .home-live-strip {
        margin-bottom: 44px;
    }
    .page-home .home-live-score {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .page-home .home-live-team,
    .page-home .home-live-team.home,
    .page-home .home-live-team.away {
        text-align: center;
        white-space: normal;
    }
    .page-home .home-live-scoreline {
        order: -1;
    }
    .page-home .home-hero-copy h1 {
        font-size: clamp(3.45rem, 15vw, 5.25rem);
        line-height: 0.96;
    }
    .page-home .home-hero-copy p {
        max-width: 590px;
        font-size: clamp(1rem, 4.8vw, 1.28rem);
    }
    .page-home .home-experience {
        gap: 72px;
        min-height: 0;
        padding: 44px 18px;
        background-position: center 82%;
    }
    .page-home .home-experience .home-value-grid,
    .page-home .home-journey-panel {
        grid-template-columns: 1fr;
    }
    .page-home .home-experience .home-value-grid {
        width: min(100%, 540px);
        gap: 13px;
    }
    .page-home .home-experience .home-value-grid article {
        min-height: 104px;
        padding: 20px 22px;
    }
    .page-home .home-experience .home-stat-value {
        min-width: 92px;
    }
    .page-home .home-journey-panel {
        width: min(100%, 620px);
        gap: 28px;
        padding: 26px 23px;
    }
    .match-card-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }
    .match-card-meta time {
        text-align: left;
        white-space: normal;
    }
}

@media (max-width: 430px) {
    .page-home .home-hero {
        min-height: 690px;
    }
    .page-home .home-live-badge {
        font-size: 1rem;
    }
    .page-home .home-live-scoreline b {
        font-size: 3.3rem;
    }
    .page-home .home-live-team {
        font-size: 1.35rem;
    }
    .page-home .home-hero-copy h1 {
        font-size: clamp(3.15rem, 15vw, 4.25rem);
    }
    .page-home .home-experience .home-value-grid article {
        grid-template-columns: 78px minmax(0, 1fr);
    }
    .page-home .home-experience .home-stat-value {
        min-width: 0;
        font-size: 2.65rem;
    }
}

/* ==========================================================================
   Arena 5.3 — Single-stadium homepage composition
   The complete opening experience now sits on one continuous stadium image.
   ========================================================================== */

.page-home .home-hero {
    position: relative;
    isolation: isolate;
    display: block;
    min-height: calc(100svh - 78px);
    padding: clamp(34px, 4vw, 58px) clamp(20px, 4vw, 64px) clamp(36px, 4vw, 58px);
    overflow: hidden;
    color: #fff;
    text-align: center;
    background:
            linear-gradient(180deg,
            rgba(0, 0, 0, 0.70) 0%,
            rgba(0, 0, 0, 0.54) 29%,
            rgba(0, 0, 0, 0.27) 57%,
            rgba(0, 0, 0, 0.16) 72%,
            rgba(0, 0, 0, 0.42) 100%),
            radial-gradient(circle at 50% 27%, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.32) 72%),
            url("theme/arena-stadium.webp") center 64% / cover no-repeat;
}

.page-home .home-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.23), transparent 17%, transparent 83%, rgba(0, 0, 0, 0.23));
    pointer-events: none;
}

.page-home .home-hero::after {
    content: none;
    display: none;
}

.page-home .home-hero-stage {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: min(100%, 1460px);
    min-height: calc(100svh - 78px - clamp(70px, 8vw, 116px));
    margin: 0 auto;
}

.page-home .home-hero-copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(100%, 790px);
    margin: 0 auto;
    text-align: center;
}

.page-home .home-live-strip {
    display: grid;
    justify-items: center;
    gap: 8px;
    width: min(100%, 680px);
    margin: 0 auto 14px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

.page-home .home-live-badge {
    font-size: 0.9rem;
    font-weight: 760;
}

.page-home .home-live-badge i {
    width: 8px;
    height: 8px;
}

.page-home .home-live-score {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: clamp(12px, 2vw, 28px);
    width: 100%;
}

.page-home .home-live-team {
    overflow: hidden;
    color: #fff;
    font-size: clamp(0.95rem, 1.55vw, 1.35rem);
    font-weight: 720;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-home .home-live-team.home { text-align: right; }
.page-home .home-live-team.away { text-align: left; }

.page-home .home-live-scoreline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    color: #fff;
    white-space: nowrap;
}

.page-home .home-live-scoreline b {
    color: #fff;
    font-size: clamp(1.55rem, 2.5vw, 2.2rem);
    font-weight: 700;
    line-height: 1;
}

.page-home .home-live-scoreline i {
    color: #fff;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 450;
}

.page-home .home-hero-copy h1 {
    max-width: 790px;
    margin: 0 auto 22px;
    color: #fff;
    font-size: clamp(3.4rem, 3.6vw, 5.35rem);
    font-weight: 740;
    line-height: 0.96;
    letter-spacing: -0.058em;
    text-align: center;
    text-shadow: 0 8px 34px rgba(0, 0, 0, 0.34);
    text-wrap: balance;
}

.page-home .home-hero-copy p {
    max-width: 690px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.91);
    font-size: clamp(1rem, 1.35vw, 1.18rem);
    font-weight: 430;
    line-height: 1.48;
    letter-spacing: -0.016em;
    text-align: center;
    text-wrap: balance;
}

.page-home .home-hero-copy .home-actions {
    margin-top: 27px;
}

.page-home .home-value-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(14px, 2vw, 34px);
    width: min(100%, 920px);
    margin: clamp(50px, 7vh, 82px) auto 0;
}

.page-home .home-value-grid article,
.page-home .home-hero .home-value-grid article {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: clamp(14px, 1.5vw, 22px);
    max-height: 85px !important;
    padding: clamp(18px, 2vw, 18px) clamp(20px, 2.3vw, 30px);
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 17px;
    min-height: 70px;
    background: rgba(9, 96, 18, 0.94);
    color: #fff;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(8px);
}

.page-home .home-stat-value,
.page-home .home-value-grid strong.home-stat-value {
    min-width: 0;
    color: #fff;
    font-size: clamp(2.55rem, 3.50vw, 3.9rem);
    font-weight: 740;
    line-height: 0.9;
    letter-spacing: -0.06em;
}

.page-home .home-value-grid article > span {
    color: #fff;
    font-size: clamp(0.86rem, 0.97vw, 1rem);
    font-weight: 540;
    line-height: 1.28;
    text-align: left;
}

@media (max-width:760px){
    .page-home .home-value-grid article > span {
        display: inline-block;
        margin-left: 1rem;
    }
}

.page-home .home-journey-panel {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(28px, 5vw, 76px);
    width: min(100%, 1320px);
    margin: 120px auto 0;
    max-height: 110px;
    padding: clamp(23px, 2.7vw, 15px) clamp(24px, 3vw, 40px);
    border: 1px solid rgba(255, 255, 255, 0.67);
    border-radius: 18px;
    background: rgba(3, 61, 13, 0.74);
    box-shadow: 0 17px 42px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(8px);
    text-align: left;
}

.page-home .home-journey-panel article {
    min-width: 0;
}

.page-home .home-journey-panel h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: clamp(1.02rem, 1.35vw, 1.26rem);
    font-weight: 730;
    line-height: 1.2;
    letter-spacing: -0.022em;
}

.page-home .home-journey-panel p {
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: clamp(0.85rem, 1vw, 0.98rem);
    line-height: 1.42;
}

/* Release 5.3 removes the separately painted experience section. */
.page-home .home-experience {
    display: none;
}

.page-home .home-hero + .home-section {
    margin-top: 96px;
}

@media (max-width: 980px) {
    .page-home .home-hero {
        min-height: auto;
        padding: 46px 30px 44px;
        background-position: center 64%;
    }

    .page-home .home-hero-stage {
        min-height: 820px;
    }

    .page-home .home-value-grid {
        gap: 14px;
    }

    .page-home .home-value-grid article,
    .page-home .home-hero .home-value-grid article {
        padding: 19px 18px;
    }

    .page-home .home-journey-panel {
        gap: 28px;
    }
}

@media (max-width: 760px) {
    .page-home .home-hero {
        padding: 48px 18px 30px;
        background-position: 54% 58%;
    }

    .page-home .home-hero-stage {
        min-height: 0;
    }

    .page-home .home-live-score {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .page-home .home-live-team,
    .page-home .home-live-team.home,
    .page-home .home-live-team.away {
        text-align: center;
        white-space: normal;
    }

    .page-home .home-live-scoreline {
        order: -1;
    }

    .page-home .home-hero-copy h1 {
        font-size: clamp(3.05rem, 14.5vw, 4.35rem);
        line-height: 0.95;
    }

    .page-home .home-hero-copy p {
        max-width: 560px;
        font-size: 1rem;
    }

    .page-home .home-value-grid,
    .page-home .home-journey-panel {
        grid-template-columns: 1fr;
    }

    .page-home .home-value-grid {
        width: min(100%, 520px);
        margin-top: 44px;
    }

    .page-home .home-value-grid article,
    .page-home .home-hero .home-value-grid article {
        min-height: 92px;
        padding: 19px 22px;
    }

    .page-home .home-stat-value,
    .page-home .home-value-grid strong.home-stat-value {
        min-width: 100px;
    }

    .page-home .home-journey-panel {
        display: none;
        width: min(100%, 600px);
        gap: 24px;
        margin-top: 50px;
        padding: 25px 23px;
    }
}

@media (max-width: 430px) {
    .page-home .home-hero {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-home .home-hero-copy h1 {
        font-size: clamp(2.9rem, 14.8vw, 3.8rem);
    }

    .page-home .home-value-grid article,
    .page-home .home-hero .home-value-grid article {
        grid-template-columns: 76px minmax(0, 1fr);
    }

    .page-home .home-stat-value,
    .page-home .home-value-grid strong.home-stat-value {
        min-width: 0;
        font-size: 2.55rem;
    }
}

@media(max-width:1100px) and (min-width:651px){.dashboard-tournament-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Arena dual leaderboard — clear tab navigation */
.leaderboard-switcher{margin:0 0 26px}.leaderboard-switcher-label{margin:0 0 8px;color:#4e6257;font-size:.76rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.leaderboard-tabs{display:flex;align-items:flex-end;gap:4px;margin:0;border-bottom:2px solid #cbd8d0;overflow-x:auto;scrollbar-width:thin}
.leaderboard-tabs a{position:relative;display:grid;flex:0 0 min(310px,78vw);gap:2px;padding:15px 22px 14px;border:1px solid #d6e1da;border-bottom:0;border-radius:16px 16px 0 0;background:#eef3f0;color:var(--arena-ink,#10231a);transition:background .2s ease,color .2s ease,border-color .2s ease;transform:none;box-shadow:none}
.leaderboard-tabs a:hover{background:#e4ece7;border-color:#b9cabe;transform:none;box-shadow:none}
.leaderboard-tabs a.active{z-index:2;margin-bottom:-2px;padding-bottom:16px;border-color:#071b12;background:#071b12;color:#fff;box-shadow:0 -10px 28px rgba(5,31,20,.1)}
.leaderboard-tabs a.active::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:4px;border-radius:999px;background:#d6ff67;box-shadow:0 0 14px rgba(214,255,103,.55)}
.leaderboard-tabs strong{font-size:1rem;letter-spacing:.004em}.leaderboard-tabs small{color:#68786f;font-size:.82rem}.leaderboard-tabs a.active small{color:#d7e5dd}.leaderboard-tab-kicker{color:#3d7257;font-size:.66rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.leaderboard-tabs a.active .leaderboard-tab-kicker{color:#d6ff67}
.leaderboard-season-banner{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:22px;padding:26px 28px;border-radius:20px;background:linear-gradient(135deg,#d6ff67,#efffc5);color:#0a281b}
.leaderboard-season-banner.pxp{background:#eef4f0}
.leaderboard-season-banner h2{margin:2px 0 7px;font-size:clamp(1.45rem,3vw,2.2rem)}
.leaderboard-season-banner p{max-width:720px;margin:0;color:#385046}
.leaderboard-season-meta{min-width:220px;text-align:right;display:flex;flex-direction:column}
.leaderboard-season-meta span,.leaderboard-season-meta small{font-size:.82rem;color:#52695e}
.leaderboard-season-meta strong{font-size:1.05rem;margin:3px 0}
.leaderboard-table td:nth-child(n+3),.leaderboard-table th:nth-child(n+3){text-align:center}
.leaderboard-table td small{display:block;color:#6c7d74;font-size:.78rem;margin-top:2px}
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;flex-wrap:wrap}
.pagination a{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;padding:0 13px;border:1px solid #d7e2dc;border-radius:10px;background:#fff;color:#173426;font-weight:750}
.pagination a.active{background:#0a281b;border-color:#0a281b;color:#d6ff67}
@media(max-width:760px){.leaderboard-tabs{padding-left:0}.leaderboard-tabs a{flex-basis:min(255px,82vw);padding-left:16px;padding-right:16px}.leaderboard-season-banner{display:block}.leaderboard-season-meta{text-align:left;margin-top:18px}.leaderboard-table table{min-width:790px}}

/* Saved prize payout details */
.saved-payout-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px}
.saved-payout-summary>div{display:flex;min-width:0;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--arena-line);border-radius:14px;background:var(--arena-surface-soft,#f4f7f5)}
.saved-payout-summary span{color:var(--arena-muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.saved-payout-summary strong{overflow:hidden;color:var(--arena-ink);font-size:.98rem;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:720px){.saved-payout-summary{grid-template-columns:1fr}}

/* Arena 6.1 tournament fixture hero and transparent prize-season history */
.tournament-fixture-page .tournament-fixture-hero.has-banner{
    position:relative;
    min-height:clamp(290px,38vw,430px);
    align-items:flex-end;
    padding:clamp(30px,5vw,58px);
    overflow:hidden;
    border-radius:24px;
    background-color:#071b12;
    background-position:center;
    background-size:cover;
    box-shadow:0 24px 55px rgba(4,25,16,.18);
}
.tournament-fixture-page .tournament-fixture-hero.has-banner::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(2,15,9,.05),rgba(2,15,9,.42));
}
.tournament-fixture-page .tournament-fixture-hero.has-banner>*{position:relative;z-index:1}
.tournament-fixture-page .tournament-fixture-hero-copy{max-width:820px}
.tournament-fixture-page .tournament-fixture-hero.has-banner h1,
.tournament-fixture-page .tournament-fixture-hero.has-banner p,
.tournament-fixture-page .tournament-fixture-hero.has-banner .fixture-card-topline>span:not(.fixture-status){color:#fff}
.tournament-fixture-page .tournament-fixture-hero.has-banner h1{max-width:780px;color:#fff;text-shadow:0 3px 20px rgba(0,0,0,.25)}
.tournament-fixture-page .tournament-fixture-hero.has-banner p{max-width:720px;color:rgba(255,255,255,.86);font-size:clamp(.98rem,1.5vw,1.16rem)}
.tournament-fixture-page .tournament-fixture-hero.has-banner .fixture-status{border:1px solid rgba(255,255,255,.2);background:rgba(214,255,103,.94)!important;color:#09271a!important}
.tournament-fixture-page .tournament-fixture-hero-action{flex:0 0 auto}
.tournament-fixture-page .tournament-fixture-hero.has-banner .tournament-fixture-hero-action{border-color:rgba(255,255,255,.72);background:rgba(5,27,17,.42);color:#fff;backdrop-filter:blur(8px)}
.tournament-fixture-page .tournament-fixture-hero.has-banner .tournament-fixture-hero-action:hover{background:#d6ff67;color:#09271a}

.leaderboard-ranking-rules{display:flex;flex-direction:column;gap:3px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(10,40,27,.14)}
.leaderboard-ranking-rules strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.065em}
.leaderboard-ranking-rules span{color:#314b3e;font-size:.88rem;line-height:1.5}
.previous-season-section{margin-top:58px;padding-top:44px;border-top:1px solid var(--arena-line,#dce6df)}
.previous-season-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.previous-season-heading h2{margin:4px 0 5px;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em}
.previous-season-heading p{margin:0;color:var(--arena-muted,#68786f)}
.previous-season-count{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:999px;background:#071b12;color:#d6ff67;font-size:.8rem;font-weight:800}
.previous-season-rules{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;padding:15px 18px;border:1px solid #d7e4db;border-radius:14px;background:#f5f8f6;color:#40564b}
.previous-season-rules strong{flex:0 0 auto;color:#10231a}
.previous-winner-table table{min-width:900px}
.winner-public-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:.72rem;font-weight:850;white-space:nowrap}
.winner-public-status.paid{background:#ddf5e7;color:#14653d}
.winner-public-status.confirmed{background:#eef4f0;color:#355244}
.winner-public-status.review{background:#fff1c9;color:#7c5b00}
@media(max-width:760px){
    .tournament-fixture-page .tournament-fixture-hero.has-banner{min-height:340px;padding:28px 22px}
    .previous-season-heading{align-items:flex-start;flex-direction:column}
    .previous-season-rules{flex-direction:column}
}

/* Arena 6.4 suspended paid-season state */
.leaderboard-season-banner.rewards-suspended{border:1px solid #e8d5aa;background:linear-gradient(135deg,#fff8e9,#fffdf8);color:#33280f}
.leaderboard-season-banner.rewards-suspended p{color:#675a3b}
.leaderboard-season-banner.rewards-suspended .leaderboard-ranking-rules{border-top-color:rgba(70,52,15,.15)}
.leaderboard-season-banner.rewards-suspended .leaderboard-ranking-rules span{color:#675a3b}
.leaderboard-season-banner.rewards-suspended .leaderboard-season-meta strong{color:#8a5d00}

/* Arena 7.0 — self-service Tournament Creator */
.creator-page-hero,.creator-form-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:34px;padding:clamp(32px,5vw,64px);border-radius:26px;background:linear-gradient(135deg,#071b12,#123d27);color:#fff;overflow:hidden;position:relative}
.creator-page-hero:after,.creator-form-hero:after{content:"";position:absolute;right:-90px;bottom:-160px;width:390px;height:390px;border:55px solid rgba(214,255,103,.08);border-radius:50%}
.creator-page-hero>*,.creator-form-hero>*{position:relative;z-index:1}.creator-page-hero>div,.creator-form-hero>div:first-child{max-width:800px}.creator-page-hero h1,.creator-form-hero h1{margin:6px 0 14px;color:#fff;font-size:clamp(2.55rem,4vw,5.2rem);line-height:.95;letter-spacing:.004em}.creator-page-hero p,.creator-form-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.78);font-size:clamp(1rem,1.5vw,1.15rem)}
.creator-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:56px}.creator-principles article{display:flex;flex-direction:column;gap:4px;padding:20px 22px;border:1px solid var(--arena-line,#dce6df);border-radius:17px;background:#fff}.creator-principles strong{font-size:1rem}.creator-principles span{color:var(--arena-muted,#68786f);font-size:.9rem;line-height:1.45}.creator-list-heading{align-items:end}.creator-list-heading .eyebrow{display:block;margin-bottom:3px}.creator-list-heading h2{margin:0}.creator-list-heading>span{color:var(--arena-muted)}
.creator-tournament-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.creator-tournament-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--arena-line,#dce6df);border-radius:20px;background:#fff;box-shadow:0 10px 35px rgba(8,36,23,.06)}.creator-tournament-cover{position:relative;display:flex;min-height:210px;flex-direction:column;justify-content:space-between;padding:20px;background:linear-gradient(145deg,#0b2c1d,#174c30);background-position:center;background-size:cover;color:#fff}.creator-tournament-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,18,10,.03),rgba(2,18,10,.22));pointer-events:none}.creator-tournament-cover>*{position:relative;z-index:1}.creator-tournament-cover small{color:rgba(255,255,255,.72);font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.creator-tournament-cover h2{margin:6px 0 0;color:#fff;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.04;letter-spacing:-.045em}.creator-status{display:inline-flex;width:max-content;align-items:center;padding:6px 10px;border-radius:999px;background:#eef4f0;color:#355244;font-size:.71rem;font-weight:850;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}.creator-status.draft{background:#eef4f0;color:#355244}.creator-status.pending_review,.creator-status.pending{background:#fff0bd;color:#785800}.creator-status.approved,.creator-status.active,.creator-status.completed,.creator-status.assigned{background:#dff7e8;color:#12633c}.creator-status.rejected,.creator-status.suspended,.creator-status.disqualified,.creator-status.cancelled{background:#ffe0dc;color:#8c2f24}.creator-status.scheduled{background:#e7efff;color:#274f94}.creator-tournament-card-body{display:flex;flex:1;flex-direction:column;padding:20px}.creator-tournament-card-body>p{min-height:64px;margin:0 0 18px;color:var(--arena-muted);font-size:.91rem}.creator-tournament-card-body dl{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0 0 20px}.creator-tournament-card-body dl div{min-width:0;padding:11px;border-radius:11px;background:#f4f7f5}.creator-tournament-card-body dt{color:var(--arena-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.creator-tournament-card-body dd{overflow:hidden;margin:3px 0 0;font-size:.86rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.creator-tournament-card-body>.button{width:100%;margin-top:auto}.creator-empty-state{grid-column:1/-1;padding:70px 30px;border:1px dashed #c7d7ce;border-radius:24px;background:#f7faf8;text-align:center}.creator-empty-state>span{font-size:3.5rem}.creator-empty-state h2{margin:12px 0 7px;font-size:2rem}.creator-empty-state p{max-width:580px;margin:0 auto 22px;color:var(--arena-muted)}
.creator-rate-lock{display:flex;min-width:220px;flex-direction:column;padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.creator-rate-lock small,.creator-rate-lock span{color:rgba(255,255,255,.7)}.creator-rate-lock strong{margin:3px 0;color:#d6ff67;font-size:2.15rem;line-height:1}.creator-template-section{margin-bottom:28px}.creator-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.creator-template-card{display:flex;min-height:175px;flex-direction:column;align-items:flex-start;padding:19px;border:1px solid var(--arena-line);border-radius:17px;background:#fff;color:var(--arena-ink);text-align:left;cursor:pointer;transition:.18s ease}.creator-template-card:hover{transform:translateY(-2px);border-color:#91b89f}.creator-template-card.active{border-color:#0d482d;background:#0b2b1c;color:#fff;box-shadow:0 16px 32px rgba(7,42,25,.14)}.creator-template-card>span{color:#5d7568;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.creator-template-card.active>span,.creator-template-card.active>small{color:rgba(255,255,255,.67)}.creator-template-card strong{margin:12px 0 6px;font-size:1.14rem}.creator-template-card small{color:var(--arena-muted);line-height:1.45}
.creator-form{display:flex;flex-direction:column;gap:20px}.creator-form-panel{display:grid;grid-template-columns:minmax(190px,.38fr) minmax(0,1fr);gap:34px;padding:28px;border:1px solid var(--arena-line);border-radius:21px;background:#fff}.creator-form-panel-heading{display:flex;align-items:flex-start;gap:13px}.creator-form-panel-heading>span{display:flex;width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center;border-radius:50%;background:#d6ff67;color:#0b2b1c;font-size:.78rem;font-weight:900}.creator-form-panel-heading h2{margin:1px 0 5px;font-size:1.35rem}.creator-form-panel-heading p{margin:0;color:var(--arena-muted);font-size:.88rem}.creator-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.creator-form-fields>.span-2{grid-column:1/-1}.creator-form label{display:flex;min-width:0;flex-direction:column;gap:7px;color:#18372a;font-size:.82rem;font-weight:800}.creator-form label small{color:var(--arena-muted);font-weight:500}.creator-form input:not([type=checkbox]):not([type=radio]),.creator-form select,.creator-form textarea,.creator-budget-form input,.invite-gate-card input{width:100%;box-sizing:border-box;border:1px solid #cfddd5;border-radius:11px;background:#fff;padding:12px 13px;color:#132a20;font:inherit;font-size:.95rem}.creator-form textarea{resize:vertical}.creator-form input:focus,.creator-form select:focus,.creator-form textarea:focus{outline:3px solid rgba(112,174,132,.18);border-color:#367653}.creator-current-banner{display:flex;min-height:180px;align-items:flex-end;padding:16px;border-radius:14px;background-position:center;background-size:cover}.creator-current-banner span{padding:7px 10px;border-radius:999px;background:rgba(4,26,16,.78);color:#fff;font-size:.78rem}.creator-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.creator-choice{position:relative;display:block!important;cursor:pointer}.creator-choice input{position:absolute;opacity:0}.creator-choice>span{display:flex;min-height:116px;flex-direction:column;justify-content:center;padding:18px;border:1px solid #cfddd5;border-radius:15px;background:#fff;transition:.16s}.creator-choice>span strong{font-size:1rem}.creator-choice>span small{margin-top:5px;color:var(--arena-muted);font-weight:500;line-height:1.45}.creator-choice input:checked+span{border:2px solid #0c4b2f;background:#eff8f2;box-shadow:0 0 0 4px rgba(28,104,61,.08)}.creator-private-options{margin-top:16px}.creator-check{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;padding:13px;border:1px solid #d7e2dc;border-radius:12px;background:#f7faf8}.creator-check input{margin-top:3px}.creator-check span{display:flex;flex-direction:column}.creator-check small{margin-top:3px}.creator-cost-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;padding:17px;border-radius:16px;background:#071b12;color:#fff}.creator-cost-preview>div{display:flex;flex-direction:column}.creator-cost-preview span{color:rgba(255,255,255,.62);font-size:.73rem;text-transform:uppercase}.creator-cost-preview strong{margin-top:3px;color:#d6ff67;font-size:1.25rem}.creator-cost-preview p{grid-column:1/-1;margin:2px 0 0;color:rgba(255,255,255,.67);font-size:.82rem}.creator-form-submit{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;border-radius:18px;background:#d6ff67;color:#0a281b}.creator-form-submit>div{display:flex;flex-direction:column}.creator-form-submit span{font-size:.88rem;color:#3d5b48}.creator-form-submit button{min-width:210px}.date-control{display:flex;width:100%;min-width:0;border:1px solid #cfddd5;border-radius:11px;background:#fff;padding:12px 13px}.date-control input{display:block!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important;padding:0!important;outline:0!important}
.invite-gate{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,420px);gap:60px;align-items:center;min-height:620px;padding:clamp(34px,7vw,80px);border-radius:25px;background:#071b12;background-position:center;background-size:cover;color:#fff}.invite-gate-copy h1{margin:8px 0 15px;color:#fff;font-size:clamp(3rem,7vw,6rem);line-height:.92;letter-spacing:-.07em}.invite-gate-copy p{max-width:680px;color:rgba(255,255,255,.78);font-size:1.05rem}.invite-gate-card{padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.95);color:#132a20;box-shadow:0 22px 55px rgba(0,0,0,.23)}.invite-gate-card>span{font-size:2rem}.invite-gate-card h2{margin:12px 0 7px}.invite-gate-card p{color:var(--arena-muted)}.invite-gate-card label{display:flex;flex-direction:column;gap:7px;font-size:.82rem;font-weight:800}.invite-gate-card button{width:100%;margin-top:14px}
.creator-manage-hero{display:flex;min-height:360px;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:22px;padding:clamp(28px,5vw,56px);border-radius:24px;background:linear-gradient(135deg,#082719,#154d31);background-position:center;background-size:cover;color:#fff}.creator-manage-hero>div:first-child{max-width:850px}.creator-manage-hero h1{margin:8px 0 12px;color:#fff;font-size:clamp(2.7rem,6vw,5rem);line-height:.94;letter-spacing:.004em}.creator-manage-hero p{max-width:760px;color:rgba(255,255,255,.8)}.creator-manage-actions{display:flex;flex-direction:column;gap:10px;min-width:180px}.light-button{border-color:rgba(255,255,255,.5)!important;background:rgba(4,25,15,.38)!important;color:#fff!important}.creator-alert{display:flex;gap:14px;margin:16px 0;padding:16px 18px;border-radius:13px}.creator-alert strong{flex:0 0 auto}.creator-alert.warning{background:#fff3cd;color:#6b5200}.creator-alert.danger{background:#ffe5e1;color:#812e25}.creator-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:24px 0}.creator-stat-grid article{display:flex;min-width:0;flex-direction:column;padding:18px;border:1px solid var(--arena-line);border-radius:15px;background:#fff}.creator-stat-grid span{color:var(--arena-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.creator-stat-grid strong{margin:5px 0 2px;font-size:1.5rem;letter-spacing:-.04em}.creator-stat-grid small{overflow:hidden;color:var(--arena-muted);text-overflow:ellipsis;white-space:nowrap}.creator-control-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin:0 0 20px}.creator-control-card,.creator-panel{padding:26px;border:1px solid var(--arena-line);border-radius:20px;background:#fff}.creator-control-card h2{margin:5px 0 8px;font-size:1.65rem}.creator-control-card p{color:var(--arena-muted)}.creator-next-step{background:linear-gradient(145deg,#f4f8f5,#fff)}.creator-next-step form{margin-top:18px}.creator-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}.creator-detail-list div{padding:11px;border-radius:10px;background:#f4f7f5}.creator-detail-list dt{color:var(--arena-muted);font-size:.7rem;text-transform:uppercase}.creator-detail-list dd{margin:3px 0 0;font-weight:800}.creator-budget-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px;margin:17px 0 8px}.creator-budget-form label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;font-weight:800}.creator-share-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:20px 0;padding:25px;border-radius:19px;background:#d6ff67;color:#0b2b1c}.creator-share-panel h2{margin:4px 0 5px}.creator-share-panel p{margin:0;color:#395844}.creator-share-link{display:flex;min-width:0;align-items:center;gap:8px}.creator-share-link code{max-width:500px;overflow:hidden;padding:11px;border-radius:9px;background:rgba(255,255,255,.65);text-overflow:ellipsis;white-space:nowrap}.creator-panel{margin-top:20px}.creator-table-scroll{overflow:auto}.creator-table{width:100%;border-collapse:collapse;min-width:720px}.creator-table th,.creator-table td{padding:13px 10px;border-bottom:1px solid #e1e9e4;text-align:left;vertical-align:top}.creator-table th{color:var(--arena-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.creator-table td strong,.creator-table td small{display:block}.creator-table td small{margin-top:2px;color:var(--arena-muted)}.creator-application-actions{display:flex;gap:7px}.creator-application-actions form{display:flex;gap:5px}.creator-application-actions input{max-width:110px;border:1px solid #d5e0da;border-radius:8px;padding:7px}.creator-fixture-list{display:flex;flex-direction:column;gap:10px}.creator-fixture-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:15px;border:1px solid #dce6df;border-radius:13px}.creator-fixture-teams{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.creator-fixture-teams small{color:var(--arena-muted)}.creator-fixture-teams strong{margin:3px 0;font-size:1rem}.creator-fixture-teams strong span{color:var(--arena-muted);font-weight:500}.creator-fixture-list form{display:flex;gap:7px;align-items:center}.creator-fixture-list .date-control{min-width:220px;padding:9px 10px}.creator-fixture-score{font-size:1.4rem}.creator-fixture-empty{display:flex;gap:15px;align-items:center;padding:30px;border-radius:14px;background:#f5f8f6}.creator-fixture-empty>span{font-size:2rem}.creator-fixture-empty p{margin:4px 0 0;color:var(--arena-muted)}.creator-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:23px;border:1px solid #efc8c2;border-radius:18px;background:#fff8f7}.creator-danger-zone h2{margin:0 0 5px}.creator-danger-zone p{margin:0;color:#75554f}.creator-danger-zone form{display:flex;gap:8px}.creator-danger-zone input{border:1px solid #dfc6c2;border-radius:9px;padding:9px}
.creator-cta-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px;padding:22px 25px;border-radius:18px;background:#0a281b;color:#fff}.creator-cta-banner h2{margin:3px 0 4px;color:#fff}.creator-cta-banner p{margin:0;color:rgba(255,255,255,.7)}.creator-cta-banner .button{flex:0 0 auto}.creator-origin-badge,.creator-cost-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#eef5f0;color:#315342;font-size:.7rem;font-weight:850}.creator-cost-badge.sponsored{background:#d6ff67;color:#0b2b1c}
@media(max-width:1100px){.creator-tournament-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-form-panel{grid-template-columns:1fr}.creator-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.creator-page-hero,.creator-form-hero,.creator-manage-hero,.creator-share-panel,.creator-danger-zone{align-items:flex-start;flex-direction:column}.creator-rate-lock{width:100%}.creator-principles,.creator-control-grid{grid-template-columns:1fr}.invite-gate{grid-template-columns:1fr;gap:30px}.creator-manage-actions{width:100%;flex-direction:row;flex-wrap:wrap}.creator-cost-preview{grid-template-columns:1fr}.creator-cost-preview p{grid-column:auto}.creator-fixture-list article{grid-template-columns:1fr}.creator-fixture-list form{align-items:stretch;flex-direction:column}.creator-fixture-list .date-control{min-width:0}.creator-share-link{width:100%;align-items:stretch;flex-direction:column}.creator-share-link code{max-width:100%}.creator-danger-zone form{width:100%;flex-direction:column}}
@media(max-width:650px){.creator-tournament-grid,.creator-template-grid,.creator-form-fields,.creator-choice-grid,.creator-stat-grid,.creator-detail-list,.creator-principles{grid-template-columns:1fr}.creator-form-fields>.span-2{grid-column:auto}.creator-page-hero,.creator-form-hero{padding:30px 22px}.creator-page-hero h1,.creator-form-hero h1{font-size:2.8rem}.creator-form-panel,.creator-control-card,.creator-panel{padding:20px}.creator-form-submit{align-items:stretch;flex-direction:column}.creator-form-submit button{width:100%;min-width:0}.creator-budget-form{grid-template-columns:1fr}.creator-application-actions{align-items:stretch;flex-direction:column}.creator-application-actions form{flex-wrap:wrap}.creator-cta-banner{align-items:flex-start;flex-direction:column}}


/* Arena 7.1 creator interaction and design consistency */
h1,h2,h3,h4,h5,h6{letter-spacing:.004em}
.creator-cost-preview[hidden]{display:none!important}
.button.compact{min-height:40px;padding:9px 16px;font-size:.8rem}
.button.danger-button{border-color:#a83232!important;border-radius:999px!important;background:#a83232!important;color:#fff!important}
.button.danger-button:hover{border-color:#862626!important;background:#862626!important;color:#fff!important}
.creator-form-submit .button,
.creator-control-card .button,
.creator-budget-form .button,
.creator-danger-zone .button,
.creator-application-actions .button,
.creator-fixture-list .button,
.creator-share-panel .button{border-radius:999px}
.creator-budget-form .button{min-height:48px;white-space:nowrap}
.creator-danger-zone input{min-height:46px;border-radius:12px;padding:11px 13px;font:inherit}
.creator-application-actions input{min-height:40px;border-radius:10px;padding:8px 10px;font:inherit}

/* Arena 7.1.1 creator interaction hardening */
.creator-template-card{text-decoration:none}
.creator-template-card:focus-visible{outline:3px solid rgba(13,72,45,.24);outline-offset:3px}
h1,h2,h3,h4,h5,h6{letter-spacing:.004em!important}

/* Arena 8.0 Telco subscriber onboarding */
.telco-welcome-shell{display:grid;gap:28px;padding:34px 0 70px}.telco-hero-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:34px;align-items:center;padding:clamp(28px,5vw,64px);overflow:hidden;border-radius:30px;background:linear-gradient(135deg,#061b12 0%,#0d3a27 58%,#175d3d 100%);color:#fff}.telco-hero-card h1{margin:6px 0 14px;color:#fff;font-size:clamp(2.55rem,4vw,5.2rem);line-height:.95;letter-spacing:.004em}.telco-hero-card p{max-width:760px;color:#d7eadf;font-size:1.08rem;line-height:1.7}.telco-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.telco-access-card{display:grid;grid-template-columns:auto 1fr;gap:3px 13px;padding:24px;border:1px solid rgba(216,255,109,.35);border-radius:22px;background:rgba(4,19,12,.58);backdrop-filter:blur(10px)}.telco-access-card small,.telco-access-card em{grid-column:1/-1}.telco-access-card small{margin-bottom:12px;color:#d8ff6d;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.telco-access-card strong{font-size:2.45rem;line-height:1}.telco-access-card span{align-self:center;color:#d9e8df}.telco-access-card em{margin-top:14px;color:#b9cfc2;font-size:.8rem;font-style:normal}.telco-command-section,.telco-password-card{padding:clamp(24px,4vw,44px);border:1px solid var(--arena-line);border-radius:25px;background:#fff}.telco-command-section h2,.telco-password-card h2{margin:5px 0 9px;letter-spacing:.004em}.telco-command-table{width:100%;min-width:760px;border-collapse:collapse}.telco-command-table th,.telco-command-table td{padding:15px 14px;border-bottom:1px solid var(--arena-line);text-align:left}.telco-command-table code{display:inline-flex;min-width:58px;justify-content:center;padding:7px 10px;border-radius:10px;background:#071b12;color:#d8ff6d;font-weight:900}.command-try{display:inline-flex;white-space:nowrap;padding:8px 13px;border-radius:999px;background:#e8ffc1;color:#153c28;font-weight:850}.telco-command-note{margin:18px 0 0;color:var(--arena-muted)}.telco-password-card{display:grid;grid-template-columns:minmax(0,.75fr) minmax(360px,1.25fr);gap:34px}.telco-password-card form{display:grid;gap:14px}.telco-password-card label{display:grid;gap:7px;font-weight:800}.telco-password-card input:not([type=checkbox]){width:100%;border:1px solid var(--arena-line);border-radius:14px;padding:13px 14px;font:inherit}.telco-password-card .check-row{display:flex;align-items:flex-start;font-weight:500}.telco-ready-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-radius:18px;background:#e9ffc1;color:#153c28}.telco-link-error{grid-template-columns:1fr}.telco-published-rules{display:grid;gap:5px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.18)}.telco-published-rules strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}.telco-published-rules span{font-size:.88rem;line-height:1.55}.table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:850px){.telco-hero-card,.telco-password-card{grid-template-columns:1fr}.telco-access-card{max-width:500px}.telco-ready-strip{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.telco-welcome-shell{padding-top:18px}.telco-hero-card,.telco-command-section,.telco-password-card{padding:22px;border-radius:20px}.telco-actions .button{width:100%}}

/* Arena Release 8.0 — Telco subscriber access summary */
.telco-dashboard-access {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
    margin: 24px 0;
    margin-bottom: 72px;
    padding: clamp(22px, 3vw, 34px);
    border-radius: 24px;
    background: #101c17;
    color: #fff;
}
.telco-dashboard-access h2 { margin: 5px 0 8px; color: #fff; letter-spacing: 0.004em; }
.telco-dashboard-access p { margin: 0; color: rgba(255,255,255,.72); max-width: 680px; }
.telco-dashboard-quota { display: flex; align-items: stretch; gap: 12px; }
.telco-dashboard-quota article { min-width: 125px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.06); }
.telco-dashboard-quota span { display: block; font-size: .74rem; color: rgba(255,255,255,.65); text-transform: uppercase; letter-spacing: .08em; }
.telco-dashboard-quota strong { display: block; margin-top: 4px; font-size: 1.7rem; }
.telco-dashboard-quota .button { align-self: center; white-space: nowrap; }
@media (max-width: 800px) {
    .telco-dashboard-access { grid-template-columns: 1fr; }
    .telco-dashboard-quota { flex-wrap: wrap; }
    .telco-dashboard-quota article { flex: 1 1 125px; }
}

/* Arena 8.1: Telco allowances never block casual play. */
.telco-casual-note{grid-column:1/-1;display:grid;gap:4px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.18)}
.telco-casual-note strong{color:#d8ff6d;font-size:.78rem;text-transform:uppercase;letter-spacing:.004em}
.telco-casual-note span{color:#c3d7ca;font-size:.82rem;line-height:1.55}

/* Arena2Connect discovery content */
.home-discovery-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(28px,5vw,70px);align-items:center}.home-discovery-copy h2{max-width:760px;margin:7px 0 15px;font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:.004em}.home-discovery-copy p{max-width:760px;margin:0;color:var(--arena-muted);font-size:1.02rem;line-height:1.75}.home-discovery-links{display:grid;gap:12px}.home-discovery-links a{display:grid;gap:4px;padding:18px 20px;border:1px solid var(--arena-line);border-radius:18px;background:#fff;color:var(--arena-ink);box-shadow:0 10px 28px rgba(7,27,18,.05);transition:transform .18s ease,border-color .18s ease}.home-discovery-links a:hover{transform:translateY(-2px);border-color:#6a9a7c}.home-discovery-links strong{font-size:1rem;letter-spacing:.004em}.home-discovery-links span{color:var(--arena-muted);font-size:.86rem;line-height:1.5}@media(max-width:850px){.home-discovery-section{grid-template-columns:1fr}}

/* Arena 11.2: explain why qualifying AI allowance may remain unchanged. */
.telco-ai-rule{display:grid;gap:4px;margin-top:16px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.055);max-width:720px}
.telco-ai-rule strong{font-size:.86rem;color:#fff}
.telco-ai-rule span{font-size:.82rem;line-height:1.5;color:rgba(255,255,255,.72)}
.telco-ai-rule.eligible{border-color:rgba(214,255,103,.32);background:rgba(214,255,103,.075)}
.telco-ai-rule.eligible strong{color:#d6ff67}
.telco-ai-rule.paused{border-color:rgba(255,194,102,.32);background:rgba(255,194,102,.075)}
.telco-ai-rule.paused strong{color:#ffd08a}
.telco-dashboard-quota small{display:block;margin-top:5px;color:rgba(255,255,255,.58);font-size:.72rem}

/* Arena 11.2: compact web-chat history controls. */
.chat-head-actions{display:flex;align-items:center;gap:10px}
.chat-clear{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:.8rem;font-weight:800;line-height:1;text-align:center;cursor:pointer}
.chat-clear:hover{border-color:rgba(217,255,121,.58);background:rgba(217,255,121,.1);color:var(--arena-lime)}
.telco-last-ai-decision{display:flex;flex-wrap:wrap;gap:5px 8px;margin-top:10px;font-size:.78rem;line-height:1.5;color:rgba(255,255,255,.66)}
.telco-last-ai-decision strong{color:#fff}

/* Arena 12.3: native chat history navigation and destructive-action confirmations. */
.chat-app{position:relative}
.chat-close{padding:0;background:transparent;font:inherit;cursor:pointer}
.chat-latest{position:absolute;z-index:12;right:max(18px,calc((100vw - 900px)/2));bottom:92px;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(3,16,8,.12);border-radius:50%;background:#fff;color:#0a6f45;box-shadow:0 10px 30px rgba(3,16,8,.18);cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}
.chat-latest[hidden]{display:none}
.chat-latest:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(3,16,8,.24)}
.chat-latest svg{width:24px;height:24px}
.chat-confirm{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(1,10,5,.72);backdrop-filter:blur(8px)}
.chat-confirm[hidden]{display:none}
.chat-confirm-card{width:min(440px,100%);display:grid;justify-items:center;text-align:center;padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#fff;color:var(--arena-ink);box-shadow:0 24px 70px rgba(0,0,0,.3)}
.chat-confirm-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:12px;border-radius:50%;background:#eaf5ee;color:#087447;font-weight:900;font-size:1.15rem}
.chat-confirm-card h2{margin:0 0 10px;font-size:1.55rem}
.chat-confirm-card p{max-width:360px;margin:0;color:var(--arena-muted);line-height:1.65}
.chat-confirm-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.chat-confirm-actions button{min-height:46px;border-radius:999px;font:inherit;font-weight:850;cursor:pointer}
.chat-confirm-cancel{border:1px solid #cfdad3;background:#fff;color:var(--arena-ink)}
.chat-confirm-accept{border:1px solid #0a6f45;background:#0a6f45;color:#fff}
.chat-confirm-accept.danger{border-color:#9f2d2d;background:#9f2d2d}
.chat-confirm-actions button:disabled{opacity:.55;cursor:wait}
body.chat-confirm-open{overflow:hidden}

/* Arena 12.3: tournament setup review before creation or update. */
.creator-submit-confirm{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(1,10,5,.72);backdrop-filter:blur(8px)}
.creator-submit-confirm[hidden]{display:none}
.creator-submit-confirm-card{width:min(620px,100%);max-height:min(760px,calc(100dvh - 40px));overflow:auto;padding:clamp(24px,5vw,40px);border:1px solid rgba(255,255,255,.14);border-radius:26px;background:#fff;color:var(--arena-ink);box-shadow:0 28px 80px rgba(0,0,0,.32)}
.creator-submit-confirm-card h2{margin:7px 0 10px;font-size:clamp(1.75rem,4vw,2.45rem)}
.creator-submit-confirm-card>p{margin:0;color:var(--arena-muted);line-height:1.65}
.creator-confirm-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 0}
.creator-confirm-summary>div{min-width:0;padding:14px 16px;border:1px solid var(--arena-line);border-radius:15px;background:#f7faf8}
.creator-confirm-summary>div:first-child{grid-column:1/-1}
.creator-confirm-summary dt{margin-bottom:4px;color:var(--arena-muted);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.creator-confirm-summary dd{margin:0;font-weight:800;overflow-wrap:anywhere}
.creator-submit-confirm-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:24px}
body.creator-confirm-open{overflow:hidden}
@media(max-width:620px){
    .chat-latest{right:16px;bottom:88px;width:44px;height:44px}
    .chat-confirm-actions{grid-template-columns:1fr}
    .creator-confirm-summary{grid-template-columns:1fr}
    .creator-confirm-summary>div:first-child{grid-column:auto}
    .creator-submit-confirm-actions{display:grid;grid-template-columns:1fr}
    .creator-submit-confirm-actions .button{width:100%;justify-content:center}
}

/* Tournament discovery priority */
.tournament-entry-open{border-color:#9bcf73;box-shadow:0 17px 38px rgba(28,106,63,.12)}
.tournament-entry-open-label{display:inline-flex;align-items:center;gap:7px;width:max-content;margin:0 0 10px;padding:6px 10px;border:1px solid #badf8e;border-radius:999px;background:#f1fbdf;color:#285c2d;font-size:.68rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.tournament-entry-open-label i{width:7px;height:7px;border-radius:999px;background:#4f9c37;box-shadow:0 0 0 4px rgba(79,156,55,.12);animation:tournament-entry-pulse 1.8s ease-in-out infinite}
@keyframes tournament-entry-pulse{0%,100%{transform:scale(.9);opacity:.75}50%{transform:scale(1.12);opacity:1}}
@media(prefers-reduced-motion:reduce){.tournament-entry-open-label i{animation:none}}

/* Arena 12.8 expanded legal documents */
.legal-policy {
    max-width: 980px;
    overflow: hidden;
}
.legal-policy-hero {
    margin: calc(clamp(26px, 5vw, 60px) * -1) calc(clamp(26px, 5vw, 60px) * -1) 32px;
    padding: clamp(34px, 6vw, 64px);
    background:
            radial-gradient(circle at 88% 12%, rgba(207, 255, 103, .2), transparent 18rem),
            linear-gradient(135deg, #071b12, #0b3b28);
    color: #fff;
}
.legal-policy-hero .eyebrow { color: #cfff67; }
.legal-policy-hero h1 {
    max-width: 820px;
    margin-bottom: 18px;
    color: #fff;
    font-size: clamp(2.4rem, 5.5vw, 4.8rem);
}
.legal-policy-intro {
    max-width: 820px;
    margin: 0;
    color: rgba(255,255,255,.86) !important;
    font-size: clamp(1rem, 1.7vw, 1.16rem);
    line-height: 1.7;
}
.legal-policy-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-top: 24px;
    color: rgba(255,255,255,.78);
    font-size: .86rem;
}
.legal-policy-meta strong { color: #fff; }
.legal-policy-notice {
    margin: 0 0 26px;
    padding: 18px 20px;
    border: 1px solid #cfe3d6;
    border-left: 5px solid var(--arena-green);
    border-radius: 14px;
    background: #f4faf6;
}
.legal-policy-notice strong { color: var(--arena-green-deep); }
.legal-policy-notice p { margin: 6px 0 0; }
.legal-policy-toc {
    margin: 0 0 36px;
    padding: 22px 24px;
    border: 1px solid var(--arena-line);
    border-radius: 16px;
    background: #fbfcfb;
}
.legal-policy-toc > strong {
    display: block;
    margin-bottom: 12px;
    color: var(--arena-ink);
    font-size: .78rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.legal-policy-toc ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 28px;
    margin: 0;
    padding-left: 22px;
}
.legal-policy-toc li { color: var(--arena-muted); }
.legal-policy-toc a { text-decoration: underline; text-decoration-color: rgba(8,121,73,.28); text-underline-offset: 3px; }
.legal-policy section {
    scroll-margin-top: 92px;
    padding-top: 8px;
}
.legal-policy section + section {
    margin-top: 30px;
    padding-top: 34px;
    border-top: 1px solid var(--arena-line);
}
.legal-policy h2 {
    margin: 0 0 15px;
    color: var(--arena-green-deep);
    font-size: clamp(1.42rem, 2.6vw, 2rem);
    line-height: 1.2;
}
.legal-policy h3 {
    margin: 22px 0 8px;
    color: var(--arena-ink);
    font-size: 1.08rem;
}
.legal-policy p,
.legal-policy li {
    color: #405048;
    line-height: 1.75;
}
.legal-policy p { margin: 0 0 14px; }
.legal-policy ul { margin: 10px 0 18px; padding-left: 23px; }
.legal-policy li + li { margin-top: 7px; }
.legal-table-wrap {
    width: 100%;
    margin: 18px 0 20px;
    overflow-x: auto;
    border: 1px solid var(--arena-line);
    border-radius: 15px;
    background: #fff;
}
.legal-table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    font-size: .9rem;
}
.legal-table th,
.legal-table td {
    padding: 14px 16px;
    border-bottom: 1px solid var(--arena-line);
    text-align: left;
    vertical-align: top;
}
.legal-table th {
    background: #eef5f1;
    color: var(--arena-green-deep);
    font-size: .76rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.legal-table tr:last-child td { border-bottom: 0; }
@media (max-width: 680px) {
    .legal-policy-toc ol { grid-template-columns: 1fr; }
    .legal-policy-hero { margin-bottom: 24px; }
    .legal-policy-meta { display: grid; gap: 7px; }
    .legal-policy section + section { margin-top: 22px; padding-top: 28px; }
}

/* Arena 13.0 — scalable tournament application decisions */
.application-stat-strip{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.application-stat-strip span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--arena-line);border-radius:999px;background:#f6f9f7;color:var(--arena-muted);font-size:.78rem}.application-stat-strip b{color:var(--arena-green-deep);font-size:.9rem}.creator-alert.compact{margin:0 0 16px;padding:13px 15px}.application-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 190px auto;gap:10px;margin:0 0 12px}.application-filter-bar input,.application-filter-bar select,.application-bulk-bar input,.application-bulk-bar select{width:100%;min-width:0;border:1px solid var(--arena-line);border-radius:11px;background:#fff;padding:10px 12px;font:inherit;color:var(--arena-ink)}.application-bulk-bar{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(150px,.65fr) minmax(240px,1fr) auto auto;gap:10px;align-items:center;margin:0 0 14px;padding:12px;border:1px solid #d7e4dc;border-radius:14px;background:#f5faf7}.bulk-selected-count{color:var(--arena-muted);font-size:.8rem;font-weight:750;white-space:nowrap}.application-management-table .application-check{width:48px;text-align:center}.application-management-table .application-check input{width:17px;height:17px;accent-color:var(--arena-green-deep)}.application-lock-note{margin:0 0 14px;padding:12px 14px;border-radius:11px;background:#f4f6f5;color:var(--arena-muted);font-size:.84rem}.application-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;color:var(--arena-muted);font-size:.82rem}.application-pagination>div{display:flex;gap:8px}.creator-status.refunded,.creator-status.withdrawn{background:#edf1ef;color:#58675f}.creator-application-actions{align-items:center;flex-wrap:wrap}.creator-application-actions input{min-width:150px;max-width:230px}.creator-application-actions form{margin:0}
@media(max-width:900px){.application-bulk-bar{grid-template-columns:1fr 1fr}.application-bulk-bar input{grid-column:1/-1}.application-filter-bar{grid-template-columns:1fr 180px}.application-filter-bar button{grid-column:1/-1}.application-pagination{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.application-bulk-bar,.application-filter-bar{grid-template-columns:1fr}.application-bulk-bar>*{grid-column:auto!important}.application-pagination>div,.application-pagination .button{width:100%}.application-pagination>div{display:grid;grid-template-columns:1fr 1fr}.application-management-table{min-width:780px}}
/* Bulk tournament fixture scheduler */
.fixture-bulk-scheduler{margin:16px 0 20px;padding:20px;border:1px solid var(--arena-line);border-radius:16px;background:#f7faf8}.fixture-scheduler-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.fixture-scheduler-heading h3{margin:4px 0 6px}.fixture-scheduler-heading p{margin:0;color:var(--arena-muted);max-width:760px}.fixture-email-retry{border:1px solid #d89c48!important;background:#fff5df!important;color:#714800!important;border-radius:10px;padding:10px 13px;font-weight:800}.fixture-email-health{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.fixture-email-health span{padding:6px 9px;border-radius:999px;background:#edf3ef;color:var(--arena-muted);font-size:.75rem;font-weight:750}.fixture-email-health .has-failures{background:#ffe7e1;color:#8d3228}.fixture-scheduler-form{margin-top:18px}.fixture-scheduler-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fixture-scheduler-grid label{display:flex;min-width:0;flex-direction:column;gap:6px;font-size:.78rem;font-weight:800}.fixture-scheduler-grid label small{font-weight:500;color:var(--arena-muted)}.fixture-scheduler-grid input,.fixture-scheduler-grid select{width:100%;min-width:0;border:1px solid #d5e0da;background:#fff;border-radius:10px;padding:10px 11px;font:inherit}.fixture-date-wrap{display:flex;width:100%;min-width:0;border:1px solid #d5e0da;border-radius:10px;background:#fff;padding:10px 11px}.fixture-date-wrap input{display:block;width:100%;min-width:0;border:0!important;background:transparent!important;padding:0!important}.fixture-inline-fields{display:grid;grid-template-columns:minmax(70px,.65fr) minmax(100px,1fr);gap:6px}.fixture-scheduler-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.fixture-scheduler-actions button{border:0;border-radius:10px;padding:11px 15px;background:#105811;color:#fff;font-weight:850}.fixture-scheduler-actions button[disabled]{cursor:not-allowed;opacity:.45}.fixture-selected-help{margin:12px 0 0;color:var(--arena-muted)}.fixture-schedule-preview{margin-top:16px;border-top:1px solid var(--arena-line);padding-top:16px}.fixture-preview-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.fixture-preview-summary span{padding:6px 9px;border-radius:999px;background:#edf3ef;color:var(--arena-muted);font-size:.78rem}.fixture-preview-warning,.fixture-preview-conflict{margin:10px 0;padding:12px 14px;border-radius:10px}.fixture-preview-warning{background:#fff5da;color:#6f5200}.fixture-preview-conflict{background:#ffe7e4;color:#842e25}.fixture-preview-warning ul,.fixture-preview-conflict ul{margin:7px 0 0;padding-left:20px}.fixture-preview-list{display:grid;gap:7px;max-height:420px;overflow:auto}.fixture-preview-list>div{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(220px,1.4fr) minmax(170px,.8fr);gap:10px;padding:10px 11px;border:1px solid #e2eae5;border-radius:9px;background:#fff}.fixture-preview-list span,.fixture-preview-list time{font-size:.77rem;color:var(--arena-muted)}.fixture-preview-more{color:var(--arena-muted)}.fixture-bulk-check{display:inline-flex;align-items:center;gap:5px;margin-right:8px;color:var(--arena-muted);font-size:.72rem;font-weight:750}.fixture-bulk-check input{width:auto!important}.creator-fixture-kicker{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
@media(max-width:950px){.fixture-scheduler-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fixture-scheduler-heading{flex-direction:column}.fixture-preview-list>div{grid-template-columns:1fr 1fr}.fixture-preview-list time{grid-column:1/-1}}
@media(max-width:650px){.fixture-bulk-scheduler{padding:15px}.fixture-scheduler-grid{grid-template-columns:1fr}.fixture-scheduler-actions{flex-direction:column}.fixture-scheduler-actions button{width:100%}.fixture-preview-list>div{grid-template-columns:1fr}.fixture-preview-list time{grid-column:auto}}

/* Tournament attendance confirmation */
.tournament-member-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tournament-member-actions form{margin:0}.tournament-attendance-confirmed{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid rgba(24,116,78,.22);border-radius:999px;background:rgba(24,116,78,.08);font-weight:700;color:#176b4a}.tournament-attendance-shell{max-width:760px;margin:0 auto}.tournament-attendance-card{width:100%}.tournament-attendance-card code{padding:2px 6px;border-radius:6px;background:rgba(15,67,46,.08)}.tournament-attendance-card .small-copy{font-size:.9rem;color:#66776f;margin-top:18px}
@media(max-width:640px){.tournament-member-actions{align-items:stretch}.tournament-member-actions .button,.tournament-member-actions form{width:100%}.tournament-member-actions form .button{width:100%}.tournament-attendance-confirmed{justify-content:center;width:100%}}

/* Arena 14.0 — Marketplace, private Coach and Clubhouse */
.marketplace-hero,.coach-hero,.clubhouse-hero{margin-bottom:28px}
.marketplace-wallet{min-width:min(100%,260px);display:grid;gap:4px;padding:16px 18px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:#105811;}
.marketplace-wallet span{font-size:.75rem;color:rgba(255,255,255,.72)}
.marketplace-wallet strong{font-size:1.45rem;color:#fff}
.marketplace-wallet .button{margin-top:8px;width:max-content}
.marketplace-active-access,.coach-lock,.coach-live-lock,.clubhouse-notice,.clubhouse-rules-accepted{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 24px;padding:16px 18px;border:1px solid #cfe3d5;border-radius:14px;background:#f1f8f3;color:var(--arena-green-deep)}
.marketplace-active-access span{color:var(--arena-muted)}
.marketplace-active-access a{margin-left:auto;font-weight:850}
.marketplace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:34px}
.marketplace-product,.marketplace-pass,.marketplace-coming{border:1px solid var(--arena-line);border-radius:18px;background:var(--arena-surface);box-shadow:var(--arena-shadow-sm)}
.marketplace-product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:22px;padding:24px}
.marketplace-product h3,.marketplace-pass h3{margin:6px 0 9px}
.marketplace-product p,.marketplace-product li,.marketplace-pass p,.marketplace-coming p{color:var(--arena-muted)}
.marketplace-product ul{margin:14px 0 0;padding-left:20px}
.marketplace-kind{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--arena-lime-soft);color:var(--arena-green-deep);font-size:.68rem;font-weight:900;letter-spacing:.06em}
.marketplace-variants{display:grid;gap:10px;align-content:start}
.marketplace-variant{display:grid;gap:10px;padding:14px;border:1px solid var(--arena-line);border-radius:14px;background:var(--arena-surface-soft)}
.marketplace-variant>div{display:flex;justify-content:space-between;gap:15px;align-items:center}
.marketplace-variant>div span{color:var(--arena-green-deep);font-weight:900}
.marketplace-variant label{display:grid;gap:6px;font-size:.78rem;font-weight:800}
.marketplace-variant select,.coach-tool select,.coach-tool textarea,.clubhouse-compose input,.clubhouse-compose textarea,.clubhouse-post details select,.clubhouse-post details input{width:100%;border:1px solid var(--arena-line-strong);border-radius:10px;background:#fff;padding:10px 12px;color:var(--arena-ink)}
.marketplace-pass-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:34px}
.marketplace-pass{display:grid;gap:10px;padding:20px}
.marketplace-pass>strong{font-size:1.4rem;color:var(--arena-green-deep)}
.marketplace-pass form{margin-top:auto}
.marketplace-coming{padding:22px;margin-bottom:32px}
.portal-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--arena-line);border-radius:14px;overflow:hidden}
.portal-table th,.portal-table td{padding:13px 15px;border-bottom:1px solid var(--arena-line);text-align:left}
.portal-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--arena-muted);background:var(--arena-surface-soft)}

.coach-lock{display:grid;justify-items:start;padding:22px}
.coach-lock p,.coach-live-lock p{margin:0;color:var(--arena-muted)}
.coach-live-lock{display:grid;justify-items:start;border-color:#e7d6a9;background:#fff8e6}
.coach-live-lock strong{color:#6e4d00}
.coach-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:22px;align-items:start;margin-bottom:32px}
.coach-tools,.coach-report-panel{border:1px solid var(--arena-line);border-radius:18px;background:var(--arena-surface);padding:22px;box-shadow:var(--arena-shadow-sm)}
.coach-tool{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--arena-line)}
.coach-tool:last-of-type{border-bottom:0}
.coach-tool div{display:grid;gap:3px}
.coach-tool div span{color:var(--arena-muted);font-size:.82rem}
.coach-tool-stack{grid-template-columns:1fr}
.coach-tool textarea{min-height:100px;resize:vertical}
.coach-report-panel{min-height:340px}
.coach-report-panel h2{margin:7px 0 16px}
.coach-report-copy{white-space:normal;font-size:.96rem;line-height:1.75;margin-bottom:18px}
.coach-report-panel>small{color:var(--arena-muted)}
.coach-empty{min-height:280px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--arena-muted)}
.coach-empty>span{font-size:2rem}
.coach-empty h2{color:var(--arena-ink);margin:10px 0 0}
.coach-history-panel{margin:0 0 32px;padding:20px 22px;border:1px solid var(--arena-line);border-radius:18px;background:var(--arena-surface);box-shadow:var(--arena-shadow-sm)}
.coach-history-panel .section-heading{margin-bottom:14px}
.coach-history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.coach-history a{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--arena-line);border-radius:13px;background:#fff;text-decoration:none;color:var(--arena-ink)}
.coach-history a span{color:var(--arena-muted);font-size:.76rem}

.clubhouse-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 32px}
.clubhouse-category{min-height:190px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:22px;border:1px solid var(--arena-line);border-radius:18px;background:#fff;box-shadow:var(--arena-shadow-sm);text-decoration:none;color:var(--arena-ink)}
.clubhouse-category:hover{border-color:var(--arena-green);transform:translateY(-1px)}
.clubhouse-category h2{margin:8px 0 6px}
.clubhouse-category p{margin:0;color:var(--arena-muted)}
.clubhouse-category>span:last-child{color:var(--arena-green);font-weight:900}
.clubhouse-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--arena-lime-soft);color:var(--arena-green-deep);font-size:.66rem;font-weight:900;letter-spacing:.06em}
.clubhouse-principles{margin:0 0 34px;padding:24px;border-radius:18px;background:var(--arena-green-deep);color:#fff}
.clubhouse-principles h2{margin:0 0 15px;color:#fff}
.clubhouse-principles>div{display:flex;gap:8px;flex-wrap:wrap}
.clubhouse-principles span{padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#dbe9e0;font-size:.76rem}
.clubhouse-rule-list{display:grid;gap:12px;padding-left:24px}
.clubhouse-rule-list li{padding-left:5px}
.clubhouse-rules-accept{display:grid;gap:16px;margin-top:22px;padding-top:20px;border-top:1px solid var(--arena-line)}
.clubhouse-rules-accept label{display:flex;align-items:flex-start;gap:10px}
.clubhouse-rules-accept input{margin-top:4px}
.clubhouse-heading{align-items:flex-end;margin:8px 0 24px}
.clubhouse-heading h1,.clubhouse-topic-title h1{margin:8px 0 4px}
.clubhouse-heading p{margin:0;color:var(--arena-muted)}
.clubhouse-notice.danger{border-color:#edc9c9;background:#fff0f0;color:var(--arena-danger)}
.clubhouse-topic-list,.clubhouse-post-list{display:grid;gap:12px;margin-bottom:28px}
.clubhouse-topic-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;border:1px solid var(--arena-line);border-radius:15px;background:#fff;text-decoration:none;color:var(--arena-ink)}
.clubhouse-topic-row:hover{border-color:var(--arena-green)}
.clubhouse-topic-row span{font-size:.66rem;font-weight:900;letter-spacing:.05em;color:var(--arena-green)}
.clubhouse-topic-row h2{margin:4px 0;font-size:1.08rem}
.clubhouse-topic-row small{color:var(--arena-muted)}
.clubhouse-topic-row>strong{white-space:nowrap;color:var(--arena-muted);font-size:.8rem}
.clubhouse-compose{max-width:900px;margin:26px 0 34px;padding:22px;border:1px solid var(--arena-line);border-radius:18px;background:#fff}
.clubhouse-compose h2{margin-top:0}
.clubhouse-compose form{display:grid;gap:14px}
.clubhouse-compose label{display:grid;gap:7px;font-weight:800}
.clubhouse-compose textarea{min-height:150px;resize:vertical}
.clubhouse-compose form>small{color:var(--arena-muted)}
.clubhouse-topic-title{margin:8px 0 22px}
.clubhouse-topic-title>span{display:block;margin-top:12px;color:var(--arena-green);font-size:.7rem;font-weight:900;letter-spacing:.06em}
.clubhouse-post{padding:20px;border:1px solid var(--arena-line);border-radius:16px;background:#fff}
.clubhouse-post header{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid var(--arena-line)}
.clubhouse-post time{font-size:.75rem;color:var(--arena-muted)}
.clubhouse-post>div{line-height:1.7}
.clubhouse-post details{margin-top:16px;padding-top:12px;border-top:1px solid var(--arena-line)}
.clubhouse-post details summary{cursor:pointer;color:var(--arena-muted);font-size:.78rem;font-weight:800}
.clubhouse-post details form{display:grid;grid-template-columns:180px 1fr auto;gap:9px;align-items:center;margin-top:10px}

@media (max-width:980px){
    .marketplace-grid{grid-template-columns:1fr}
    .marketplace-product{grid-template-columns:1fr}
    .page-marketplace .marketplace-spotlight{display:none}
    .marketplace-pass-grid,.clubhouse-category-grid,.coach-history{grid-template-columns:repeat(2,minmax(0,1fr))}
    .coach-grid{grid-template-columns:1fr}
}
@media (max-width:680px){
    .marketplace-wallet{width:100%}
    .marketplace-pass-grid,.clubhouse-category-grid,.coach-history{grid-template-columns:1fr}
    .marketplace-product,.coach-tools,.coach-report-panel,.clubhouse-compose{padding:18px}
    .marketplace-variant>div,.clubhouse-topic-row,.clubhouse-post header{align-items:flex-start;flex-direction:column}
    .clubhouse-topic-row>strong{white-space:normal}
    .clubhouse-post details form{grid-template-columns:1fr}
}
.arena-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0 34px}
.arena-platform-grid article{display:grid;align-content:start;gap:7px;min-height:205px;padding:21px;border:1px solid var(--arena-line);border-radius:17px;background:#fff;box-shadow:var(--arena-shadow-sm)}
.arena-platform-grid h2{margin:2px 0;font-size:1.12rem}
.arena-platform-grid p{margin:0;color:var(--arena-muted)}
.arena-platform-grid a{margin-top:auto;padding-top:12px;font-weight:900;text-decoration:none}
@media(max-width:850px){.arena-platform-grid{grid-template-columns:1fr}}
.clubhouse-own-post{margin-top:16px;padding-top:12px;border-top:1px solid var(--arena-line)}
.clubhouse-own-post summary{cursor:pointer;color:var(--arena-green);font-size:.78rem;font-weight:850}
.clubhouse-own-post form{margin-top:10px}
.clubhouse-edit-form{display:grid;gap:9px}
.clubhouse-edit-form textarea{width:100%;min-height:130px;border:1px solid var(--arena-line-strong);border-radius:10px;padding:10px 12px;resize:vertical}
.clubhouse-own-post form+form{margin-top:8px}
.clubhouse-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0 28px;color:var(--arena-muted)}
@media(max-width:520px){.clubhouse-pagination{align-items:stretch;flex-direction:column;text-align:center}.clubhouse-pagination .button{width:100%}}

/* Arena Release 14.2 — visible member navigation + Player Tools dropdown */
.portal-top{justify-content:flex-start;gap:18px}
.portal-nav{margin-left:auto}
.page-marketplace .eyebrow,.page-coach .eyebrow,.page-clubhouse .eyebrow{color:var(--arena-green)!important;text-shadow:none!important}
.marketplace-spotlight{gap:0;padding:24px;border:1px solid var(--arena-line);border-radius:18px;background:linear-gradient(180deg,#fff 0%,#f6fbf7 100%);box-shadow:var(--arena-shadow-sm)}
.marketplace-spotlight h3{margin:4px 0 6px}
.marketplace-spotlight p{margin:0;color:var(--arena-muted);line-height:1.7}
.marketplace-spotlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.marketplace-spotlight-grid article{display:grid;gap:5px;padding:15px 16px;border:1px solid var(--arena-line);border-radius:14px;background:#fff}
.marketplace-spotlight-grid strong{font-size:.96rem}
.marketplace-spotlight-grid span{color:var(--arena-muted);font-size:.86rem;line-height:1.55}
.marketplace-spotlight-links{gap:10px;flex-wrap:wrap;margin-top:18px}.marketplace-spotlight-links .marketplace-spotlight-button{min-height:46px;padding:11px 20px;border-radius:999px;font-weight:850; margin-bottom: 10px;}
.nav-dropdown{position:relative;margin:0}
.nav-dropdown summary{list-style:none;display:flex;align-items:center;gap:7px;color:#dbe8e1;padding:9px 0;cursor:pointer;font-size:.94rem;font-weight:700;white-space:nowrap;user-select:none}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary:hover{color:#fff}
.nav-dropdown summary span{font-size:.7rem;transition:transform .18s ease}
.nav-dropdown[open] summary span{transform:rotate(180deg)}
.nav-dropdown.active>summary{color:#fff;box-shadow:inset 0 -3px var(--arena-lime,#d9ff7a)}
.nav-dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:210px;padding:10px;border:1px solid rgba(201,223,212,.15);border-radius:15px;background:#071b12;box-shadow:0 22px 42px rgba(0,0,0,.24);z-index:70}
.nav-dropdown-menu a{display:flex;align-items:center;min-height:40px;padding:10px 12px;border-radius:10px;color:#dbe8e1;font-size:.9rem;font-weight:700;text-decoration:none; margin: 5px;}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:#123927;color:#fff}
@media (max-width: 1120px) {
    .portal-nav{margin-left:0}
    .nav-dropdown{width:100%}
    .nav-dropdown summary{width:100%;justify-content:space-between;padding:12px!important;text-align:left;font-size:.92rem}
    .nav-dropdown.active>summary{box-shadow:none;background:#123927;border-radius:10px}
    .nav-dropdown-menu{position:static;min-width:0;margin:3px 0 6px;padding:5px 0 5px 12px;border:0;border-left:1px solid rgba(217,255,122,.22);border-radius:0;background:transparent;box-shadow:none}
    .nav-dropdown-menu a{min-height:38px;padding:9px 12px;font-size:.9rem}
}
@media (max-width: 900px) {
    .marketplace-spotlight-grid{grid-template-columns:1fr}
}
@media (max-width: 720px) {
    .portal-top{gap:12px}
}

/* Arena Release 14.3 — scrollable mobile navigation */
@media (max-width: 1120px) {
    .portal-nav {
        max-height: calc(100vh - 78px);
        max-height: calc(100dvh - 78px);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
        scrollbar-gutter: stable;
        padding-bottom: calc(24px + env(safe-area-inset-bottom));
    }
}
@media (max-width: 620px) {
    .portal-nav {
        max-height: calc(100vh - 70px);
        max-height: calc(100dvh - 70px);
        padding-bottom: calc(20px + env(safe-area-inset-bottom));
    }
}


/* Arena 14.7.1 — creator access/moderation layout */
.creator-form-panel > .creator-private-options{grid-column:-2/-1;width:100%}


/* Arena 14.8 — Coach extension clarity */
.marketplace-extension-note{display:block;padding:10px 11px;border:1px solid #cfe3d5;border-radius:10px;background:#eef7f1;color:#52635a;line-height:1.5}
.marketplace-extension-note strong{color:var(--arena-green-deep)}
#arena-coach{scroll-margin-top:100px}


/* Arena 15.1 — no-reload Coach reports + provider confirmation */
.coach-inline-status{margin:0 0 12px;padding:11px 14px;border:1px solid rgba(16,88,17,.18);border-radius:14px;background:rgba(16,88,17,.06);font-size:.9rem;font-weight:700}
.coach-inline-status.is-error{border-color:rgba(150,48,48,.25);background:rgba(150,48,48,.07)}
.coach-inline-status.is-success{border-color:rgba(16,88,17,.28)}
.coach-tool.is-coach-loading{opacity:.72}
.coach-report-panel.is-loading{position:relative;opacity:.72}
.coach-report-panel.is-loading:after{content:"Coach is thinking…";position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:rgba(255,255,255,.78);font-weight:850;border-radius:inherit}
.coach-preserve-lines{white-space:pre-wrap}

/* Arena 16.2 — Clubhouse recent activity */
.clubhouse-recent-section{margin:0 0 32px;padding:24px;border:1px solid var(--arena-line);border-radius:20px;background:#fff;box-shadow:var(--arena-shadow-sm)}
.clubhouse-recent-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.clubhouse-recent-heading h2{margin:4px 0 4px}.clubhouse-recent-heading p{margin:0;color:var(--arena-muted)}.clubhouse-recent-heading>span{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:var(--arena-surface-soft);font-size:.78rem;font-weight:800;color:var(--arena-green)}
.clubhouse-recent-list{display:grid;gap:12px}.clubhouse-recent-post{padding:17px 18px;border:1px solid var(--arena-line);border-radius:16px;background:var(--arena-surface-soft)}.clubhouse-recent-post h3{margin:8px 0 7px;font-size:1rem}.clubhouse-recent-post h3 a{color:var(--arena-ink);text-decoration:none}.clubhouse-recent-post h3 a:hover{text-decoration:underline}.clubhouse-recent-post p{margin:0;color:var(--arena-muted);line-height:1.6}.clubhouse-recent-post footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:11px;font-size:.78rem}.clubhouse-recent-post footer span{color:var(--arena-muted)}.clubhouse-recent-post footer a{color:var(--arena-green);font-weight:900;text-decoration:none}
.clubhouse-recent-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--arena-muted);font-size:.72rem}.clubhouse-category-tag{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:var(--arena-green-deep);color:#fff!important;font-weight:900;text-decoration:none}.clubhouse-recent-pagination{margin-top:18px}
@media(max-width:720px){.clubhouse-recent-section{padding:18px}.clubhouse-recent-heading{flex-direction:column}.clubhouse-recent-post footer{align-items:flex-start;flex-direction:column}}

/* Arena 16.3 — social identity sharing + Hall of Fame medal cabinet */
.hof-medal-strip{display:flex;align-items:center;gap:5px;flex-wrap:wrap;max-width:220px}.hof-medal-strip.large{max-width:none;gap:8px}.hof-medal{display:inline-grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:999px;border:1px solid rgba(8,56,34,.12);background:#fff;font-size:1.05rem;line-height:1;box-shadow:0 4px 10px rgba(8,56,34,.08)}.hof-medal.gold{background:#fff8d8;border-color:#e5c84c}.hof-medal.silver{background:#f4f6f7;border-color:#c6ced3}.hof-medal.bronze{background:#fff0e5;border-color:#c98b61}.hof-no-medal{color:var(--arena-muted)}.hof-medal-cell{min-width:150px}.hof-medal-cell .arena-share-button{margin-top:7px}.arena-share-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid rgba(8,56,34,.2);border-radius:999px;background:#fff;color:var(--arena-green-deep);font:inherit;font-size:.82rem;font-weight:850;line-height:1.2;cursor:pointer;text-decoration:none}.arena-share-button:hover{background:#eef8f2}.arena-share-button.compact{min-height:32px;padding:6px 10px;font-size:.72rem}.player-profile-link{color:inherit;text-decoration:none}.player-profile-link:hover{text-decoration:underline}
@media(max-width:720px){.hof-medal-cell{min-width:125px}.hof-medal-strip{max-width:170px}}
/* Large qualifier tournament builder: hidden format controls must stay out of layout. */
.creator-group-field[hidden],.creator-qualification-field[hidden],.creator-elimination-field[hidden]{display:none!important}

/* Tournament browser: searchable current + historical competition archive. */
.tournament-browser-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 22px;padding:18px;border:1px solid var(--arena-line);border-radius:16px;background:#fff}.tournament-browser-tools>span{color:var(--arena-muted);font-size:.82rem;font-weight:800;white-space:nowrap}.tournament-search-form{display:grid;gap:7px;min-width:min(100%,620px)}.tournament-search-form>label{font-size:.76rem;font-weight:900;color:var(--arena-green-deep);text-transform:uppercase;letter-spacing:.05em}.tournament-search-form>div{display:flex;gap:9px;align-items:center}.tournament-search-form input{width:min(470px,65vw);border:1px solid var(--arena-line);border-radius:11px;background:#fff;padding:11px 13px;font:inherit;color:var(--arena-ink)}.tournament-completed{opacity:.94}.tournament-completed .status{background:#edf1ef;color:#53645b}.tournament-completed-actions{display:flex;gap:8px;flex-wrap:wrap}.tournament-pagination{margin-bottom:12px}@media(max-width:700px){.tournament-browser-tools{align-items:stretch;flex-direction:column}.tournament-browser-tools>span{white-space:normal}.tournament-search-form>div{display:grid;grid-template-columns:1fr auto}.tournament-search-form input{width:100%;grid-column:1/-1}.tournament-completed-actions .button{flex:1}}

/* Arena themed disabled-feature state */
.feature-unavailable-shell{min-height:calc(100vh - 260px);display:grid;place-items:center;padding:36px 0}.feature-unavailable-card{width:min(720px,100%);padding:clamp(30px,6vw,64px);border:1px solid var(--arena-line,#dce6df);border-radius:28px;background:linear-gradient(145deg,#fff,#f4f9f6);box-shadow:0 24px 70px rgba(6,41,24,.10);text-align:center}.feature-unavailable-mark{width:82px;height:82px;display:grid;place-items:center;margin:0 auto 22px;border-radius:24px;background:#071b12;color:#d6ff67;font-size:2rem;transform:rotate(-3deg)}.feature-unavailable-card h1{margin:5px 0 14px;font-size:clamp(2.2rem,6vw,4.5rem);line-height:.98;letter-spacing:-.055em}.feature-unavailable-card p{max-width:590px;margin:0 auto 28px;color:var(--arena-muted,#5f7468);font-size:1.05rem}.feature-unavailable-card small{display:block;max-width:560px;margin:24px auto 0;color:var(--arena-muted,#5f7468)}.feature-unavailable-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}