@import"https://fonts.googleapis.com/css2?family=Dosis:wght@600";*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--ec-blue: #004494;--ec-yellow: #ffd617;--ec-grey: #404040;--ec-green: #467A39;--dark-grey: #222222}html{height:100%}body{font-family:Dosis,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;background-color:#eee;color:var(--dark-grey);display:flex;flex-direction:column;justify-content:center;height:100%;-webkit-user-select:none;user-select:none}.emoji{display:inline;height:1.5em;margin-top:-.25em}span>.emoji:only-child{margin-top:-.25em;margin-bottom:-.25em}header{border-radius:3px;padding:.75rem .75rem .5rem;text-align:center}main{background-color:var(--dark-grey);color:#fff;padding:1rem;border-radius:5px}footer{text-align:center;padding:.75rem}footer a{color:inherit}footer .smile{font-family:Lato,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}.eu-card{background-color:var(--ec-yellow);color:var(--dark-grey);border-radius:3px;padding:.5rem;border:3px solid white;line-height:1.2}.content{max-width:480px;margin:0 auto}.ratio{border-radius:0 0 3px 3px;background:var(--ec-blue)}.picture{border-radius:0 0 3px 3px;background-color:#fafafa;background-image:radial-gradient(farthest-side at 70% 100%,#ffd61859,#fafafa);color:var(--dark-grey);right:3px;bottom:3px;left:3px;top:0;height:calc(100% - 3px);width:calc(100% - 6px);overflow:hidden}.picture>img{width:100%;height:100%;object-fit:cover;object-position:center}.picture>.start,.picture>.game-over{width:100%;position:absolute;z-index:2;left:0;top:50%;transform:translateY(-50%);text-align:center}.control-btn{--control-btn-height: 85px;width:100%;height:var(--control-btn-height);line-height:var(--control-btn-height);font-size:30px;text-align:center;padding:0;border-width:0;border-radius:6px;background-color:transparent;position:relative}@media (max-height: 750px){.control-btn{--control-btn-height: 65px}}.control-btn:before{content:"";display:block;width:inherit;height:inherit;position:absolute;z-index:0;top:0;left:0;opacity:.6;border-radius:inherit}.control-btn:after{content:"";display:block;width:inherit;height:inherit;line-height:inherit;position:absolute;z-index:1;top:-15px;left:0;border-radius:inherit;font-size:inherit;text-align:inherit;transition:top .2s cubic-bezier(.175,.885,.32,1.275)}.control-btn:hover:after{top:-10px}.control-btn.clicked:after{top:0}.control-btn.control-btn-submit{--control-btn-height: 55px}.control-btn.control-btn-submit:before{background-color:var(--ec-blue);color:var(--ec-yellow)}.control-btn.control-btn-submit:after{content:"Submit";background-color:var(--ec-blue);color:var(--ec-yellow)}.control-btn.control-btn-start:before,.control-btn.control-btn-restart:before{opacity:1;background-color:#00387b;color:var(--ec-yellow)}.control-btn.control-btn-start:after,.control-btn.control-btn-restart:after{background-color:var(--ec-blue);color:var(--ec-yellow)}.control-btn.control-btn-start:after{content:"Start"}.control-btn.control-btn-restart:after{content:"Restart"}.progress{border:3px solid var(--ec-blue);border-bottom-width:0px;border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:#aaa;height:0;overflow:visible;padding:0;position:relative;z-index:8}.progress-bar{--progress-bar-countdown: 2s;--progress-bar-countup: .5s;width:100%;opacity:1;transition:opacity calc(.5 * var(--progress-bar-countup)) linear,width calc(.5 * var(--progress-bar-countup)) linear;transition-delay:calc(.25 * var(--progress-bar-countup)),calc(.25 * var(--progress-bar-countup));border-bottom-width:0px;background-color:var(--ec-blue);height:6px;margin:5px;border-radius:3px;box-shadow:0 .5rem 1rem #0006}.progress-bar.countdown{width:0;opacity:0;transition:opacity calc(.25 * var(--progress-bar-countdown)) linear,width var(--progress-bar-countdown) linear;transition-delay:calc(.75 * var(--progress-bar-countdown)),0s}.progress-bar.game-over{width:100%;opacity:1;transition:opacity .1s linear,width .1s linear;transition-delay:0s,0s}.rank-image{background-color:#fff;width:2.8em;height:2.8em;transform:scale(175%) translate(-30%);border:2px solid white;object-fit:cover;object-position:center;border-radius:50%}@media (min-width: 400px){.rank-image{transform:scale(185%) translate(-30%)}}@media (max-width: 400px){.hide-on-xxs{display:none!important}}.stretch-area{height:calc(100% - 2rem);width:calc(100% - 2rem);margin:1rem;position:relative}.stretch-area .details{writing-mode:vertical-rl;position:absolute;bottom:.5rem;left:0;transform:rotate(180deg)}.stretch-area .details .flag{display:inline-block;transform:rotate(180deg)}.stretch-area .body{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:var(--stretch-percentage);width:100%}.stretch-area .body>.head{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:100%;height:auto}.stretch-area .head>img,.stretch-area .body>img{width:var(--width-percentage);height:100%;object-position:center;display:block;margin:0 auto;transform:translate(20%)}.stretch-area .head>img{object-fit:contain}.target-line{border-top:2px solid var(--ec-blue);position:absolute;left:0;right:0;bottom:var(--width-percentage)}.stretch-line{border-top:2px dashed var(--ec-blue);opacity:.6;position:absolute;left:0;right:0;top:0}.form-range::-webkit-slider-runnable-track{height:1rem}.form-range::-moz-range-track{height:1rem}.form-range::-webkit-slider-thumb{background-color:var(--ec-yellow);width:2rem;height:2rem;margin-top:-.5rem;box-shadow:0 .5rem 1rem #0006!important}.form-range::-webkit-slider-thumb:active,.form-range::-webkit-slider-thumb:focus{background-color:var(--ec-yellow)}.form-range::-moz-range-thumb{background-color:var(--ec-yellow);width:2rem;height:2rem;box-shadow:0 .5rem 1rem #0006!important}.form-range::-moz-range-thumb:active,.form-range::-moz-range-thumb:focus{background-color:var(--ec-yellow)}.floating-score{position:absolute;font-size:165%;top:0;right:.5rem;animation-name:floating-score;animation-duration:1s;animation-fill-mode:both}@keyframes floating-score{0%{transform:translateY(100%);opacity:0}25%{opacity:1}50%{opacity:1}to{transform:translateY(-100%);opacity:0}}.tip-button-overflow-box[data-v-de9e3768]{width:185px;height:185px;position:absolute;right:0;bottom:0;overflow:hidden}@media (max-width: 599px){.tip-button-overflow-box[data-v-de9e3768]{width:185px;height:185px;position:absolute;right:0;bottom:0;overflow:hidden}}.tip-button-wrapper-outer[data-v-de9e3768]{width:100px;height:100px;position:absolute;right:20px;bottom:20px;transform:rotate(70deg);transition:transform .2s ease}.tip-button-wrapper-outer[data-v-de9e3768]:hover{transform:rotate(20deg)}.tip-button-wrapper[data-v-de9e3768]{width:100px;height:100px;position:absolute;right:0;bottom:0}.tip-button-wrapper .extra[data-v-de9e3768]{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:7.5px;opacity:0;transition:opacity .2s ease;pointer-events:none}.tip-button-wrapper[data-v-de9e3768]:hover{animation-name:tipbuttonrotate0-de9e3768;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate-reverse}.tip-button-wrapper:hover .tip-button[data-v-de9e3768]{transform:rotate(0)}.tip-button-wrapper:hover .tip-button .content[data-v-de9e3768]{animation-name:tipbuttonrotate0-de9e3768;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.tip-button-wrapper:hover .extra[data-v-de9e3768]{opacity:1}.tip-button[data-v-de9e3768]{width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;background-color:#ff6937;color:#fff;text-decoration:none;transform:rotate(-70deg);transition:transform .2s ease;line-height:1;border:2px solid #eeeeee}.tip-button .icon[data-v-de9e3768]{display:inline-block;font-size:200%;transform:scale(.9)}.tip-button .main[data-v-de9e3768]{font-weight:600}@keyframes tipbuttonrotate20-de9e3768{0%{transform:rotate(10deg)}to{transform:rotate(30deg)}}@keyframes tipbuttonrotate0-de9e3768{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}.tip-button-overflow-box[data-v-df4a67f7]{width:185px;height:185px;position:absolute;left:0;bottom:0;overflow:hidden}@media (max-width: 599px){.tip-button-overflow-box[data-v-df4a67f7]{width:185px;height:185px;position:absolute;left:0;bottom:0;overflow:hidden}}.tip-button-wrapper-outer[data-v-df4a67f7]{width:100px;height:100px;position:absolute;left:20px;bottom:20px;transform:rotate(-70deg);transition:transform .2s ease}.tip-button-wrapper-outer[data-v-df4a67f7]:hover{transform:rotate(-20deg)}.tip-button-wrapper[data-v-df4a67f7]{width:100px;height:100px;position:absolute;right:0;bottom:0}.tip-button-wrapper .extra[data-v-df4a67f7]{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:7.5px;opacity:0;transition:opacity .2s ease;pointer-events:none}.tip-button-wrapper[data-v-df4a67f7]:hover{animation-name:tipbuttonrotate0-df4a67f7;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate-reverse}.tip-button-wrapper:hover .tip-button[data-v-df4a67f7]{transform:rotate(0)}.tip-button-wrapper:hover .tip-button .content[data-v-df4a67f7]{animation-name:tipbuttonrotate0-df4a67f7;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.tip-button-wrapper:hover .extra[data-v-df4a67f7]{opacity:1}.tip-button[data-v-df4a67f7]{width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;background-color:#555;color:#fff;text-decoration:none;transform:rotate(70deg);transition:transform .2s ease;line-height:1;border:2px solid #eeeeee}.tip-button .icon[data-v-df4a67f7]{display:inline-block;font-size:200%;transform:scale(.9)}.tip-button .main[data-v-df4a67f7]{font-weight:600}@keyframes tipbuttonrotate20-df4a67f7{0%{transform:rotate(-10deg)}to{transform:rotate(-30deg)}}@keyframes tipbuttonrotate0-df4a67f7{0%{transform:rotate(15deg)}to{transform:rotate(-15deg)}}
