/* GOAL LIVE — premium architecture, November 2026 */
:root{--lux-bg:#f8fafb;--lux-panel:#ffffff;--lux-ink:#17252f;--lux-muted:#697985;--lux-rule:#e1e7eb;--lux-gold:#236c7a}
html,body{background:var(--lux-bg)!important;color:var(--lux-ink)!important;color-scheme:light dark}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif!important}
.shell{padding:0 15px 98px!important;max-width:560px!important}
.shell>.top,.shell>.sub{display:none!important}
#app{padding:0!important}
.premium-header{margin:0 -15px 0;padding:21px 20px 0;background:linear-gradient(150deg,#1a2431 0%,#101720 68%,#0c1119 100%);border-bottom:1px solid var(--lux-rule)}
.premium-header-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px}
.premium-wordmark{display:inline-flex;align-items:center;position:relative;font-size:23px;font-weight:900;letter-spacing:-1.4px;color:#f5f4f1}
.premium-wordmark span{color:var(--lux-gold);margin-left:4px}
.premium-wordmark i{width:5px;height:5px;background:var(--lux-gold);border-radius:50%;margin-left:4px;align-self:flex-start;margin-top:3px}
.premium-header-actions{display:flex;gap:8px}
.premium-header-actions button{display:grid;place-items:center;width:39px;height:39px;background:#202c39;border:1px solid #34404d;border-radius:50%;color:#d5dee5}
.premium-header-actions svg{width:19px;height:19px}
.premium-header-actions button:last-child svg{transform:rotate(180deg)}
.premium-header-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:17px}
.premium-date{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;color:#f0f2f4;font-size:16px;font-weight:750;text-transform:capitalize;letter-spacing:-.25px}
.premium-date svg{color:var(--lux-gold)}
.premium-timezone{display:flex;align-items:center;gap:7px;color:#8c9ba7;font-size:10px;font-weight:750;letter-spacing:.6px}
.premium-timezone i{width:6px;height:6px;background:#dd6269;border-radius:50%}
.premium-calendar{display:none;padding:0 0 12px}
.premium-calendar.is-open{display:block}
.premium-calendar .calendar-week{border:0;margin:0;padding:0 0 8px}
.premium-calendar .calendar-day{color:#94a4b1}
.premium-calendar .calendar-day strong{color:#f0f2f4}
.premium-calendar .calendar-day.is-selected{background:var(--lux-gold);color:#101820}
.premium-calendar .calendar-day.is-selected strong{color:#101820}
.premium-calendar .calendar-day.is-selected i{background:#101820}
.premium-filters{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding:17px 0 16px;border-bottom:1px solid var(--lux-rule)}
.premium-filters::-webkit-scrollbar{display:none}
.premium-chip{flex:none;display:inline-flex;align-items:center;gap:7px;background:transparent;color:#9eabb5;border:1px solid transparent;border-radius:30px;padding:10px 14px;font-size:12px;font-weight:700}
.premium-chip.is-active{background:#e8e9e8;border-color:#e8e9e8;color:#17212c}
.premium-chip .live-dot{background:#dd6269;width:6px;height:6px}
.premium-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0 10px}
.premium-list-heading>span{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#9aa8b2}
.premium-list-heading b{color:var(--lux-gold);margin-left:4px;font-weight:700;letter-spacing:0}
.premium-league-select{max-width:130px;min-width:72px;border:1px solid #34404b;border-radius:8px;background:#18232e;color:#c9d2d9;padding:7px 8px;font-size:11px}
.premium-competition{margin:0 -15px 0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}
.premium-competition-heading{display:flex;align-items:center;gap:10px;padding:17px 17px 12px;background:var(--lux-bg);border-bottom:1px solid #1f2a35}
.premium-competition-emblem{display:grid;place-items:center;width:27px;height:27px;border:1px solid #46505b;border-radius:7px;color:var(--lux-gold);font-size:16px;flex:none}
.premium-competition-heading h2{margin:0;flex:1;min-width:0;font-size:13px;font-weight:750;color:#e4e9ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.premium-competition-count{font-size:11px;color:#778692}
.premium-competition-games{background:#101923}
.fixture-row{background:transparent!important;min-height:81px!important;border-bottom:1px solid #24303b!important}
.fixture-main{padding:10px 8px 10px 15px!important}
.fixture-time{color:#8494a1!important;border-right:1px solid #2c3944!important;font-size:11px!important}
.fixture-time.is-live{color:#e07177!important}
.fixture-name{color:#e0e5e8!important;font-size:12px!important}
.fixture-goals{color:#f3f4f4!important;font-size:14px!important}
.fixture-crest{background:#1e2935!important;color:#a9b4bf!important}
.fixture-favorite{color:#81919d!important}
.fixture-favorite.is-favorite{color:var(--lux-gold)!important}
.fixture-row:focus-within{outline:1px solid var(--lux-gold)!important}
.premium-empty{padding:35px 16px;color:#a5b0b8;text-align:center;font-size:13px}
.nav{background:#111a24!important;border-top:1px solid #293541!important;box-shadow:0 -10px 30px rgba(0,0,0,.2)}
.nav button{color:#8595a2!important;padding:12px 3px!important}
.nav button.sel{color:var(--lux-gold)!important}
.nav button.sel:before{background:var(--lux-gold)!important}
.notice{background:#1c2833!important;color:#b6c4cd!important;border:1px solid #34414e!important}
@media(max-width:370px){.premium-chip{padding:9px 11px}.premium-header{padding-left:16px;padding-right:16px}}

/* Theme follows system setting; no forced dark mode. */
.premium-header{background:var(--lux-panel)!important;border-bottom-color:var(--lux-rule)!important}
.premium-wordmark{color:var(--lux-ink)!important}
.premium-header-actions button{background:#f1f5f7!important;border-color:var(--lux-rule)!important;color:var(--lux-ink)!important}
.premium-date{color:var(--lux-ink)!important}
.premium-timezone{color:var(--lux-muted)!important}
.premium-filters{border-bottom-color:var(--lux-rule)!important}
.premium-chip{color:var(--lux-muted)!important}
.premium-chip.is-active{background:var(--lux-ink)!important;color:var(--lux-bg)!important;border-color:var(--lux-ink)!important}
.premium-list-heading>span,.premium-competition-count{color:var(--lux-muted)!important}
.premium-league-select{background:var(--lux-panel)!important;border-color:var(--lux-rule)!important;color:var(--lux-ink)!important}
.premium-competition-heading{background:var(--lux-bg)!important;border-bottom-color:var(--lux-rule)!important}
.premium-competition-heading h2,.fixture-name,.fixture-goals{color:var(--lux-ink)!important}
.premium-competition-games{background:var(--lux-panel)!important}
.fixture-row{border-bottom-color:var(--lux-rule)!important}
.fixture-time{color:var(--lux-muted)!important;border-right-color:var(--lux-rule)!important}
.fixture-crest{background:var(--lux-bg)!important;color:var(--lux-muted)!important}
.fixture-favorite{color:var(--lux-muted)!important}
.nav{background:var(--lux-panel)!important;border-top-color:var(--lux-rule)!important}
.nav button{color:var(--lux-muted)!important}
.premium-calendar .calendar-day{color:var(--lux-muted)!important}
.premium-calendar .calendar-day strong{color:var(--lux-ink)!important}
.premium-calendar .calendar-day.is-selected{background:var(--lux-ink)!important;color:var(--lux-bg)!important}
.premium-calendar .calendar-day.is-selected strong{color:var(--lux-bg)!important}
@media(prefers-color-scheme:dark){
:root{--lux-bg:#111a22;--lux-panel:#18242e;--lux-ink:#eef2f4;--lux-muted:#91a2ad;--lux-rule:#30404b;--lux-gold:#a7c9d0}
.premium-header-actions button{background:#22323e!important}
}