.stage{color:#e8f6ff;width:100%;height:100dvh;min-height:780px;font-family:var(--font-geist-sans),system-ui,sans-serif;background:#04070c;position:relative;overflow:hidden}.stage *{box-sizing:border-box}.stage button,.stage input{font:inherit}.stage button{cursor:pointer}.stage a{color:#9fb3c8;text-decoration:none}.stage a:hover{color:#e8f6ff}.stage input::placeholder{color:#7d8ea0;opacity:1}.stage :focus-visible{outline-offset:3px;outline:2px solid #3be8ff}.mono{font-family:var(--font-geist-mono),ui-monospace,monospace}.bglights{pointer-events:none;background:radial-gradient(42% 60% at 33% 30%,#96c8f029,#04070c00 70%),radial-gradient(56% 50% at 33% 60%,#3be8ff14,#04070c00 70%);position:absolute;inset:0}.world{transform-origin:45% 42%;pointer-events:none;position:absolute;inset:0}.is-intro .world{animation:4.1s cubic-bezier(.5,0,.85,.45) 1.2s both rush}@keyframes rush{0%{filter:blur();transform:scale(1)}78%{filter:blur()}to{filter:blur(2.5px);transform:scale(1.85)translateY(4%)}}.is-login .world{animation:1s cubic-bezier(.2,.8,.2,1) both settle}@keyframes settle{0%{opacity:.4;filter:blur(2px);transform:scale(1.15)}to{opacity:1;filter:none;transform:none}}.cam{transition:transform .4s ease-out;position:absolute;inset:0}.pitch{transform-origin:50% 100%;background-image:linear-gradient(#3be8ff29 1px,#0000 1px),linear-gradient(90deg,#3be8ff29 1px,#0000 1px);background-size:80px 80px;height:85%;position:absolute;bottom:0;left:-40%;right:-40%;transform:perspective(900px)rotateX(70deg);-webkit-mask-image:linear-gradient(#0000 15%,#000 80%);mask-image:linear-gradient(#0000 15%,#000 80%)}.is-intro .pitch{animation:.45s linear infinite grid}@keyframes grid{to{background-position:0 80px}}.pitch-circle{border:2px solid #3be8ff5c;border-radius:50%;width:440px;height:440px;margin-left:-220px;position:absolute;top:38%;left:50%}.pitch-half{background:#3be8ff5c;height:2px;position:absolute;top:calc(38% + 219px);left:0;right:0}.parts{width:0;height:0;position:absolute;top:40%;left:38%}.pt{width:0;height:0;position:absolute;top:0;left:0}.pt b{height:2px;width:var(--l);opacity:0;transform-origin:0;background:linear-gradient(90deg,#3be8ff00,#bff6ff);border-radius:2px;position:absolute;top:-1px;left:0}.is-intro .pt b{animation:.85s linear infinite streak;animation-delay:calc(1.2s + var(--d) * .85s)}@keyframes streak{0%{opacity:0;transform:translate(60px)scaleX(.2)}15%{opacity:var(--o)}to{opacity:0;transform:translate(1100px)scaleX(1.4)}}.is-login .pt b{width:3px;height:3px;animation:16s linear infinite drift;animation-delay:calc(var(--d) * -16s);background:#bff6ff;border-radius:50%;top:-1.5px}@keyframes drift{0%{opacity:0;transform:translate(140px)}20%{opacity:calc(var(--o) * .6)}80%{opacity:calc(var(--o) * .4)}to{opacity:0;transform:translate(760px)}}.duo{aspect-ratio:1180/939;transition:left .9s cubic-bezier(.2,.8,.2,1),bottom .9s cubic-bezier(.2,.8,.2,1),height .9s cubic-bezier(.2,.8,.2,1);position:absolute}.is-intro .duo{height:74%;bottom:2%;left:21%}.is-login .duo{height:74%;bottom:0;left:4%}.pl,.gl{position:absolute;inset:0}.holo{perspective:1100px;perspective-origin:50% 40%;transform-origin:50% 100%;animation:5s ease-in-out infinite alternate breathe;position:absolute;inset:0}.pl-h .holo{animation-delay:-2.5s}@keyframes breathe{to{transform:scale(1.015)}}.tilt{transform-style:preserve-3d;transition:transform .3s ease-out;position:absolute;inset:0}.ly{transform-origin:50% 40%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.ly-head{transform:translateZ(50px)scale(.955)}.sheen{mix-blend-mode:screen;background:linear-gradient(105deg,#0000 0 42%,#ffffff38 50%,#0000 58% 100%) 0 0/300% 100%;animation:7s ease-in-out infinite sheen;position:absolute;inset:0;transform:translateZ(2px)scale(.998);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sheen-v{-webkit-mask-image:url(/players/vandijk-body.webp);mask-image:url(/players/vandijk-body.webp)}.sheen-h{animation-delay:-3.5s;-webkit-mask-image:url(/players/haaland-body.webp);mask-image:url(/players/haaland-body.webp)}@keyframes sheen{0%,60%{background-position:100% 0}to{background-position:0 0}}.ghost{opacity:0;filter:grayscale()sepia()saturate(5)hue-rotate(140deg)brightness(1.3);mix-blend-mode:screen;pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.ball{aspect-ratio:1;width:17%;position:absolute;top:-23%;left:52.5%}.ball-p{transition:transform .35s ease-out;position:absolute;inset:0}.ball-in{animation:3.4s ease-in-out infinite alternate bfloat;position:absolute;inset:0}.ball-in img{filter:drop-shadow(0 0 14px #e6ff7840);width:100%;max-width:none;height:100%;animation:18s linear infinite bspin;display:block}@keyframes bfloat{0%{transform:translateY(4px)}to{transform:translateY(-10px)}}@keyframes bspin{to{transform:rotate(360deg)}}.is-intro .ball{animation:.6s steps(6,end) .9s both matIn}@keyframes matIn{0%{opacity:0;filter:brightness(3)}to{opacity:1;filter:none}}.dz{display:none;position:absolute;inset:0}.dz b{opacity:0;background-size:1200% 1000%;width:8.3333%;height:10%;animation:.14s linear both dzIn;position:absolute}.dz-v b{background-image:url(/players/vandijk-body.webp)}.dz-h b{background-image:url(/players/haaland-body.webp)}@keyframes dzIn{0%{opacity:0;filter:brightness(2.6)saturate(0)}40%{opacity:1}to{opacity:1;filter:none}}.is-intro .dz-v{animation:.25s 1s forwards dzOut;display:block}.is-intro .dz-h{animation:.25s 1.3s forwards dzOut;display:block}@keyframes dzOut{to{opacity:0}}.is-intro .pl-v .gl{opacity:0;animation:.25s .95s forwards show,.45s step-end 4.5s both glitchOnce}.is-intro .pl-h .gl{opacity:0;animation:.25s 1.25s forwards show,.45s step-end 4.5s both glitchOnce}@keyframes show{to{opacity:1}}.is-intro .ghost{animation:.45s step-end 4.5s both ghostOnce}.is-login .pl-v .gl{animation:6.4s step-end 2.5s infinite glitchLoop}.is-login .pl-v .ghost{animation:6.4s step-end 2.5s infinite ghostLoop}.is-login .pl-h .gl{animation:7.6s step-end 4.6s infinite glitchLoop}.is-login .pl-h .ghost{animation:7.6s step-end 4.6s infinite ghostLoop}@keyframes glitchOnce{0%{transform:none}20%{transform:translate(-6px)skew(-4deg)}40%{transform:translate(5px,1px)}60%{transform:translate(-2px)}80%,to{transform:none}}@keyframes ghostOnce{0%{opacity:0}20%{opacity:.8;clip-path:inset(18% 0 62%);transform:translate(14px)}40%{opacity:.65;clip-path:inset(55% 0 28%);transform:translate(-12px)}60%{opacity:.75;clip-path:inset(34% 0 50%);transform:translate(8px)}80%,to{opacity:0}}@keyframes glitchLoop{0%{transform:none}1%{transform:translate(-6px)skew(-4deg)}2%{transform:translate(5px,1px)}3%{transform:translate(-2px)}4.5%,to{transform:none}}@keyframes ghostLoop{0%{opacity:0}1%{opacity:.8;clip-path:inset(18% 0 62%);transform:translate(14px)}2%{opacity:.65;clip-path:inset(55% 0 28%);transform:translate(-12px)}3%{opacity:.75;clip-path:inset(34% 0 50%);transform:translate(8px)}4.5%,to{opacity:0}}.ath{color:#8af0ff;filter:drop-shadow(0 0 4px #3be8ffe6);width:36%;position:absolute;top:8%;bottom:0}.ath svg{width:100%;height:100%;display:block;overflow:visible}.tag{letter-spacing:.16em;color:#c6f7ff;white-space:nowrap;flex-direction:column;gap:3px;font-size:11px;line-height:14px;display:flex;position:absolute;top:-8%}.tag strong{color:#f2fdff;font-size:13px;font-weight:500}.tag-line{background:currentColor;width:32px;height:1px;position:absolute;top:7px}.tag-v{text-align:right;align-items:flex-end;padding-right:40px;right:66%}.tag-v .tag-line{right:0}.tag-h{padding-left:40px;left:78%}.tag-h .tag-line{left:0}.is-intro .tag{opacity:0}.flash{opacity:0;pointer-events:none;background:#3be8ff;position:absolute;inset:0}.is-intro .flash{animation:6.2s forwards flash}@keyframes flash{0%,80.6%{opacity:0}85.5%{opacity:.55}95%,to{opacity:0}}.hud{letter-spacing:.18em;color:#7fe9ff;pointer-events:none;flex-direction:column;gap:10px;font-size:12px;display:flex;position:absolute;top:12vh;left:5vw}.hud-line{opacity:0;animation:.5s forwards hud}@keyframes hud{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.intro-skip{z-index:6;color:#c9d6e3;background:#060c1499;border:1px solid #3a4b5c;border-radius:999px;align-items:center;gap:6px;height:44px;padding:0 16px 0 18px;font-size:14px;display:flex;position:absolute;bottom:6vh;right:5vw}.intro-skip:hover,.sound-btn:hover{color:#e8f6ff;border-color:#5e7184}.rise{animation:.8s cubic-bezier(.2,.8,.2,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.scrim{z-index:2;pointer-events:none;background:radial-gradient(80% 90% at 0 100%,#04070ceb,#04070c00 70%);width:60%;height:50%;position:absolute;bottom:0;left:0}.hdr{z-index:5;justify-content:space-between;align-items:center;gap:16px;padding:24px 5vw;display:flex;position:absolute;top:0;left:0;right:0}.brand{color:#3be8ff;align-items:center;gap:10px;display:flex}.brand img{width:28px;height:28px;display:block}.brand span{letter-spacing:-.01em;color:#e8f6ff;font-size:17px;font-weight:600}.sound-btn{color:#c9d6e3;background:#060c1499;border:1px solid #3a4b5c;border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 16px;font-size:13px;display:flex}.headline{z-index:3;flex-direction:column;gap:14px;max-width:560px;animation-delay:.1s;display:flex;position:absolute;bottom:92px;left:5vw}.eyebrow{letter-spacing:.2em;color:#7fe9ff;font-size:12px}.headline h1{letter-spacing:-.035em;color:#f2fbff;margin:0;font-size:56px;font-weight:600;line-height:58px}.card-wrap{z-index:4;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:5vw}.card-col{flex-direction:column;align-items:stretch;gap:18px;display:flex}.deleted-note{color:#b8f5d8;white-space:nowrap;background:#5be3a41a;border:1px solid #5be3a466;border-radius:10px;align-self:center;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:14px;display:flex}.signed-out-note{color:#ffd98a;background:#ffc23d1a;border-color:#ffc23d73}#clerk-captcha:empty{display:none}.card{-webkit-backdrop-filter:blur(18px);background:#060c14d6;border:1px solid #3be8ff4d;border-radius:16px;outline:none;flex-direction:column;gap:20px;width:400px;padding:32px;animation-delay:.2s;display:flex;position:relative}.bracket{border:0 solid #3be8ff;width:14px;height:14px;position:absolute}.b-tl{border-top-width:2px;border-left-width:2px;top:-7px;left:-7px}.b-tr{border-top-width:2px;border-right-width:2px;top:-7px;right:-7px}.b-bl{border-bottom-width:2px;border-left-width:2px;bottom:-7px;left:-7px}.b-br{border-bottom-width:2px;border-right-width:2px;bottom:-7px;right:-7px}.card-head{flex-direction:column;gap:8px;display:flex}.card-eyebrow{letter-spacing:.18em;color:#7fe9ff;font-size:11px}.card h2{letter-spacing:-.02em;color:#e8f6ff;margin:0;font-size:28px;font-weight:600;line-height:34px}.card-body{color:#a9bacb;margin:0;font-size:15px;line-height:22px}.card-body strong{color:#e8f6ff;font-weight:500}.gbtn{color:#0b1118;background:#eef3f8;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:48px;font-size:15px;font-weight:500;display:flex}.gbtn img{flex-shrink:0;width:20px;height:20px;display:block}.gbtn:hover{background:#fff}.divider{color:#8a9bb0;align-items:center;gap:12px;font-size:12px;display:flex}.divider i{background:#223140;flex-grow:1;height:1px}.divider span{letter-spacing:.16em}.field{flex-direction:column;gap:8px;display:flex}.field label{color:#c9d6e3;font-size:13px;font-weight:500}.input{color:#e8f6ff;background:#ffffff08;border:1px solid #56687a;border-radius:12px;width:100%;height:48px;padding:0 16px;font-size:16px}.input[aria-invalid=true]{border-color:#ff8a7a}.cta{color:#021016;background:#3be8ff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:48px;font-size:15px;font-weight:600;display:flex}.cta:hover{background:#7cf3ff}.cta:disabled,.gbtn:disabled{opacity:.6;cursor:default}.fine{color:#8a9bb0;margin:0;font-size:12px;line-height:18px}.err{color:#ff8a7a;margin:0;font-size:13px;line-height:18px}.linkish{color:#c9d6e3;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.linkish:hover{color:#e8f6ff}.linkish:disabled{color:#8a9bb0;cursor:default;text-decoration:none}.otp-row{flex-direction:column;gap:10px;display:flex}.field-label{color:#c9d6e3;font-size:13px;font-weight:500}.otp{width:100%}.otp-group{border-radius:0;justify-content:space-between;gap:8px;width:100%}.otp-slot{color:#e8f6ff;background:#ffffff08;width:44px;height:48px;font-size:18px;border:1px solid #56687a!important;border-radius:10px!important}.otp-slot[data-active=true]{border-color:#3be8ff!important}.otp-actions{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.otp-actions .fine{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fine .spin{vertical-align:middle;width:12px;height:12px;margin-right:4px;display:inline-block}.spin{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footer{z-index:5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 5vw;font-size:13px;animation-delay:.3s;display:flex;position:absolute;bottom:0;left:0;right:0}.ticker{letter-spacing:.14em;color:#8fa3b8;font-size:11px}.legal{gap:20px;display:flex}@media (hover:none){.tilt{animation:12s ease-in-out infinite alternate tdrift}.pl-h .tilt{animation-duration:14s;animation-direction:alternate-reverse}}@keyframes tdrift{0%{transform:rotateY(-2.5deg)rotateX(1deg)}to{transform:rotateY(2.5deg)rotateX(-1deg)}}@media (max-width:760px){.stage{min-height:640px}.bglights{background:radial-gradient(70% 30% at 45% 24%,#96c8f029,#04070c00 70%),radial-gradient(80% 34% at 45% 36%,#3be8ff14,#04070c00 70%)}.pitch{background-size:56px 56px;height:470px;inset:0 -60% auto;transform:perspective(600px)rotateX(70deg)}.is-intro .pitch{animation:.45s linear infinite gridM}.pitch-circle{width:300px;height:300px;margin-left:-150px;top:40%}.pitch-half{display:none}.parts{top:230px;left:45%}.is-login .pt b{animation:14s linear infinite driftM;animation-delay:calc(var(--d) * -14s)}.is-intro .duo,.is-login .duo{width:96%;height:auto;top:120px;bottom:auto;left:2%}.holo{perspective:800px}.ly-head{transform:translateZ(30px)scale(.9625)}.ball-in img{filter:drop-shadow(0 0 8px #e6ff7840)}.tag{letter-spacing:.14em;gap:2px;font-size:9px;line-height:12px}.tag strong{font-size:11px}.tag-line{width:20px;top:6px}.tag-v{padding-right:26px}.tag-h{padding-left:26px}.hud{gap:8px;font-size:11px;top:auto;bottom:112px;left:20px}.intro-skip{bottom:24px;right:16px}.hdr{padding:16px 16px 0 20px}.brand{gap:8px}.brand img{width:24px;height:24px}.brand span{font-size:16px}.sound-btn{border-radius:50%;justify-content:center;width:44px;height:44px;padding:0}.headline{gap:8px;max-width:none;inset:402px 20px auto}.eyebrow{font-size:11px}.headline h1{font-size:34px;line-height:36px}.card-wrap{display:block;inset:auto 12px 44px}.card{background:#060c14e0;gap:14px;width:100%;padding:20px}.card-head.is-default,.fine.is-default{display:none}.divider{font-size:11px}.footer{justify-content:center;padding:0;bottom:12px}.ticker,.hide-sm,.scrim,.br-lg{display:none}}@keyframes gridM{to{background-position:0 56px}}@keyframes driftM{0%{opacity:0;transform:translate(60px)}20%{opacity:calc(var(--o) * .6)}80%{opacity:calc(var(--o) * .4)}to{opacity:0;transform:translate(330px)}}@media (prefers-reduced-motion:reduce){.stage *{transition:none!important;animation:none!important}.tilt{transform:none!important}.dz{display:none!important}.is-intro .gl,.hud-line,.is-intro .ball,.is-intro .tag{opacity:1}}.no-motion *{transition:none!important;animation:none!important}.no-motion .tilt{transform:none!important}.no-motion .dz{display:none!important}
