.page{overflow:hidden;height:100vh;position:fixed;inset:0}.page .gameContainer{position:relative;z-index:9}.page .final-popup h1{padding-top:.3em}.page .final-popup .popup-text{padding-bottom:1em}.game-header__element,.missed-target__text,.target-wrapper .text,.zoom-controls{background-color:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.home-container{position:relative;width:100vw;height:100vh;overflow:hidden;background:#f0f0f0;cursor:-webkit-grab;cursor:grab}.home-container:active{cursor:-webkit-grabbing;cursor:grabbing}.map-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.map-wrapper{position:relative;transform-origin:0 0;will-change:transform}.map-image{display:block;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.target-wrapper{position:absolute;z-index:10}.target-wrapper--highlighted{outline:5px solid red}.target-wrapper--clicked .borders{inset:0!important;opacity:1!important}.target-wrapper--clicked .exposion,.target-wrapper--clicked .smoke,.target-wrapper--clicked .text{opacity:1!important}.target-wrapper .borders{position:absolute;inset:50% 0;opacity:0;transition:inset .7s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1)}.target-wrapper .borders .border{width:30%;height:30%;position:absolute;border:2px solid #fff}.target-wrapper .borders .border--left-top{top:0;left:0;border-bottom:none;border-right:none}.target-wrapper .borders .border--right-top{top:0;right:0;border-bottom:none;border-left:none}.target-wrapper .borders .border--left-bottom{bottom:0;left:0;border-top:none;border-right:none}.target-wrapper .borders .border--right-bottom{bottom:0;right:0;border-top:none;border-left:none}.target-wrapper .text{width:-moz-fit-content;width:fit-content;text-wrap:nowrap;padding:.4em .8em;border-radius:100vw;bottom:-10%;transform:translate(-50%,100%);transition:opacity .3s cubic-bezier(.16,1,.3,1)}.target-wrapper .exposion,.target-wrapper .text{position:absolute;left:50%;pointer-events:none;opacity:0}.target-wrapper .exposion{width:200%;height:200%;top:50%;transform:translate(-50%,-50%);z-index:-1;transition:opacity .3s ease .2s}.target-wrapper .exposion img{width:100%;height:100%;object-fit:cover;pointer-events:none}.target-wrapper .smoke{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300vw;height:300vh;pointer-events:none;z-index:-1;opacity:0;transition:opacity .4s ease 1s}.target-wrapper .smoke img{width:100%;height:100%;object-fit:contain;pointer-events:none}.zoom-controls{position:fixed;bottom:1em;left:50%;transform:translateX(-50%);gap:12px;padding:.5em;border-radius:100vw;z-index:1000;overflow:hidden}.zoom-button,.zoom-controls{display:flex;align-items:center}.zoom-button{width:1.3em;height:1.3em;border:none;background:hsla(0,0%,100%,.2);color:#fff;border-radius:50%;font-size:30px;cursor:pointer;transition:all .2s ease;justify-content:center;line-height:1}.zoom-level{width:2.2em;text-align:center}.hint-popup .content{display:flex;flex-direction:column;align-items:center;gap:1em}.hint-popup .content .image{width:8em;height:8em;object-fit:cover}.game-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.8em;position:fixed;top:1.4em;left:50%;transform:translateX(-50%);z-index:10;width:80%}.game-header__element{padding:.4em .8em .3em;border-radius:100vw;text-align:center}.game-header__element-button{text-decoration:underline;opacity:0;animation:presence .3s ease-in-out forwards}.next-map-popup h1{padding:2em 0 1.7em}.missed-target{position:absolute;top:20%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.missed-target__icon{width:4em;height:4em}.missed-target__icon path{stroke-dasharray:50;stroke-dashoffset:0;transition:stroke-dashoffset .7s cubic-bezier(.16,1,.3,1)}.missed-target__icon path:nth-child(2){transition-delay:.1s}.missed-target__text{padding:.4em .8em;border-radius:100vw;text-align:center;margin-top:1em;font-size:5.1282051282vw;line-height:1.2;text-wrap:nowrap;opacity:1}@media screen and (min-aspect-ratio:2/3)and (max-aspect-ratio:4/3){.missed-target__text{font-size:1.8518518519vw}}@media screen and (min-aspect-ratio:5/3){.missed-target__text{font-size:1.3888888889vw}}.home-container{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.map-wrapper.dragging{transition:none}.button{padding:.8em 2.2em .6em;background-color:#fff;color:#000;text-transform:uppercase;width:-moz-fit-content;width:fit-content;text-wrap:nowrap;cursor:pointer;transition:opacity .3s ease}@media(hover:hover){.button:hover{opacity:.5}}.popup-content{background-color:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-in-out}.popup-overlay .bg{position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.4)}.popup-content{padding:2em 2em 4em;text-align:center;max-width:400px;width:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.popup-content .border{width:2.8em;height:2.8em;position:absolute;border:2px solid #fff}.popup-content .border--left-top{top:1em;left:1em;border-bottom:none;border-right:none}.popup-content .border--right-top{top:1em;right:1em;border-bottom:none;border-left:none}.popup-content .border--left-bottom{bottom:1em;left:1em;border-top:none;border-right:none}.popup-content .border--right-bottom{bottom:1em;right:1em;border-top:none;border-left:none}.popup-content .button{position:absolute;bottom:1em;left:50%;transform:translateX(-50%)}.popup-content .popup-text{margin:2em 0}.wrapper{position:fixed;inset:0;overflow:hidden;z-index:1001;background-color:#000}.start-screen{position:absolute;inset:1em;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;transition:opacity .7s cubic-bezier(.16,1,.3,1),scale .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1);opacity:0}.start-screen--loaded{scale:1;opacity:1;filter:blur(0)}.start-screen .logo{width:54.1025641026vw;height:3.8461538462vw}.start-screen .logo img{width:100%;height:100%;object-fit:contain}.start-screen .center{display:flex;flex-direction:column;align-items:center;gap:1em}.start-screen .center__images{display:flex;gap:.4em}.start-screen .button,.start-screen .button-wrapper{width:100%}.loader{position:absolute;inset:0;z-index:10;background-color:#000;animation:presence .7s cubic-bezier(.16,1,.3,1);transition:opacity .7s cubic-bezier(.16,1,.3,1),scale .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1);transition-delay:.4s}.loader--loaded{scale:1.1;opacity:0;pointer-events:none}.loader .logo-loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:14.358974359vw;height:17.9487179487vw;background-size:contain}.loader .logo-loader--empty{background:url(/small-logo-empty.svg) no-repeat 50%}.loader .logo-loader--full{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);background:url(/small-logo.svg) no-repeat 50%}@keyframes presence{0%{opacity:0}to{opacity:1}}