:root{--bg-top: #020202;--bg-mid: #0a0a0b;--bg-soft: #111215;--surface: rgba(20, 21, 24, .9);--surface-strong: #1a1b1f;--surface-muted: #141518;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text-main: #f4f1ea;--text-soft: #aaa59b;--text-dim: #7b766e;--accent: #c9a35a;--accent-strong: #f0cf90;--accent-soft: rgba(201, 163, 90, .16);--accent-ghost: rgba(255, 255, 255, .05);--shadow-xl: 0 28px 64px rgba(0, 0, 0, .42);font-family:Avenir Next,DIN Alternate,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-main);background:radial-gradient(circle at 15% 0%,rgba(240,207,144,.12),transparent 16%),radial-gradient(circle at 100% 8%,rgba(255,255,255,.06),transparent 18%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid) 24%,var(--bg-soft) 24%,#0d0e11 100%);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;background:transparent}p,h1,h2,h3{margin:0}button{font:inherit}#root{min-height:100vh}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px;animation:page-enter .42s ease-out}.page-nav{display:inline-flex;gap:10px;margin-bottom:18px;padding:8px;border:1px solid var(--line);border-radius:999px;background:#0e0f12bd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 34px #0003}.page-nav__link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;color:#d7d2c8;text-decoration:none;font-weight:700;letter-spacing:.02em;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.page-nav__link:hover{transform:translateY(-1px);background:#ffffff0a;color:var(--text-main)}.page-nav__link--active{background:linear-gradient(135deg,#c9a35a2e,#f0cf901a);color:var(--accent-strong);box-shadow:inset 0 0 0 1px #f0cf9029}.hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.9fr);gap:20px;align-items:stretch;color:var(--text-main)}.hero__content,.hero__panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;padding:30px;background:linear-gradient(150deg,rgba(255,255,255,.05),transparent 42%),linear-gradient(180deg,#121317f5,#090a0cfa);box-shadow:var(--shadow-xl)}.hero__content:before,.hero__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(240,207,144,.12),transparent 22%),linear-gradient(90deg,transparent 0%,rgba(255,255,255,.02) 50%,transparent 100%);pointer-events:none}.hero__content:after,.hero__panel:after{content:"";position:absolute;right:-46px;bottom:-72px;width:210px;height:210px;border-radius:999px;background:radial-gradient(circle,rgba(240,207,144,.12),transparent 72%);pointer-events:none}.hero__eyebrow,.section-tag{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong)}.hero h1{margin-top:10px;font-size:clamp(2.1rem,5vw,4rem);line-height:.98;letter-spacing:-.03em}.hero__summary{margin-top:18px;max-width:46rem;color:#bcb6ab;font-size:1rem}.hero__panel{display:flex;flex-direction:column;justify-content:center;gap:8px}.hero__panel-label,.hero__panel-note,.section-note{color:#9e988f;font-size:.92rem}.hero__panel strong{font-size:clamp(2.8rem,6vw,4.4rem);line-height:1;color:var(--accent-strong);text-shadow:0 0 34px rgba(240,207,144,.16)}.page-content{margin-top:28px}.league-filter{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.league-filter__chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#16171aeb;color:#d0cbc1;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease}.league-filter__chip:hover{transform:translateY(-1px);border-color:#f0cf903d;color:var(--text-main);box-shadow:0 12px 24px #00000038}.league-filter__chip--active{background:linear-gradient(135deg,#c9a35a2e,#f0cf9014);color:var(--accent-strong);border-color:#f0cf902e;box-shadow:0 18px 30px #00000038}.intro,.scoreboard-section,.site-footer{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:26px;box-shadow:0 22px 40px #00000042}.intro,.site-footer{padding:24px}.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:18px;align-items:center}.intro h2,.section-heading h2{margin-top:8px;font-size:1.64rem;color:var(--text-main)}.intro__text{color:var(--text-soft)}.scoreboard-section{margin-top:20px;padding:24px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:20px}.section-note{color:var(--text-dim)}.scoreboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.status-panel{padding:24px;border-radius:22px;border:1px dashed rgba(240,207,144,.2);background:linear-gradient(180deg,#16171bfa,#101113fa)}.status-panel--error{border-color:#dc747442;background:linear-gradient(180deg,#1f1214fa,#160f10fa)}.status-panel__title{font-size:1.05rem;font-weight:700;color:var(--text-main)}.status-panel__text{margin-top:8px;color:var(--text-soft)}.match-card{display:flex;flex-direction:column;gap:18px;width:100%;padding:18px;min-height:194px;border-radius:24px;background:linear-gradient(180deg,#1a1b1ffa,#121316fa);border:1px solid var(--line);box-shadow:0 18px 30px #00000038;text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.match-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px #00000052;border-color:#f0cf902e}.match-card:focus-visible{outline:3px solid rgba(240,207,144,.2);outline-offset:2px}.match-card__meta,.match-card__footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px;color:var(--text-dim);font-size:.88rem}.match-card__body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;flex:1}.match-card__teams{display:grid;gap:12px}.match-card__team{font-size:1rem;color:var(--text-main);word-break:break-word}.match-card__score{display:flex;align-items:center;gap:8px;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:var(--accent-strong);white-space:nowrap;text-shadow:0 0 28px rgba(240,207,144,.12)}.match-card__score--upcoming{flex-direction:column;align-items:flex-end;gap:4px;font-size:1.52rem;text-shadow:none}.match-card__score-note{font-size:.82rem;letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase}.match-card__separator{color:#f0cf906b}.match-card__status{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:999px;padding:6px 10px;background:#ffffff0f;color:var(--text-main);font-size:.82rem;font-weight:700;white-space:nowrap;border:1px solid rgba(255,255,255,.06)}.match-card__status--full,.match-card__status--high,.match-card__confidence--high{background:#c9a35a2e;color:var(--accent-strong)}.match-card__status--partial,.match-card__status--medium,.match-card__confidence--medium{background:#6c809629;color:#c0d0e0}.match-card__status--unavailable,.match-card__status--low,.match-card__confidence--low{background:#ffffff0f;color:#bab3a8}.match-card__action{margin-left:auto;color:var(--accent-strong);font-weight:600;white-space:nowrap;flex-shrink:0}.match-card__prediction{display:grid;gap:10px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#0f1012fa,#141518fa);border:1px solid rgba(240,207,144,.08)}.match-card__prediction-header{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--text-dim);font-size:.84rem}.match-card__confidence{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:700;white-space:nowrap}.match-card__prediction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.match-card__prediction-item{display:grid;gap:4px;padding:10px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);text-align:center}.match-card__prediction-item span{color:var(--text-dim);font-size:.78rem}.match-card__prediction-item strong{color:var(--accent-strong);font-size:1.12rem}.match-card__prediction-summary{font-weight:700;color:var(--text-main)}.match-card__prediction-note{color:var(--text-soft);font-size:.84rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px;background:#030405bd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.match-modal{position:relative;width:min(760px,100%);max-height:min(88vh,860px);overflow:auto;border-radius:30px;padding:28px;background:linear-gradient(180deg,#111215fc,#0c0d0ffc);border:1px solid var(--line-strong);box-shadow:0 34px 70px #00000080}.match-modal__close{position:absolute;top:18px;right:18px;width:40px;height:40px;border:1px solid rgba(240,207,144,.08);border-radius:999px;background:#ffffff08;color:var(--accent-strong);font-size:1.5rem;cursor:pointer}.match-modal__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-right:48px}.match-modal__header h2{margin-top:6px;font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.15;color:var(--text-main)}.match-modal__scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:center;margin-top:24px;padding:22px;border-radius:24px;background:radial-gradient(circle at top,rgba(240,207,144,.14),transparent 28%),linear-gradient(145deg,#0d0e10,#16181b);color:var(--text-main);border:1px solid rgba(240,207,144,.08)}.match-modal__team{display:grid;justify-items:center;gap:12px;text-align:center}.match-modal__team strong{font-size:1.1rem}.match-modal__badge{width:64px;height:64px;object-fit:contain;background:#fffffff5;border-radius:16px;padding:8px}.match-modal__score{display:flex;align-items:center;gap:10px;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;white-space:nowrap;color:var(--accent-strong)}.match-modal__score--upcoming{flex-direction:column;align-items:center;gap:6px;font-size:clamp(2.1rem,6vw,3.1rem)}.match-modal__score-note{font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.match-modal__prediction{margin-top:20px;padding:20px;border-radius:22px;background:linear-gradient(180deg,#0d0e10fa,#121316fa);border:1px solid rgba(240,207,144,.08)}.match-modal__prediction-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.match-modal__prediction-header h3{margin-top:6px;font-size:1.3rem;color:var(--text-main)}.match-modal__prediction-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.match-modal__prediction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.match-modal__prediction-item{display:grid;gap:6px;padding:16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);text-align:center}.match-modal__prediction-item span{color:var(--text-dim);font-size:.86rem}.match-modal__prediction-item strong{color:var(--accent-strong);font-size:1.55rem}.match-modal__factors{display:grid;gap:10px;margin-top:18px}.match-modal__factor{padding:12px 14px;border-radius:14px;background:#ffffff08;color:var(--text-soft);border:1px solid rgba(255,255,255,.05)}.match-modal__meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.match-modal__meta-item{display:grid;gap:6px;padding:18px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.match-modal__meta-item span{color:var(--text-dim);font-size:.88rem}.match-modal__meta-item strong{color:var(--text-main);word-break:break-word}.site-footer{display:flex;justify-content:space-between;gap:16px;margin-top:20px;color:var(--text-soft);font-size:.95rem}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.scoreboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 780px){.app-shell{width:min(100% - 20px,100%);padding-top:16px}.page-nav{display:flex;width:100%;justify-content:space-between}.page-nav__link{flex:1}.league-filter{gap:10px}.league-filter__chip{flex:1 1 calc(50% - 10px)}.hero,.intro,.site-footer,.section-heading,.match-card__body{grid-template-columns:1fr}.hero,.intro{display:grid}.section-heading,.site-footer{display:flex;flex-direction:column;align-items:flex-start}.scoreboard-grid{grid-template-columns:1fr}.hero__content,.hero__panel,.intro,.scoreboard-section,.site-footer{padding:20px;border-radius:22px}.match-card{min-height:auto}.match-card__body{display:flex;flex-direction:column;align-items:flex-start}.match-card__score{font-size:2.3rem}.match-card__score--upcoming{align-items:flex-start;font-size:1.45rem}.match-card__prediction-grid,.match-modal__prediction-grid,.match-modal__meta-grid{grid-template-columns:1fr}.match-modal{padding:22px;border-radius:24px}.match-modal__header{flex-direction:column;padding-right:34px}.match-modal__scoreboard{grid-template-columns:1fr;justify-items:center}.match-modal__score{font-size:2.6rem}.match-modal__prediction-header{flex-direction:column}.match-modal__prediction-badges{justify-content:flex-start}}