﻿.hvLiveMatchup{position:fixed;inset:0;z-index:10060;display:grid;place-items:center;padding:18px;font-family:Inter,Arial,sans-serif;color:#f5f7fc}.hvLiveMatchup[hidden]{display:none}.hvLiveMatchup .mp-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(6px)}.hvLiveMatchup .mp-panel{position:relative;width:min(480px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#111820;border:1px solid #344253;border-radius:22px;padding:20px;box-shadow:0 25px 80px rgba(0,0,0,.6);animation:mp-enter .18s ease-out}.hvLiveMatchup .mp-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.hvLiveMatchup .mp-eyebrow{color:#ffa875;font-size:9px;font-weight:800;letter-spacing:.12em}.hvLiveMatchup h2{font:800 24px/1.2 Inter,Arial,sans-serif;margin:7px 0 0;color:#fff}.hvLiveMatchup .mp-close{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;padding:7px;background:#223041;border:1px solid #3d4b60;border-radius:10px;color:#dce7f6;cursor:pointer}.hvLiveMatchup .mp-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.hvLiveMatchup .mp-matchup{position:relative;isolation:isolate;overflow:hidden;border:1px solid hsla(0,0%,100%,.0862745098);border-radius:17px;padding:18px 12px;background:linear-gradient(120deg, color-mix(in srgb, var(--mp-away) 50%, #101820), color-mix(in srgb, var(--mp-home) 50%, #101820))}.hvLiveMatchup .mp-watermark{position:absolute;top:38px;width:165px;height:165px;object-fit:contain;opacity:.12;z-index:-1;pointer-events:none}.hvLiveMatchup .mp-away-mark{left:-30px}.hvLiveMatchup .mp-home-mark{right:-30px}.hvLiveMatchup .mp-phase{width:max-content;max-width:100%;margin:0 auto 18px;padding:5px 9px;border:1px solid hsla(0,0%,100%,.1490196078);border-radius:7px;color:#d5dfec;font-size:10px;font-weight:800;letter-spacing:.04em}.hvLiveMatchup.is-live .mp-phase{color:#a4efc5;background:#0d3022;border-color:#448a65}.hvLiveMatchup.is-live .mp-phase::before{content:"●";color:#67dd9b;margin-right:6px}.hvLiveMatchup .mp-teams{display:grid;grid-template-columns:minmax(0, 1fr) 26px minmax(0, 1fr);gap:8px;align-items:center}.hvLiveMatchup .mp-team{text-align:center;min-width:0}.hvLiveMatchup .mp-side{color:#aebbce;font-size:9px;font-weight:700;letter-spacing:.1em}.hvLiveMatchup .mp-logo{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#fff;margin:10px auto;box-shadow:0 7px 20px rgba(0,0,0,.2)}.hvLiveMatchup .mp-logo img{width:52px;height:52px;object-fit:contain}.hvLiveMatchup .mp-team b{display:block;min-height:32px;font-size:12px;line-height:1.4;overflow-wrap:anywhere;color:#f6f8fc}.hvLiveMatchup .mp-team strong{display:block;font-size:38px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15;margin-top:7px;color:#fff}.hvLiveMatchup .mp-versus{color:#bfcede;font-size:10px;font-weight:800;text-align:center}.hvLiveMatchup .mp-tip{text-align:center;font-size:10px;color:#c0ccda;margin:15px 0 0;line-height:1.5}.hvLiveMatchup .mp-facts{margin:16px 0}.hvLiveMatchup .mp-facts>div{display:grid;grid-template-columns:85px minmax(0, 1fr);gap:12px;padding:11px 0;border-bottom:1px solid #2a3646}.hvLiveMatchup .mp-facts dt{color:#93a6bd;font-size:11px;font-weight:500}.hvLiveMatchup .mp-facts dd{margin:0;text-align:right;color:#e3ebf6;font-size:11px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.hvLiveMatchup .mp-link{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ff844e;color:#17202c;font-size:12px;font-weight:800;border:1px solid #ff9e75;border-radius:11px;text-decoration:none}.hvLiveMatchup .mp-link:hover{background:#ffab81}.hvLiveMatchup .mp-link span{font-size:18px}.hvLiveMatchup .mp-link:focus-visible,.hvLiveMatchup .mp-close:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width: 575.98px){.hvLiveMatchup{padding:12px}.hvLiveMatchup .mp-panel{padding:16px;max-height:calc(100dvh - 24px)}.hvLiveMatchup h2{font-size:21px}}@media(prefers-reduced-motion: reduce){.hvLiveMatchup .mp-panel{animation:none}}@keyframes mp-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
