@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@600&display=swap";:root{--color-white: #ffffff;--color-footer: #ffffff;--color-orange: #f8c291;--color-overlay: #ffe4bd;--color-overlay-alpha: rgb(255 228 189 / 88%);--color-black: #161616;--color-grey: #a7a7a7}@font-face{font-family:Sherwood;src:url(../fonts/Sherwood.woff2) format("woff2")}@font-face{font-family:ReggaeOne;src:url(../fonts/reggaeone-regular-webfont.woff2) format("woff2"),url(../fonts/reggaeone-regular-webfont.woff) format("woff")}@font-face{font-family:RocknRollOne;src:url(../fonts/rocknrollone-regular-webfont.woff2) format("woff2"),url(../fonts/rocknrollone-regular-webfont.woff) format("woff")}:root{--ease-in-sine: cubic-bezier(.47, 0, .745, .715);--ease-out-sine: cubic-bezier(.39, .575, .565, 1);--ease-in-out-sine: cubic-bezier(.445, .05, .55, .95);--ease-in-quad: cubic-bezier(.55, .085, .68, .53);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-in-cubic: cubic-bezier(.55, .055, .675, .19);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-in-quart: cubic-bezier(.895, .03, .685, .22);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--ease-in-quint: cubic-bezier(.755, .05, .855, .06);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);--ease-in-expo: cubic-bezier(.95, .05, .795, .035);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);--ease-in-circ: cubic-bezier(.6, .04, .98, .335);--ease-out-circ: cubic-bezier(.075, .82, .165, 1);--ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);--ease-out-bounce: cubic-bezier(.22, 1.45, .36, 1);--ease-out-bounce2: cubic-bezier(.22, 1.2, .36, 1)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{font-weight:400;text-align:left;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:""}a img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}html{box-sizing:border-box;overscroll-behavior-y:none;overscroll-behavior-x:none;width:100%;height:100%}*,:before,:after{box-sizing:inherit}body{background-color:#000;color:#fff;line-height:1.3;position:relative;font-family:Sherwood,serif;overflow:hidden;width:100%;height:100%;overscroll-behavior-y:none;overscroll-behavior-x:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.is-touch{overflow:hidden}body.is-touch.is-social{overflow:visible}body.is-touch .touch-hidden{display:none}body:not(.is-touch) .touch-only{display:none}a{color:inherit;text-decoration:none}.h2{font-family:Sherwood;font-size:4.7vw;color:var(--color-black);line-height:1em;font-size:4.6875vw}@media only screen and (max-width: 426.6666666667px){.h2{font-size:20px}}@media only screen and (min-width: 1920px){.h2{font-size:90px}}@media only screen and (max-width: 768px) and (orientation: portrait){.h2{font-size:9vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.h2{font-size:4vw}}.h3{font-family:ReggaeOne;font-size:2.3vw;font-size:2.2916666667vw}@media only screen and (max-width: 872.7272727273px){.h3{font-size:20px}}@media only screen and (min-width: 1920px){.h3{font-size:44px}}@media only screen and (max-width: 768px) and (orientation: portrait){.h3{font-size:5.5vw}}.h2-reggae{font-family:ReggaeOne;font-size:4vw;color:var(--color-black);font-size:3.2291666667vw}@media only screen and (max-width: 619.3548387097px){.h2-reggae{font-size:20px}}@media only screen and (min-width: 1920px){.h2-reggae{font-size:62px}}@media only screen and (max-width: 768px) and (orientation: portrait){.h2-reggae{font-size:7vw}}.h3-reggae{font-family:ReggaeOne;font-size:3vw;color:var(--color-black);font-size:2.0833333333vw}@media only screen and (max-width: 1200px){.h3-reggae{font-size:25px}}@media only screen and (min-width: 2400px){.h3-reggae{font-size:50px}}@media only screen and (max-width: 768px) and (orientation: portrait){.h3-reggae{font-size:5.5vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.h3-reggae{font-size:3vw}}.h4-reggae{font-family:ReggaeOne;font-size:2vw;color:var(--color-black);font-size:1.9791666667vw}@media only screen and (max-width: 1263.1578947368px){.h4-reggae{font-size:25px}}@media only screen and (min-width: 1920px){.h4-reggae{font-size:38px}}@media only screen and (max-width: 768px) and (orientation: portrait){.h4-reggae{font-size:6vw}}.text-1{font-family:RocknRollOne;font-size:2vw;color:var(--color-black);font-size:1.25vw}@media only screen and (max-width: 1280px){.text-1{font-size:16px}}@media only screen and (min-width: 1920px){.text-1{font-size:24px}}@media only screen and (max-width: 768px) and (orientation: portrait){.text-1{font-size:4vw}}.text-2{font-family:RocknRollOne;color:var(--color-black);font-size:1.4583333333vw}@media only screen and (max-width: 822.8571428571px){.text-2{font-size:12px}}@media only screen and (min-width: 1920px){.text-2{font-size:28px}}@media only screen and (max-width: 768px) and (orientation: portrait){.text-2{font-size:3.5vw}}.text-3{font-family:RocknRollOne;color:var(--color-black);font-size:.9375vw}@media only screen and (max-width: 1173.3333333333px){.text-3{font-size:11px}}@media only screen and (min-width: 1920px){.text-3{font-size:18px}}@media only screen and (max-width: 768px) and (orientation: portrait){.text-3{font-size:3vw}}.button,.button-small{pointer-events:auto;position:relative;cursor:pointer;transition:transform .8s var(--ease-out-bounce2)}.button:before,.button:after,.button-small:before,.button-small:after{content:"";height:2.5vw;width:2.5vw;background:url(../icons/selectorB.png);background-size:contain;background-repeat:no-repeat;position:absolute;top:50%;opacity:0;max-width:50px;max-height:50px}@media only screen and (max-width: 768px) and (orientation: portrait){.button:before,.button:after,.button-small:before,.button-small:after{height:5.5vw;width:5.5vw}}.button:before,.button-small:before{left:0;transform:scale(1) translate(-150%,-50%);transition:transform 0s var(--ease-out-expo) .5s,opacity .3s ease}.button:after,.button-small:after{left:100%;transform:scale(1) translate(50%,-50%);transition:transform 0s var(--ease-out-expo) .3s,opacity .3s ease}.button:hover,.button-small:hover{transform:scale(1.1)}.button:hover:before,.button-small:hover:before{opacity:1;transform:scale(1) translate(-150%,-50%)}.button:hover:after,.button-small:hover:after{opacity:1;transform:scale(1) translate(50%,-50%)}.button-small:before,.button-small:after{height:2vw;width:2vw;max-width:36px;max-height:36px}@media only screen and (max-width: 768px) and (orientation: portrait){.button-small:before,.button-small:after{height:4vw;width:4vw}}.keyboard-arrows{width:5vw;max-width:60px}.keyboard-space{width:3.5vw;max-width:40px}.cursor{max-width:16px;width:1.3vw;margin:0 .6vw -.3vw}.t-button-controls{font-family:RocknRollOne;font-size:26px}.scene{height:100%;width:100%;position:relative}.footer{bottom:40px;right:50px;z-index:200;pointer-events:none;display:flex;align-items:center;pointer-events:auto;position:absolute}@media only screen and (max-width: 768px) and (orientation: portrait){.footer{bottom:25px;right:25px}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.footer{bottom:25px;right:25px}}.footer.touch-only{bottom:auto;position:relative;right:auto;flex-direction:column;justify-content:center;align-items:center}.footer.touch-only .separator{width:100%;margin:5px 0}.footer.touch-only .separator__line{background-color:#fff;box-shadow:0 0 5px #000000b3;height:1px;margin:0}.footer.touch-only .footer__link{margin:8px 0;opacity:.5}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.footer.touch-only .footer__link{margin:6px 0}}.footer.touch-only .footer__link .footer__icon{height:5.3vw;width:6.9vw}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.footer.touch-only .footer__link .footer__icon{max-width:22px;max-height:22px}}.footer.touch-only .footer__link:nth-child(2) .footer__icon{height:5.3vw;width:6.9vw}.footer__link{display:flex;align-items:center;justify-self:center;margin:0 10px;transform:scale(1);transition:transform .3s var(--ease-out-bounce)}@media only screen and (max-width: 768px) and (orientation: portrait){.footer__link{margin:0 5px}}.footer__link:first-child{margin-left:0}.footer__link:nth-child(2) .footer__icon{height:2.3vw;width:2.9vw;max-width:55px;max-height:44px}.footer__link:last-child{margin-right:0}.footer__link:hover{transform:scale(1.13);transition:transform .3s var(--ease-out-bounce)}.footer__icon{width:1.9vw;height:1.8vw;filter:drop-shadow(0px 0px 5px rgba(0,0,0,.7));max-width:37px;max-height:35px}.footer__icon path{fill:var(--color-footer);stroke:var(--color-footer)}.footer__sound{cursor:pointer}.footer__sound.active .sound-echo{opacity:1}.footer__sound.active .sound-line{stroke-dashoffset:379}.footer__sound path{fill:transparent;stroke-width:6px;stroke-miterlimit:10;stroke:var(--color-footer)}@media only screen and (max-width: 768px) and (orientation: portrait){.footer__sound path{stroke-width:10px}}.footer__sound rect{fill:var(--color-footer);stroke-width:0px!important}.footer__sound polygon{fill:var(--color-footer)}.footer__sound .sound-echo{fill:none;stroke:var(--color-footer);stroke-width:.5vw;opacity:0;transition:opacity .2s ease}@media only screen and (max-width: 768px) and (orientation: portrait){.footer__sound .sound-echo{stroke-width:10px}}.footer__sound .sound-line{stroke-width:1vw;stroke-dasharray:379;stroke-dashoffset:758;transition:stroke-dashoffset .4s ease}@media only screen and (max-width: 768px) and (orientation: portrait){.footer__sound .sound-line{stroke-width:20px}}.ui{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none}.mode{opacity:0;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;transition:opacity 1s ease 1s,visibility 1s ease 1s;z-index:1000}.mode:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay);transform:translateY(-100vh);transition:transform 1.3s var(--ease-in-out-quart)}.mode__content{transform:translateY(-100vh);transition:transform 1.3s var(--ease-in-out-quart) .06s}.mode.visible{opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}.mode.visible:before{transform:translateY(0);transition:transform 1.1s var(--ease-in-out-quart)}.mode.visible .mode__content{transform:translateY(0);transition:transform 1.1s var(--ease-in-out-quart) .06s}.mode__title{margin-bottom:3vw;margin-top:-3vw}@media only screen and (max-width: 768px) and (orientation: portrait){.mode__title{margin-bottom:9vw}}.mode__buttons{display:flex;align-items:center;flex-direction:column}.mode__button{margin-bottom:10px;display:flex;align-items:center}@media only screen and (max-width: 768px) and (orientation: portrait){.mode__button{margin-bottom:4.5vw}}.mode__button span{pointer-events:none}.mode__icon{margin-left:1vw;width:2.5vw;display:block}@media only screen and (max-width: 768px) and (orientation: portrait){.mode__icon{width:8vw}}.settings{opacity:0;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;pointer-events:auto;transition:opacity 1s ease 1s,visibility 1s ease 1s;z-index:1100}.settings:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay);transform:translateY(-100vh);transition:transform 1.3s var(--ease-in-out-quart)}.settings__content{transform:translateY(-100vh);transition:transform 1.3s var(--ease-in-out-quart) .06s}.settings.visible{opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}.settings.visible:before{transform:translateY(0);transition:transform 1.1s var(--ease-in-out-quart)}.settings.visible .settings__content{transform:translateY(0);transition:transform 1.1s var(--ease-in-out-quart) .06s}.settings__title{margin-bottom:3vw;margin-top:-3vw}@media only screen and (max-width: 768px) and (orientation: portrait){.settings__title{margin-bottom:9vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.settings__title{margin-bottom:3vw}}.settings__buttons{display:flex;align-items:center;flex-direction:column}.settings__button{margin-bottom:.5vw;position:relative}@media only screen and (max-width: 768px) and (orientation: portrait){.settings__button{margin-bottom:4.5vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.settings__button{margin-bottom:.5vw}}.settings__button.is-reco{margin-bottom:1.8vw}@media only screen and (max-width: 768px) and (orientation: portrait){.settings__button.is-reco{margin-bottom:4.5vw}.settings__button.is-reco:before{opacity:1;transform:scale(1) translate(-150%,-50%)}.settings__button.is-reco:after{opacity:1;transform:scale(1) translate(50%,-50%)}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.settings__button.is-reco{margin-bottom:1.8vw}}.settings__reco{position:absolute;top:100%;left:50%;transform:translate(-50%);color:var(--color-grey);font-family:ReggaeOne;font-size:1.2vw}@media only screen and (max-width: 768px) and (orientation: portrait){.settings__reco{font-size:3vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.settings__reco{font-size:1.2vw}}.game{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:40px;padding-top:40px;opacity:0;visibility:hidden}.game .hud{align-items:flex-start}@media only screen and (max-width: 768px) and (orientation: portrait){.game .hud{align-items:flex-start}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.game .hud{align-items:flex-start}}@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation: portrait){.game .hud{align-items:flex-start}}.game .hud .separator{width:100%}@media only screen and (max-width: 768px) and (orientation: portrait){.game{padding-left:15px;padding-top:15px}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.game{padding-left:15px;padding-top:15px}}.game.visible{opacity:1;visibility:visible}.game.visible .game__overlay{transform:translateY(0) translate(-50%,-50%);transition:transform 1.1s var(--ease-out-bounce2) 1s;pointer-events:auto}.game.started .game__overlay{opacity:0;visibility:hidden;transform:translateY(-100vh) translate(-50%,-50%);transition:transform 1s var(--ease-in-out-quart) 0s,opacity 2s ease,visibility 2s ease}.game.end .game__end{transform:translateY(0) translate(-50%,-50%);transition:transform 1.1s var(--ease-out-bounce2);pointer-events:auto;opacity:1;visibility:visible}.game__overlay{position:absolute;top:50%;left:50%;width:70%;padding:2vw 1vw;background-color:var(--color-overlay);transform:translateY(100vh) translate(-50%,-50%);text-align:center;border-radius:1vw;box-shadow:3px 5px 12px 2px #0000004f;max-width:1300px}@media only screen and (max-width: 768px) and (orientation: portrait){.game__overlay{width:90%;padding:6vw;z-index:10000}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.game__overlay{z-index:10000}}.game__overlay__title{margin-bottom:4vw}.game__overlay__text{margin:0 auto 4vw;max-width:45vw}@media only screen and (max-width: 768px) and (orientation: portrait){.game__overlay__text{max-width:100vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.game__overlay__text{margin:0 auto 2vw}}.game__end{position:absolute;top:50%;left:50%;width:70%;padding:2vw 1vw;background-color:var(--color-overlay);transform:translateY(100vh) translate(-50%,-50%);text-align:center;border-radius:1vw;box-shadow:3px 5px 12px 2px #0000004f;max-width:1300px;transition:transform 1s var(--ease-in-out-quart) 0s,opacity 2s ease,visibility 2s ease;opacity:0;visibility:hidden}@media only screen and (max-width: 768px) and (orientation: portrait){.game__end{width:90%;padding:6vw;z-index:10000}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.game__end{z-index:10000}}.game__end__content{width:18vw;max-width:600px;margin:20px auto 0}@media only screen and (max-width: 768px) and (orientation: portrait){.game__end__content{width:100%;max-width:250px}}.game__end__screenshot{background-color:var(--color-overlay)}.game__end__title{margin-bottom:2vw}.game__end__text{margin:0 auto 1vw;max-width:45vw;color:var(--color-black)}@media only screen and (max-width: 768px) and (orientation: portrait){.game__end__text{max-width:100vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.game__end__text{margin:0 auto 2vw}}.game__end__share,.game__end__close{display:block;margin:10px auto}.game__end__share{font-size:1.25vw;display:flex;align-items:center}@media only screen and (max-width: 960px){.game__end__share{font-size:12px}}@media only screen and (min-width: 1920px){.game__end__share{font-size:24px}}@media only screen and (max-width: 768px) and (orientation: portrait){.game__end__share{font-size:4.5vw}}.game__end__share:before,.game__end__share:after{height:1.5vw;width:1.5vw;max-width:28px;max-height:28px}@media only screen and (max-width: 768px) and (orientation: portrait){.game__end__share:before,.game__end__share:after{height:3.5vw;width:3.5vw}}.game__end__icon{width:1vw;height:1vw;margin:0 0px -.2vw 10px}.game__end__icon path:nth-child(2){fill:var(--color-overlay)}@media only screen and (max-width: 768px) and (orientation: portrait){.game__end__icon{width:4vw;height:4vw;margin:0 0px -.8vw 5px}}.game__end__img{display:none}.game__end__dl{display:inline-flex;margin:0 auto;justify-content:center;align-items:center;font-size:1.25vw}@media only screen and (max-width: 960px){.game__end__dl{font-size:12px}}@media only screen and (min-width: 1920px){.game__end__dl{font-size:24px}}@media only screen and (max-width: 768px) and (orientation: portrait){.game__end__dl{font-size:4.5vw}}.game__end__dl:before,.game__end__dl:after{content:"";height:1.5vw;width:1.5vw;background:url(../icons/arrow-b.png);background-size:contain;background-repeat:no-repeat;position:absolute;top:50%;opacity:0;max-width:28px;max-height:28px}@media only screen and (max-width: 768px) and (orientation: portrait){.game__end__dl:before,.game__end__dl:after{height:3.5vw;width:3.5vw}}.game__end__dl:hover{transform:scale(1.1)}.game__end__dl:hover:before{opacity:1;transform:scale(1) translate(-150%,-50%)}.game__end__dl:hover:after{opacity:1;transform:scale(1) translate(50%,-50%)}.game__end .separator{margin:10px 0}.game__end .separator img{width:1.5vw}@media only screen and (max-width: 768px) and (orientation: portrait){.game__end .separator img{width:4.5vw}}.explore{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:40px;padding-top:40px;opacity:0;visibility:hidden}@media only screen and (max-width: 768px) and (orientation: portrait){.explore{padding-left:15px;padding-top:15px}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.explore{padding-left:15px;padding-top:15px}}.explore.visible{opacity:1;visibility:visible}.explore.visible .explore__overlay--tuto-1{transform:translateY(0) translate(-50%,-50%);transition:transform 1.1s var(--ease-out-bounce2) 1s;pointer-events:auto}.explore.tuto2 .explore__overlay--tuto-1{opacity:0;visibility:hidden;transform:translateY(-100vh) translate(-50%,-50%);transition:transform 1s var(--ease-in-out-quart) 0s,opacity 2s ease,visibility 2s ease}.explore.tuto2 .explore__overlay--tuto-2{transform:translateY(0) translate(-50%,-50%);transition:transform 1.1s var(--ease-out-bounce2) 1s;pointer-events:auto}.explore.started .explore__overlay{opacity:0;visibility:hidden;transform:translateY(-100vh) translate(-50%,-50%);transition:transform 1s var(--ease-in-out-quart) 0s,opacity 2s ease,visibility 2s ease}.explore__overlay{position:absolute;top:50%;left:50%;width:70%;padding:2vw 1vw;background-color:var(--color-overlay);transform:translateY(100vh) translate(-50%,-50%);text-align:center;border-radius:1vw;box-shadow:3px 5px 12px 2px #0000004f;max-width:1300px}@media only screen and (max-width: 768px) and (orientation: portrait){.explore__overlay{width:90%;padding:6vw;z-index:10000}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.explore__overlay{z-index:10000}}.explore__overlay__title{margin-bottom:40px}@media only screen and (max-width: 768px) and (orientation: portrait){.explore__overlay__title{margin-bottom:20px}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.explore__overlay__title{margin-bottom:20px}}.explore__overlay__text{margin:0 auto 30px;max-width:40vw}@media only screen and (max-width: 768px) and (orientation: portrait){.explore__overlay__text{max-width:100vw;margin-bottom:20px}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.explore__overlay__text{margin-bottom:20px;max-width:100vw}}.explore__overlay__image{width:auto;height:15vw;margin:0 auto 30px}@media only screen and (max-width: 768px) and (orientation: portrait){.explore__overlay__image{height:auto;width:100%;max-width:400px;margin:0 auto 10px}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.explore__overlay__image{height:auto;width:100%;max-width:200px;margin:0 auto 10px}}.explore__overlay--tuto-2 .icon-hook{width:2.3vw;max-width:40px;margin:0 0vw -.3vw}@media only screen and (max-width: 768px) and (orientation: portrait){.explore__overlay--tuto-2 .icon-hook{width:25px}}.explore__overlay--tuto-2 .icon-shard{width:2.3vw;max-width:40px;margin:0 0vw -.3vw}@media only screen and (max-width: 768px) and (orientation: portrait){.explore__overlay--tuto-2 .icon-shard{width:25px}}.explore__link{position:absolute;top:0;left:0;width:30%;height:100%;padding:0 2vw;background-color:var(--color-overlay);transform:translate(-100%);pointer-events:none;color:var(--color-black);display:flex;align-items:center;justify-content:center;transition:transform .8s var(--ease-out-quart),opacity 0s var(--ease-out-quart) .8s;z-index:1000000;opacity:0}@media only screen and (max-width: 768px) and (orientation: portrait){.explore__link{height:auto;width:100%;transform:translateY(-100%);padding:4vw 0}}.explore__link__title{margin-bottom:2vw}.explore__link__count{display:flex;justify-content:space-between;width:6vw}@media only screen and (max-width: 768px) and (orientation: portrait){.explore__link__count{width:14vw}}.explore__link__item{display:flex;justify-content:space-between;margin:auto;margin-bottom:1vw}.explore__link__chevron{cursor:pointer;transition:transform .3s var(--ease-out-quart)}.explore__link__chevron:hover{transform:translate(20%) scale(1.2)}.explore__link__chevron:hover:first-child{transform:translate(-20%) scale(1.2)}.explore__link__share,.explore__link__close{display:block;margin:2vw auto}.explore.link .explore__link{opacity:1;transform:translate(0);transition:transform 1.4s var(--ease-in-out-quart);pointer-events:auto}@media only screen and (max-width: 768px) and (orientation: portrait){.explore.link .explore__link{transform:translateY(0)}}.explore__islands{position:absolute;width:100%;pointer-events:none;bottom:14vh;left:0}@media only screen and (max-width: 768px) and (orientation: portrait){.explore__islands{bottom:calc(45vw + 60px + 4vh)}}.explore__islands__item{opacity:0;position:absolute;left:50%;transform:translate(-50%,10vh);top:0;width:auto;height:4vw;transition:transform 2s var(--ease-out-quart),opacity 2s ease}@media only screen and (max-width: 768px) and (orientation: portrait){.explore__islands__item{height:4vh}}.explore__islands__item.active{opacity:1;transform:translate(-50%)}.explore__too-close{position:absolute;width:100%;height:auto;pointer-events:none;top:50%;opacity:0;left:50%;display:inline-block;transform:translate(-50%) translateY(20px);text-align:center;max-width:350px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.7);transition:transform 0s var(--ease-out-bounce2) .5s,opacity .5s ease}@media only screen and (min-width: 769px){.explore__too-close{max-width:30vw}}.explore__too-close.active{opacity:1;transform:translate(-50%);transition:transform 1.1s var(--ease-out-bounce2),opacity .5s ease}.explore__too-close .icon-hook{width:2.5vw;min-width:30px;margin:0 0vw -.5vw}@media only screen and (max-width: 768px) and (orientation: portrait){.explore__too-close .icon-hook{width:35px;margin:0 0vw -8px}}.about{position:absolute;top:50%;left:50%;width:70%;overflow:auto;padding:4vw;background-color:var(--color-overlay-alpha);transform:translateY(100vh) translate(-50%,-50%);text-align:center;border-radius:1vw;box-shadow:3px 5px 12px 2px #0000004f;opacity:0;visibility:hidden;transition:transform 1s var(--ease-in-out-quart),opacity .5s ease,visibility .5s ease;z-index:10000;max-width:1344px}@media only screen and (max-width: 768px) and (orientation: portrait){.about{width:90%;padding:6vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.about{width:70%;padding:4vw}}@media only screen and (min-width: 1920px) and (orientation: landscape){.about{padding-top:58px;padding-bottom:58px}}.about__text{margin-bottom:2vw}@media only screen and (max-width: 768px) and (orientation: portrait){.about__text{margin-bottom:10px}}.about__text-list{position:relative;text-align:left;padding-left:3vw;margin-bottom:1.5vw}@media only screen and (max-width: 768px) and (orientation: portrait){.about__text-list{padding-left:6vw;margin-bottom:5px}}.about__text-list:after{left:0;content:"";height:2vw;width:2vw;background:url(../icons/selectorB.png);background-size:contain;background-repeat:no-repeat;position:absolute;top:4%}@media only screen and (max-width: 768px) and (orientation: portrait){.about__text-list:after{height:4vw;width:4vw}}.about__title{color:var(--color-black)}.about.visible{transform:translateY(0) translate(-50%,-50%);transition:transform 1.1s var(--ease-out-bounce2),opacity .5s ease,visibility .5s ease;pointer-events:auto;opacity:1;visibility:visible}.about a{font-weight:700;display:inline-block;position:relative}.about a:after{content:"";position:absolute;bottom:0;height:2px;width:100%;left:0%;background-color:var(--color-black);transition:width .6s var(--ease-out-cubic)}@media only screen and (max-width: 768px) and (orientation: portrait){.about a:after{height:1px}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.about a:after{height:1px}}.about a:hover:after{left:auto;right:0%;width:0%}.treasure{position:absolute;bottom:20%;left:50%;width:70%;overflow:auto;padding:2vw;background-color:var(--color-overlay-alpha);transform:translateY(100vh) translate(-50%,-50%);text-align:center;border-radius:1vw;box-shadow:3px 5px 12px 2px #0000004f;opacity:0;visibility:hidden;transition:transform 1s var(--ease-in-out-quart),opacity .5s ease,visibility .5s ease;z-index:10000;max-width:1344px}@media only screen and (max-width: 768px) and (orientation: portrait){.treasure{width:90%;padding:6vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.treasure{width:70%;padding:4vw}}@media only screen and (min-width: 1920px) and (orientation: landscape){.treasure{padding-top:58px;padding-bottom:58px}}.treasure__text{margin-bottom:2vw}@media only screen and (max-width: 768px) and (orientation: portrait){.treasure__text{margin-bottom:10px}}.treasure__title{color:var(--color-black)}.treasure.visible{transform:translateY(0) translate(-50%);transition:transform 1.1s var(--ease-out-bounce2),opacity .5s ease,visibility .5s ease;pointer-events:auto;opacity:1;visibility:visible}.treasure .separator{margin:1vw auto;width:200px}.treasure .sword,.treasure .shield{width:5.5vw;max-width:67px;margin:0 .6vw -.5vw}@media only screen and (min-width: 769px){.treasure .sword,.treasure .shield{width:2.5vw}}.treasure .icon-hook{width:2.3vw;max-width:40px;margin:0 0vw -.3vw}@media only screen and (max-width: 768px) and (orientation: portrait){.treasure .icon-hook{width:25px}}.treasure .icon-shard{width:2.3vw;max-width:40px;margin:0 0vw -.3vw}@media only screen and (max-width: 768px) and (orientation: portrait){.treasure .icon-shard{width:25px}}.treasure .icon-rupee{width:2.3vw;max-width:40px;margin:0 0vw -.3vw}@media only screen and (max-width: 768px) and (orientation: portrait){.treasure .icon-rupee{width:25px}}.menu{position:absolute;top:0;right:0;height:100%;opacity:0;visibility:hidden;z-index:100;display:flex;flex-direction:column;align-items:flex-end;padding-right:50px;margin-top:50px}@media only screen and (max-width: 768px) and (orientation: portrait){.menu{padding-right:25px;margin-top:25px}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.menu{padding-right:25px;margin-top:25px}}.menu.visible{opacity:1;visibility:visible}.menu__button{color:#fff;text-shadow:0 0 5px rgba(0,0,0,.7);transition:transform var(--ease-out-bounce) .5s;pointer-events:auto;cursor:pointer;will-change:transform}.menu__button:hover{transform:scale(1.1)}.menu__button.hidden{display:none}.menu__icon{width:5vw;pointer-events:none;max-width:95px}@media only screen and (max-width: 768px) and (orientation: portrait){.menu__icon{width:12vw}}.joystick{pointer-events:auto;position:absolute;background-color:#d3d3d3b5;border-radius:50%;bottom:30px;right:25px;width:45vw;height:45vw;display:none}.joystick.is-visible{display:block}@media only screen and (min-width: 769px){.joystick{width:20vw;height:20vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.joystick{width:20vw;height:20vw;right:12vw;bottom:10px}}.joystick.is-game{background-color:transparent;width:100%;height:30vw;right:0;padding:0 12px;display:none;justify-content:space-between;align-items:center}@media only screen and (min-width: 769px){.joystick.is-game{height:20vw;padding:0 25px}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.joystick.is-game{height:20vw;padding:0 12vw}}.joystick.is-game .joystick__left,.joystick.is-game .joystick__right{display:flex;width:30vw;height:30vw}@media only screen and (min-width: 769px){.joystick.is-game .joystick__left,.joystick.is-game .joystick__right{width:20vw;height:20vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.joystick.is-game .joystick__left,.joystick.is-game .joystick__right{width:18vw;height:18vw}}.joystick.is-game .joystick__stick{display:none}.joystick.is-game.is-visible{display:flex}.joystick__stick{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;display:flex;justify-content:center;align-items:center;touch-action:manipulation;-webkit-user-select:none}.joystick__stick__img{width:20vw;height:20vw;background:url(../icons/joystick-stick.png);background-size:contain;background-repeat:no-repeat}@media only screen and (min-width: 769px){.joystick__stick__img{width:8vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.joystick__stick__img{width:8vw}}.joystick__left,.joystick__right{background-color:#d3d3d3b5;border-radius:50%;display:none;justify-content:center;align-items:center;width:25vw;height:25vw;font-family:ReggaeOne;font-size:5vw;-webkit-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.joystick__left img,.joystick__right img{width:15vw;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;touch-action:manipulation}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.joystick__left img,.joystick__right img{width:12vw}}.joystick__right img{transform:rotate(180deg)}.jump-button{pointer-events:auto;position:absolute;border-radius:50%;bottom:30px;left:25px;width:25vw;height:30vw;align-items:center;justify-content:center;user-select:none;display:none}@media only screen and (min-width: 769px){.jump-button{width:20vw;height:20vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.jump-button{width:20vw;height:20vw;left:12vw;bottom:10px}}.jump-button.is-visible{display:flex}.jump-button.is-game{left:50%;transform:translate(-50%)}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.jump-button.is-game .jump-button__content{width:18vw;height:18vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.jump-button.is-game .jump-button_text{font-size:3vw}}.jump-button__content{z-index:10;width:100%;height:25vw;display:flex;justify-content:center;align-items:center;background-color:#d3d3d3b5;border-radius:50%;touch-action:manipulation}@media only screen and (min-width: 769px){.jump-button__content{height:20vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.jump-button__content{height:20vw}}.jump-button__text{font-family:ReggaeOne;font-size:5vw;-webkit-user-select:none;-ms-user-select:none;user-select:none}.put-away-button{pointer-events:auto;position:absolute;border-radius:50%;bottom:calc(30px + 30vw);left:25px;width:25vw;height:30vw;align-items:center;justify-content:center;user-select:none;display:flex;visibility:hidden;opacity:0;transform:scale(.85);transition:opacity .2s ease,visibility .2s ease,transform .7s var(--ease-out-bounce)}@media only screen and (min-width: 769px){.put-away-button{width:20vw;height:20vw;bottom:calc(40px + 20vw)}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.put-away-button{width:20vw;height:20vw;left:37vw;bottom:10px}}.put-away-button.is-visible{visibility:visible;opacity:1;transform:none}.put-away-button__content{user-select:none;z-index:10;width:100%;height:25vw;display:flex;justify-content:center;align-items:center;background-color:#d3d3d3b5;border-radius:50%;touch-action:manipulation}@media only screen and (min-width: 769px){.put-away-button__content{height:20vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.put-away-button__content{height:20vw}}.put-away-button__text{font-family:ReggaeOne;font-size:3.5vw;-webkit-user-select:none;-ms-user-select:none;user-select:none}.separator{display:flex;align-items:center;margin:2vw 0}@media only screen and (max-width: 768px) and (orientation: portrait){.separator{margin:3vw 0}}.separator img{display:block;width:2.5vw}.separator img:last-child{transform:scaleX(-1)}@media only screen and (max-width: 768px) and (orientation: portrait){.separator img{width:6vw}}.separator__line{width:100%;height:2px;margin:0 1vw;background-color:var(--color-black)}@media only screen and (max-width: 768px) and (orientation: portrait){.separator__line{height:1px}}.hud{display:inline-flex;flex-direction:column;align-items:center}@media only screen and (max-width: 768px) and (orientation: portrait){.hud{align-items:flex-start}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.hud{align-items:flex-start}}@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation: portrait){.hud{align-items:flex-start}}.hud .separator{margin:1vw 0}.hud__hearts{display:flex}.hud__hearts .hearts__icon{width:4vw;max-width:77px;opacity:0}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__hearts .hearts__icon{width:9vw}}.hud__hearts .hearts__icon.visible{opacity:1}.hud__triforce{width:9vw;max-width:190px;position:relative;display:flex}@media only screen and (min-device-width: 1024px) and (max-device-width: 1280px) and (orientation: landscape){.hud__triforce{width:12vw}}@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation: portrait){.hud__triforce{width:12vw}}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__triforce{width:20vw}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.hud__triforce{width:8vw}}.hud__triforce__logo{width:100%;opacity:.4}.hud__triforce__icon{width:50%;position:absolute;opacity:0}.hud__triforce__icon.visible{opacity:1}.hud__triforce__icon_1{top:0;left:50%;transform:translate(-50%)}.hud__triforce__icon_2{left:0;bottom:-1px}.hud__triforce__icon_3{right:0;bottom:-1px}.hud__rupees{display:flex;align-items:center;margin-top:0;margin-bottom:4px}.hud__rupees__logo{width:3vw;margin-right:.5vw;max-width:58px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__rupees__logo{width:7vw}}.hud__rupees__numbers{display:flex;align-items:center}.hud .rupees__number{width:2.1vw;height:2.1vw;background-image:url(../icons/numbers/number_sprites.png);background-position:0px 0px;background-size:21vw;margin-right:-.45vw;display:block}@media only screen and (max-width: 768px) and (orientation: portrait){.hud .rupees__number{width:4vw;height:4vw;background-size:40vw}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud .rupees__number{width:40px;height:40px;background-size:400px;margin-right:-8.6px}}.hud .rupees__number.i0{background-position:0px 0px}.hud .rupees__number.i1{background-position:-2.1vw 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud .rupees__number.i1{background-position:-4vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud .rupees__number.i1{background-position:-40px 0px}}.hud .rupees__number.i2{background-position:-4.2vw 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud .rupees__number.i2{background-position:-8vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud .rupees__number.i2{background-position:-80px 0px}}.hud .rupees__number.i3{background-position:calc(-2.1vw * 3) 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud .rupees__number.i3{background-position:-12vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud .rupees__number.i3{background-position:-120px 0px}}.hud .rupees__number.i4{background-position:-8.4vw 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud .rupees__number.i4{background-position:-16vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud .rupees__number.i4{background-position:-160px 0px}}.hud .rupees__number.i5{background-position:-10.5vw 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud .rupees__number.i5{background-position:-20vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud .rupees__number.i5{background-position:-200px 0px}}.hud .rupees__number.i6{background-position:calc(-2.1vw * 6) 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud .rupees__number.i6{background-position:-24vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud .rupees__number.i6{background-position:-240px 0px}}.hud .rupees__number.i7{background-position:calc(-2.1vw * 7) 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud .rupees__number.i7{background-position:-28vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud .rupees__number.i7{background-position:-280px 0px}}.hud .rupees__number.i8{background-position:-16.8vw 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud .rupees__number.i8{background-position:-32vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud .rupees__number.i8{background-position:-320px 0px}}.hud .rupees__number.i9{background-position:calc(-2.1vw * 9) 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud .rupees__number.i9{background-position:-36vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud .rupees__number.i9{background-position:-360px 0px}}.hud__rupee-list__row{display:flex;align-items:center;margin-top:0;margin-bottom:4px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__rupee-list__row{margin-bottom:2px}}.hud__rupee-list .hud__rupees__logo{width:2vw;margin-right:.5vw;max-width:38px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__rupee-list .hud__rupees__logo{width:4vw}}.hud__rupee-list .rupees__number{width:1.9vw;height:1.9vw;background-image:url(../icons/numbers/number_sprites.png);background-position:0px 0px;background-size:19vw;margin-right:-.45vw;display:block}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__rupee-list .rupees__number{width:3.4vw;height:3.4vw;background-size:34vw}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud__rupee-list .rupees__number{width:36px;height:36px;background-size:360px;margin-right:-8.6px}}.hud__rupee-list .rupees__number.i0{background-position:0px 0px}.hud__rupee-list .rupees__number.i1{background-position:-1.9vw 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__rupee-list .rupees__number.i1{background-position:-3.4vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud__rupee-list .rupees__number.i1{background-position:-36px 0px}}.hud__rupee-list .rupees__number.i2{background-position:-3.8vw 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__rupee-list .rupees__number.i2{background-position:-6.8vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud__rupee-list .rupees__number.i2{background-position:-72px 0px}}.hud__rupee-list .rupees__number.i3{background-position:calc(-1.9vw * 3) 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__rupee-list .rupees__number.i3{background-position:-10.2vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud__rupee-list .rupees__number.i3{background-position:-108px 0px}}.hud__rupee-list .rupees__number.i4{background-position:-7.6vw 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__rupee-list .rupees__number.i4{background-position:-13.6vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud__rupee-list .rupees__number.i4{background-position:-144px 0px}}.hud__rupee-list .rupees__number.i5{background-position:-9.5vw 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__rupee-list .rupees__number.i5{background-position:-17vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud__rupee-list .rupees__number.i5{background-position:-180px 0px}}.hud__rupee-list .rupees__number.i6{background-position:calc(-1.9vw * 6) 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__rupee-list .rupees__number.i6{background-position:-20.4vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud__rupee-list .rupees__number.i6{background-position:-216px 0px}}.hud__rupee-list .rupees__number.i7{background-position:calc(-1.9vw * 7) 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__rupee-list .rupees__number.i7{background-position:-23.8vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud__rupee-list .rupees__number.i7{background-position:-252px 0px}}.hud__rupee-list .rupees__number.i8{background-position:-15.2vw 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__rupee-list .rupees__number.i8{background-position:-27.2vw 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud__rupee-list .rupees__number.i8{background-position:-288px 0px}}.hud__rupee-list .rupees__number.i9{background-position:calc(-1.9vw * 9) 0px}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__rupee-list .rupees__number.i9{background-position:calc(-3.4vw * 9) 0px}}@media only screen and (min-width: 1920px) and (orientation: landscape){.hud__rupee-list .rupees__number.i9{background-position:-324px 0px}}.hud__best{text-shadow:0 0 5px rgba(0,0,0,.7)}.hud__best__text{font-size:1.8vw}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__best__text{font-size:3vw}}.hud__compass{position:absolute;left:40px;bottom:40px;width:12vw;height:11.85vw;max-width:215px;max-height:215px;border-radius:50%;overflow:hidden}@media only screen and (min-device-width: 1024px) and (max-device-width: 1280px) and (orientation: landscape){.hud__compass{bottom:auto;left:40px;width:12vw;height:11.7vw;top:21vw}}@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation: portrait){.hud__compass{bottom:auto;left:40px;width:12vw;height:11.7vw;top:23vw}}@media only screen and (max-width: 768px) and (orientation: portrait){.hud__compass{width:20vw;height:19.5vw;bottom:auto;top:39vw;left:16px}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.hud__compass{bottom:auto;top:16vw;left:16px;width:8vw;height:7.8vw}}.hud__compass-front{position:relative;width:100%}.hud__compass-bkg{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(.9)}.screenshot{position:absolute;top:50%;left:50%;width:54%;padding:1vw;background-color:var(--color-overlay);transform:translateY(100vh) translate(-50%,-50%);text-align:center;border-radius:1vw;box-shadow:3px 5px 12px 2px #0000004f;max-width:1500px;display:flex;flex-direction:column;transition:transform 1s var(--ease-in-out-quart) 0s,opacity 2s ease,visibility 2s ease;opacity:0;visibility:hidden;overflow-y:auto;z-index:10000000}.screenshot.visible{transform:translateY(0) translate(-50%,-50%);transition:transform 1.1s var(--ease-out-bounce2) .3s;pointer-events:auto;opacity:1;visibility:visible}@media only screen and (max-width: 768px) and (orientation: portrait){.screenshot{width:90%;padding:3vw;border-radius:3vw}}.screenshot__content{width:18vw;max-width:600px;margin:20px auto 0}@media only screen and (max-width: 768px) and (orientation: portrait){.screenshot__content{width:100%;max-width:250px}}.screenshot__img{width:100%;margin:0 auto}@media only screen and (max-width: 768px) and (orientation: portrait){.screenshot__img{width:auto;max-height:30vh}}.screenshot__share,.screenshot__close{display:block;margin:10px auto}.screenshot__share{font-size:1.25vw;display:flex;align-items:center}@media only screen and (max-width: 960px){.screenshot__share{font-size:12px}}@media only screen and (min-width: 1920px){.screenshot__share{font-size:24px}}@media only screen and (max-width: 768px) and (orientation: portrait){.screenshot__share{font-size:4.5vw}}.screenshot__share:before,.screenshot__share:after{height:1.5vw;width:1.5vw;max-width:28px;max-height:28px}@media only screen and (max-width: 768px) and (orientation: portrait){.screenshot__share:before,.screenshot__share:after{height:3.5vw;width:3.5vw}}.screenshot__icon{width:1vw;height:1vw;margin:0 0px -.2vw 10px}.screenshot__icon path:nth-child(2){fill:var(--color-overlay)}@media only screen and (max-width: 768px) and (orientation: portrait){.screenshot__icon{width:4vw;height:4vw;margin:0 0px -.8vw 5px}}.screenshot__text{width:100%}.screenshot__dl{display:inline-flex;margin:0 auto;justify-content:center;align-items:center;font-size:1.25vw}@media only screen and (max-width: 960px){.screenshot__dl{font-size:12px}}@media only screen and (min-width: 1920px){.screenshot__dl{font-size:24px}}@media only screen and (max-width: 768px) and (orientation: portrait){.screenshot__dl{font-size:4.5vw}}.screenshot__dl:before,.screenshot__dl:after{content:"";height:1.5vw;width:1.5vw;background:url(../icons/arrow-b.png);background-size:contain;background-repeat:no-repeat;position:absolute;top:50%;opacity:0;max-width:28px;max-height:28px}@media only screen and (max-width: 768px) and (orientation: portrait){.screenshot__dl:before,.screenshot__dl:after{height:3.5vw;width:3.5vw}}.screenshot__dl:hover{transform:scale(1.1)}.screenshot__dl:hover:before{opacity:1;transform:scale(1) translate(-150%,-50%)}.screenshot__dl:hover:after{opacity:1;transform:scale(1) translate(50%,-50%)}.screenshot .separator{margin:10px 0}.screenshot .separator img{width:1.5vw}@media only screen and (max-width: 768px) and (orientation: portrait){.screenshot .separator img{width:4.5vw}}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.loading{opacity:0;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay);display:flex;align-items:center;flex-direction:column;justify-content:center;pointer-events:auto;transition:opacity 1s ease 1s,visibility 1s ease 1s;z-index:11000000}.loading.visible{opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}.loading__content{animation:fadeInOut 3s ease-in-out infinite}.loading__title{color:var(--color-black)}.cookie{position:absolute;height:150px;bottom:0;width:100%;z-index:100000000000;overflow:hidden;pointer-events:none}@media only screen and (max-width: 768px) and (orientation: portrait){.cookie{height:80px}}.cookie.visible{pointer-events:auto}.cookie.visible .cookie__content{transform:none;visibility:visible}.cookie__content{background-color:#fff;height:100%;width:100%;display:flex;justify-content:center;align-items:center;transform:translateY(100%);transition:transform .7s var(--ease-out-quart),visibility .5s ease;visibility:hidden}.cookie__text{color:var(--color-black);margin-right:20px}.cookie__button{background:var(--color-black);height:100px;width:100px;border-radius:50%;padding:15px;color:#fff;transition:transform .5s var(--ease-out-quart);cursor:pointer}.cookie__button:hover{transform:scale(1.1)}@media only screen and (max-width: 768px) and (orientation: portrait){.cookie__button{height:60px;width:60px}}.cookie__no{margin-left:15px;transition:transform .5s var(--ease-out-quart);cursor:pointer}.cookie__no:hover{transform:scale(1.1)}.controls{position:absolute;right:calc(13vw + 100px);top:50px;pointer-events:auto}@media only screen and (max-width: 768px) and (orientation: portrait){.controls{right:50%;transform:translate(50%)}}.controls__button{position:relative;width:75px;color:var(--color-black);cursor:pointer}@media only screen and (max-width: 768px) and (orientation: portrait){.controls__button{width:50px}}.controls__button>*{pointer-events:none}.controls__button:nth-child(1) .controls__icon{left:1%}@media only screen and (max-width: 768px) and (orientation: portrait){.controls__button:nth-child(1) .controls__icon{left:50%}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.controls__button:nth-child(1) .controls__icon{left:50%}}.controls__button:nth-child(2){position:absolute;left:90%;top:90%}@media only screen and (max-width: 768px) and (orientation: portrait){.controls__button:nth-child(2){position:relative;left:auto;right:auto}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.controls__button:nth-child(2){position:relative;left:auto;right:auto}}.controls__button:nth-child(2) .controls__icon{left:1%}@media only screen and (max-width: 768px) and (orientation: portrait){.controls__button:nth-child(2) .controls__icon{left:50%}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.controls__button:nth-child(2) .controls__icon{left:50%}}.controls__button:hover .controls__icon{transform:translate(-50%,-50%) scale(1.2)}.controls__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;z-index:10;transition:transform var(--ease-out-bounce) .5s,opacity .15s ease;opacity:0}@media only screen and (max-width: 768px) and (orientation: portrait){.controls__icon{width:70%}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.controls__icon{width:70%}}.controls__icon.visible{opacity:1}.controls__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 768px) and (orientation: portrait){.controls__text{display:none}}@media only screen and (max-device-width: 1023px) and (orientation: landscape){.controls__text{display:none}}.controls__bkg{height:100%;width:100%}