[data-hero=hero-match-v11]{position:relative;isolation:isolate;overflow:hidden;color:#fff;border-radius:20px;--home-halo:rgba(255,45,85,0.16);--away-halo:rgba(16,185,129,0.18);font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:#06090f}[data-hero=hero-match-v11] .hero-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 35%}[data-hero=hero-match-v11] .hero-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,9,15,.58) 0,rgba(6,9,15,.28) 34%,rgba(6,9,15,.74) 100%),radial-gradient(70% 50% at 18% 8%,var(--home-halo),transparent 60%),radial-gradient(70% 50% at 90% 6%,var(--away-halo),transparent 60%)}[data-hero=hero-match-v11] .hero-pad{position:relative;padding:24px 20px 26px}[data-hero=hero-match-v11] .hero-top{display:flex;align-items:center;gap:10px;animation:hm-rise .5s both}[data-hero=hero-match-v11] .hero-comp{display:flex;align-items:center;gap:9px;font-size:var(--text-eyebrow);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#eaf0f7;text-shadow:0 1px 8px rgba(0,0,0,.5);min-width:0}[data-hero=hero-match-v11] .hero-comp .comp-logo{flex:none;width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:3px}[data-hero=hero-match-v11] .hero-comp .comp-logo img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}[data-hero=hero-match-v11] .hero-comp .comp-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-hero=hero-match-v11] .hero-chip{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:7px;font-size:var(--text-eyebrow);font-weight:800;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:7px 12px;border-radius:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.04em}[data-hero=hero-match-v11] .hero-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--color-brand-400);box-shadow:0 0 8px var(--color-brand-400)}[data-hero=hero-match-v11] .hero-chip.is-live{background:rgba(227,6,19,.22);border-color:rgba(255,92,87,.5)}[data-hero=hero-match-v11] .hero-chip.is-live .dot{background:#ff4d57;box-shadow:0 0 8px #ff4d57;animation:hm-pulse 1.4s ease-in-out infinite}[data-hero=hero-match-v11] .hero-chip .hm-countdown time{display:none}[data-hero=hero-match-v11] .hero-chip .hm-countdown{gap:0}[data-hero=hero-match-v11] .hero-teams{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:30px 0 4px}[data-hero=hero-match-v11] .team{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;min-width:0;text-align:center;animation:hm-rise .6s .08s both}[data-hero=hero-match-v11] .team.away{animation-delay:.16s}[data-hero=hero-match-v11] .team .crest{position:relative;width:clamp(76px,22vw,96px);height:clamp(76px,22vw,96px);border-radius:50%;display:grid;place-items:center}[data-hero=hero-match-v11] .team .crest:after{content:"";position:absolute;inset:-3px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.14),0 0 34px -4px var(--ring-halo,rgba(255,255,255,.5)),0 18px 40px -12px rgba(0,0,0,.7);pointer-events:none}[data-hero=hero-match-v11] .team.home .crest{--ring-halo:var(--home-halo)}[data-hero=hero-match-v11] .team.away .crest{--ring-halo:var(--away-halo)}[data-hero=hero-match-v11] .team .crest [data-testid=team-crest-fallback],[data-hero=hero-match-v11] .team .crest [data-testid=team-crest-flag],[data-hero=hero-match-v11] .team .crest [data-testid=team-crest-img],[data-hero=hero-match-v11] .team .crest img{width:100%;height:100%;border-radius:50%}[data-hero=hero-match-v11] .team .crest [data-testid=team-crest-fallback]{font-size:clamp(1.5rem,8vw,2.25rem)}[data-hero=hero-match-v11] .team .crest [data-testid=team-crest-img]{object-fit:contain;background:rgba(10,14,22,.55);padding:12%}[data-hero=hero-match-v11] .team .name{font-size:var(--text-h3);font-weight:800;letter-spacing:-.02em;line-height:1.05;text-shadow:0 2px 12px rgba(0,0,0,.6);max-width:100%;overflow-wrap:break-word}[data-hero=hero-match-v11] .team .team-meta{font-size:var(--text-meta);color:#aebbcc;font-weight:600;margin-top:-6px}[data-hero=hero-match-v11] .hero-mid{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none;padding-top:18px}[data-hero=hero-match-v11] .hero-mid .kickoff{font-size:var(--text-h3);font-weight:800;letter-spacing:-.03em;text-shadow:0 2px 12px rgba(0,0,0,.6);font-variant-numeric:tabular-nums}[data-hero=hero-match-v11] .hero-mid .vs{font-size:.625rem;font-weight:800;color:#7e8da1;letter-spacing:.2em}[data-hero=hero-match-v11] .pred-panel{margin-top:26px;background:rgba(12,17,26,.55);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-radius:20px;padding:16px;box-shadow:0 20px 50px -24px rgba(0,0,0,.7);animation:hm-rise .6s .24s both}[data-hero=hero-match-v11] .pred-head{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-eyebrow);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9fb0c4;margin-bottom:11px}[data-hero=hero-match-v11] .pred-head .pred-q{display:inline-flex;align-items:center;gap:6px;color:#e8eef5}[data-hero=hero-match-v11] .pred-head svg{fill:var(--color-brand-400)}[data-hero=hero-match-v11] .pred-bar{display:flex;height:50px;border-radius:13px;overflow:hidden;gap:4px}[data-hero=hero-match-v11] .pred-seg{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:11px;position:relative;overflow:hidden;min-width:0;animation:hm-grow 1.15s cubic-bezier(.2,.7,0,1) both}[data-hero=hero-match-v11] .pred-seg:after{content:"";position:absolute;inset:0 0 55% 0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent);pointer-events:none}[data-hero=hero-match-v11] .pred-seg .seg-pct{font-size:var(--text-body);font-weight:800;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px rgba(0,0,0,.35)}[data-hero=hero-match-v11] .pred-seg.home{background:linear-gradient(165deg,#ff3b63,#cf1330);animation-delay:.3s}[data-hero=hero-match-v11] .pred-seg.draw{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);animation-delay:.42s}[data-hero=hero-match-v11] .pred-seg.away{background:linear-gradient(165deg,var(--color-brand-400),var(--color-brand-700));animation-delay:.54s}[data-hero=hero-match-v11] .pred-seg[data-thin=true] .seg-pct{display:none}[data-hero=hero-match-v11] .pred-legend{display:flex;justify-content:space-between;gap:8px;margin-top:11px;font-size:var(--text-meta);color:#9fb0c4;font-weight:600}[data-hero=hero-match-v11] .pred-legend span{display:inline-flex;align-items:center;gap:6px;min-width:0}[data-hero=hero-match-v11] .pred-legend b{color:#eef3f8;margin-right:2px}[data-hero=hero-match-v11] .pred-legend .legend-dot{width:8px;height:8px;border-radius:50%;flex:none}[data-hero=hero-match-v11] .pred-legend .legend-dot.home{background:#ff3b63}[data-hero=hero-match-v11] .pred-legend .legend-dot.draw{background:#9aa6b6}[data-hero=hero-match-v11] .pred-legend .legend-dot.away{background:var(--color-brand-400)}[data-hero=hero-match-v11] .pred-note{display:block;margin-top:10px;font-size:var(--text-meta);font-weight:500;color:rgba(255,255,255,.5);letter-spacing:.01em}[data-hero=hero-match-v11] .live-board{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;background:rgba(12,17,26,.55);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-radius:20px;padding:16px 18px;box-shadow:0 20px 50px -24px rgba(0,0,0,.7);animation:hm-rise .6s .24s both}[data-hero=hero-match-v11] .live-board .score{font-weight:800;font-size:clamp(2.5rem,9vw,3.5rem);line-height:.85;font-variant-numeric:tabular-nums;letter-spacing:-.02em}[data-hero=hero-match-v11] .live-board .score .sep{color:var(--color-brand-400);margin:0 .16em}[data-hero=hero-match-v11] .live-board .live-pill{display:inline-flex;align-items:center;gap:10px;background:#e30613;color:#fff;padding:8px 16px;border-radius:30px;font-size:var(--text-meta);font-weight:800;text-transform:uppercase;letter-spacing:.12em}[data-hero=hero-match-v11] .live-board .live-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;animation:hm-pulse 1.4s ease-in-out infinite}[data-hero=hero-match-v11] .live-board .ft-pill{display:inline-flex;align-items:center;background:rgba(255,255,255,.92);color:#0a0e16;padding:8px 16px;border-radius:30px;font-size:var(--text-meta);font-weight:800;text-transform:uppercase;letter-spacing:.12em}[data-hero=hero-match-v11] .live-board .minute{font-size:var(--text-h3);font-weight:800;color:var(--color-brand-400);font-variant-numeric:tabular-nums}[data-hero=hero-match-v11] .hero-foot{display:flex;align-items:center;gap:11px;margin-top:18px;flex-wrap:wrap;animation:hm-rise .6s .32s both}[data-hero=hero-match-v11] .hero-where{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:var(--text-meta);color:#aebbcc;font-weight:600;min-width:0}[data-hero=hero-match-v11] .hero-where .where-icon{fill:#aebbcc;flex:none}[data-hero=hero-match-v11] .hero-where .pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:7px 11px;border-radius:9px;font-size:var(--text-meta);font-weight:800;color:#eef3f8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-hero=hero-match-v11] .hero-where .pill img{width:15px;height:15px;object-fit:contain;border-radius:3px}[data-hero=hero-match-v11] .hero-where .pill.free{color:#a7f3d0;border-color:rgba(52,211,153,.4)}[data-hero=hero-match-v11] .cta{margin-left:auto;position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:9px;background:linear-gradient(150deg,var(--color-brand-400),var(--color-brand-600));color:#052016;font-weight:800;font-size:var(--text-body);padding:13px 22px;border-radius:14px;box-shadow:0 14px 30px -10px rgba(16,185,129,.85);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}[data-hero=hero-match-v11] .cta:hover{transform:translateY(-1px);box-shadow:0 18px 38px -10px rgba(16,185,129,.95)}[data-hero=hero-match-v11] .cta:focus-visible{outline:3px solid #fff;outline-offset:2px}[data-hero=hero-match-v11] .cta .sheen{position:absolute;top:0;bottom:0;width:38%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.6),transparent);transform:translateX(-130%);animation:hm-sheen 3.4s 1.3s infinite;pointer-events:none}[data-hero=hero-match-v11] .cta .arrow{transition:transform .3s}[data-hero=hero-match-v11] .cta:hover .arrow{transform:translateX(3px)}@keyframes hm-grow{0%{flex-basis:0!important}}@keyframes hm-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes hm-sheen{0%{transform:translateX(-130%)}55%,to{transform:translateX(240%)}}@keyframes hm-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (min-width:880px){[data-hero=hero-match-v11] .hero-pad{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:auto auto;column-gap:44px;row-gap:4px;align-items:center;padding:34px 40px}[data-hero=hero-match-v11] .hero-top{grid-column:1/3}[data-hero=hero-match-v11] .hero-teams{grid-row:2;grid-column:1;margin:22px 0 0}[data-hero=hero-match-v11] .live-board,[data-hero=hero-match-v11] .pred-panel{grid-row:2;grid-column:2;margin-top:0}[data-hero=hero-match-v11] .hero-foot{grid-column:1/3;margin-top:20px}[data-hero=hero-match-v11] .team .crest{width:clamp(96px,12vw,118px);height:clamp(96px,12vw,118px)}[data-hero=hero-match-v11] .team .name{font-size:var(--text-h2)}}@media (prefers-reduced-motion:reduce){[data-hero=hero-match-v11] .cta .sheen,[data-hero=hero-match-v11] .hero-chip .dot,[data-hero=hero-match-v11] .hero-foot,[data-hero=hero-match-v11] .hero-top,[data-hero=hero-match-v11] .live-board,[data-hero=hero-match-v11] .live-board .live-pill:before,[data-hero=hero-match-v11] .pred-panel,[data-hero=hero-match-v11] .pred-seg,[data-hero=hero-match-v11] .team{animation:none}[data-hero=hero-match-v11] .cta{transition:none}}