/* Decorative sports telemetry; no figures represent actual game data. */
.betiq-hero { overflow:hidden; }
.hero-motion { position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden; color:var(--betiq-accent,#ea77ed); background:linear-gradient(90deg,#05080dee,transparent 85%); }
.hero-motion__glow { position:absolute; inset:-15%; background:radial-gradient(ellipse at 80% 35%,rgba(var(--betiq-accent-rgb,234,119,237),.25),transparent 48%); animation:hero-drift 16s ease-in-out infinite alternate; }
.hero-motion__grid { position:absolute; inset:35% -20% -45%; background-image:linear-gradient(rgba(var(--betiq-accent-rgb,234,119,237),.1) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--betiq-accent-rgb,234,119,237),.1) 1px,transparent 1px); background-size:72px 72px; transform:perspective(650px) rotateX(55deg); mask-image:linear-gradient(transparent,#000 45%); }
.hero-motion svg { position:absolute; width:100%; height:100%; opacity:.65; mask-image:linear-gradient(90deg,transparent,#000 65%); }
.hero-motion__court { opacity:.15; stroke-width:1; }
.hero-motion__traces { opacity:.23; stroke-width:2; }
.hero-motion__signal { stroke-width:3; stroke-dasharray:100 1900; animation:hero-signal 12s linear infinite; }
.hero-motion__nodes { opacity:.65; }
.hero-motion-toggle { position:absolute; bottom:16px; right:24px; border:1px solid #ffffff35; border-radius:20px; background:#080c12cc; color:#becbd0; font:inherit; font-size:13px; padding:7px 12px; cursor:pointer; }
.hero-motion-toggle:hover { color:white; border-color:currentColor; }
.hero-motion-toggle:focus-visible { outline:2px solid var(--betiq-accent,#ea77ed); outline-offset:4px; }
.betiq-hero[data-motion-paused] .hero-motion *, .betiq-hero[data-motion-offscreen] .hero-motion * { animation-play-state:paused; }
@keyframes hero-drift { from { transform:translate3d(-2%,2%,0); } to { transform:translate3d(3%,-3%,0); } }
@keyframes hero-signal { to { stroke-dashoffset:-2000; } }
@media(max-width:760px) { .hero-motion svg { opacity:.4; }.hero-motion__grid { background-size:48px 48px; }.hero-motion-toggle { right:16px; } }
@media(prefers-reduced-motion:reduce) { .hero-motion * { animation:none !important; }.hero-motion-toggle { display:none; } }