:root{color-scheme:dark;font-family:Space Grotesk,sans-serif;line-height:1.4;font-weight:400;background:radial-gradient(circle at top left,rgba(96,226,255,.16),transparent 34%),radial-gradient(circle at 85% 10%,rgba(120,255,193,.1),transparent 24%),linear-gradient(180deg,#061320,#081726 48%,#040d15);color:#f5fbff;--page-max: 78rem;--surface: rgba(8, 23, 36, .78);--surface-strong: rgba(10, 28, 43, .94);--surface-soft: rgba(13, 37, 57, .68);--border: rgba(167, 218, 241, .12);--text: #f5fbff;--muted: #9fbccf;--accent: #67d7ff;--accent-2: #7ff5bf;--accent-3: #ffd36d;--danger: #ff6483;--shadow: 0 26px 60px rgba(1, 7, 12, .45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent 0,transparent calc(50% - 17rem),rgba(135,212,245,.05) calc(50% - 17rem),rgba(135,212,245,.05) calc(50% - 16.4rem),transparent calc(50% - 16.4rem),transparent calc(50% + 16.4rem),rgba(135,212,245,.05) calc(50% + 16.4rem),rgba(135,212,245,.05) calc(50% + 17rem),transparent calc(50% + 17rem));opacity:.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{width:min(100%,var(--page-max));margin:0 auto;padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(4rem + env(safe-area-inset-bottom));display:grid;gap:1rem}.hero-panel,.section-panel,.detail-sheet{position:relative;overflow:hidden;border:1px solid var(--border);background:linear-gradient(180deg,#0c2436f5,#05121cfa);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px)}.hero-panel{border-radius:1.8rem;padding:1.2rem;display:grid;gap:1rem;animation:rise .7s ease both}.hero-panel:after{content:"";position:absolute;inset:auto -3rem -4rem auto;width:13rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(103,215,255,.24),transparent 68%)}.hero-copy{display:grid;gap:.8rem}.hero-copy h1,.section-heading h2,.detail-header h2{margin:0;font-family:Bebas Neue,sans-serif;letter-spacing:.06em;line-height:.96;text-transform:uppercase}.hero-copy h1{font-size:clamp(2.8rem,11vw,5.7rem);max-width:10ch}.hero-copy p{margin:0;color:var(--muted);max-width:33rem}.eyebrow,.section-eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:var(--accent-2)}.hero-actions,.meta-row,.section-heading,.card-topline,.card-footer,.detail-header,.event-topline,.detail-links{display:flex;align-items:center;gap:.8rem;justify-content:space-between}.hero-actions,.detail-links{flex-wrap:wrap}.summary-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;align-items:stretch}.action-button,.link-button,.ghost-button,.icon-button{border:1px solid transparent;border-radius:999px;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.action-button,.link-button{padding:.8rem 1rem}.action-button{background:linear-gradient(135deg,var(--accent) 0%,#84fce7 100%);color:#041018;font-weight:700}.action-button:disabled{opacity:.6}.link-button,.ghost-button,.icon-button{border-color:var(--border);background:#ffffff0a;color:var(--text)}.ghost-button{padding:.6rem .9rem}.icon-button{width:2.8rem;height:2.8rem;font-size:1.4rem}.action-button:hover,.link-button:hover,.ghost-button:hover,.icon-button:hover,.game-card:hover{transform:translateY(-2px)}.stat-pill{width:100%;min-width:0;border-radius:1.35rem;padding:.9rem .95rem;border:1px solid var(--border);background:linear-gradient(180deg,#091926eb,#06121cd1);display:grid;gap:.65rem;position:relative;overflow:hidden;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}.stat-pill:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--pill-accent, rgba(255, 255, 255, .22))}.stat-pill:after{content:"";position:absolute;inset:auto -1.5rem -1.75rem auto;width:5rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--pill-glow, rgba(255, 255, 255, .12)),transparent 68%);pointer-events:none}.stat-pill-active{border-color:#67d7ff57;box-shadow:inset 0 0 0 1px #67d7ff1f,0 16px 34px #020c165c;transform:translateY(-2px)}.stat-pill span,.meta-row,.card-time,.team-name,.detail-form,.detail-meta-text,.meta-card span,.breakdown-label,.event-topline span:last-child,.empty-state,.detail-loading,.detail-error p{color:var(--muted)}.stat-pill-number,.team-score,.mega-score{font-family:Bebas Neue,sans-serif;letter-spacing:.08em}.stat-pill-live{--pill-accent: linear-gradient(135deg, #7ff5bf 0%, #aaf8db 100%);--pill-glow: rgba(127, 245, 191, .18)}.stat-pill-final{--pill-accent: linear-gradient(135deg, #ffd36d 0%, #ffe29d 100%);--pill-glow: rgba(255, 211, 109, .18)}.stat-pill-upcoming{--pill-accent: linear-gradient(135deg, #67d7ff 0%, #93e5ff 100%);--pill-glow: rgba(103, 215, 255, .18)}.stat-pill-archive{--pill-accent: linear-gradient(135deg, #ff9e5c 0%, #ffd08d 100%);--pill-glow: rgba(255, 158, 92, .18)}.status-chip-live,.event-badge-goal{color:#effff6;background:linear-gradient(135deg,#0d7a48,#20ab67);border-color:#7ff5bf42}.event-badge-shootout{color:#fff7ee;background:linear-gradient(135deg,#b76523,#dd8b3e);border-color:#ff9e5c4d}.status-chip-final,.event-badge-review{color:#fff7e7;background:linear-gradient(135deg,#a67912,#d1a233);border-color:#ffd36d47}.status-chip-upcoming,.event-badge-lineup{color:#eef9ff;background:linear-gradient(135deg,#0d6f97,#249ecf);border-color:#67d7ff47}.event-badge-period{color:#f4fbff;background:#ffffff1a;border-color:#ffffff1f}.stat-pill-label{text-transform:uppercase;font-size:.72rem;letter-spacing:.18em;color:#eaf7ffc7}.stat-pill-body{display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem}.stat-pill-number{min-width:3.2rem;min-height:3.2rem;padding:.35rem .7rem;border-radius:1rem;display:grid;place-items:center;font-size:clamp(2rem,4vw,2.5rem);line-height:1;color:#eff9ff;background:#ffffff14;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff14}.stat-pill-meta{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:#9fbccfe0;margin-bottom:.3rem}.stat-pill-live .stat-pill-number{color:#cffff0;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #7ff5bf1f}.stat-pill-final .stat-pill-number{color:#fff0b8;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffd36d1f}.stat-pill-upcoming .stat-pill-number{color:#d0f2ff;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #67d7ff1f}.stat-pill-archive .stat-pill-number{color:#fff4df;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ff9e5c24}.meta-row{flex-wrap:wrap;font-size:.85rem}.section-panel{border-radius:1.6rem;padding:1rem;display:grid;gap:.9rem;animation:rise .7s ease both}.section-heading h2,.detail-header h2{font-size:clamp(2rem,8vw,3.4rem)}.game-grid{display:grid;gap:.85rem}.game-card{width:100%;border:1px solid var(--border);border-radius:1.5rem;padding:1rem;background:linear-gradient(180deg,#0c2233e6,#07131ef5);color:var(--text);text-align:left;display:grid;gap:.9rem;position:relative}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(103,215,255,.06),transparent 45%);pointer-events:none}.game-card[data-status=live]{background:linear-gradient(180deg,#082b22e0,#051914f5)}.status-chip,.event-badge{display:inline-flex;align-items:center;justify-content:center;padding:.36rem .7rem;border-radius:999px;border:1px solid transparent;font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;line-height:1;box-shadow:inset 0 1px #ffffff29;text-shadow:0 1px 0 rgba(0,0,0,.16)}.status-chip-live:after{content:"";width:.45rem;height:.45rem;margin-left:.45rem;border-radius:50%;background:#0d6a3a;animation:pulse 1.4s ease infinite}.subtle-chip{align-self:center}.team-row,.team-meta,.detail-team,.event-body{display:flex;align-items:center;gap:.8rem}.team-row{justify-content:space-between}.team-meta{min-width:0}.team-logo,.detail-logo,.event-logo{object-fit:contain;border-radius:1rem;background:#ffffff14}.team-logo{width:3rem;height:3rem;padding:.35rem}.detail-logo{width:4.6rem;height:4.6rem;padding:.55rem}.event-logo{width:2.4rem;height:2.4rem;padding:.3rem;flex-shrink:0}.team-code{font-family:Bebas Neue,sans-serif;letter-spacing:.14em;font-size:1.2rem}.team-name,.detail-team-name{font-size:.95rem}.detail-team-name{font-size:1rem;line-height:1.08}.team-score{font-size:2.3rem;line-height:1}.card-footer,.detail-meta-text{font-size:.84rem}.detail-form-strip{display:flex;flex-wrap:wrap;gap:.35rem}.detail-form-strip-end{justify-content:flex-end}.form-pill{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;min-height:1.8rem;padding:.18rem .48rem;border-radius:999px;border:1px solid var(--border);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f}.form-pill-win{background:#7ff5bf2e;color:#baffde}.form-pill-loss{background:#ff648329;color:#ffd0da}.form-pill-ot{background:#ffd36d2e;color:#ffe7aa}.empty-state,.detail-loading,.detail-error,.meta-card,.breakdown-card,.notification-card{border:1px solid var(--border);border-radius:1.3rem;padding:1rem;background:linear-gradient(180deg,#0d2334c2,#08141fd6)}.error-panel p,.detail-error a{margin:0}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#04080ca3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;align-items:end}.detail-sheet{width:100%;max-height:min(90vh,58rem);margin-left:auto;border-radius:1.8rem 1.8rem 0 0;padding:1rem;overflow:auto;display:grid;gap:1rem}.detail-scoreboard,.detail-meta-grid{display:grid;gap:.85rem}.detail-scoreboard{border:1px solid var(--border);border-radius:1.6rem;padding:1rem;background:linear-gradient(180deg,#0c2233eb,#07131efa)}.detail-team{justify-content:flex-start;min-width:0}.detail-team-away{justify-content:flex-end;text-align:right}.detail-team-copy{display:grid;gap:.35rem;min-width:0}.detail-scoreline{display:grid;gap:.35rem;justify-items:center;text-align:center;padding:.8rem 0}.mega-score{font-size:clamp(3rem,14vw,5.4rem);line-height:.95}.meta-card{display:grid;gap:.3rem}.notification-card{display:grid;gap:.9rem}.notification-summary-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.notification-summary-copy{display:grid;gap:.35rem}.notification-card h3,.notification-card p{margin:0}.notification-card h3{font-family:Bebas Neue,sans-serif;letter-spacing:.06em;font-size:1.35rem}.notification-card p,.notification-state span{color:var(--muted)}.notification-summary-meta{display:grid;gap:.35rem;color:var(--muted)}.notification-summary-meta strong{color:#e7f4fc;font-size:.92rem}.notification-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.notification-button-row{display:flex;flex-wrap:wrap;gap:.65rem}.team-alert-grid{display:grid;gap:.7rem}.team-alert-option{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem .9rem;border-radius:1rem;border:1px solid var(--border);background:#ffffff08}.team-alert-copy{display:grid;gap:.2rem}.team-alert-copy strong{font-size:.96rem}.team-alert-copy span{color:var(--muted);font-size:.84rem}.notification-button{border:1px solid rgba(103,215,255,.28);border-radius:999px;padding:.85rem 1rem;background:#67d7ff14;color:#eaf7ff;font-weight:700}.notification-button-secondary{border-color:#ffffff1f;background:#ffffff0a}.notification-button-compact{padding:.72rem .9rem;white-space:nowrap}.notification-button-active{border-color:#7ff5bf4d;background:#7ff5bf1f}.notification-button:disabled{opacity:.55;cursor:not-allowed}.notification-state{display:grid;gap:.15rem;min-width:7rem}.notification-feedback{border-radius:1rem;padding:.8rem .9rem;font-size:.9rem}.notification-feedback-success{background:#7ff5bf1f;color:#cffff0}.notification-feedback-error{background:#ff64831f;color:#ffd5de}.archive-toolbar{display:grid;gap:.75rem}.filter-field{display:grid;gap:.35rem}.filter-field span{color:var(--muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.filter-field select{width:100%;border:1px solid var(--border);border-radius:1rem;padding:.85rem .95rem;color:var(--text);background:linear-gradient(180deg,#0d2334eb,#08141ff5);-webkit-appearance:none;-moz-appearance:none;appearance:none}.breakdown-table{display:grid;gap:.5rem;margin-top:.7rem;overflow-x:auto}.breakdown-row{display:grid;grid-template-columns:minmax(4rem,1fr) repeat(3,minmax(2.8rem,.7fr));gap:.5rem;align-items:center;min-width:100%}.breakdown-label{font-family:Bebas Neue,sans-serif;font-size:1.25rem;letter-spacing:.12em}.breakdown-value{border-radius:.9rem;min-height:3.25rem;padding:.7rem .5rem;display:grid;place-items:center;background:#ffffff0f}.event-list{display:grid;gap:.75rem}.event-badge-group{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.event-card{border:1px solid var(--border);border-radius:1.3rem;padding:.95rem;background:linear-gradient(180deg,#0d2334d1,#08141fe6);display:grid;gap:.8rem}.event-body p{margin:0}.event-badge-penalty{color:#fff2f6;background:linear-gradient(135deg,#8b173e,#c32959);border-color:#ff94b047}.event-badge-other{color:#ecf7ff;background:#3f4f60b8;border-color:#ffffff1f}.skeleton-card{min-height:13rem;border-radius:1.5rem;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1c 40%,#ffffff0a 60%) 0 0 / 220% 100%;animation:shimmer 1.7s linear infinite}@media(min-width:48rem){.app-shell{padding:calc(1.25rem + env(safe-area-inset-top)) 1.25rem calc(4rem + env(safe-area-inset-bottom))}.hero-panel,.section-panel,.detail-sheet{padding:1.35rem}.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.game-grid,.detail-meta-grid,.archive-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card[data-status=live]{grid-column:span 2}.detail-scoreboard{grid-template-columns:1fr auto 1fr;align-items:center}.detail-sheet{width:min(48rem,calc(100vw - 2rem));max-height:calc(100vh - 1rem);margin:.5rem .5rem .5rem auto;border-radius:2rem;padding-bottom:calc(1.35rem + env(safe-area-inset-bottom))}}@media(max-width:22rem){.summary-strip{grid-template-columns:1fr}.team-alert-option{align-items:flex-start;flex-direction:column}}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.hero-panel,.section-panel,.detail-sheet,.game-card,.detail-scoreboard,.empty-state,.detail-loading,.detail-error,.meta-card,.breakdown-card,.notification-card,.event-card,.team-alert-option,.filter-field select{background:#07141ff7}}@media(min-width:72rem){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card[data-status=live]{grid-column:span 2}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.78);opacity:.58}}@keyframes shimmer{to{background-position:220% 0}}