#sportsIntro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#234b86 0,#0e2347 48%,#070f22 100%);color:white;transition:opacity .35s ease}#sportsIntro[hidden]{display:none}#sportsIntro.leaving{opacity:0;pointer-events:none}.intro-stage{position:relative;width:min(88vw,540px);aspect-ratio:1;display:grid;place-items:center}.intro-ring{position:absolute;inset:12%;border:1px solid #91bfff40;border-radius:50%;box-shadow:0 0 60px #428cff18,inset 0 0 50px #428cff12}.intro-ring::after{content:"";position:absolute;inset:12%;border:1px dashed #91bfff33;border-radius:50%;animation:introSpin 30s linear infinite}.intro-centre{text-align:center;z-index:1}.intro-centre svg{width:100px;height:100px;fill:none;stroke:#ecd08d;stroke-width:2;filter:drop-shadow(0 8px 22px #e3be6945);animation:introFloat 2s ease-in-out infinite}.intro-centre h2{font:700 clamp(23px,5vw,34px) Arial,sans-serif;letter-spacing:.16em;margin:20px 0 8px}.intro-centre p{font:12px Arial,sans-serif;letter-spacing:.25em;color:#c9d8ef}.intro-orbit{position:absolute;inset:3%;animation:introSpin 14s linear infinite}.intro-icon{position:absolute;left:calc(50% - 26px);top:calc(50% - 26px);width:52px;height:52px;display:grid;place-items:center;background:#142e58d9;border:1px solid #bdd4f84d;border-radius:17px;box-shadow:0 8px 25px #0003;transform:rotate(var(--angle)) translateY(clamp(-200px,-34vw,-120px)) rotate(calc(-1 * var(--angle)))}.intro-icon svg{width:30px;height:30px;fill:none;stroke:#dceaff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;animation:introCounterSpin 14s linear infinite}.intro-track{height:3px;width:145px;background:#ffffff20;margin:28px auto 0;overflow:hidden;border-radius:4px}.intro-track::after{content:"";display:block;height:100%;background:#ecd08d;transform-origin:left;animation:introProgress 6s linear forwards}.intro-skip{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:28px;border:1px solid #b8cff666;background:#ffffff0d;color:#fff;border-radius:30px;padding:13px 22px;font:600 14px Arial,sans-serif;cursor:pointer}.intro-skip:focus-visible{outline:3px solid #ecd08d;outline-offset:4px}@keyframes introSpin{to{transform:rotate(360deg)}}@keyframes introCounterSpin{to{transform:rotate(-360deg)}}@keyframes introFloat{50%{transform:translateY(-9px)}}@keyframes introProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){#sportsIntro *{animation:none!important}#sportsIntro{transition:none}.intro-track::after{transform:scaleX(1)}}