/* Shared sports surfaces: phone-first controls, readable scores, 4rounds identity. */
:root{--four-bg:#37383d;--four-panel:#292a2e;--four-line:#53545b;--four-accent:#e45b61;--four-ink:#f4f4f5;--four-muted:#c2c3ca}
body{background:var(--four-bg);color:var(--four-ink);border-top:4px solid var(--four-accent);padding-bottom:94px}
h1,h2,h3,h4,.enter-league,.primary-action,.fourrounds-bottom-nav{font-family:'Arial Narrow','Avenir Next Condensed','Roboto Condensed',Impact,sans-serif;font-stretch:condensed}
h1,h2,h3,h4{font-weight:850;letter-spacing:-.025em}
.site-header,.outs-nav{background:var(--four-bg);border-bottom:1px solid var(--four-line)}
.logo-shield{background:var(--four-accent);color:#fff;box-shadow:none}
.logo b{color:#fff}.logo small{color:var(--four-muted)}
.current-home,.my-leagues-page{max-width:1200px}.clubhouse-masthead{background:transparent;box-shadow:none;border:0}
.league-card,.practice-game,.discovery-panel,.upcoming-contest,.pick-card,.table-card,.fixture,.intro-card,.basketball-card{background:var(--four-panel);border:1px solid var(--four-line);border-radius:24px;box-shadow:none}
.league-card:hover,.practice-game:hover{background:#303136;border-color:#878891;box-shadow:none}
.league-card p,.practice-copy p,.practice-copy small,.contest-info p,.leagues-intro{color:var(--four-muted);line-height:1.55}
.league-card h3,.league-card h4,.practice-copy h2{text-transform:uppercase;font-size:clamp(26px,3vw,36px)}
.contest-sport,.kicker,.section-kicker{color:#eeb4b8}.contest-tags span{background:#37383e;border-color:#55565e;color:#d9d9df}
.enter-league,.league-card .enter-league,.practice-game .enter-league,.primary-action{background:var(--four-accent);color:#fff;border:1px solid var(--four-accent);border-radius:999px;box-shadow:none;text-transform:uppercase;font-weight:800;min-height:48px;padding:14px 24px;text-align:center;text-decoration:none}
.enter-league:hover,.league-card .enter-league:hover,.practice-game .enter-league:hover,.primary-action:hover{background:#f16d73;color:#fff;box-shadow:none;transform:none}
.primary-action:disabled{opacity:.45;cursor:not-allowed}.secondary-action,.browse-games{background:#45464e;color:#f5f5f6;border:1px solid #686973;border-radius:999px;box-shadow:none;min-height:44px}
.contest-icon,.game-monogram{background:#414249;color:#f8f8fa;border:1px solid #676871;border-radius:18px;box-shadow:none;transform:none}
.bankroll-summary{background:#242529;border-color:var(--four-line);box-shadow:none}.bankroll-card:before,.practice-game:after{display:none}.bankroll-balance{color:#fff;text-shadow:none}
.game-quick-nav{background:#27282b;border-color:var(--four-line);border-radius:18px;box-shadow:none;overflow:auto}.game-quick-nav a{white-space:nowrap}.game-quick-nav a:first-child{background:#484047;color:#ffbdc2;box-shadow:none}
.list-heading h3,.section-heading h2{text-transform:uppercase}.contest-row.available-contest{padding:28px;margin-bottom:18px;grid-template-columns:64px minmax(0,1fr);gap:22px}.contest-row.available-contest .contest-actions{grid-column:1/-1;display:flex;flex-direction:column;align-items:stretch;gap:12px}.contest-row.available-contest .enter-league{width:100%}
.fourrounds-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:center;gap:6px;padding:9px max(12px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom));background:#292a2ef5;border-top:1px solid #676871;backdrop-filter:blur(14px)}
.fourrounds-bottom-nav a{flex:1;max-width:180px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#c8c9d0;text-decoration:none;font-size:12px;text-transform:uppercase;font-weight:800;padding:8px;border-radius:16px;min-height:50px}.fourrounds-bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.fourrounds-bottom-nav a[aria-current]{color:#ff9098;background:#e45b6115;outline:1px solid #e45b6155}
.fourrounds-bottom-nav a:hover{color:#fff;background:#44454d}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #ffb7bd;outline-offset:4px}
@media(max-width:760px){.site-header,.outs-nav{padding:16px 20px;height:auto;min-height:74px}.site-header nav,.outs-nav nav{gap:12px;flex-wrap:wrap}.site-header nav a,.outs-nav nav a{font-size:12px}.logo small{display:none}.clubhouse-layout,.lobby-layout{display:block}.clubhouse-rail{margin-top:30px}.current-home,.my-leagues-page{margin:0;padding:24px 16px 40px}.clubhouse-masthead{padding:0}.games-heading{margin-bottom:22px}.games-heading h1{font-size:40px}.games-heading .browse-games{display:none}.contest-row.available-contest{padding:24px;gap:14px;grid-template-columns:1fr}.contest-row.available-contest .contest-icon{display:none}.contest-info h4{margin:8px 0 14px}.contest-info p{font-size:16px}.contest-actions .enter-league{font-size:16px;min-height:56px}.lobby-bankroll-feature{display:block;padding:24px}.lobby-bankroll-feature .bankroll-summary{margin-top:24px}.practice-game{padding:24px}.lobby-sidebar .practice-game{display:none}.lobby-sidebar>h3{display:none}.fourrounds-bottom-nav{gap:3px}.fourrounds-bottom-nav a{font-size:11px}.game-quick-nav{margin-bottom:24px}.test-banner{line-height:1.6}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.soccer-app{--soccer-panel:#292a2e;--soccer-raised:#303136;--soccer-blue:#f0adb4;--gold:#f1969e;--line:#53545b;--muted:#c2c3ca;--cream:#f4f4f5;background:var(--four-bg)}
.soccer-app .primary-action{background:var(--four-accent);border-color:var(--four-accent);color:white;border-radius:999px;min-height:50px}.soccer-app .primary-action:hover:not(:disabled){background:#f16d73}.soccer-app .secondary-action{border-radius:999px;background:#45464e;border-color:#686973}
.soccer-app .fixture,.soccer-app .intro-scoreboard,.soccer-app .demo-panel,.soccer-app dialog{border-radius:22px;background:var(--four-panel);border-color:var(--four-line)}.soccer-app .preview-banner{background:#292a2e}.soccer-app .club-pick{border-radius:14px}.soccer-app .club-pick.selected{background:#e45b6120;border-color:#e45b61}.soccer-app .round-progress{border-radius:18px;overflow:hidden}.soccer-app .outs-nav{background:var(--four-bg);height:auto;min-height:80px;padding:16px 5vw;flex-wrap:wrap;gap:14px}
#main.current-home,.lobby-page>.platform-header{background:var(--four-bg)}
.clubhouse-masthead h1,.game-title h1{font-family:'Arial Narrow','Avenir Next Condensed','Roboto Condensed',Impact,sans-serif;font-weight:850}
@media(max-width:760px){.clubhouse-rail .practice-game:not(:has(.game-monogram)){grid-template-columns:minmax(0,1fr)}}