.in-app-live-popup{position:fixed;left:50%;bottom:72px;z-index:9998;width:min(420px,100vw - 24px);transform:translateX(-50%);pointer-events:none;animation:in-app-live-popup-enter .22s ease-out}@media screen and (max-width:768px){.in-app-live-popup{left:12px;right:12px;width:auto;transform:none}}@keyframes in-app-live-popup-enter{0%{opacity:0;transform:translateX(-50%) translateY(18px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media screen and (max-width:768px){@keyframes in-app-live-popup-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}.in-app-live-popup__card{--popup-text:var(--theme-text);--popup-text-muted:var(--theme-text-muted);--popup-logo-shell:color-mix(in srgb,var(--theme-text) 8%,transparent);--popup-logo-border:color-mix(in srgb,var(--theme-border) 80%,transparent);--popup-badge-bg:color-mix(in srgb,var(--theme-text) 8%,transparent);--match-home-tint:#2563eb;--match-away-tint:#ef4444;--event-accent:var(--theme-accent);width:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--theme-border) 78%,transparent);border-radius:12px;pointer-events:auto;cursor:pointer;color:var(--popup-text);background:linear-gradient(90deg,color-mix(in srgb,var(--match-home-tint) 12%,transparent) 0,color-mix(in srgb,var(--match-home-tint) 4%,transparent) 24%,transparent 44%,color-mix(in srgb,var(--match-away-tint) 4%,transparent) 76%,color-mix(in srgb,var(--match-away-tint) 12%,transparent) 100%),var(--theme-bg-elevated);box-shadow:0 10px 28px rgba(15,23,42,.12);transition:transform .16s ease,box-shadow .16s ease}.in-app-live-popup__card:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(15,23,42,.16)}.in-app-live-popup__card:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}.in-app-live-popup__card--dark{background:linear-gradient(90deg,color-mix(in srgb,var(--match-home-tint) 16%,transparent) 0,color-mix(in srgb,var(--match-home-tint) 5%,transparent) 24%,transparent 44%,color-mix(in srgb,var(--match-away-tint) 5%,transparent) 76%,color-mix(in srgb,var(--match-away-tint) 16%,transparent) 100%),color-mix(in srgb,var(--theme-bg-card) 92%,#0b1220);box-shadow:0 12px 30px rgba(0,0,0,.35)}.in-app-live-popup__card--goal,.in-app-live-popup__card--preview,.in-app-live-popup__card--score_change{--event-accent:#16a34a}.in-app-live-popup__card--yellow_card{--event-accent:#f59e0b}.in-app-live-popup__card--red_card{--event-accent:#ef4444}.in-app-live-popup__surface{position:relative;padding:8px 10px}.in-app-live-popup__surface:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:var(--event-accent)}.in-app-live-popup__header{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;min-height:22px}.in-app-live-popup__title-wrap{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0}.in-app-live-popup__icon{flex-shrink:0;color:var(--event-accent)}.in-app-live-popup__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--event-accent);font-size:13px;font-weight:var(--ui-font-weight-bold);letter-spacing:.01em}.in-app-live-popup__close{position:absolute;top:50%;right:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:-11px;border-radius:999px;color:var(--popup-text-muted);font-size:16px;line-height:1;cursor:pointer;opacity:.7}.in-app-live-popup__close:hover{opacity:1;background:color-mix(in srgb,var(--popup-text) 8%,transparent)}.in-app-live-popup__main{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;margin-top:6px}.in-app-live-popup__team{display:flex;align-items:center;gap:6px;min-width:0}.in-app-live-popup__team--home{justify-content:flex-start}.in-app-live-popup__team--away{justify-content:flex-end}.in-app-live-popup__logo{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;overflow:hidden;border:1px solid var(--popup-logo-border);border-radius:999px;background:var(--popup-logo-shell)}.in-app-live-popup__logo--fallback{color:var(--popup-text);font-size:8px;font-weight:var(--ui-font-weight-bold)}.in-app-live-popup__team-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--popup-text);font-size:12px;font-weight:var(--ui-font-weight-semibold);transform-origin:center center}.in-app-live-popup__team-name--pulse{animation:in-app-live-popup-team-pulse .6s ease-in-out 1}.in-app-live-popup__team--away .in-app-live-popup__team-name{text-align:right}@keyframes in-app-live-popup-team-pulse{0%{transform:scale(1)}25%{transform:scale(1.04)}50%{transform:scale(1)}75%{transform:scale(1.025)}to{transform:scale(1)}}.in-app-live-popup__score-col{min-width:54px;text-align:center}.in-app-live-popup__score{color:var(--popup-text);font-size:15px;font-weight:var(--ui-font-weight-bold);letter-spacing:.02em;font-variant-numeric:tabular-nums}.in-app-live-popup__footer{display:flex;justify-content:center;margin-top:6px}.in-app-live-popup__badge{display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:2px 8px;border-radius:999px;background:var(--popup-badge-bg);color:var(--popup-text-muted);font-size:10px;font-weight:var(--ui-font-weight-bold);letter-spacing:.03em;text-transform:uppercase}.ui-inset-divider-row{position:relative;border-bottom:0}.ui-inset-divider-row:not(:last-child):after{content:"";position:absolute;right:16px;bottom:0;left:16px;height:1px;background:color-mix(in srgb,var(--theme-border) 82%,transparent);pointer-events:none}.network-status-banner{position:fixed;bottom:16px;left:50%;z-index:1200;display:inline-flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:8px 16px;border:1px solid color-mix(in srgb,var(--color-warning-100) 45%,transparent);border-radius:var(--ui-radius-pill,999px);background:color-mix(in srgb,var(--theme-bg-card) 92%,var(--color-warning-100));color:var(--theme-text);box-shadow:0 6px 20px rgba(0,0,0,.18);transform:translateX(-50%);pointer-events:none}.network-status-banner--degraded{border-color:color-mix(in srgb,var(--theme-accent) 40%,transparent);background:color-mix(in srgb,var(--theme-bg-card) 92%,var(--theme-accent))}.network-status-banner--degraded .network-status-banner__icon{color:var(--theme-accent)}.network-status-banner__icon{display:inline-flex;align-items:center;color:var(--color-warning-100)}.network-status-banner__text{font-size:var(--ui-text-body,14px);font-weight:var(--ui-font-weight-normal,500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:768px){.network-status-banner{bottom:12px;padding:6px 12px}}