/* Club identity must reach the canvas, including mobile overrides. */
:root,:root[data-theme="dark"],:root[data-theme="light"]{
 --bg:color-mix(in srgb,var(--club,#245fc1) 27%,#060c15);
 --panel:color-mix(in srgb,var(--club,#245fc1) 19%,#101823);
 --line:color-mix(in srgb,var(--club,#245fc1) 39%,#354350);
 --soft:color-mix(in srgb,var(--club,#245fc1) 26%,#14202b);
 --tint:color-mix(in srgb,var(--club,#245fc1) 40%,#14202b);
 --field:color-mix(in srgb,var(--club,#245fc1) 12%,#0a111a);
}
html,body{background:var(--bg)}
body{background-image:radial-gradient(ellipse at 50% -20%,rgba(var(--clubRGB,36,95,193),.32),transparent 62%);background-attachment:fixed}
.top,.mobile-nav{background:color-mix(in srgb,var(--club,#245fc1) 24%,#070e19);border-color:var(--line)}
.teamchip,.mobile-next-fixture,.mobile-competition-nav,.live-widget,.home-standings,.next,.tabs,.clubhero{background:var(--panel);border-color:var(--line);color:var(--ink)}
.clubhero{background:linear-gradient(115deg,rgba(var(--clubRGB),.52),var(--panel));border-top:3px solid var(--club)}
.stadiumhero{border-color:var(--clubLight);box-shadow:inset 0 0 0 1px rgba(var(--clubRGB),.35)}
.stadiumhero .mobile-match{background:linear-gradient(145deg,rgba(var(--clubRGB),.56),rgba(var(--clubRGB),.15));border-radius:12px;padding:16px}
.mobile-team-switch strong,.mobile-nav button[aria-current=page]{color:var(--clubLight)}
.mobile-nav button[aria-current=page]{background:rgba(var(--clubRGB),.26)}
.standing-row,.home-standings h2,.home-standings .standing-labels{color:var(--ink);border-color:var(--line)}
.compact-clocks{display:block;min-width:0}.compact-clocks .fixture-times{display:grid;gap:3px;min-width:0}
.compact-clocks .fixture-time-row{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap;font-size:12px}
.compact-clocks .fixture-time-country,.compact-clocks .fixture-time-date,.compact-clocks .kickoff-time{font-size:12px!important;line-height:1.5}
.compact-clocks .kickoff-time{padding:0!important;border:0!important;background:none!important;min-width:0!important}
.compact-clocks .fixture-time-country small{font-size:12px;display:inline}.compact-clocks .fixture-time-row:nth-child(2){color:var(--mute)}
.mobile-next-fixture .compact-clocks .fixture-time-row{justify-content:flex-start}
.report-button{border:1px solid var(--line);border-radius:7px;padding:7px 11px!important;min-height:36px;color:var(--ink)!important;background:var(--soft);font-size:14px!important}
.saved-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.saved-tabs button{min-height:44px}
@media(max-width:1100px){.card,.box,.card.list,.post,.cmt{background:var(--panel);color:var(--ink);border-color:var(--line)}.box .logo{color:var(--ink)!important}.fld input,.fld textarea,.fld select{background:var(--field);color:var(--ink);border-color:var(--line)}.mobile-next-fixture .next-content{gap:7px}.stadiumhero .hero-grid{padding:12px}.stadiumhero .mobile-match{padding:12px}.home-standings .standing-row b{color:var(--ink)}}

/* Keep each country's date and kickoff next to its label. */
.fixture-times{width:max-content;max-width:100%;gap:6px}
.fixture-time-row{display:grid!important;grid-template-columns:86px 94px max-content!important;justify-content:start!important;column-gap:12px!important;align-items:center}
.fixture-time-country{display:inline-flex;gap:5px;align-items:baseline;white-space:nowrap}
.fixture-time-date{white-space:nowrap}.kickoff-time{justify-self:start!important}
.fixture-info{align-items:flex-start}.footer-contact{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.footer-contact a{color:inherit;text-underline-offset:3px}
.compact-clocks .fixture-time-row{grid-template-columns:74px 80px max-content!important;gap:7px!important}
@media(max-width:500px){.fixture-time-row{grid-template-columns:78px 82px max-content!important;column-gap:8px!important}.fixture-time-country,.fixture-time-date{font-size:14px!important}.kickoff-time{font-size:18px!important}.compact-clocks .fixture-time-row{grid-template-columns:68px 75px max-content!important;gap:5px!important}.footer-contact{gap:8px}.fixture-times{width:auto}}

.email-auth-pane{width:100%;display:grid;gap:12px}.email-auth-pane form{display:grid;gap:12px}.email-auth-pane .fld{margin:0}.email-auth-pane input{min-height:46px;font-size:16px}.email-auth-pane .btn{width:100%}.email-auth-pane .textlink{font-size:14px;min-height:36px}.auth-divider{text-align:center;color:var(--mute);font-size:13px;width:100%;margin:12px 0}.social-login{width:100%}.auth-success{font-size:14px;color:var(--live);margin:0}.firebase-profile-status:empty{display:none}

/* Keep sign-in reachable at every width, including phones and tablets. */
.top .login-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;font-size:14px;padding:9px 12px}
.existing-login{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.existing-account{padding:16px;margin:16px 0;background:var(--soft);border:1px solid var(--line);border-radius:10px}
.existing-account h3{margin:0 0 8px;font-size:16px}.existing-account .btn{width:100%;margin-top:8px}
@media(max-width:1100px){.top .tools{gap:6px}.top .login-button{display:inline-flex;min-width:58px}.top .teamchip{display:none}.topin{gap:8px}.logo{min-width:0;flex-shrink:1}.logo span{white-space:nowrap}}
@media(max-width:365px){.top .login-button{padding:8px;min-width:54px}.top .tools{gap:3px}.top .logo{font-size:17px}.top .brand-crown{width:20px}}

/* All league choices remain visible; no hidden horizontal overflow. */
.team-picker .picker-leagues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding:0;margin:18px 0 14px}
.team-picker .picker-leagues button{width:100%;min-width:0;min-height:44px;padding:10px 8px;font-size:14px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;color:var(--ink);border-color:var(--line)}
.team-picker .picker-leagues button.selected{color:var(--clubLight);border-color:var(--clubLight);background:var(--clubSoft)}
@media(max-width:600px){.team-picker .picker-leagues{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.team-picker .picker-teams button b{font-size:14px}}