@font-face{font-family:ADI WCUS26 Bold Inline;src:url(../fonts/ADIWCUS26-BoldInline.woff2) format("woff2"),url(../fonts/ADIWCUS26-BoldInline.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Winner Narrow;src:url(../fonts/Winner-NarrowMedium.woff2) format("woff2"),url(../fonts/Winner-NarrowMedium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fits;src:url(../fonts/Fits-Regular.woff2) format("woff2"),url(../fonts/Fits-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Denton;src:url(../fonts/Denton-Light.woff2) format("woff2"),url(../fonts/Denton-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ITCFranklinGothic LT Pro BkCm;src:url(../fonts/FranklinGothicLTPro-BkCm.woff2) format("woff2"),url(../fonts/FranklinGothicLTPro-BkCm.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Denton 70Light";src:url(../fonts/Denton-70Light.woff2) format("woff2"),url(../fonts/Denton-70Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ITCFranklinGothic LT Pro BkCm;src:url(../fonts/FranklinGothicLTPro-DmCm.woff2) format("woff2"),url(../fonts/FranklinGothicLTPro-DmCm.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BigShoulders-THD;src:url(../fonts/BigShouldersTHDRegular.woff2) format("woff2"),url(../fonts/BigShouldersTHDRegular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Uber;src:url(../fonts/Uber_Move_Text-Light.woff2) format("woff2"),url(../fonts/Uber_Move_Text-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Uber;src:url(../fonts/Uber_Move-Regular.woff2) format("woff2"),url(../fonts/Uber_Move-Regular.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Uber;src:url(../fonts/Uber_Move-Medium.woff2) format("woff2"),url(../fonts/Uber_Move-Medium.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Uber;src:url(../fonts/Uber_Move_Text-Bold.woff2) format("woff2"),url(../fonts/Uber_Move_Text-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--pink: #ff6eda;--blue: #0097ff;--green: #00c55f;--orange: #ff3f3d;--yellow: #ffe72f;font-size:16px;--footer-logoheight: 12%;--middlesection-top: 57%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{touch-action:none}*{text-shadow:none;filter:none}.fullscreen{min-height:100dvh}.hide{display:none;visibility:hidden;opacity:0}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}body{padding:0;margin:0;background-color:#000;-webkit-tap-highlight-color:transparent}.back-button{display:flex;color:#fff;height:15px;justify-content:center;width:fit-content;gap:5px;align-items:center;position:absolute;left:30px;top:30px;pointer-events:auto;cursor:pointer;font-family:ITCFranklinGothic LT Pro BkCm;font-size:1.2rem;z-index:2}.back-button img{pointer-events:none}.back-button span{font-weight:700;pointer-events:none}.wrapper{font-family:Uber;width:100%;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;height:100vh;height:100dvh;position:relative}.wrapper .center-hor{display:flex;flex-direction:column;align-items:center;width:100%}.wrapper .loading{position:absolute;width:100%;height:100%;z-index:99999;background-color:#000;display:flex;justify-content:center;align-items:center}.wrapper .loading img{width:60px;aspect-ratio:1/1}.wrapper img{width:100%;height:100%;object-fit:contain;object-position:50% 50%}.wrapper .rotate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center;place-items:center;background:#000;color:#fff;z-index:999999;text-align:center;padding:24px;pointer-events:none;font-size:1rem}.wrapper .rotate-overlay img{width:150px;height:150px}.wrapper .screen-intro{position:absolute;height:100%;width:100%;padding-top:5%;padding-bottom:5%;box-sizing:border-box;justify-content:space-between;display:none}.wrapper .screen-intro .background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background-image:url(../images/pack-1/intro-bg.jpg);background-size:cover;background-position:50% 50%}.wrapper .screen-intro .background img{width:100%;height:100%;object-fit:cover}.wrapper .screen-intro .closeBtn img{width:100%;height:100%}.wrapper .screen-intro .closeBtn{width:25px;height:25px;position:absolute;top:20px;left:20px;z-index:2;display:none}.wrapper .screen-intro .game-slogan img{width:100%;height:100%}.wrapper .screen-intro .game-slogan{position:absolute;z-index:3;width:100%;right:0;top:0;color:var(--yellow);font-family:ADI WCUS26 Bold Inline;font-size:15vh;line-height:1}.wrapper .screen-intro .game-slogan .line{margin-top:0;padding-top:0;line-height:.75;width:100%}.wrapper .screen-intro .game-slogan .line.line-1{text-align:left}.wrapper .screen-intro .game-slogan .line.line-2{text-align:right}.wrapper .screen-intro .game-slogan .line.line-3{text-align:left}.wrapper .screen-intro .logo{font-size:0px}.wrapper .screen-intro .logo img{width:100%;height:100%}.wrapper .screen-intro .logo{position:absolute;z-index:3;width:100%;height:var(--footer-logoheight);max-height:100px;right:0;left:0;margin-left:auto;margin-right:auto;bottom:0;pointer-events:none}.wrapper .screen-intro .middle-section{right:0;left:0;margin-left:auto;margin-right:auto;bottom:15%;width:90%;position:absolute;z-index:4}.wrapper .screen-intro .middle-section .intro-title{display:flex;flex-direction:column;padding-bottom:17px;pointer-events:none;font-family:ITCFranklinGothic LT Pro BkCm;text-transform:uppercase;letter-spacing:2px}.wrapper .screen-intro .middle-section .intro-title .color-white{color:#fff}.wrapper .screen-intro .middle-section .intro-title .color-yellow{color:#ff0}.wrapper .screen-intro .middle-section .intro-title .title{font-weight:600;font-size:1.5rem}.wrapper .screen-intro .middle-section .start-buttons{display:flex;gap:4px;pointer-events:none}.wrapper .screen-intro .middle-section .start-buttons .intro-btn{aspect-ratio:3.3/4;pointer-events:auto;width:100%;position:relative;background-size:cover;background-position:50% 50%;cursor:pointer}.wrapper .screen-intro .middle-section .start-buttons .intro-btn.start-shoot{background-image:url(../images/pack-1/icon-1.png)}.wrapper .screen-intro .middle-section .start-buttons .intro-btn.start-run{background-image:url(../images/pack-1/icon-2.png)}.wrapper .screen-intro .middle-section .start-buttons .intro-btn.start-save{background-image:url(../images/pack-1/icon-3.png)}.wrapper .screen-intro .middle-section .start-buttons .intro-btn .btn-title{position:absolute;z-index:1;width:100%;text-align:center;bottom:20px;pointer-events:none;font-family:ITCFranklinGothic LT Pro BkCm;letter-spacing:2px}.wrapper .screen-intro .middle-section .start-buttons .intro-btn img{position:absolute;z-index:0;width:100%;height:100%;pointer-events:none}.wrapper[data-pack="1"] .screen-intro .middle-section .start-buttons .intro-btn.start-shoot,.wrapper[data-pack="1"] #end .middle-section .start-buttons .intro-btn.start-shoot{background-image:url(../images/pack-1/icon-1.png)}.wrapper[data-pack="1"] .screen-intro .middle-section .start-buttons .intro-btn.start-run,.wrapper[data-pack="1"] #end .middle-section .start-buttons .intro-btn.start-run{background-image:url(../images/pack-1/icon-2.png)}.wrapper[data-pack="1"] .screen-intro .middle-section .start-buttons .intro-btn.start-save,.wrapper[data-pack="1"] #end .middle-section .start-buttons .intro-btn.start-save{background-image:url(../images/pack-1/icon-3.png)}.wrapper[data-pack="1"] #game-shoot .ball-container .ball{background-image:url(../images/pack-1/ball.png)}.wrapper[data-pack="1"] #game-dribble .seq-wrap .soccer-ball{background-image:url(../images/pack-1/ball.png)}.wrapper[data-pack="1"] .screen-intro .background,.wrapper[data-pack="1"] #end .background{background-image:url(../images/pack-1/intro-bg.jpg)}.wrapper[data-pack="1"] #game-save .ball-container .ball{background-image:url(../images/pack-1/ball.png)}.wrapper[data-pack="2"] .screen-intro .middle-section .start-buttons .intro-btn.start-shoot,.wrapper[data-pack="2"] #end .middle-section .start-buttons .intro-btn.start-shoot{background-image:url(../images/pack-2/icon-1.png)}.wrapper[data-pack="2"] .screen-intro .middle-section .start-buttons .intro-btn.start-run,.wrapper[data-pack="2"] #end .middle-section .start-buttons .intro-btn.start-run{background-image:url(../images/pack-2/icon-2.png)}.wrapper[data-pack="2"] .screen-intro .middle-section .start-buttons .intro-btn.start-save,.wrapper[data-pack="2"] #end .middle-section .start-buttons .intro-btn.start-save{background-image:url(../images/pack-2/icon-3.png)}.wrapper[data-pack="2"] .screen-intro .background,.wrapper[data-pack="2"] #end .background{background-image:url(../images/pack-2/intro-bg.jpg)}.wrapper[data-pack="2"] #game-shoot .ball-container .ball{background-image:url(../images/pack-2/ball.png)}.wrapper[data-pack="2"] #game-dribble .seq-wrap .soccer-ball{background-image:url(../images/pack-2/ball.png)}.wrapper[data-pack="2"] #game-save .ball-container .ball{background-image:url(../images/pack-2/ball.png)}.wrapper[data-pack="3"] .screen-intro .middle-section .start-buttons .intro-btn.start-shoot,.wrapper[data-pack="3"] #end .middle-section .start-buttons .intro-btn.start-shoot{background-image:url(../images/pack-3/icon-1.png)}.wrapper[data-pack="3"] .screen-intro .middle-section .start-buttons .intro-btn.start-run,.wrapper[data-pack="3"] #end .middle-section .start-buttons .intro-btn.start-run{background-image:url(../images/pack-3/icon-2.png)}.wrapper[data-pack="3"] .screen-intro .middle-section .start-buttons .intro-btn.start-save,.wrapper[data-pack="3"] #end .middle-section .start-buttons .intro-btn.start-save{background-image:url(../images/pack-3/icon-3.png)}.wrapper[data-pack="3"] .screen-intro .background,.wrapper[data-pack="3"] #end .background{background-image:url(../images/pack-3/intro-bg.jpg)}.wrapper[data-pack="3"] #game-shoot .ball-container .ball{background-image:url(../images/pack-3/ball.png)}.wrapper[data-pack="3"] #game-dribble .seq-wrap .soccer-ball{background-image:url(../images/pack-3/ball.png)}.wrapper[data-pack="3"] #game-save .ball-container .ball{background-image:url(../images/pack-3/ball.png)}.wrapper #demo-shoot{display:none;position:absolute;width:100%;height:100%;background-color:#000}.wrapper #demo-shoot .instruction{pointer-events:none;-webkit-user-select:none;user-select:none}.wrapper #demo-shoot .instruction .logo{width:35%;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:50px;pointer-events:none}.wrapper #demo-shoot .instruction .slogan{color:#fff;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:fit-content;left:0;right:0;top:min(25%,160px);position:absolute;font-family:ITCFranklinGothic LT Pro BkCm;text-align:center}.wrapper #demo-shoot .instruction .slogan span{font-weight:700}.wrapper #demo-shoot .instruction .animation{position:absolute;z-index:3;top:35%;height:45%;left:0;right:0;margin-left:auto;margin-right:auto}.wrapper #demo-shoot .instruction .cta{font-family:ITCFranklinGothic LT Pro BkCm;letter-spacing:2px;font-size:1.2rem;background-color:var(--orange);display:flex;justify-content:center;width:fit-content;gap:5px;align-items:center;padding:15px 20px;left:0;right:0;margin-left:auto;margin-right:auto;position:absolute;bottom:30px;pointer-events:auto;cursor:pointer}.wrapper #demo-shoot .instruction .cta span{font-weight:700;pointer-events:none;white-space:nowrap}.wrapper #demo-shoot .instruction .cta img{height:10px;pointer-events:none}.wrapper #demo-kickup{display:none;position:absolute;width:100%;height:100%;background-color:#000}.wrapper #demo-kickup .instruction{pointer-events:none;-webkit-user-select:none;user-select:none}.wrapper #demo-kickup .instruction .logo{width:35%;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:50px;pointer-events:none}.wrapper #demo-kickup .instruction .slogan{color:#fff;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:fit-content;left:0;right:0;top:min(25%,160px);position:absolute;text-align:center;font-family:ITCFranklinGothic LT Pro BkCm;letter-spacing:2px}.wrapper #demo-kickup .instruction .slogan span{font-weight:700}.wrapper #demo-kickup .instruction .middle-section{position:absolute;width:100%;top:35%;height:35%}.wrapper #demo-kickup .instruction .middle-section .animation{z-index:3;left:0;right:0;margin-left:auto;margin-right:auto;width:100%;height:100%}.wrapper #demo-kickup .instruction .middle-section .slogan2{padding:30px;color:#0097ff;font-weight:700;text-align:center;font-family:ITCFranklinGothic LT Pro BkCm;letter-spacing:2px}.wrapper #demo-kickup .instruction .cta{background-color:#0097ff;display:flex;justify-content:center;width:fit-content;gap:5px;align-items:center;padding:15px 20px;left:0;right:0;margin-left:auto;margin-right:auto;position:absolute;bottom:30px;pointer-events:auto;cursor:pointer;font-family:ITCFranklinGothic LT Pro BkCm;letter-spacing:2px;font-size:1.2rem}.wrapper #demo-kickup .instruction .cta span{font-weight:700;pointer-events:none;white-space:nowrap}.wrapper #demo-kickup .instruction .cta img{height:10px;pointer-events:none}.wrapper #demo-save{display:none;position:absolute;width:100%;height:100%;background-color:#000}.wrapper #demo-save .instruction{pointer-events:none;-webkit-user-select:none;user-select:none}.wrapper #demo-save .instruction .logo{width:35%;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:50px;pointer-events:none}.wrapper #demo-save .instruction .slogan{color:#fff;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:fit-content;left:0;right:0;top:min(25%,160px);position:absolute;text-align:center;font-family:ITCFranklinGothic LT Pro BkCm;letter-spacing:2px;text-transform:uppercase}.wrapper #demo-save .instruction .middle-section{position:absolute;top:35%;height:40%}.wrapper #demo-save .instruction .middle-section .animation{z-index:3;left:0;right:0;margin-left:auto;margin-right:auto;width:90%}.wrapper #demo-save .instruction .middle-section .slogan2{padding:0 30px 30px;color:var(--green);font-weight:700;text-align:center;font-family:ITCFranklinGothic LT Pro BkCm;letter-spacing:2px}.wrapper #demo-save .instruction .cta{background-color:var(--green);display:flex;justify-content:center;width:fit-content;gap:5px;align-items:center;padding:15px 20px;left:0;right:0;margin-left:auto;margin-right:auto;position:absolute;bottom:30px;pointer-events:auto;font-family:ITCFranklinGothic LT Pro BkCm;letter-spacing:2px;font-size:1.2rem}.wrapper #demo-save .instruction .cta span{font-weight:700;pointer-events:none;white-space:nowrap}.wrapper #demo-save .instruction .cta img{height:10px;pointer-events:none}.wrapper #game-shoot{position:absolute;width:100%;height:100%;z-index:999;display:none;background-image:url(../images/shoot-bg.jpg);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;cursor:grabbing}.wrapper #game-shoot .background-vid{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.wrapper #game-shoot .background-vid video{object-fit:cover;width:100%;height:100%}.wrapper #game-shoot .loading{display:none}.wrapper #game-shoot .game-slogan{position:absolute;z-index:3;width:100%;right:0;top:0;color:var(--orange);font-family:ADI WCUS26 Bold Inline;font-size:15vh;line-height:1;display:none}.wrapper #game-shoot .game-slogan .line{margin-top:0;padding-top:0;line-height:.75;width:100%}.wrapper #game-shoot .game-slogan .line.line-1{text-align:left}.wrapper #game-shoot .game-slogan .line.line-2{text-align:right}.wrapper #game-shoot .game-slogan .line.line-3{text-align:left}.wrapper #game-shoot .middle-section{opacity:0;pointer-events:none;margin-left:auto;margin-right:auto;width:100%;position:absolute;top:var(--middlesection-top);height:fit-content}.wrapper #game-shoot .middle-section .title{text-align:center;color:var(--yellow);font-family:Winner Narrow;font-family:ADI WCUS26 Bold Inline;font-size:4rem;line-height:1}.wrapper #game-shoot .middle-section ul{position:relative;display:flex;margin-left:unset;padding-left:unset;list-style-type:none;gap:5px;--dot-size: 16vw;justify-content:center;width:100%}.wrapper #game-shoot .middle-section ul li{width:var(--dot-size);height:var(--dot-size);border-radius:50%;border:1px solid rgba(255,255,255,.484);box-sizing:border-box;font-size:1rem;display:flex;justify-content:center;align-items:center;font-family:ITCFranklinGothic LT Pro BkCm}.wrapper #game-shoot .middle-section ul li .save,.wrapper #game-shoot .middle-section ul li .goal{display:none}.wrapper #game-shoot .middle-section ul li[data-status=goal]{background-color:#ff0;border:unset}.wrapper #game-shoot .middle-section ul li[data-status=goal] .goal{display:flex}.wrapper #game-shoot .middle-section ul li[data-status=save]{background-color:#ffffff80;color:#fff;border:unset}.wrapper #game-shoot .middle-section ul li[data-status=save] .save{display:flex}.wrapper #game-shoot .middle-section .continue{font-family:ITCFranklinGothic LT Pro BkCm;letter-spacing:2px;font-size:1.2rem;color:var(--yellow);display:flex;justify-content:center;width:fit-content;gap:5px;align-items:center;left:0;right:0;margin-left:auto;margin-right:auto;position:relative;pointer-events:auto;cursor:pointer;padding-top:10px}.wrapper #game-shoot .middle-section .continue span{font-weight:700;pointer-events:none;font-size:1.5rem}.wrapper #game-shoot .middle-section .continue img{height:10px;pointer-events:none}.wrapper #game-shoot .logo{margin-left:auto;margin-right:auto;left:0;right:0;width:35%;top:30px;pointer-events:none;position:absolute;z-index:9}.wrapper #game-shoot .goal-post{position:absolute;width:70%;height:17%;z-index:9999;top:42%;left:0;right:0;margin-left:auto;margin-right:auto;opacity:.2;pointer-events:none}.wrapper #game-shoot .goal-post .corner{width:20%;height:40%;position:absolute;background-color:transparent;z-index:2}.wrapper #game-shoot .goal-post .corner.center{left:0;right:0;margin-left:auto;margin-right:auto;bottom:0}.wrapper #game-shoot .goal-post .corner.upper-left{left:0;top:0}.wrapper #game-shoot .goal-post .corner.upper-right{right:0;top:0}.wrapper #game-shoot .goal-post .corner.lower-right{right:0;bottom:0}.wrapper #game-shoot .goal-post .corner.lower-left{left:0;bottom:0}.wrapper #game-shoot .goal-post .inside{position:absolute;width:100%;height:100%;z-index:1;background-color:transparent}.wrapper #game-shoot .seq-wrap{width:80%;height:13%;overflow:hidden;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;top:42%;pointer-events:none;transform:scale(1.5);z-index:11}.wrapper #game-shoot .seq-wrap #seqCanvas{width:100%;height:100%;display:block}.wrapper #game-shoot .ball-container{position:absolute;z-index:99;margin-left:auto;margin-right:auto;left:0;right:0;bottom:15%;width:100%;height:15%;pointer-events:none;-webkit-user-select:none;user-select:none}.wrapper #game-shoot .ball-container .ball{position:absolute;z-index:99;aspect-ratio:1/1;width:30%;height:100%;left:0;right:0;margin-left:auto;margin-right:auto;border-radius:50%;background-image:url(../images/pack-1/ball.png);background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.wrapper #game-shoot .controls{margin-top:12px;display:flex;gap:8px}.wrapper #game-shoot ul.score-tracker{position:absolute;bottom:calc(7% + 0px);display:flex;margin-left:unset;padding-left:unset;list-style-type:none;gap:5px;--dot-size: 4vw;justify-content:center;width:100%;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:9999}.wrapper #game-shoot ul.score-tracker li{width:var(--dot-size);height:var(--dot-size);border-radius:50%;font-family:ITCFranklinGothic LT Pro BkCm;border:1px solid rgba(255,255,255,.484);box-sizing:border-box}.wrapper #game-shoot ul.score-tracker li[data-status=goal]{background-color:var(--yellow);border:unset}.wrapper #game-shoot ul.score-tracker li[data-status=save]{background-color:gray;border:unset}.wrapper #game-shoot .number-countdown{--font-size: 20rem;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;text-align:center;height:calc(var(--font-size));display:flex;pointer-events:none;z-index:999}.wrapper #game-shoot .number-countdown .large-number{position:absolute;font-family:BigShoulders-THD;color:#ff0;font-size:var(--font-size);width:fit-content;height:fit-content;-webkit-user-select:none;user-select:none;width:100%;text-align:center;line-height:1;opacity:0}.wrapper #game-shoot .instruction{pointer-events:none;-webkit-user-select:none;user-select:none;background-color:var(--orange);position:absolute;width:100%;height:7%;bottom:0;z-index:99;display:flex;align-items:center;justify-content:center;font-family:ITCFranklinGothic LT Pro BkCm;font-size:1.2rem}.wrapper #game-shoot .display-result{position:absolute;width:100%;bottom:200px;z-index:999;height:50px;pointer-events:none}.wrapper #game-shoot .display-result .goal,.wrapper #game-shoot .display-result .save{position:absolute;width:100%;height:100%;text-align:center;color:var(--yellow);font-size:4rem;line-height:1;height:fit-content;opacity:0;pointer-events:none}.wrapper #game-shoot .display-result .goal{font-family:Fits}.wrapper #game-shoot .display-result .save{font-family:Winner Narrow}.wrapper #game-shoot[data-status=loading] .loading{display:flex}.wrapper #game-shoot[data-status=countdown]{pointer-events:none}.wrapper #game-shoot[data-status=playing] .loading{display:none}.wrapper #game-shoot[data-status=end] .game-slogan{display:block}.wrapper #game-shoot[data-status=end] .instruction,.wrapper #game-shoot[data-status=end] .score-tracker,.wrapper #game-shoot[data-status=end] .seq-wrap,.wrapper #game-shoot[data-status=end] .back-button,.wrapper #game-shoot[data-status=end] .ball-container{transition:ease .3s;opacity:0;pointer-events:none}.wrapper #game-shoot[data-status=end] .logo{bottom:0;top:unset;width:100%;max-height:100px;height:var(--footer-logoheight)}.wrapper #game-shoot[data-status=end] .middle-section{display:block;transition:ease .3s;opacity:1;pointer-events:auto;z-index:99}.wrapper #game-shoot[data-status=end] .background-vid{display:none}.wrapper #game-dribble{position:absolute;width:100%;height:100%;z-index:999;display:none;background-image:url(../images/runnerbg.jpg);background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.wrapper #game-dribble .loading{display:none}.wrapper #game-dribble .game-slogan{position:absolute;z-index:3;width:100%;right:0;top:0;color:var(--blue);font-family:ADI WCUS26 Bold Inline;font-size:15vh;line-height:1;display:none}.wrapper #game-dribble .game-slogan .line{margin-top:0;padding-top:0;line-height:.75;width:100%}.wrapper #game-dribble .game-slogan .line.line-1{text-align:left}.wrapper #game-dribble .game-slogan .line.line-2{text-align:right}.wrapper #game-dribble .game-slogan .line.line-3{text-align:left}.wrapper #game-dribble .middle-section{pointer-events:none;opacity:0;margin-left:auto;margin-right:auto;width:100%;position:absolute;top:var(--middlesection-top);height:fit-content}.wrapper #game-dribble .middle-section .title{text-align:center;color:var(--yellow);font-size:3rem;line-height:1;font-family:Fits}.wrapper #game-dribble .middle-section .display-score{color:var(--yellow);font-family:ADI WCUS26 Bold Inline;text-align:center;font-size:4rem;padding-top:0;margin-top:0;line-height:1}.wrapper #game-dribble .middle-section .continue{font-family:ITCFranklinGothic LT Pro BkCm;letter-spacing:2px;font-size:1.2rem;color:var(--yellow);display:flex;justify-content:center;width:fit-content;gap:5px;align-items:center;left:0;right:0;margin-left:auto;margin-right:auto;position:relative;pointer-events:auto;cursor:pointer;padding-top:10px}.wrapper #game-dribble .middle-section .continue span{font-weight:700;pointer-events:none;font-size:1.5rem}.wrapper #game-dribble .middle-section .continue img{height:10px;pointer-events:none}.wrapper #game-dribble .logo{margin-left:auto;margin-right:auto;left:0;right:0;width:35%;top:30px;position:absolute;pointer-events:none}.wrapper #game-dribble .number-countdown{--font-size: 20rem;position:absolute;bottom:0;top:0;left:0;right:0;margin:auto;width:100%;text-align:center;height:calc(var(--font-size));display:flex;pointer-events:none;z-index:999}.wrapper #game-dribble .number-countdown .large-number{position:absolute;font-family:BigShoulders-THD;color:#ff0;font-size:var(--font-size);width:fit-content;height:fit-content;-webkit-user-select:none;user-select:none;width:100%;text-align:center;line-height:1;opacity:0}.wrapper #game-dribble .seq-wrap{width:90vw;aspect-ratio:1/1;overflow:visible;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;top:25%;pointer-events:none}.wrapper #game-dribble .seq-wrap .soccer-ball{aspect-ratio:1/1;width:10%;position:absolute;left:33%;border-radius:50%;background-image:url(../images/pack-1/ball.png);background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.wrapper #game-dribble .seq-wrap .overlay{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ffc0cb00;z-index:9999;pointer-events:auto;cursor:pointer;display:none}.wrapper #game-dribble .seq-wrap .overlay.show{display:block}.wrapper #game-dribble .seq-wrap #seqCanvas2{width:100%;height:100%;display:block;pointer-events:none}.wrapper #game-dribble .timer-display{color:var(--blue);position:absolute;width:100%;text-align:center;font-size:2rem;font-family:ADI WCUS26 Bold Inline;font-family:ITCFranklinGothic LT Pro BkCm;font-weight:700;bottom:60px;bottom:10vh}.wrapper #game-dribble .score-counter{color:#ff0;position:absolute;width:100%;text-align:center;font-size:2rem;font-family:Arial,Helvetica,sans-serif;font-family:ADI WCUS26 Bold Inline;font-weight:700;top:20vh;display:none}.wrapper #game-dribble .controls{margin-top:12px;display:flex;gap:8px}.wrapper #game-dribble .instruction{pointer-events:none;-webkit-user-select:none;user-select:none;background-color:var(--blue);position:absolute;width:100%;height:7%;bottom:0;z-index:99;display:flex;align-items:center;justify-content:center;font-family:ITCFranklinGothic LT Pro BkCm;font-size:1.2rem}.wrapper #game-dribble[data-status=end] .instruction,.wrapper #game-dribble[data-status=end] .score-tracker,.wrapper #game-dribble[data-status=end] .seq-wrap,.wrapper #game-dribble[data-status=end] .score-counter,.wrapper #game-dribble[data-status=end] .timer-display,.wrapper #game-dribble[data-status=end] .back-button{transition:ease .3s;opacity:0;pointer-events:none}.wrapper #game-dribble[data-status=end] .logo{bottom:0;top:unset;width:100%;max-height:100px;height:var(--footer-logoheight);transition:ease .3s;opacity:1}.wrapper #game-dribble[data-status=end] .game-slogan{display:block;transition:ease .3s;opacity:1}.wrapper #game-dribble[data-status=end] .middle-section{transition:ease .3s;opacity:1;pointer-events:auto;z-index:999}.wrapper #game-dribble[data-status=playing] .score-counter{display:block}.wrapper #game-dribble[data-status=loading] .loading{display:flex}.wrapper #game-save{position:absolute;width:100%;height:100%;z-index:999;display:none;background-image:url(../images/save-bg.jpg);background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.wrapper #game-save .background-vid{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.wrapper #game-save .background-vid video{object-fit:cover;width:100%;height:100%}.wrapper #game-save .loading{display:none}.wrapper #game-save .middle-section{opacity:0;pointer-events:none;z-index:-1;margin-left:auto;margin-right:auto;width:100%;position:absolute;top:var(--middlesection-top)}.wrapper #game-save .middle-section .title{text-align:center;color:var(--yellow);font-family:Winner Narrow;font-size:3rem}.wrapper #game-save .middle-section ul{position:relative;display:flex;margin-left:unset;padding-left:unset;list-style-type:none;gap:5px;--dot-size: 16vw;justify-content:center;width:100%}.wrapper #game-save .middle-section ul li{width:var(--dot-size);height:var(--dot-size);border-radius:50%;font-family:ITCFranklinGothic LT Pro BkCm;border:1px solid rgba(255,255,255,.484);box-sizing:border-box;font-size:1rem;display:flex;justify-content:center;align-items:center}.wrapper #game-save .middle-section ul li .save,.wrapper #game-save .middle-section ul li .goal{display:none}.wrapper #game-save .middle-section ul li[data-status=goal]{background-color:#ff0;color:#000;border:unset}.wrapper #game-save .middle-section ul li[data-status=goal] .save{display:flex}.wrapper #game-save .middle-section ul li[data-status=save]{background-color:#ffffff8b;border:unset}.wrapper #game-save .middle-section ul li[data-status=save] .goal{display:flex}.wrapper #game-save .middle-section .continue{font-family:ITCFranklinGothic LT Pro BkCm;letter-spacing:2px;font-size:1.2rem;color:var(--yellow);display:flex;justify-content:center;width:fit-content;gap:5px;align-items:center;left:0;right:0;margin-left:auto;margin-right:auto;position:relative;pointer-events:auto;cursor:pointer;padding-top:10px}.wrapper #game-save .middle-section .continue span{font-weight:700;pointer-events:none;font-size:1.5rem}.wrapper #game-save .middle-section .continue img{height:10px;pointer-events:none}.wrapper #game-save .game-slogan{position:absolute;z-index:3;width:100%;right:0;top:0;color:var(--green);font-family:ADI WCUS26 Bold Inline;font-size:15vh;line-height:1;display:none}.wrapper #game-save .game-slogan .line{margin-top:0;padding-top:0;line-height:.75;width:100%}.wrapper #game-save .game-slogan .line.line-1{text-align:left}.wrapper #game-save .game-slogan .line.line-2{text-align:right}.wrapper #game-save .game-slogan .line.line-3{text-align:left}.wrapper #game-save .display-status{position:absolute;bottom:150px;left:0;right:0;margin-left:auto;margin-right:auto;width:100%;text-align:center;height:fit-content;display:flex;pointer-events:none}.wrapper #game-save .display-status .status{position:relative;font-family:BigShoulders-THD;color:#ff0;font-size:10rem;width:fit-content;height:fit-content;-webkit-user-select:none;user-select:none;width:100%;text-align:center;display:none}.wrapper #game-save .display-status[data-status=goal] .status-goal,.wrapper #game-save .display-status[data-status=save] .status-save{display:block}.wrapper #game-save .number-countdown{--font-size: 20rem;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;text-align:center;height:calc(var(--font-size));display:flex;pointer-events:none;z-index:999}.wrapper #game-save .number-countdown .large-number{position:absolute;font-family:BigShoulders-THD;color:#ff0;font-size:var(--font-size);width:fit-content;height:fit-content;-webkit-user-select:none;user-select:none;width:100%;text-align:center;line-height:1;opacity:0}.wrapper #game-save .logo{margin-left:auto;margin-right:auto;left:0;right:0;width:35%;top:30px;position:absolute;pointer-events:none;max-height:100px;z-index:9}.wrapper #game-save .logo img{width:100%;height:100%;object-fit:contain;position:relative;left:0;right:0}.wrapper #game-save .dots{position:absolute;width:70%;aspect-ratio:16/8;pointer-events:none;left:0;right:0;margin-left:auto;margin-right:auto;top:41%;background-color:transparent;margin-top:10px;z-index:10}.wrapper #game-save .dots .dot{width:30px;aspect-ratio:1/1;pointer-events:auto}.wrapper #game-save .dots .dot img{width:100%;height:100%;opacity:.7;pointer-events:none}.wrapper #game-save .dots .dot#dot-1{position:absolute;left:5%;top:10%}.wrapper #game-save .dots .dot#dot-2{position:absolute;right:5%;top:10%}.wrapper #game-save .dots .dot#dot-3{position:absolute;right:5%;bottom:10%}.wrapper #game-save .dots .dot#dot-4{position:absolute;left:5%;bottom:10%}.wrapper #game-save .dots .dot#dot-5{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;bottom:-30px}.wrapper #game-save .seq-wrap{width:80%;overflow:visible;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;top:38%;pointer-events:none;transform:scale(1);z-index:9}.wrapper #game-save .seq-wrap canvas{width:100%;height:100%;display:block}.wrapper #game-save .ball-container{position:absolute;z-index:99;margin-left:auto;margin-right:auto;left:0;right:0;top:62%;width:100%;height:30vw;pointer-events:none}.wrapper #game-save .ball-container .ball{position:absolute;z-index:9;aspect-ratio:1/1;width:30vw;left:0;right:0;margin-left:auto;margin-right:auto;border-radius:50%;opacity:0;background-image:url(../images/pack-1/ball.png);background-size:contain;background-position:50% 50%;background-repeat:no-repeat}.wrapper #game-save .controls{margin-top:12px;display:flex;gap:8px}.wrapper #game-save ul.score-tracker{position:absolute;bottom:calc(7% + 0px);display:flex;margin-left:unset;padding-left:unset;list-style-type:none;gap:5px;--dot-size: 17px;justify-content:center;width:100%;z-index:9}.wrapper #game-save ul.score-tracker li{width:var(--dot-size);height:var(--dot-size);border-radius:50%;border:1px solid rgba(255,255,255,.484);box-sizing:border-box}.wrapper #game-save ul.score-tracker li[data-status=goal]{background-color:#ff0;border:unset}.wrapper #game-save ul.score-tracker li[data-status=save]{background-color:gray;border:unset}.wrapper #game-save .instruction{pointer-events:none;-webkit-user-select:none;user-select:none;background-color:var(--green);position:absolute;width:100%;height:7%;bottom:0;z-index:99;display:flex;align-items:center;justify-content:center;font-family:ITCFranklinGothic LT Pro BkCm;font-size:1.2rem}.wrapper #game-save .display-result{position:absolute;width:100%;bottom:200px;z-index:999;height:50px;pointer-events:none}.wrapper #game-save .display-result .goal,.wrapper #game-save .display-result .save{position:absolute;width:100%;height:100%;text-align:center;color:var(--yellow);font-size:4rem;line-height:1;height:fit-content;opacity:0;pointer-events:none}.wrapper #game-save .display-result .goal{font-family:Winner Narrow}.wrapper #game-save .display-result .save{font-family:ADI WCUS26 Bold Inline}.wrapper #game-save[data-status=countdown] .dots .dot{pointer-events:none}.wrapper #game-save[data-status=loading] .loading{display:flex}.wrapper #game-save[data-status=end] .background-vid,.wrapper #game-save[data-status=end] .instruction,.wrapper #game-save[data-status=end] .score-tracker,.wrapper #game-save[data-status=end] .seq-wrap,.wrapper #game-save[data-status=end] .back-button{display:none}.wrapper #game-save[data-status=end] .logo{bottom:0;top:unset;width:100%;max-height:100px;height:var(--footer-logoheight)}.wrapper #game-save[data-status=end] .game-slogan{display:block}.wrapper #game-save[data-status=end] .middle-section{display:block;top:var(--middlesection-top);height:fit-content;transition:ease .3s;opacity:1;pointer-events:auto;z-index:999}.wrapper #game-save[data-status=end] .dots,.wrapper #game-save[data-status=end] .number-countdown,.wrapper #game-save[data-status=end] .display-status,.wrapper #game-save[data-status=end] .back-button{display:none}.wrapper #save-result{position:absolute;width:100%;height:100%;z-index:999;display:none;background-image:url(../images/save-bg.jpg);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;flex-direction:column}.wrapper #save-result .top-section{color:#48c168;font-family:BigShoulders-THD;font-size:10rem}.wrapper #save-result .middle-section .title{text-align:center;color:#ff0}.wrapper #save-result .middle-section ul{position:relative;display:flex;margin-left:unset;padding-left:unset;list-style-type:none;gap:5px;--dot-size: 70px;justify-content:center;width:100%}.wrapper #save-result .middle-section ul li{width:var(--dot-size);height:var(--dot-size);border-radius:50%;border:1px solid rgba(255,255,255,.484);box-sizing:border-box;font-size:1rem;display:flex;justify-content:center;align-items:center}.wrapper #save-result .middle-section ul li .save,.wrapper #save-result .middle-section ul li .goal{display:none}.wrapper #save-result .middle-section ul li[data-status=goal]{background-color:#ff0;border:unset}.wrapper #save-result .middle-section ul li[data-status=goal] .goal{display:flex}.wrapper #save-result .middle-section ul li[data-status=save]{background-color:gray;border:unset}.wrapper #save-result .middle-section ul li[data-status=save] .save{display:flex}.wrapper #save-result .middle-section .continue{text-align:center;color:#ff0}.wrapper #save-result .bottom-section{position:absolute;bottom:0;height:13vh;display:flex;justify-content:center;align-items:center;width:100%}.wrapper #save-result .bottom-section img{width:100%;height:100%;object-fit:contain}.wrapper #end{position:absolute;width:100%;height:100%;z-index:999;display:none;flex-direction:column}.wrapper #end .background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background-image:url(../images/pack-1/intro-bg.jpg);background-size:cover;background-position:50% 50%}.wrapper #end .background img{width:100%;height:100%;object-fit:cover}.wrapper #end .top-section{color:var(--yellow);font-family:ITCFranklinGothic LT Pro BkCm;font-size:2rem;line-height:1;position:absolute;z-index:2;width:100%;text-align:center;top:7vh}.wrapper #end .middle-section{position:absolute;z-index:2;width:calc(100% - 30px);margin-left:auto;margin-right:auto;left:0;right:0;top:27%}.wrapper #end .middle-section .title{color:var(--yellow);text-align:center;padding-bottom:10px;font-family:ITCFranklinGothic LT Pro BkCm;letter-spacing:2px;font-size:1.2rem}.wrapper #end .middle-section .start-buttons{display:flex;gap:4px;pointer-events:none}.wrapper #end .middle-section .start-buttons .intro-btn{aspect-ratio:3.3/4;pointer-events:auto;width:100%;position:relative;background-size:cover;background-position:50% 50%;cursor:pointer}.wrapper #end .middle-section .start-buttons .intro-btn.start-shoot{background-image:url(../images/pack-1/icon-1.png)}.wrapper #end .middle-section .start-buttons .intro-btn.start-run{background-image:url(../images/pack-1/icon-2.png)}.wrapper #end .middle-section .start-buttons .intro-btn.start-save{background-image:url(../images/pack-1/icon-3.png)}.wrapper #end .middle-section .start-buttons .intro-btn .btn-title{position:absolute;z-index:1;width:100%;text-align:center;bottom:20px;pointer-events:none;font-family:ITCFranklinGothic LT Pro BkCm;font-size:min(5vw,18px);letter-spacing:2px}.wrapper #end .middle-section .start-buttons .intro-btn img{position:absolute;z-index:0;width:100%;height:100%;pointer-events:none}.wrapper #end .middle-section .total-score{color:var(--yellow);display:flex;align-items:center;width:100%;justify-content:center;gap:10px;padding-top:10%}.wrapper #end .middle-section .total-score .title{font-family:Fits;font-size:7vw;white-space:nowrap;padding-bottom:unset}.wrapper #end .middle-section .total-score .score-details{font-family:Fits;font-size:12vw}.wrapper #end .middle-section .social-share{padding-top:10px}.wrapper #end .middle-section .social-share .title{color:#ff0}.wrapper #end .middle-section .social-share .social-icons{display:flex;justify-content:center;gap:5px}.wrapper #end .middle-section .social-share .social-icons .social-icon{pointer-events:auto;cursor:pointer}.wrapper #end .middle-section .social-share .social-icons .social-icon img{width:40px;height:40px;pointer-events:none}.wrapper #end .bottom-section{position:absolute;bottom:0;height:12%;display:flex;justify-content:center;align-items:center;width:100%;z-index:2}.wrapper #end .bottom-section img{width:100%;height:100%;object-fit:contain}.wrapper[data-stage=demo-shoot] #demo-shoot,.wrapper[data-stage=demo-kickup] #demo-kickup,.wrapper[data-stage=demo-save] #demo-save,.wrapper[data-stage=game-dribble] #game-dribble,.wrapper[data-stage=game-shoot] #game-shoot,.wrapper[data-stage=game-save] #game-save{animation:fadeInOpacity 1s ease forwards;display:flex}.wrapper[data-stage=save-result] #save-result{display:flex}.wrapper[data-stage=end] #end{animation:fadeInOpacity 1s ease forwards;display:flex}@media (orientation: landscape){.wrapper[data-stage=start] #rotateOverlay-intro{display:flex}}.wrapper[data-stage=start] .screen-intro{display:flex}@media (orientation: portrait){.wrapper[data-stage=playing] #rotateOverlay-game{display:flex}}@media (orientation: landscape){.wrapper[data-stage=playing] #rotateOverlay-game{display:none}}.wrapper[data-stage=playing] .screen-game{display:flex}.wrapper[data-orientation=landscape] .screen-intro,.wrapper[data-orientation=landscape] .screen-questions,.wrapper[data-orientation=landscape] .screen-end,.wrapper[data-orientation=landscape] .background-overlay{transform:translate(-50%,-50%) rotate(270deg);width:100vh;width:100dvh;height:100vw;height:100dvw;left:50%;top:50%;transform-origin:center}.wrapper[data-orientation=landscape] .rotate-overlay{display:flex;opacity:.9;-webkit-user-select:none;user-select:none;cursor:pointer;pointer-events:auto}.wrapper[data-orientation=landscape] .rotate-overlay img{transform:rotate(90deg)}.wrapper[data-env=development]{max-height:calc(100vh - 100px);border-bottom:5px dotted rgba(17,111,151,.663)}.wrapper[data-env=development]:before{content:"Environment: DEV";color:#fff;position:absolute;z-index:9999999;font-style:italic;font-size:.75rem;padding-top:5px;padding-bottom:5px;width:100%;background-color:#116f97a9;text-align:center;pointer-events:none;font-family:Courier New,Courier,monospace}