@import url("https://fonts.googleapis.com/css2?family=Bungee+Inline&family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap");:root,html[data-theme=light]{color-scheme:light;--bg:#edf2fa;--bg-2:#e7effb;--surface:hsla(0,0%,100%,.88);--surface-solid:hsla(0,0%,100%,.95);--surface-soft:hsla(0,0%,100%,.78);--ink:#09172b;--muted:#4f6785;--line:rgba(140,168,200,.38);--line-strong:rgba(108,143,188,.58);--brand:#0f79ff;--brand-ink:#0b4ea9;--teal:#0d9488;--amber:#d97706;--danger:#dc2626;--nav-bg-from:hsla(0,0%,100%,.86);--nav-bg-to:hsla(0,0%,100%,.72);--sidebar-bg-from:hsla(0,0%,100%,.84);--sidebar-bg-to:hsla(0,0%,100%,.72);--radius-lg:0;--radius-md:0;--radius-sm:0;--shadow-1:0 8px 24px rgba(16,35,60,.08);--shadow-2:0 14px 40px rgba(12,27,46,.12);--space-stack:9px;--space-card:10px;--space-chip-y:5px;--space-chip-x:9px;--space-card-row:7px;--font-body:1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0f1724;--bg-2:#142034;--surface:rgba(24,33,50,.82);--surface-solid:rgba(27,37,55,.92);--surface-soft:rgba(25,35,54,.72);--ink:#e3edf9;--muted:#9db2cc;--line:rgba(126,154,189,.34);--line-strong:rgba(145,173,207,.54);--brand:#67a8ff;--brand-ink:#9ec9ff;--teal:#4cd3b2;--amber:#ffb257;--danger:#ff7f8c;--nav-bg-from:rgba(29,40,60,.82);--nav-bg-to:rgba(20,28,44,.68);--sidebar-bg-from:rgba(28,39,58,.8);--sidebar-bg-to:rgba(20,28,44,.68);--shadow-1:0 10px 32px rgba(2,6,14,.45);--shadow-2:0 14px 40px rgba(2,6,14,.55)}}html[data-theme=dark]{color-scheme:dark;--bg:#0f1724;--bg-2:#142034;--surface:rgba(24,33,50,.82);--surface-solid:rgba(27,37,55,.92);--surface-soft:rgba(25,35,54,.72);--ink:#e3edf9;--muted:#9db2cc;--line:rgba(126,154,189,.34);--line-strong:rgba(145,173,207,.54);--brand:#67a8ff;--brand-ink:#9ec9ff;--teal:#4cd3b2;--amber:#ffb257;--danger:#ff7f8c;--nav-bg-from:rgba(29,40,60,.82);--nav-bg-to:rgba(20,28,44,.68);--sidebar-bg-from:rgba(28,39,58,.8);--sidebar-bg-to:rgba(20,28,44,.68);--shadow-1:0 10px 32px rgba(2,6,14,.45);--shadow-2:0 14px 40px rgba(2,6,14,.55)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;color:var(--ink);font-family:Manrope,Noto Sans HK,sans-serif;font-size:17px;background:radial-gradient(950px 480px at 0 -10%,color-mix(in srgb,var(--brand) 16%,transparent) 0,transparent 72%),radial-gradient(620px 320px at 100% 0,color-mix(in srgb,var(--teal) 14%,transparent) 0,transparent 62%),linear-gradient(180deg,var(--bg-2) 0,var(--bg) 58%,color-mix(in srgb,var(--bg) 87%,#000 13%) 100%)}a{color:inherit;text-decoration:none}.app-frame{position:relative;max-width:1320px;margin:0 auto;padding:24px 18px 72px}.app-frame:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(116,147,185,.07) 1px,transparent 0),linear-gradient(90deg,rgba(116,147,185,.07) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,#000 36%,transparent 86%);mask-image:radial-gradient(circle at center,#000 36%,transparent 86%);z-index:-1}.masthead{display:grid;grid-gap:8px;gap:8px;margin-bottom:8px}.masthead-grid{border:0;background:transparent;border-radius:0;box-shadow:none;padding:0;display:grid;grid-gap:6px;gap:6px;align-items:center}.masthead-minimal{grid-template-columns:1fr}.brand-lockup{display:inline-flex;align-items:center;gap:0;min-width:0}.brand-wordmark{display:inline-block;font-family:Bungee Inline,cursive;font-size:clamp(1.42rem,2.4vw,2rem);letter-spacing:.02em;line-height:1;color:color-mix(in srgb,var(--brand-ink) 74%,var(--ink) 26%)}.main-nav{position:relative;display:flex;gap:10px;justify-content:space-between;align-items:center;padding:5px 6px;border-radius:0;border:0;background:linear-gradient(180deg,var(--nav-bg-from) 0,var(--nav-bg-to) 72%,color-mix(in srgb,var(--nav-bg-to) 32%,transparent) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 22px rgba(15,33,59,.08);overflow:hidden}.main-nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;pointer-events:none;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--bg) 55%,transparent) 100%)}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.nav-link{padding:6px 10px;border-radius:0;border:1px solid transparent;color:color-mix(in srgb,var(--ink) 74%,var(--muted) 26%);font-size:.92rem;font-weight:700;transition:all .18s ease}.nav-link:hover{color:var(--brand-ink);border-color:color-mix(in srgb,var(--line-strong) 76%,transparent);background:color-mix(in srgb,var(--surface-solid) 92%,transparent)}.theme-toggle{display:inline-flex;border:0;background:color-mix(in srgb,var(--surface-solid) 90%,transparent);border-radius:0;padding:2px;gap:2px}.theme-btn{border:0;background:transparent;color:var(--muted);border-radius:0;padding:5px 10px;font-size:.82rem;font-weight:800;cursor:pointer}.theme-btn.is-active{background:color-mix(in srgb,var(--brand) 18%,var(--surface-solid) 82%);color:var(--brand-ink)}h1,p{margin:0}p{color:var(--muted);font-size:calc(1rem * var(--font-body))}.stack{display:grid;grid-gap:var(--space-stack);gap:var(--space-stack);margin-top:14px}.card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-card);animation:enter .22s ease both}@keyframes enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.row{display:flex;justify-content:space-between;gap:12px}.badge,.row{align-items:center}.badge{display:inline-flex;border:1px solid #a9c9f3;color:#0d447f;background:#e1efff;border-radius:0;font-size:.84rem;font-weight:800;padding:3px 8px}.muted-line{color:var(--muted);font-size:.94rem}.panel-header{background:linear-gradient(140deg,#fbfdff,#f3f9ff 70%,#f0faf6);border-color:#c9dcf2}.filter-wrap{padding-top:6px;padding-bottom:6px;border-style:solid}.command-bar{position:-webkit-sticky;position:sticky;top:8px;z-index:25;border:0;background:linear-gradient(180deg,var(--sidebar-bg-from) 0,var(--sidebar-bg-to) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 22px rgba(15,34,59,.08)}.filter-group{display:grid;grid-gap:4px;gap:4px;margin-bottom:3px}.filter-title{font-size:.82rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.filter-split{display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip-row-scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.chip-row-scroll .chip{white-space:nowrap}.compact-filter{display:grid;grid-gap:6px;gap:6px}.schedule-shell{display:grid;grid-gap:8px;gap:8px}.schedule-shell.has-sidebar{grid-template-columns:260px minmax(0,1fr);align-items:start}.schedule-sidebar{position:relative;padding:8px 9px;max-height:calc(100vh - 96px);overflow:auto;background:linear-gradient(180deg,var(--sidebar-bg-from) 0,var(--sidebar-bg-to) 74%,color-mix(in srgb,var(--sidebar-bg-to) 28%,transparent) 100%)}.schedule-sidebar:after{content:"";position:-webkit-sticky;position:sticky;left:0;right:0;bottom:-1px;display:block;height:14px;pointer-events:none;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--bg) 58%,transparent) 100%)}.schedule-main{display:grid;grid-gap:8px;gap:8px;min-width:0}.sidebar-group+.sidebar-group{border-top:1px solid color-mix(in srgb,var(--line-strong) 56%,transparent);margin-top:4px;padding-top:8px}.sidebar-chip-list{display:grid;grid-gap:4px;gap:4px}.sidebar-chip-list-scroll{max-height:58vh;overflow:auto;padding-right:2px}.sidebar-chip{width:100%;justify-content:flex-start;border:0!important;background:transparent;padding:4px 6px;box-shadow:none}.filter-collapsible{border-top:1px solid #d8e4f2;padding-top:6px}.filter-summary{cursor:pointer;color:#244264;font-size:.84rem;font-weight:700;list-style:none}.filter-summary::-webkit-details-marker{display:none}.chip{border:1px solid var(--line);background:color-mix(in srgb,var(--surface-solid) 94%,transparent);color:color-mix(in srgb,var(--ink) 72%,var(--muted) 28%);border-radius:0;padding:4px 8px;font-size:.82rem;line-height:1;font-weight:700}.chip:hover{border-color:var(--line-strong)}.chip.is-active{border-color:color-mix(in srgb,var(--brand) 48%,var(--line-strong) 52%);background:color-mix(in srgb,var(--brand) 18%,var(--surface-solid) 82%);color:var(--brand-ink)}.sidebar-chip.is-active{border:0!important;background:transparent;color:var(--brand-ink)}.mobile-filter-row{display:none}.mobile-filter-item{display:grid;grid-gap:3px;gap:3px;font-size:.72rem;color:var(--muted);font-weight:700}.mobile-filter-item select{border:1px solid color-mix(in srgb,var(--line-strong) 58%,transparent);border-radius:0;background:color-mix(in srgb,var(--surface-solid) 92%,transparent);color:var(--ink);font:inherit;font-size:.82rem;padding:5px 6px;min-height:32px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 2px}.section-head h2{margin:0;font-family:Sora,Noto Sans HK,sans-serif;font-size:1.08rem;letter-spacing:.01em}.section-tag{font-size:.82rem;font-weight:800;letter-spacing:.03em;border-radius:0;padding:3px 9px;border:1px solid var(--line-strong);color:color-mix(in srgb,var(--ink) 72%,var(--muted) 28%);background:color-mix(in srgb,var(--surface-solid) 92%,transparent)}.section-tag.live{border-color:color-mix(in srgb,var(--teal) 45%,var(--line-strong) 55%);color:color-mix(in srgb,var(--teal) 80%,var(--ink) 20%);background:color-mix(in srgb,var(--teal) 16%,var(--surface-solid) 84%)}.section-tag.pre{border-color:color-mix(in srgb,var(--brand) 42%,var(--line-strong) 58%);color:color-mix(in srgb,var(--brand-ink) 84%,var(--ink) 16%);background:color-mix(in srgb,var(--brand) 14%,var(--surface-solid) 86%)}.fixture-list{display:grid;grid-gap:var(--space-card-row);gap:var(--space-card-row)}.fixture-card{position:relative;display:grid;grid-gap:6px;gap:6px;padding-top:7px;padding-bottom:7px;border-radius:0;border:1px solid color-mix(in srgb,var(--line-strong) 62%,transparent);background:linear-gradient(180deg,var(--surface-solid) 0,color-mix(in srgb,var(--surface-solid) 92%,transparent) 100%)}.fixture-card:before{content:"";position:absolute;inset:7px auto 7px 0;width:3px;border-radius:0;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 78%,#fff 22%) 0,color-mix(in srgb,var(--teal) 78%,#fff 22%) 100%)}.fixture-meta{display:flex;gap:5px;flex-wrap:wrap;color:var(--muted);font-size:.81rem;font-weight:600;line-height:1.15}.fixture-card.has-top-stats .fixture-meta{padding-right:196px}.fixture-top-stats{position:absolute;top:8px;right:10px;gap:8px;color:color-mix(in srgb,var(--ink) 64%,var(--muted) 36%);font-size:.72rem;white-space:nowrap}.fixture-top-stats,.status-pill{display:inline-flex;font-weight:700}.status-pill{align-items:center;gap:6px;border-radius:0;padding:0;font-size:.78rem;border:0;background:transparent}.status-signal{width:8px;height:8px;border-radius:999px;box-shadow:0 0 0 0 rgba(0,0,0,.3);animation:statusPulse 1.8s ease-in-out infinite}.status-signal.warning{background:#f3b300;box-shadow:0 0 10px rgba(243,179,0,.48)}.status-signal.live{background:#1db56f;box-shadow:0 0 10px rgba(29,181,111,.48)}@keyframes statusPulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}.status-live{color:color-mix(in srgb,var(--teal) 82%,var(--ink) 18%)}.status-done,.status-live{border:0;background:transparent}.status-done{color:color-mix(in srgb,var(--ink) 66%,var(--muted) 34%)}.status-stale{color:color-mix(in srgb,var(--amber) 80%,var(--ink) 20%)}.status-ns,.status-stale{border:0;background:transparent}.status-ns{color:color-mix(in srgb,var(--brand-ink) 82%,var(--ink) 18%)}.fixture-main{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-gap:8px;gap:8px;width:100%;margin-top:1px}.fixture-main,.team-side{display:grid;align-items:center}.team-side{min-width:0;grid-gap:6px;gap:6px}.team-home{grid-template-columns:minmax(0,1fr) auto;justify-items:end}.team-away{grid-template-columns:auto minmax(0,1fr);justify-items:start}.team-block-away{justify-content:flex-start}.team-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;border:1px solid #d7e5f3;border-radius:0;background:#fdfefe;padding:5px 8px}.team-block{display:flex;align-items:center;gap:8px;min-width:0}.team-home .team-block{justify-content:flex-end}.team-name{font-weight:800;color:color-mix(in srgb,var(--ink) 88%,var(--muted) 12%);font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:none}.team-home .team-name{text-align:right}.team-away .team-name{text-align:left}.team-logo{object-fit:contain;background:color-mix(in srgb,var(--surface-solid) 90%,transparent)}.team-fallback,.team-logo{width:20px;height:20px;border-radius:0}.team-fallback{background:color-mix(in srgb,var(--line) 55%,var(--surface-solid) 45%);color:color-mix(in srgb,var(--ink) 64%,var(--muted) 36%);display:inline-flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:800}.fixture-score{min-width:72px;text-align:center;color:var(--muted);font-weight:700}.fixture-score.is-score{font-size:1.08rem;color:var(--ink)}.fixture-center{grid-gap:2px;gap:2px;border:1px solid #b7d2ee;border-radius:0;background:linear-gradient(180deg,#f2f8ff,#e8f3ff);min-width:98px;padding:8px 10px}.fixture-center,.fixture-result{display:grid;justify-items:center}.fixture-result{align-content:center;grid-gap:1px;gap:1px;border:0;background:transparent;min-width:80px;padding:0}.fixture-extra{gap:14px;color:#294667;font-size:.9rem;font-weight:600;max-width:760px;margin:0 auto}.fixture-actions,.fixture-extra{display:flex;flex-wrap:wrap;width:100%}.fixture-actions{gap:6px;margin-top:0;justify-content:flex-start}.fixture-foot{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px}.btn-link{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:0;border:1px solid transparent;font-size:.8rem;font-weight:800}.btn-link.primary{border-color:#a8c9f1;color:#0f4a8f;background:#e2efff}.btn-link.subtle{border-color:#c1d2e4;color:#2f4c6e;background:#f7fafc}.btn-link.dark{border-color:#b7c7db;color:#1d344d;background:#eaf0f7}.empty-card{color:var(--muted)}.summary-grid-wrap{padding-top:12px;padding-bottom:12px}.summary-grid{display:grid;grid-gap:10px;gap:10px}.model-grid,.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-card{border:1px solid var(--line);border-radius:0;padding:10px;display:grid;grid-gap:4px;gap:4px;background:#fff;transition:border-color .15s ease,transform .15s ease}.summary-card:hover{border-color:#bfd5f3;transform:translateY(-1px)}.summary-card.is-active{border-color:#b2cff5;background:#f6faff}.summary-head{display:flex;justify-content:space-between;gap:8px;font-size:.9rem}.summary-card p{font-size:.87rem}.kpi-wrap{padding-top:12px;padding-bottom:12px}.quick-kpi-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.quick-kpi{display:grid;grid-gap:3px;gap:3px;border-radius:var(--radius-md);border-color:#c9dbf0;background:linear-gradient(180deg,#fff,#f7fbff)}.quick-kpi span{font-size:.82rem;color:var(--muted);font-weight:700}.quick-kpi strong{font-family:Sora,Noto Sans HK,sans-serif;font-size:1.4rem;line-height:1.15}.kpi-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}.kpi-item{border:1px solid var(--line);border-radius:0;padding:8px;display:grid;grid-gap:4px;gap:4px;background:#fff}.kpi-item span{font-size:.82rem;color:var(--muted);font-weight:700}.kpi-item strong{font-size:1.05rem}.pick-list{display:grid;grid-gap:var(--space-card-row);gap:var(--space-card-row)}.pick-card{border:1px solid var(--line);border-radius:0;padding:calc(var(--space-card) - 2px);display:grid;grid-gap:6px;gap:6px;background:#fff}.pick-row{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.pick-link{font-weight:800;color:#102338}.pick-meta{font-size:.88rem;color:var(--muted)}.pick-data{gap:6px;align-items:center;font-size:.92rem;color:#334f6f}.pick-data,.pick-stats{display:flex;flex-wrap:wrap}.pick-stats{gap:12px;font-size:.9rem;font-weight:600}.prediction-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pill{display:inline-flex;align-items:center;border-radius:0;border:1px solid var(--line);padding:2px 8px;font-size:.8rem;color:#35516f;background:#fff;font-weight:700}.pill.small{font-size:.76rem}.result-win{background:#e2faef;border-color:#a5e8c8;color:#0f6d4f}.result-lose{background:#fee9ea;border-color:#f7c4c8;color:#a3262b}.result-push{background:#fff4e6;border-color:#ffd8b2;color:#9a4d10}.result-pending{background:#e5f5ff;border-color:#b9e2fb;color:#085e8b}.result-skip{background:#edf2f8;border-color:#d0d8e3;color:#33485f}.is-positive{color:#0f7a67}.is-negative{color:var(--danger)}.is-neutral{color:var(--muted)}.pagination-wrap{padding-top:12px;padding-bottom:12px}.topnav{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.topnav a{border:1px solid var(--line);background:#fff;border-radius:0;padding:6px 10px;color:#33506d;font-size:.86rem}@media (max-width:1024px){.masthead-grid,.schedule-shell.has-sidebar{grid-template-columns:1fr}.schedule-sidebar{position:static;max-height:none;overflow:visible}.sidebar-chip-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-chip-list-scroll{max-height:none}.model-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.app-frame{padding-left:12px;padding-right:12px}.masthead-grid{border-radius:0;padding:9px 10px}.main-nav{overflow-x:auto;white-space:nowrap;align-items:center}.nav-links{flex-wrap:nowrap}.filter-split,.sidebar-chip-list{grid-template-columns:1fr}.schedule-sidebar{position:-webkit-sticky;position:sticky;top:6px;z-index:40;padding:7px 8px}.sidebar-group{display:none}.mobile-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}.fixture-main{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);gap:4px}.fixture-card.has-top-stats .fixture-meta,.fixture-meta{padding-right:0}.fixture-top-stats{position:static;margin-top:-1px;margin-bottom:1px;white-space:normal;justify-content:flex-start}.fixture-result{min-width:96px;padding:3px 4px}.team-name{max-width:98px;font-size:.88rem}.fixture-foot{flex-direction:column;align-items:flex-start;gap:5px}.fixture-actions{justify-content:flex-start}.model-grid,.quick-kpi-grid,.summary-grid{grid-template-columns:1fr}.command-bar{top:6px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.card,.summary-card{animation:none;transition:none}.status-signal{animation:none}}