.world-cup-prediction{--wc-ink: #f4f0e6;--wc-muted: #c7c0ac;--wc-deep: #062317;--wc-pitch: #06462b;--wc-pitch-2: #0a6f41;--wc-red: #f0272d;--wc-gold: #f0b924;--wc-line: rgba(244, 240, 230, .18);--wc-panel: rgba(4, 39, 22, .92);--wc-ink: oklch(94% .02 101);--wc-muted: oklch(79% .035 105);--wc-deep: oklch(16% .055 156);--wc-pitch: oklch(25% .105 153);--wc-pitch-2: oklch(36% .14 150);--wc-red: oklch(58% .22 27);--wc-gold: oklch(78% .15 82);--wc-line: oklch(94% .02 101 / .18);--wc-panel: oklch(18% .06 150 / .92);--wc-ease: cubic-bezier(.16, 1, .3, 1);position:relative;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100svh;background:#041d12;background:radial-gradient(circle at 50% -10%,oklch(47% .16 150 / .55),transparent 32rem),radial-gradient(circle at 8% 34%,oklch(58% .2 27 / .35),transparent 22rem),linear-gradient(145deg,color(xyz 0.001 0.002 0),color(xyz 0.004 0.009 0.003) 48%,color(xyz 0.001 0.002 0));color:var(--wc-ink);max-width:100vw}.world-cup-prediction *,.world-cup-prediction *:before,.world-cup-prediction *:after{box-sizing:border-box}.wc-arena{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.wc-arena:before{content:"";position:absolute;inset:auto -10% -28% -10%;height:64%;border:1px solid oklch(90% .04 150 / .22);border-radius:50% 50% 0 0;background:linear-gradient(90deg,transparent 49.7%,oklch(92% .03 120 / .22) 50%,transparent 50.3%),repeating-linear-gradient(90deg,oklch(37% .12 150 / .22) 0 1px,transparent 1px 10vw),linear-gradient(180deg,transparent,oklch(16% .05 155 / .72));transform:perspective(700px) rotateX(62deg);transform-origin:bottom}.wc-arena:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;background-image:linear-gradient(oklch(96% .01 100 / .08) 1px,transparent 1px),linear-gradient(90deg,oklch(96% .01 100 / .08) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at 50% 35%,black,transparent 72%);mask-image:radial-gradient(circle at 50% 35%,black,transparent 72%);animation:wc-grid-surge 2.2s steps(2) infinite}.wc-arena__beam{position:absolute;top:-15%;width:28vw;height:80vh;background:linear-gradient(180deg,oklch(98% .02 98 / .22),transparent 76%);filter:blur(2px);mix-blend-mode:screen;transform-origin:top;animation:wc-beam-sweep 5.6s var(--wc-ease) infinite alternate}.wc-arena__beam--one{left:6%;transform:rotate(21deg)}.wc-arena__beam--two{left:40%;animation-delay:-1.8s}.wc-arena__beam--three{right:4%;transform:rotate(-22deg);animation-delay:-.9s}.wc-arena__ring{position:absolute;top:9%;right:8%;width:clamp(180px,26vw,360px);aspect-ratio:1;border:2px solid oklch(78% .15 82 / .5);border-radius:50%;box-shadow:0 0 0 22px #e7ac2a0a,0 0 80px #e7ac2a59;animation:wc-ring-pulse 1.6s var(--wc-ease) infinite}.wc-arena__ring:before,.wc-arena__ring:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:1px dashed oklch(78% .15 82 / .32);border-radius:50%;animation:wc-ring-spin 7s linear infinite}.wc-arena__ring:after{top:34%;right:34%;bottom:34%;left:34%;animation-duration:4.2s;animation-direction:reverse}.wc-arena__ball{position:absolute;width:clamp(40px,6vw,78px);aspect-ratio:1;border:1px solid oklch(96% .02 100 / .72);border-radius:50%;background:radial-gradient(circle at 35% 30%,oklch(98% .01 100) 0 16%,transparent 17%),radial-gradient(circle at 66% 38%,oklch(12% .03 155) 0 12%,transparent 13%),radial-gradient(circle at 45% 70%,oklch(12% .03 155) 0 13%,transparent 14%),#ede8d6;box-shadow:0 18px 45px #0000008a;will-change:transform}.wc-arena__ball--one{left:-8%;top:18%;animation:wc-ball-rocket 5.2s var(--wc-ease) infinite}.wc-arena__ball--two{right:4%;bottom:11%;width:clamp(24px,4vw,48px);opacity:.42;animation:wc-ball-spin 1.8s linear infinite}.wc-arena__ticker{position:absolute;left:-10vw;width:120vw;color:#f8f6e717;font-size:clamp(3rem,11vw,12rem);font-weight:900;line-height:.9;white-space:nowrap;transform:rotate(-6deg);animation:wc-ticker 8.5s linear infinite}.wc-arena__ticker--one{top:22%}.wc-arena__ticker--two{bottom:15%;animation-direction:reverse}.wc-shell{width:min(1220px,calc(100% - 28px));margin:0 auto;padding:clamp(38px,7vw,92px) 0}.wc-hero{max-width:min(1040px,100%)}.wc-kicker{margin:0 0 14px;color:var(--wc-gold);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.wc-hero h1{max-width:min(1040px,100%);margin:0;color:var(--wc-ink);font-size:clamp(2.7rem,7.6vw,7.2rem);font-weight:900;line-height:.9;letter-spacing:0}.wc-intro{max-width:660px;margin-top:clamp(18px,2.4vw,28px);color:var(--wc-muted);font-size:clamp(1rem,1.55vw,1.22rem);line-height:1.55}.wc-stage{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(18px,3vw,38px);align-items:stretch;margin-top:clamp(30px,6vw,70px)}.wc-fixture,.wc-console{position:relative;overflow:hidden;border:1px solid var(--wc-line);border-radius:6px;background:var(--wc-panel);box-shadow:0 34px 100px #0000006b}.wc-fixture{min-height:clamp(520px,62vw,680px);padding:clamp(22px,4.5vw,54px)}.wc-fixture:before,.wc-console:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,oklch(95% .02 100 / .13),transparent),repeating-linear-gradient(0deg,transparent 0 12px,oklch(95% .01 100 / .035) 12px 13px);transform:translate(-120%);animation:wc-scan 3.4s var(--wc-ease) infinite;pointer-events:none}.wc-fixture:after{content:"";position:absolute;right:0;bottom:0;left:0;height:28%;background:repeating-linear-gradient(90deg,transparent 0 10px,oklch(78% .15 82 / .11) 10px 12px),linear-gradient(180deg,transparent,oklch(58% .22 27 / .1));opacity:.42;animation:wc-crowd-flash 1.8s steps(2) infinite;pointer-events:none}.wc-fixture__top,.wc-meta,.wc-prize{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.wc-fixture__top{color:var(--wc-gold);font-size:.78rem;font-weight:900;text-transform:uppercase}.wc-status{border:1px solid oklch(78% .15 82 / .38);border-radius:999px;padding:4px 10px;background:#e7ac2a1f}.wc-teams{display:grid;grid-template-columns:minmax(150px,1fr) clamp(58px,7vw,86px) minmax(150px,1fr);gap:clamp(10px,2vw,22px);align-items:center;margin-top:clamp(50px,8vw,86px)}.wc-team{display:grid;gap:10px;min-width:0;align-content:center}.wc-team--away{text-align:right}.wc-teams span:not(.wc-versus){color:var(--wc-gold);font-size:clamp(1.3rem,3.8vw,3.6rem);font-weight:900;line-height:.85}.wc-teams strong{color:var(--wc-ink);font-size:clamp(1.7rem,2.85vw,3rem);font-weight:900;line-height:1;overflow-wrap:normal;word-break:normal;text-wrap:balance}.wc-versus{display:grid;width:clamp(58px,7vw,86px);aspect-ratio:1;place-items:center;border-radius:50%;background:var(--wc-red);color:var(--wc-ink);font-size:clamp(.9rem,1.3vw,1.1rem);font-weight:900;box-shadow:0 0 0 14px #df22251f;animation:wc-vs-hit 1.2s var(--wc-ease) infinite}.wc-meta{margin-top:clamp(34px,5vw,54px);color:var(--wc-muted);line-height:1.5}.wc-countdown{position:absolute;right:clamp(18px,4vw,44px);bottom:clamp(18px,4vw,44px);left:clamp(18px,4vw,44px)}.wc-countdown p{margin:0 0 12px;color:var(--wc-muted)}.wc-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wc-clock span{display:grid;gap:4px;min-height:86px;place-items:center;border:1px solid oklch(94% .02 101 / .14);border-radius:4px;background:#000300d6;background:oklch(8% .035 150 / .84);color:var(--wc-ink);box-shadow:inset 0 0 22px #df22251f}.wc-clock strong{font-size:clamp(1.9rem,4vw,3.6rem);font-variant-numeric:tabular-nums;line-height:1}.wc-clock small{color:var(--wc-muted);font-size:.68rem;text-transform:uppercase}.wc-reveal-note{margin-top:14px}.wc-console{padding:clamp(18px,3vw,32px)}.wc-prize{margin-bottom:24px;border:1px solid oklch(78% .15 82 / .35);border-radius:5px;padding:18px;background:radial-gradient(circle at 85% 35%,oklch(78% .15 82 / .26),transparent 9rem),#000b02b3;background:radial-gradient(circle at 85% 35%,oklch(78% .15 82 / .26),transparent 9rem),oklch(13% .05 150 / .7)}.wc-prize span,.wc-prize small{color:var(--wc-muted);font-size:.76rem;text-transform:uppercase}.wc-prize strong{color:var(--wc-gold);font-size:clamp(2.4rem,5vw,4.8rem);line-height:.9}.wc-reveal{position:relative;display:grid;gap:12px;margin-bottom:24px;border:1px solid oklch(94% .02 101 / .18);border-radius:5px;padding:18px;background:linear-gradient(135deg,oklch(58% .22 27 / .22),transparent 36%),#000401c7;background:linear-gradient(135deg,oklch(58% .22 27 / .22),transparent 36%),oklch(9% .035 150 / .78);box-shadow:inset 0 0 48px #e7ac2a12;overflow:hidden}.wc-reveal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,oklch(78% .15 82 / .22),transparent),repeating-linear-gradient(90deg,transparent 0 18px,oklch(94% .02 101 / .05) 18px 19px);transform:translate(-120%);animation:wc-reveal-scan 2.8s var(--wc-ease) infinite;pointer-events:none}.wc-reveal__eyebrow,.wc-reveal__result span{color:var(--wc-muted);font-size:.76rem;font-weight:850;text-transform:uppercase}.wc-reveal strong{color:var(--wc-ink);font-size:clamp(1.45rem,2.6vw,2.2rem);line-height:1}.wc-reveal p{margin:0;color:var(--wc-muted);line-height:1.45}.wc-reveal__result{display:flex;flex-wrap:wrap;gap:8px}.wc-reveal__result span{border:1px solid oklch(94% .02 101 / .16);border-radius:999px;padding:6px 10px;background:#eeecdd14}.wc-form,.wc-form__grid{display:grid;gap:14px}.wc-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wc-form label{display:grid;gap:7px;color:var(--wc-muted);font-size:.78rem;font-weight:800}.wc-form input,.wc-form select{width:100%;min-height:50px;border:1px solid oklch(94% .02 101 / .2);border-radius:4px;padding:0 13px;background:#000401e0;background:oklch(9% .035 150 / .88);color:var(--wc-ink);font:inherit;font-weight:700}.wc-form select{-webkit-appearance:auto;appearance:auto}.wc-form input:focus,.wc-form select:focus{border-color:var(--wc-gold);outline:2px solid oklch(78% .15 82 / .24);outline-offset:2px}.wc-form__score{display:grid;gap:10px;grid-column:1 / -1}.wc-form__label{color:var(--wc-muted);font-size:.78rem;font-weight:800}.wc-score-picker{display:grid;gap:10px}.wc-score-row{display:grid;grid-template-columns:minmax(74px,.34fr) minmax(0,1fr);gap:10px;align-items:center}.wc-score-row>span{min-width:0;color:var(--wc-ink);font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-score-options{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.wc-score-button{min-height:38px;border:1px solid oklch(94% .02 101 / .18);border-radius:4px;background:#000401e0;background:oklch(9% .035 150 / .88);color:var(--wc-ink);font:inherit;font-weight:900;cursor:pointer;transition:transform .16s var(--wc-ease),border-color .16s var(--wc-ease),background .16s var(--wc-ease)}.wc-score-button:hover,.wc-score-button[aria-pressed=true]{border-color:var(--wc-gold);background:#e7ac2a2e;transform:translateY(-1px)}.wc-score-button[aria-pressed=true]{animation:wc-score-hit .32s var(--wc-ease)}.wc-score-picker.is-missing .wc-score-button{border-color:#df22256b}.wc-score-error{margin:0;color:var(--wc-red);font-size:.78rem}.wc-consent{display:flex!important;align-items:flex-start;gap:10px!important;color:var(--wc-muted);line-height:1.45}.wc-consent input{width:18px;min-height:18px;margin-top:2px}.wc-submit{display:grid;width:100%;min-height:56px;place-items:center;border:0;border-radius:4px;background:var(--wc-red);color:var(--wc-ink);font-weight:950;cursor:pointer;box-shadow:0 18px 52px #df22254d;transition:transform .18s var(--wc-ease),filter .18s var(--wc-ease),opacity .18s var(--wc-ease)}.wc-submit:hover{transform:translateY(-2px) scale(1.01);filter:saturate(1.12)}.wc-submit:disabled{cursor:not-allowed;opacity:.55;transform:none}.wc-banner,.wc-guard{border:1px solid oklch(94% .02 101 / .16);border-radius:4px;padding:12px 14px;background:#eeecdd14;color:var(--wc-ink);line-height:1.45}.wc-banner--success{border-color:#e7ac2a6b;background:#e7ac2a21}.wc-banner--error,.wc-guard{border-color:#df22256b;background:#df222521}.wc-guard.is-shaking{animation:wc-guard-shake .42s var(--wc-ease)}.wc-note{margin:0;color:var(--wc-muted);font-size:.82rem;line-height:1.45}.wc-editor-matches{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:20px}.wc-editor-match{border:1px dashed oklch(78% .15 82 / .44);border-radius:4px;padding:10px 12px;background:#000401d1;background:oklch(9% .035 150 / .82);color:var(--wc-muted);font-size:.8rem;font-weight:800}.wc-trap,.wc-hidden-summary{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.world-cup-prediction.is-revealed .wc-fixture{animation:wc-reveal-blast 1.1s var(--wc-ease) both}.world-cup-prediction.is-revealed .wc-reveal{border-color:#e7ac2aa3;animation:wc-reveal-slam 1.1s var(--wc-ease) both}.world-cup-prediction.is-open .wc-status{border-color:#e7ac2a70;background:#e7ac2a24}.world-cup-prediction.is-locked .wc-status{border-color:#df22256b;background:#df222529;color:var(--wc-ink)}.world-cup-prediction.is-empty .wc-fixture,.world-cup-prediction.is-empty .wc-console{opacity:.74}.world-cup-prediction.is-offscreen .wc-arena *,.world-cup-prediction.is-offscreen .wc-arena:before,.world-cup-prediction.is-offscreen .wc-arena:after,.world-cup-prediction.is-offscreen .wc-fixture:before,.world-cup-prediction.is-offscreen .wc-fixture:after,.world-cup-prediction.is-offscreen .wc-console:before,.world-cup-prediction.is-offscreen .wc-versus,.world-cup-prediction.is-offscreen .wc-reveal:before{animation-play-state:paused}@keyframes wc-ball-rocket{0%{opacity:0;transform:translateZ(0) rotate(-180deg) scale(.6)}8%,72%{opacity:1}38%{transform:translate3d(52vw,18vh,0) rotate(620deg) scale(1.15)}54%{transform:translate3d(64vw,8vh,0) rotate(830deg) scale(.92)}78%{opacity:1;transform:translate3d(104vw,38vh,0) rotate(1160deg) scale(.78)}to{opacity:0;transform:translate3d(118vw,42vh,0) rotate(1380deg) scale(.6)}}@keyframes wc-ball-spin{to{transform:rotate(360deg)}}@keyframes wc-beam-sweep{0%{opacity:.15;transform:rotate(-18deg) translate(-6vw)}to{opacity:.55;transform:rotate(18deg) translate(7vw)}}@keyframes wc-ring-pulse{0%,to{transform:scale(.96);opacity:.65}50%{transform:scale(1.06);opacity:1}}@keyframes wc-ring-spin{to{transform:rotate(360deg)}}@keyframes wc-ticker{0%{transform:rotate(-6deg) translate(0)}to{transform:rotate(-6deg) translate(-34vw)}}@keyframes wc-grid-surge{50%{opacity:.55}}@keyframes wc-crowd-flash{50%{opacity:.68;filter:saturate(1.4)}}@keyframes wc-scan{0%,38%{transform:translate(-120%);opacity:0}52%{opacity:1}to{transform:translate(120%);opacity:0}}@keyframes wc-vs-hit{0%,to{transform:scale(1);box-shadow:0 0 0 10px #df22251f}50%{transform:scale(1.08);box-shadow:0 0 0 20px #df22250d}}@keyframes wc-reveal-blast{0%{filter:saturate(1);transform:scale(1)}35%{filter:saturate(1.5) brightness(1.24);transform:scale(1.012)}to{filter:saturate(1);transform:scale(1)}}@keyframes wc-reveal-scan{0%,42%{transform:translate(-120%);opacity:0}55%{opacity:1}to{transform:translate(120%);opacity:0}}@keyframes wc-reveal-slam{0%{transform:translateY(8px) scale(.985);filter:brightness(.9)}32%{transform:translateY(-4px) scale(1.018);filter:brightness(1.4) saturate(1.4)}to{transform:translateY(0) scale(1);filter:brightness(1)}}@keyframes wc-guard-shake{0%,to{transform:translate(0)}24%{transform:translate(-6px)}48%{transform:translate(5px)}72%{transform:translate(-3px)}}@keyframes wc-score-hit{0%{transform:scale(.94)}58%{transform:scale(1.08)}to{transform:scale(1)}}@media screen and (max-width:960px){.wc-stage{grid-template-columns:1fr}.wc-fixture{min-height:560px}}@media screen and (max-width:640px){.wc-shell{width:min(390px,calc(100vw - 24px));padding-top:34px}.wc-hero h1{font-size:clamp(2.35rem,13vw,3.35rem);line-height:.95}.wc-fixture{min-height:620px;padding:20px}.wc-teams{grid-template-columns:1fr;margin-top:40px}.wc-team--away{text-align:left}.wc-versus{width:58px}.wc-clock{gap:6px}.wc-clock span{min-height:66px}.wc-score-row{grid-template-columns:1fr}.wc-score-options{grid-template-columns:repeat(5,minmax(0,1fr))}.wc-form__grid{grid-template-columns:1fr}.wc-arena__ticker{font-size:4rem}}@media(prefers-reduced-motion:reduce){.world-cup-prediction *,.world-cup-prediction *:before,.world-cup-prediction *:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/world-cup-prediction.css.map */