@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.abs{position:absolute}a:not([class]){text-decoration:none}html,body,#root{width:100%;min-height:100%}html,#root{transition:min-height .24s cubic-bezier(.2,.8,.2,1)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;min-height:calc(100% + var(--safe-area-inset-top));padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left);transition:padding .24s cubic-bezier(.2,.8,.2,1),min-height .24s cubic-bezier(.2,.8,.2,1)}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}:root[data-native-detector-immersive=true]{--safe-area-inset-top: 0px;--safe-area-inset-right: 0px;--safe-area-inset-bottom: 0px;--safe-area-inset-left: 0px}.legacy-game-container{height:calc(var(--vh, 1vh) * 100 - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));width:100vw;margin:0;transform-origin:0px 0px;overflow:hidden}.input_video{display:none;position:absolute;inset:0}.input_video.selfie{transform:scaleX(-1)}.input_image{position:absolute}.canvas-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.output_canvas{display:block;position:relative;left:0;top:0}.logo{bottom:10px;right:20px}.logo .title{font-size:28px}.logo .subtitle{position:relative;color:#fff;font-size:10px;left:-30px;top:20px}div.control-panel-container{position:fixed;right:12px;z-index:var(--chakra-zIndices-popover)}div.control-panel-shell{position:absolute;pointer-events:none;top:-10px}div.control-panel-container,div.control-panel-shell{height:calc(100% - 30px)}div.control-panel{pointer-events:all;position:relative;overflow-y:scroll;max-height:100%;top:46px}.control-panel-expanded div.control-panel-expander{left:calc(100% - 45px)}div.control-panel-expander{pointer-events:all;transition:.15s;position:absolute;left:-50px;top:2px;width:32px;height:32px;padding:8px 6px;justify-items:center;background-color:var(--chakra-colors-blue-500)!important;border-radius:var(--chakra-radii-md);z-index:100}div.control-panel-expander:hover{background-color:var(--chakra-colors-blue-600)!important}div.control-panel-expander:active{background-color:var(--chakra-colors-blue-700)!important}div.control-panel-expander div.hamburger-menu{background-color:var(--chakra-colors-white)!important;margin-bottom:3px;width:16px}.chakra-ui-dark :is(div.control-panel-expander){background-color:var(--chakra-colors-blue-200)!important}.chakra-ui-dark :is(div.control-panel-expander:hover){background-color:var(--chakra-colors-blue-300)!important}.chakra-ui-dark :is(div.control-panel-expander:active){background-color:var(--chakra-colors-blue-400)!important}.chakra-ui-dark :is(div.control-panel-expander) :is(div.hamburger-menu){background-color:var(--chakra-colors-gray-800)!important}div.control-panel div.control-panel-entry{width:300px}.current-result{left:0;right:0;bottom:80px;color:#fff;text-align:center;font-size:32px;position:absolute}.previous-results{left:0;right:0;bottom:20px;color:#fff;text-align:center;font-size:24px;position:absolute}.login-controls{right:20px;top:40px;text-align:center;font-size:20px;position:absolute}.sign-out{left:20px;bottom:20px;text-align:center;font-size:14px;position:absolute}.btn{background-color:transparent;border:none;color:#fff;padding:6px;margin:3px;font-size:16px;cursor:pointer}.btn:hover{background-color:#4169e1}.copied-popup{left:50%;transform:translate(-50%,-50%);bottom:20px;text-align:center;font-size:24px;position:absolute;background-color:#2f4f4f;padding:10px;display:none;transition:opacity 1s}.copied-popup.visible{display:block}.player-info{position:absolute;top:0;left:40px;padding:1em;display:flex;gap:.5em;align-items:flex-end;transition:opacity 1s}.grid-cell{position:absolute;transform:scale(.25)}.hidden{visibility:hidden;opacity:0;transition:all 1s}.square-box{width:33%;height:0;padding-top:33%;position:absolute;right:20px;top:20px}.landmark-grid-container{height:100%;width:100%;position:absolute;top:0;left:0;background-color:#9999}.landmark-grid-js span.landmark-label-js{color:#fff}.evaluation-container{display:flex;justify-content:space-between;width:100%;max-width:100px;right:10px;top:50%;transform:translateY(-50%);position:absolute;flex-direction:column}.scores-container{display:flex;justify-content:space-between;flex-direction:column;width:100%;max-width:100px;margin-top:20px;opacity:.7}.scores-set-label{font-size:12px;text-align:center}.evaluation-container .bar-container{display:flex;align-items:center;height:20px}.evaluation-container .bar-container.overall{margin-top:10px}.evaluation-container .bar{position:absolute;height:20px;width:100%;background-color:#777}.evaluation-container .bar:after{content:attr(data-value);position:absolute;transform:translateY(-50%);inset:50% 0 0;display:flex;color:#fff;font-size:12px;font-weight:700}.evaluation-container .label{position:absolute;margin-right:10px;right:100%}.start-challenge,.join-challenges{position:relative}.full-height-hack{height:-moz-available;height:-webkit-fill-available;height:fill-available;height:calc(var(--vh, 1vh) * 100 - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));transition:height .24s cubic-bezier(.2,.8,.2,1),min-height .24s cubic-bezier(.2,.8,.2,1)}#status-bar-cover,#bottom-safe-area-cover{transition:height .24s cubic-bezier(.2,.8,.2,1),background-color .24s cubic-bezier(.2,.8,.2,1),opacity .24s cubic-bezier(.2,.8,.2,1)}#left-safe-area-cover,#right-safe-area-cover{transition:width .24s cubic-bezier(.2,.8,.2,1),background-color .24s cubic-bezier(.2,.8,.2,1),opacity .24s cubic-bezier(.2,.8,.2,1)}::view-transition-old(*),::view-transition-new(*){animation:none;mix-blend-mode:normal}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}::view-transition-old(root){animation:.3s cubic-bezier(.4,0,.2,1) both var(--page-transition-exit, slideOutLeft)}::view-transition-new(root){animation:.3s cubic-bezier(.4,0,.2,1) both var(--page-transition-enter, slideInRight)}::view-transition-group(root){isolation:auto}:root[data-direction=forward]{--page-transition-exit: slideOutLeft;--page-transition-enter: slideInRight}:root[data-direction=back]{--page-transition-exit: slideOutRight;--page-transition-enter: slideInLeft}.firebase-emulator-warning{visibility:hidden}