video{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}@font-face{font-family:Numbers;font-style:normal;src:url(/fonts/subset_fonts/Georama_num700.woff) format("woff")}@keyframes appear{0%{opacity:0;transform:scale(0);display:none}1%{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(1)}}.control-container{position:fixed;bottom:10px;left:10px;z-index:5}.control-container .control-btn{padding:10px;border-radius:4px;border:#aaa solid 2px;background:#333333b3;font-size:2vw;color:#e6e6e6;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block}.html-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:3;animation:.7s appear forwards;color:ivory}.markerObj-container{position:absolute;top:0;left:0;right:0;bottom:0}.markerObj-container img{position:absolute;display:none;opacity:0;width:25vmin;height:25vmin;-o-object-fit:contain;object-fit:contain;transform:translate(-50%,-50%)}.markerObj-container img.show{display:inline-block;opacity:1;animation:pop1 2s forwards}.input-name-container{width:100%;height:55vh;position:absolute;top:0;left:0;background:url(/game38_gum-trick/img/UI-bg-wood.webp) center/100% 22%;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;font-size:min(70px,7vmin);border-bottom:.2em solid #bc3c14;box-sizing:border-box}.input-name-elevator{width:100%;font-size:inherit;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;bottom:100%;transform:translate(-50%);animation:slide-down .5s ease-in forwards}.input-name-elevator h4{font-size:.8em}.show-name-container.input-name{font-size:4vmin}.show-name-container.input-name .show-name{padding:.1em}.input-name{font-size:inherit;text-align:center}.input-name input,.input-name .show-name{font-size:inherit;padding:.8em .2em;border:none;background:url(/game38_gum-trick/img/input-inner.webp) center/100% 100%;text-align:center;color:#fff;border-radius:.5em}.input-name input::-moz-placeholder,.input-name .show-name::-moz-placeholder{color:#fff}.input-name input::placeholder,.input-name .show-name::placeholder{color:#fff}.input-name input:focus,.input-name .show-name:focus{background:#1b1b1bbf}.input-name input:focus::-moz-placeholder,.input-name .show-name:focus::-moz-placeholder{color:transparent}.input-name input:focus::placeholder,.input-name .show-name:focus::placeholder{color:transparent}.set-name-btn{margin-top:.5em;padding:.4em 1em;display:flex;justify-content:center;align-items:center;cursor:pointer;background:url(/game38_gum-trick/img/button-purple2.webp) 100% 100%/100% 100%;font-weight:700}.bottom-right-btns-container{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:10px;font-size:6vmin;font-weight:700;display:flex;justify-content:flex-end;gap:.2em}.bottom-right-btns-container.show-instruction{background:#ffffffb3}.result-btn-container{background:url(/game38_gum-trick/img/button-green-stripe.webp) center/100% 100%;padding:6px 20px;border-radius:100vh;border-top:2px solid white;border-left:2px solid white;border-right:2px solid white;cursor:pointer}.result-btn-container:hover{opacity:.8}.individual-record-container{text-align:center;padding:20px;background:#7626a1f0;position:absolute;border-radius:1em;top:46%;left:10%;right:10%;font-size:min(2.4em,6vw);border:.2em solid #af5adc;transform:scale(0);opacity:0;animation:pop-appear .5s 1.2s ease-in-out forwards}.total-distance-container{display:inline-block;margin:.4em;padding:4px 20px;box-sizing:border-box;background:url(/game38_gum-trick/img/button-red-stripe.webp) center/100% 100%;font-size:4vmin;border-radius:100vh}.total-distance-container span{font-weight:700;text-shadow:1px 1px 1px black,-1px -1px 1px black,1px -1px 1px black,-1px 1px 1px black;font-size:1.4em;padding:0 .2em}.flow-instruction{display:inline-block;max-width:70%;position:absolute;bottom:10px;left:0;z-index:-1;text-indent:calc(.5em + 12vw + 68px);font-size:.9em;color:#000;white-space:nowrap;animation:flow 10s infinite linear}.score-container{animation:appear .7s 0s ease-in forwards}.hidden{transform:scale(0)}@keyframes slide-down{0%{bottom:100%}to{bottom:.3em}}@keyframes pop-appear{0%{opacity:0;transform:scale(0)}90%{opacity:.9;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes flow{0%,30%{transform:translate(0)}80%,to{transform:translate(-130%)}}@keyframes pop1{0%,50%{display:inline-block;opacity:1}99%{opacity:0}to{display:none;opacity:0}}