body{font-family:Geneva,Verdana,sans-serif;margin:0 auto;background-color:#071f45;color:#000;line-height:1.1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(https://lh3.googleusercontent.com/gg-dl/AJfQ9KRHF4L1FNK3e1NjOF7RZysdQnHgtSI3sOC7HDkgdcu4Zeqx6yUstsbvgUeCPto9SyEmuI8bHAUM9KD1jhx8sjlvdaGDqZoyz5ZywXs4FaOwCFjTCl7DZigLkicqPwQVmUnxPg92qyeyTzjB-mEY46EvlJXWb-Ces8JRuOI4l2Ow1WS8=s1024);box-sizing:border-box;overflow-x:hidden;max-height:100vh;max-width:100vw;width:100%}main.app-main{padding:2rem 0;min-height:100vh;min-width:100vw}.container{max-width:99vw;width:100%;margin:0;padding:1.5rem}:root{--c-brand-1: #0080ff;--c-brand-1-70: #0080ffb3;--c-brand-2: #003264;--c-ink: #0f0f0f;--c-ink-muted: #2c3e50;--c-danger: #e74c3c;--c-accent: #3498db;--c-bg-soft: #ffffffd1;--c-card: rgba(0, 106, 255, .12);--glass: rgba(255,255,255,.12);--r-md: 12px;--r-sm: 8px;--sp-1: 8px;--sp-2: 12px;--sp-3: 16px;--sp-4: 24px;--sp-5: 32px;--shadow-1: 0 2px 8px rgba(0,0,0,.12);--shadow-2: 0 10px 20px lch(5.24% 22.39 286.16 / .271);--t-fast: .16s;--t-base: .26s;--e-out: cubic-bezier(.2,.8,.2,1);--blur-weak: 6px;--blur-strong: 18px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{background-position:-200% center}to{background-position:200% center}}@keyframes outlineGlow{0%,to{border-color:0 0 0 0 rgba(4,100,210,.35)}50%{border-color:0 0 10px 3px rgba(4,100,210,.5)}}:root{--sb3-size: 3;--sb3-speed: 1.6s;--sb3-dash: 30;--sb3-gap: 970}.sb3{position:relative;display:inline-block;border-radius:14px;width:100%}.sb3__content{position:relative;z-index:1;border-radius:inherit}.sb3__svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.sb3__rect{fill:none;stroke:url(#sb3Gradient);stroke-width:var(--sb3-size);stroke-linecap:round;stroke-linejoin:round;filter:url(#sb3Sparkle)}.sb3__rect--car{stroke:#fff;stroke-width:calc(var(--sb3-size) * 1.05);stroke-linecap:round;stroke-dasharray:var(--sb3-dash) var(--sb3-gap);animation:sb3-lap var(--sb3-speed) linear infinite;opacity:.96}@keyframes sb3-lap{to{stroke-dashoffset:-1000}}@media (prefers-reduced-motion: reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.sb3__rect--car{animation:none}}.team-grid-section{display:-moz-grid-lines;grid-template-columns:repeat(space-between,minmax(300px,2fr));gap:0px 2rem;height:100%;width:70%;max-width:99vw;margin:8rem auto;padding:1rem;background-color:var(--glass);-webkit-backdrop-filter:blur(var(--blur-strong));backdrop-filter:blur(var(--blur-strong));box-shadow:inset 0 5px 20px 1px #fff}.team-grid-header{text-align:center;max-width:100vw;width:100%;display:contents;z-index:10}.team-grid-header h2{background-color:#000;color:#f5f5f5;text-decoration:underline;font-size:4.5rem;font-weight:800;border-radius:var(--r-md)}.team-grid-header p{color:#f5f5f5;font-size:1.5rem}.matchup-card.inner-card.has-prediction{display:flex;flex-wrap:nowrap;overflow:hidden;flex-direction:row;align-items:center;flex-shrink:inherit;transform:translateY(-10px);transition:all 1.2s ease-in-out;z-index:100;background:#00436d64;padding:15px;margin-top:2rem;box-shadow:0 8px 16px #ffffffec,.3em 1.7rem 20rem 8px #ffffff7c;border-color:#8dd1ffbf}.matchup-card.inner-card{display:flex;flex-wrap:wrap;flex-direction:column;align-items:space-between;background:var(--c-card);-webkit-backdrop-filter:blur(var(--blur-weak));backdrop-filter:blur(var(--blur-weak));border:2px solid;gap:30px;max-height:250px;border-radius:var(--r-md);box-shadow:var(--shadow-1);padding:1rem;margin-bottom:2rem;cursor:pointer;transition:transform var(--t-base) var(--e-out),box-shadow var(--t-base) var(--e-out),border-color var(--t-base) var(--e-out);will-change:transform;animation:fadeIn .9s ease-in-out}.matchup-card:focus{outline:2px solid #2766ae}.matchup-card:focus-visible{border-bottom:#000000;border-color:#75aef0;box-shadow:0 0 0 3px #115eb759,var(--shadow-2);background:linear-gradient(135deg,#ffffff 0%,#003260d4 45%,var(--c-brand-2) 100%)}.matchup-card.loading{pointer-events:none;animation:pulse 1.5s ease-in-out infinite}.matchup-card.has-prediction.shimmer-container.shine-outline{border-color:#2766ae;background:linear-gradient(135deg,#ffffff 0%,#003260d4 45%,var(--c-brand-2) 100%);transition:all;transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-2,0,1);transform:translateY(-4px) scale(1.2)}.matchup-teams{display:flex;justify-content:space-between;gap:var(--sp-4);margin-bottom:15px}.away-team,.home-team{display:flex;flex-direction:column;align-items:center;text-align:center}.vs-indicator{font-size:2.2rem;font-weight:800;color:#00181a;margin:0 auto;letter-spacing:.02em;transition:all fadeIn;animation:fadeIn 2.9s ease-in-out}.team{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.team-logo{max-width:180px;width:100%;height:auto;object-fit:contain;border-radius:8px;transition-property:all}.team-logo:hover{transform:scale(1.05);box-shadow:0 8px 15px #0003}.team-logo-placeholder{max-width:90px;width:100%;aspect-ratio:1 / 1;height:auto;background:#ecf0f1;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:var(--c-ink-muted);text-transform:uppercase}.team-info{font-size:2rem;display:flex;flex-direction:column;align-items:center;gap:2px}.team-name{font-weight:600;font-size:1.8rem;color:lch(from color 50% 0% 0%);text-align:center;line-height:1.25}.team-abbr{font-size:1.4rem;color:lch(from color 50% 0% 0%);font-weight:700}.home-indicator{display:flex;flex-direction:rows;font-size:1.3rem;color:#59be7b;font-weight:700;margin-top:0}.team-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.matchup-time{text-align:center;color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:15px}.prediction-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#f8f9fa;border-radius:var(--r-sm);margin-top:12px}.prediction-loading span{color:var(--c-accent);font-weight:600}.prediction-result{background:#88b0ff63;border:1px solid #000000;border-radius:8px;padding:3%;margin-top:1rem;text-align:center}.predicted-scores{display:flex;align-items:center;justify-content:center;gap:3.5rem}.score.home-score,.score.away-score{font-size:1.9rem;font-weight:800;padding:4px 10px;border-radius:6px;min-width:56px;text-align:center;line-height:1.25;background:#0b1220;color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.score-separator{font-size:1.5rem;font-weight:lighter;color:#05182b}.point-diff{font-size:1.5rem;color:#000;font-weight:600}.team-grid-loading,.team-grid-error{text-align:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--c-accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-spinner.small{width:20px;height:20px;border-width:2px;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.team-grid-error h3{color:var(--c-danger);margin-bottom:10px}.team-grid-error p{color:#7f8c8d;margin-bottom:20px}.team-grid-error button{background:var(--c-accent);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color var(--t-base) var(--e-out),transform var(--t-base) var(--e-out),box-shadow var(--t-base) var(--e-out)}.team-grid-error button:hover{background:#2980b9;transform:scale(1.05);box-shadow:0 4px 12px #0003}@media (max-width: 480px){.team-grid-header h2{font-size:clamp(1.25rem,6vw,1.75rem)}.team-grid-section{grid-template-columns:1fr;width:85%;margin:2rem auto}.matchup-card.inner-card{box-sizing:border-box;width:100%;max-width:440px;height:auto;max-height:none;padding:var(--sp-4);display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-3)}.matchup-card.inner-card.has-prediction{width:100%;max-width:460px;height:auto;max-height:none;padding:var(--sp-4);display:flex;flex-direction:column;align-items:stretch;gap:1rem}.matchup-teams.inner-card{width:100%;display:flex;flex-direction:column;gap:var(--sp-2);max-height:60%}.vs-indicator{margin:0 auto;transform-origin:center;animation:spin 106s linear infinite;height:auto;font-size:25px}@keyframes spin{to{transform:rotate(360deg)}}.away-team,.home-team{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-2)}.team{display:flex;flex-direction:row;align-items:center;gap:var(--sp-2);text-align:left;flex-wrap:nowrap}.team-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.team-name,.team-abbr{text-align:left;font-size:1.3rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score.inner-card{font-size:20px}.team-logo{width:5rem;height:5rem}}@media (max-width: 1000px){.team-grid-header h2{font-size:clamp(1.25rem,6vw,1.75rem)}.team-grid-section{grid-template-columns:1fr;width:85%;margin:2rem auto}.matchup-card.inner-card{box-sizing:border-box;width:100%;max-width:840px;height:auto;max-height:none;padding:var(--sp-4);display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-3)}.matchup-card.inner-card.has-prediction{width:auto;max-width:860px;height:auto;max-height:none;padding:var(--sp-4);display:flex;flex-direction:column;align-items:stretch;gap:1rem}.matchup-teams.inner-card{width:100%;display:flex;flex-direction:column;gap:var(--sp-2);max-height:60%}.vs-indicator{margin:0 auto;transform-origin:center;animation:spin 106s linear infinite;height:auto;font-size:auto}@keyframes spin{to{transform:rotate(360deg)}}.away-team,.home-team{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-2)}.team{display:flex;flex-direction:row;align-items:center;gap:var(--sp-2);text-align:left;flex-wrap:nowrap}.team-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.team-name,.team-abbr{text-align:left;font-size:1.3rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score.inner-card{font-size:20px}.team-logo{width:5rem;height:5rem}}@media (max-width: 430px){.team-grid-header h2{font-size:clamp(1.25rem,6vw,1.75rem)}.team-grid-section{grid-template-columns:1fr;width:85%;margin:2rem auto}.matchup-card.inner-card{box-sizing:border-box;width:100%;max-width:440px;height:auto;max-height:none;padding:var(--sp-4);display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-3)}.matchup-card.inner-card.has-prediction{width:100%;max-width:460px;height:auto;max-height:none;padding:var(--sp-4);display:flex;flex-direction:column;align-items:stretch;gap:1rem}.matchup-teams.inner-card{width:100%;display:flex;flex-direction:column;gap:var(--sp-2);max-height:60%}.vs-indicator{margin:0 auto;transform-origin:center;animation:spin 106s linear infinite;height:auto;font-size:25px}@keyframes spin{to{transform:rotate(360deg)}}.away-team,.home-team{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-2)}.team{display:flex;flex-direction:row;align-items:center;gap:var(--sp-2);text-align:left;flex-wrap:nowrap}.team-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.team-name,.team-abbr{text-align:left;font-size:1.3rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score.inner-card{font-size:20px}.team-logo{width:5rem;height:5rem}}@media (max-width: 360px){.team-grid-header h2{font-size:clamp(1.25rem,6vw,1.75rem)}.team-grid-section{grid-template-columns:1fr;width:85%;margin:0 auto}.matchup-card.inner-card{box-sizing:border-box;width:auto;max-width:440px;height:auto;max-height:none;padding:var(--sp-4);display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-3)}.matchup-card.inner-card.has-prediction{width:100%;max-width:460px;height:auto;max-height:none;padding:var(--sp-4);display:flex;flex-direction:column;align-items:stretch;gap:1rem}.matchup-teams.inner-card{width:100%;display:flex;flex-direction:column;gap:var(--sp-2);max-height:60%}.vs-indicator{margin:0 auto;transform-origin:center;animation:spin 106s linear infinite;height:auto;font-size:25px}@keyframes spin{to{transform:rotate(360deg)}}.away-team,.home-team{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-2)}.team{display:flex;flex-direction:row;align-items:center;gap:var(--sp-2);text-align:left;flex-wrap:nowrap}.team-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.team-name,.team-abbr{text-align:left;font-size:1.3rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score.inner-card{font-size:20px}.team-logo{width:5rem;height:5rem}}[data-scroll-watcher]{position:absolute;left:0;top:0;height:1px;width:100%;pointer-events:none;z-index:-1}.navBar{display:flex;background-color:#000925;color:#fff;padding:1rem;position:sticky;top:0;left:0;width:100%;z-index:1000;transition:background-color .7s}.navBar.sticking{background-color:#001224cc;box-shadow:0 2px 4px #10003666;box-shadow:0 2px 4px lch(2.9% 38.73 300.74 / .4);z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color .9s,box-shadow .93s}.navBar h1{margin:0;font-size:1.5rem}