@font-face{font-family:YuanTi SC;src:url(../../static/media/Resource-Han-Rounded-CN-Regular.3839014a3e414f0426ee.eot);src:url(../../static/media/Resource-Han-Rounded-CN-Regular.3839014a3e414f0426ee.eot?#iefix) format("embedded-opentype"),url(../../static/media/Resource-Han-Rounded-CN-Regular.23c157748d39082470a0.woff2) format("woff2"),url(../../static/media/Resource-Han-Rounded-CN-Regular.0de57c0ae65cd50717e5.woff) format("woff"),url(../../static/media/Resource-Han-Rounded-CN-Regular.6ea95e79fe6f430ba8a8.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.root-div{font-family:YuanTi SC}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.body{font-family:YuanTi SC}body,html{overflow:hidden}body{position:relative}.parent{-webkit-user-drag:none;height:100%;overflow:hidden;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;width:100%;z-index:1}.scoreboard-pole{bottom:20%;height:60%;min-height:480px;position:absolute;z-index:1}.score{color:#fff;font-size:90px;font-weight:400}@-webkit-keyframes kick{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(var(--rotation));transform:rotate(var(--rotation))}}@keyframes kick{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(var(--rotation));transform:rotate(var(--rotation))}}@-webkit-keyframes ball-movement{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(var(--ballOffset));transform:translateX(var(--ballOffset))}}@keyframes ball-movement{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(var(--ballOffset));transform:translateX(var(--ballOffset))}}@-webkit-keyframes shrink-ball{0%{height:15vh}50%{opacity:100%}to{height:3vh;opacity:0}}@keyframes shrink-ball{0%{height:15vh}50%{opacity:100%}to{height:3vh;opacity:0}}@-webkit-keyframes pop-up-2{0%{opacity:0}to{opacity:50%}}@keyframes pop-up-2{0%{opacity:0}to{opacity:50%}}@-webkit-keyframes pop-out{0%{opacity:100%}to{opacity:0}}@keyframes pop-out{0%{opacity:100%}to{opacity:0}}@-webkit-keyframes hitbox-pop-up{0%{opacity:100%}5%{opacity:30%}10%{opacity:100%}to{opacity:100%}}@keyframes hitbox-pop-up{0%{opacity:100%}5%{opacity:30%}10%{opacity:100%}to{opacity:100%}}@-webkit-keyframes cloud-movement{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:100%;-webkit-transform:translateX(-20vw);transform:translateX(-20vw)}to{right:0;-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}}@keyframes cloud-movement{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:100%;-webkit-transform:translateX(-20vw);transform:translateX(-20vw)}to{right:0;-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}}@-webkit-keyframes guarding{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(var(--horizontal),var(--vertical));transform:translate(var(--horizontal),var(--vertical))}}@keyframes guarding{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(var(--horizontal),var(--vertical));transform:translate(var(--horizontal),var(--vertical))}}@-webkit-keyframes guarding-fade-in{0%{opacity:0;-webkit-transform:translate(0);transform:translate(0)}to{opacity:1;-webkit-transform:translate(var(--horizontal),var(--vertical));transform:translate(var(--horizontal),var(--vertical))}}@keyframes guarding-fade-in{0%{opacity:0;-webkit-transform:translate(0);transform:translate(0)}to{opacity:1;-webkit-transform:translate(var(--horizontal),var(--vertical));transform:translate(var(--horizontal),var(--vertical))}}.football-anchor-kick{bottom:10%;width:600px}.football-anchor,.football-anchor-kick{align-items:flex-end;-webkit-animation-delay:2s;animation-delay:2s;display:flex;height:auto;justify-content:center;min-height:50%;overflow:hidden;position:absolute}.football-anchor{top:40%;width:60%}.button{background:#add8e6;border-radius:8px;box-shadow:0 4px 4px rgba(0,0,0,.125);font-family:Arial,Helvetica,sans-serif;font-weight:600;margin:1em;padding:1em;width:50px}.button,.hit-box-parent{cursor:pointer;display:flex;justify-content:center}.hit-box-parent{align-items:center;height:10vh;max-width:80px;width:75px;z-index:120}.hit-box-parent:hover{-webkit-filter:hue-rotate(15deg);filter:hue-rotate(15deg);-webkit-transform:scale(1.25);transform:scale(1.25)}.hit-box{max-width:40px;object-fit:contain;pointer-events:none;width:100%;z-index:120}.kh-sky{align-items:center;background:linear-gradient(180deg,rgba(92,186,225,.5),hsla(0,0%,100%,.5)),#5cbae1;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.kh-turf{-webkit-user-drag:none;bottom:0;height:45%;left:0;pointer-events:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.kh-grass,.kh-turf{position:absolute;width:100%}.kh-grass{height:100%;object-fit:cover}.kh-goalpost-parent{-webkit-user-drag:none;align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:30%;pointer-events:none;position:absolute;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:5}.kh-goalkeeper{height:70%}.kh-goalkeeper,.kh-goalkeeper-top-pose{min-width:200px;object-fit:contain;position:absolute;width:100%;z-index:20}.kh-goalkeeper-top-pose{height:90%}.kh-goalkeeper-top-left,.kh-goalkeeper-top-right{height:60%;min-width:200px;object-fit:contain;position:absolute;width:80%;z-index:20}.kh-goalkeeper-bottom-left,.kh-goalkeeper-bottom-right{bottom:-20%;height:80%;min-width:250px;object-fit:contain;position:absolute;width:100%;z-index:20}.kh-goalpost{height:100%;min-width:386px;object-fit:contain;position:relative;width:100%}.auditorium{height:33%;object-fit:cover;width:100%}.auditorium-parent{-webkit-user-drag:none;bottom:0;height:67%;left:0;pointer-events:none;position:absolute;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;width:100%;z-index:0}.game-parent{background:#000;display:flex;height:100%;justify-content:center}.absolute{position:absolute}.top-center{top:0}.top-left{left:0;top:0}.top-right{right:0;top:0}.bottom-left{bottom:0;left:0}.bottom-center,.bottom-right{bottom:0;right:0}.bottom-center{left:0;margin-left:auto;margin-right:auto;text-align:"center"}.rules-overlay{-webkit-user-drag:none;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000dd;display:flex;flex-direction:column;gap:min(10vh,32px);height:100%;justify-content:center;position:absolute;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;width:100%;z-index:600}.rules-title{height:100px}.rules-description,.rules-title{-webkit-animation:pop-up 2s;animation:pop-up 2s}.rules-description{height:64px}.atv-logo{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;bottom:0;cursor:pointer;height:48px;left:0;padding:1em;position:absolute;z-index:200}.start-button{align-items:center;-webkit-animation:pop-up 2s;animation:pop-up 2s;-webkit-animation:blinking-border 2s;animation:blinking-border 2s;border:2px solid #fff;border-radius:32px;color:#fff;cursor:pointer;display:flex;font-family:Yuanti SC;font-size:24px;font-weight:400;justify-content:center;margin-top:1em;min-width:170px;padding:.5em 1em;transition:1s}.start-button-arrow{height:24px}@-webkit-keyframes blinking-border{0%{border-color:#fff;color:#fff}50%{border-color:#e15235;color:#ffd159}to{border-color:#fff;color:#fff}}@keyframes blinking-border{0%{border-color:#fff;color:#fff}50%{border-color:#e15235;color:#ffd159}to{border-color:#fff;color:#fff}}.warning-description{-webkit-animation:pop-up 2s;animation:pop-up 2s;height:15px}.warning-description,.warning-description-2{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.warning-description-2{color:#fff;font-family:Yuanti SC;font-size:14px;font-style:normal;font-weight:600}.big-cloud{align-self:flex-start;-webkit-animation:cloud-movement var(--speed);animation:cloud-movement var(--speed);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;margin-top:2em;pointer-events:none;position:absolute;right:0}.small-cloud{margin-top:10em}.big-cloud2{margin-top:14em}.big-cloud2,.small-cloud{align-self:flex-start;-webkit-animation:cloud-movement var(--speed);animation:cloud-movement var(--speed);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;position:absolute;right:0}.small-cloud{margin-right:6em;margin-top:4em}.ball-counter{align-items:center;background:rgba(30,30,30,.75);border-radius:16px;color:#fff;display:flex;font-family:Yuanti SC;font-size:20px;font-style:normal;font-weight:400;height:25px;justify-content:center;line-height:28px;margin-right:1em;padding:.2em;position:absolute;width:43px;z-index:110}.ball-counter,.football{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.football{-webkit-animation:shrink-ball 1s;animation:shrink-ball 1s;height:15vh;margin:1em;pointer-events:none;position:relative;z-index:100}.anchor-parent{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:60vh;z-index:100}.football-parent{padding:1em;position:relative;z-index:100}.leaderboard-button{bottom:0;margin:1.5em 2em 1.5em 1.5em;position:absolute;right:0;z-index:1;z-index:500}.starting-pose-parent{align-items:center;bottom:60px;display:flex;justify-content:flex-end;position:absolute;z-index:110}.starting-pose{-webkit-user-drag:none;height:60vh;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.start-game-button{bottom:150px;position:absolute;z-index:115}.white-line-parent{bottom:31%;height:1%;left:0;pointer-events:none;position:absolute;width:100%;z-index:10}.white-line{-webkit-user-drag:none;height:100%;object-fit:cover;position:absolute;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;width:100%}.football-shadow-parent{align-items:center;bottom:12%;display:flex;justify-content:center;position:absolute}.football-shadow{min-width:150px;width:30%}.loader-parent-game{align-items:center;background:#00000080;height:100%;justify-content:center;position:absolute;width:100%;z-index:1000}.loader-parent-game,.rules-list{display:flex;flex-direction:column}.rules-list{gap:5vh}.button-parent{align-items:center;background:#fff;border:2px solid #04216a;border-radius:32px;cursor:pointer;display:flex;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));height:36px;justify-content:center;padding:.4em;width:100px}.button-label{color:#04216a;font-family:Yuanti SC;font-size:14px;font-style:normal;font-weight:600}@-webkit-keyframes start-button-arrow{0%{-webkit-transform:translateX(0);transform:translateX(0)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes start-button-arrow{0%{-webkit-transform:translateX(0);transform:translateX(0)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.leaderboard-parent{align-items:center;-webkit-animation:pop-up .25s;animation:pop-up .25s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000cc;display:flex;height:100%;justify-content:center;width:100vw;z-index:1000}.leaderboard-list{background:#fff;border-radius:24px 24px 0 0;bottom:0;height:calc(100% - 128px);max-width:512px;overflow-y:auto;position:absolute;width:100%}.player-info-leaderboard{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:center;padding:.5em}.player-placement-leaderboard{color:rgba(0,0,0,.5);cursor:pointer;font-size:20px;font-weight:400}.player-name-leaderboard,.player-placement-leaderboard{font-family:Yuanti SC;font-style:normal;margin-right:1em}.player-name-leaderboard{color:#000;font-weight:600;margin-left:1em}.player-score-leaderboard{color:rgba(0,0,0,.5);font-family:Yuanti SC;font-size:18px;font-style:normal;font-weight:600;margin-left:auto;margin-right:1em}.player-profile-picture-leaderboard{-webkit-user-drag:none;background:#e15235;border-radius:50%;height:65px;object-fit:contain;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;width:65px}::-webkit-scrollbar{background:transparent;width:0}.back-button,.leaderboard-title{-webkit-user-drag:none;position:absolute;top:0;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.back-button{cursor:pointer;left:0}.player-info-self{align-items:center;background:#e15235;border-radius:1em;box-shadow:0 0 8px 0 #e1523580;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;justify-content:center;margin:1em;padding:.5em;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.player-placement{color:rgba(0,0,0,.25);font-weight:600}.player-placement,.player-placement-self{font-family:Yuanti SC;font-size:20px;font-style:normal;margin:.5em;text-align:center;width:32px}.player-placement-self{color:#fff;font-weight:400}.player-name-self{margin-left:1em}.player-name-self,.player-score-self{color:#fff;font-family:Yuanti SC;font-style:normal;font-weight:600;margin-right:1em}.player-score-self{font-size:18px;margin-left:auto}.player-profile-picture-self{-webkit-user-drag:none;background:#e15235;border-radius:50%;height:65px;object-fit:contain;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;width:65px}@-webkit-keyframes pop-up{0%{opacity:0}to{opacity:100%}}@keyframes pop-up{0%{opacity:0}to{opacity:100%}}.loader,.loader-parent{align-items:center;display:flex;justify-content:center}.loader-parent{flex-direction:column;position:absolute}.loader-text{color:#fff;font-family:Yuanti SC;font-size:20px;font-style:normal;font-weight:600;margin:1em}.player-info-leaderboard:hover{border-radius:1em;box-shadow:0 0 8px 0 #00000020;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.congrats-parent{align-self:flex-start;color:#fff;margin-top:128px;text-align:center}.share-button{background:#e15235;border:2px solid #fff;border-radius:32px;color:#fff}.share-button,.share-button:hover{align-items:center;cursor:pointer;display:flex;font-family:Yuanti SC;font-size:18px;font-weight:400;justify-content:center;margin-left:1em;margin-top:1em;min-width:80px;padding:.5em 1em}.share-button:hover{background:#fff;border:2px solid #e15235;border-radius:32px;color:#e15235}a img:last-child{display:none}a:hover img:last-child{display:block}a:hover img:first-child{display:none}.dialog-parent{align-items:center;display:flex;height:100vh;justify-content:center;opacity:0;width:100%}.dialog-container{background:rgba(0,0,0,.85);border-radius:8px;padding:2.5em 2.5em .5em}.dialog-title{height:45px}.dialog-description{color:#fff;font-size:24px}.dialog-description,.dialog-points{font-family:Yuanti SC;font-weight:600}.dialog-points{color:#fbff35;font-size:64px;margin:.1em}@-webkit-keyframes pop-up-dialog{0%{opacity:0}12.5%{opacity:100%}87.5%{opacity:100%}to{opacity:0}}@keyframes pop-up-dialog{0%{opacity:0}12.5%{opacity:100%}87.5%{opacity:100%}to{opacity:0}}.scoreboard-parent{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin:.5em;max-height:35%;max-width:min(400px,95%);padding:.5em;pointer-events:none;position:absolute;top:0;width:95%;z-index:90;z-index:1}.scoreboard,.scoreboard-parent{-webkit-user-drag:none;height:100%;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.scoreboard{max-height:min(500px,calc(100% - 42px));object-fit:contain;width:100%}.player-info{justify-content:center;max-width:min(400px,95%);top:40px;width:100%}.player-profile-picture{border-radius:50%;height:40px;object-fit:contain;width:40px}.player-title{font-size:14px;letter-spacing:.1em}.player-name,.player-title{color:#fff;font-style:normal;font-weight:600}.player-name{font-size:24px}.player-info-kh{height:27%;padding:.5em;top:5%}.player-info,.player-info-kh{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-left:6%;position:absolute;width:88%}.player-info{height:26.5%;padding:.75em;top:20%}.scoreboard-profile-picture{border-radius:50%;height:90%;object-fit:contain}.score-info-kh{align-items:center;display:flex;flex-direction:column;height:59.5%;justify-content:center;margin-left:6%;position:absolute;top:32.5%;width:88%}.full-size{height:100%;position:absolute;top:0;width:100%}.scoreboard-top-padding{background:#f0f8ff;height:5%;width:100%}.scoreboard-background{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;width:100%}.flex-center-v{align-items:center;display:flex;flex-direction:column;justify-content:center}.image-container{display:inline-block;position:relative}.flex-hori{align-items:center;display:flex;height:100%;justify-content:flex-start;width:100%}.participant{color:#fff;display:block;font-family:YuanTi SC;font-weight:600;margin-left:5%;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fill-available}.participant-title{font-size:.85em;height:40%;text-align:start}.participant-name{font-size:1.5em;height:60%;text-align:start}.score-title{color:#fff;font-family:Yuanti SC;font-size:1.35em;font-style:normal;font-weight:600;margin-right:1em}.balls-shot{color:#e81d1d;font-size:52px;line-height:56px}.balls-shot,.score{align-items:center;display:flex;font-family:Yuanti SC;font-style:normal;font-weight:600;justify-content:center;width:100px}.score{color:#ffd44a;font-size:24px;line-height:28px}.black-container{align-items:center;background:#032527;border:2px solid #fff;border-radius:.25em;display:flex;justify-content:center;width:100px}.split-two{display:grid;grid-template-columns:30% 70%;width:100%}.full-size-proper-image{height:100%;object-fit:contain;width:70%}
/*# sourceMappingURL=main.ea7734ae.css.map*/