/* Liga Al-Ahyaa — Live Experience Layer
   Frontend-only, additive CSS. Does not change backend or write match state. */
:root{
  --la-live-green:#16a34a;
  --la-live-red:#ef4444;
  --la-live-amber:#f59e0b;
  --la-live-blue:#2563eb;
  --la-live-dark:#07111f;
  --la-live-muted:#64748b;
}
.la-live-sound-toggle{
  position:fixed;
  inset-inline-end:16px;
  bottom:86px;
  z-index:9997;
  border:0;
  border-radius:999px;
  padding:10px 13px;
  background:rgba(15,23,42,.92);
  color:#fff;
  font-weight:900;
  font-size:12px;
  box-shadow:0 14px 38px rgba(2,6,23,.28);
  display:flex;
  gap:7px;
  align-items:center;
  cursor:pointer;
}
.la-live-sound-toggle.is-on{background:linear-gradient(135deg,#16a34a,#059669)}
.la-goal-overlay{
  position:fixed;
  inset:0;
  z-index:10000;
  display:none;
  place-items:center;
  padding:22px;
  pointer-events:none;
  background:radial-gradient(circle at 50% 45%,rgba(34,197,94,.24),rgba(2,6,23,.78) 70%);
  backdrop-filter:blur(8px);
}
.la-goal-overlay.is-active{display:grid;animation:laOverlayFade 3.2s ease forwards}
.la-goal-card{
  width:min(560px,94vw);
  border-radius:34px;
  padding:28px 22px;
  text-align:center;
  color:#fff;
  background:linear-gradient(135deg,rgba(22,163,74,.96),rgba(20,184,166,.94));
  box-shadow:0 36px 100px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.22);
  border:1px solid rgba(255,255,255,.22);
  transform-origin:center;
  animation:laGoalPop 3.2s cubic-bezier(.16,1,.3,1) forwards;
}
.la-goal-ball{font-size:62px;line-height:1;filter:drop-shadow(0 12px 18px rgba(0,0,0,.25));animation:laBallSpin 1.2s ease-in-out infinite alternate}
.la-goal-title{font-size:clamp(44px,9vw,92px);font-weight:1000;letter-spacing:2px;margin:6px 0 0;text-transform:uppercase;text-shadow:0 8px 22px rgba(0,0,0,.22)}
.la-goal-player{font-size:clamp(20px,4vw,34px);font-weight:950;margin-top:6px}
.la-goal-match{font-size:14px;color:rgba(255,255,255,.82);font-weight:800;margin-top:8px}
.la-goal-score{margin-top:14px;font-size:32px;font-weight:1000;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:8px 16px;display:inline-flex;min-width:136px;justify-content:center}
.la-screen-shake{animation:laScreenShake .55s ease-in-out 1}
.la-event-toast-stack{position:fixed;inset-inline-start:16px;bottom:86px;z-index:9998;display:grid;gap:10px;width:min(380px,calc(100vw - 32px));pointer-events:none}
.la-event-toast{border-radius:18px;padding:12px 14px;background:rgba(15,23,42,.94);color:#fff;box-shadow:0 18px 48px rgba(2,6,23,.24);border:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;animation:laToastIn .28s ease both}
.la-event-toast.is-leaving{animation:laToastOut .25s ease both}
.la-event-toast__icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;font-size:19px;background:rgba(255,255,255,.10)}
.la-event-toast__main strong{display:block;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.la-event-toast__main span{display:block;font-size:12px;color:#cbd5e1;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.la-event-toast__min{font-weight:1000;color:#bbf7d0;background:rgba(34,197,94,.14);border-radius:999px;padding:5px 8px;font-size:12px}
.la-live-feed-pro{margin:14px 0;background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.22);border-radius:24px;box-shadow:0 20px 55px rgba(15,23,42,.08);overflow:hidden}
.la-live-feed-pro__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.16)}
.la-live-feed-pro__title{font-weight:1000;color:#0f172a}.la-live-feed-pro__sub{font-size:12px;color:#64748b;font-weight:800}.la-live-feed-pro__badge{border-radius:999px;background:#dcfce7;color:#166534;padding:6px 10px;font-weight:950;font-size:12px}
.la-live-feed-pro__list{max-height:430px;overflow:auto;scrollbar-width:thin}
.la-feed-item{display:grid;grid-template-columns:54px auto 1fr;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.13);transition:background .2s ease, transform .2s ease}
.la-feed-item:last-child{border-bottom:0}.la-feed-item.is-new{animation:laFeedNew 1.1s ease both}.la-feed-item:hover{background:rgba(34,197,94,.05)}
.la-feed-min{font-weight:1000;color:#16a34a;background:#ecfdf5;border-radius:14px;padding:7px 5px;text-align:center}.la-feed-icon{width:40px;height:40px;border-radius:15px;background:#f1f5f9;display:grid;place-items:center;font-size:20px}.la-feed-copy{min-width:0}.la-feed-copy strong{display:block;color:#0f172a;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.la-feed-copy span{display:block;color:#64748b;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.la-feed-goal .la-feed-icon{background:#dcfce7}.la-feed-red_card .la-feed-icon{background:#fee2e2}.la-feed-yellow_card .la-feed-icon{background:#fef3c7}.la-feed-substitution .la-feed-icon{background:#dbeafe}.la-feed-empty{padding:18px;text-align:center;color:#64748b;font-weight:850}
.v32-match-card.la-card-highlight,.vr-match-card.la-card-highlight{animation:laCardHighlight 1.2s ease both}
.v32-match-card.la-goal-highlight,.vr-match-card.la-goal-highlight{animation:laGoalCardGlow 1.8s ease both}
.fs-event-row.la-fresh-event{animation:laFeedNew 1.1s ease both}
@keyframes laOverlayFade{0%{opacity:0}8%,82%{opacity:1}100%{opacity:0}}
@keyframes laGoalPop{0%{transform:scale(.72) rotate(-2deg);opacity:0}12%{transform:scale(1.04) rotate(1deg);opacity:1}22%,72%{transform:scale(1) rotate(0)}100%{transform:scale(.94);opacity:0}}
@keyframes laBallSpin{from{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-8px) rotate(8deg)}}
@keyframes laScreenShake{0%,100%{transform:translateX(0)}15%{transform:translateX(-5px)}30%{transform:translateX(5px)}45%{transform:translateX(-4px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
@keyframes laToastIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@keyframes laToastOut{to{opacity:0;transform:translateY(10px) scale(.96)}}
@keyframes laFeedNew{0%{background:rgba(34,197,94,.18);transform:translateY(-3px)}100%{background:transparent;transform:none}}
@keyframes laCardHighlight{0%{box-shadow:0 0 0 0 rgba(37,99,235,.0)}20%{box-shadow:0 0 0 8px rgba(37,99,235,.14)}100%{box-shadow:inherit}}
@keyframes laGoalCardGlow{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(34,197,94,.0)}18%{transform:scale(1.012);box-shadow:0 0 0 9px rgba(34,197,94,.18),0 24px 80px rgba(22,163,74,.25)}100%{transform:scale(1);box-shadow:inherit}}
@media(max-width:760px){.la-event-toast-stack{inset-inline:12px;bottom:78px;width:auto}.la-live-sound-toggle{bottom:76px;inset-inline-end:12px}.la-feed-item{grid-template-columns:48px auto 1fr;padding:11px 12px}.la-live-feed-pro{border-radius:20px}.la-goal-card{border-radius:28px}.la-goal-ball{font-size:52px}}
@media(prefers-color-scheme:dark){.la-live-feed-pro{background:rgba(15,23,42,.88);border-color:rgba(148,163,184,.18)}.la-live-feed-pro__title,.la-feed-copy strong{color:#f8fafc}.la-feed-copy span,.la-live-feed-pro__sub{color:#cbd5e1}.la-feed-item{border-color:rgba(148,163,184,.12)}.la-feed-icon{background:rgba(255,255,255,.08)}}
@media(prefers-reduced-motion:reduce){.la-goal-overlay,.la-goal-card,.la-screen-shake,.la-event-toast,.la-feed-item.is-new,.v32-match-card.la-card-highlight,.v32-match-card.la-goal-highlight{animation:none!important}}