@font-face{font-family:Avenir;src:url("/fonts/Avenir LT Std 65 Medium.otf")}@font-face{font-family:AvenirBold;src:url("/fonts/Avenir LT Std 95 Black.otf")}:root{--ui-rotation: -90deg}body{margin:0;padding:0;position:fixed;width:100%;height:100vh;font-family:AvenirBold,Arial,Helvetica,sans-serif}#app{width:100%;height:100%;z-index:2;position:absolute;pointer-events:none}#app *{pointer-events:all}#webcamButton{position:absolute;top:0;left:0}#canvas3D{position:absolute;top:0;left:0;width:100%;height:100%;cursor:none}.canvas{width:100%!important;height:100%!important}#oneEuroParams{display:none;position:absolute;top:2em;z-index:1}#webcam{opacity:.01}#fps{position:absolute;top:1em;right:1em}.button,.hand{width:3em;height:3em;transform:translate(-50%,-50%) rotate(var(--ui-rotation));position:absolute;padding:1em;border-radius:100%}.button img{width:100%;height:100%}.button span{position:absolute;bottom:-1em;left:50%;transform:translate(-50%);color:#000;-webkit-text-fill-color:#000;-webkit-text-stroke:1px #FFF8}#krys,#argo,#qrcodeform{position:absolute;transform:rotate(var(--ui-rotation));transform-origin:center}#krys{left:5em;width:15em}#argo{right:-8%;bottom:52%;width:20em}#qrcodeform{right:3%;bottom:3%;width:7em}.hand{background:radial-gradient(#000c3788,#f800);border:1px solid #FFF8}.infos{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--ui-rotation));padding:1em;border-radius:1em;background-color:#fff4;font-size:2em;text-align:center;color:#000;-webkit-text-fill-color:#000;-webkit-text-stroke:1px #FFF}.infosEmpty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--ui-rotation));text-align:center;font-size:2em;color:#000;-webkit-text-fill-color:#000;-webkit-text-stroke:1px #FFF}#counter{font-size:5em;color:#000;-webkit-text-fill-color:#000;-webkit-text-stroke:1px #FFF}#gameScore{font-size:2em;z-index:2;position:absolute;text-align:center;color:#000c37;-webkit-text-fill-color:#000c37;-webkit-text-stroke:1px #FFF}#score{color:#fff;-webkit-text-fill-color:#FFF;-webkit-text-stroke:1px #000;font-size:1.5em}#qrscan{background-color:#fff;color:#000;padding:.5em;border-radius:1em}.highscore{display:inline-block;position:relative;margin-bottom:1.5em;border:0px solid}.highscore img{width:10.8em;height:19.2em;border-radius:20px}.highscore div{position:absolute;bottom:-1.5em;width:100%;text-align:center}.highscore.first img{font-size:.5em;margin:40px 5px -5px}.highscore.first{border-image-slice:80 36 36 36;border-image-width:40px 20px 20px 20px;border-image-outset:0px 0px 0px 0px;border-image-repeat:stretch stretch;border-image-source:url(./highscores/cadre_gold.png);border-style:solid}.highscore.second img{font-size:.4em;margin:30px 5px -5px}.highscore.second{border-image-slice:68 32 32 32;border-image-width:40px 20px 20px 20px;border-image-outset:0px 0px 0px 0px;border-image-repeat:stretch stretch;border-image-source:url(./highscores/cadre_silver.png);border-style:solid}.highscore.third img{font-size:.3em;margin:30px 5px -5px}.highscore.third{border-image-slice:68 32 32 32;border-image-width:40px 20px 20px 20px;border-image-outset:0px 0px 0px 0px;border-image-repeat:stretch stretch;border-image-source:url(./highscores/cadre_bronze.png);border-style:solid}