@import "https://fonts.googleapis.com/css2?family=Titan+One&display=swap";html{font-size:3vh}@media (orientation:portrait){html{font-size:2.9vw}}body{color:#fff;background:radial-gradient(#419197,#419197 60%,#fff 300%);justify-content:center;align-items:center;height:100vh;margin:0;font-family:Titan One,sans-serif;font-size:1.5rem;font-weight:700;display:flex;overflow:hidden}.game{perspective:20rem;width:29.03rem;transform-style:preserve-3d;transform-origin:center center 0;background-color:#78d6c6;border:1px solid #419197;border-radius:.5rem;flex-wrap:wrap;transition:transform .5s;display:flex;position:relative;overflow:hidden}.game:before,.game:after{content:"";z-index:-1;width:var(--cell);height:100%;transform-style:preserve-3d;transform-origin:center center 0;background:#41919780;outline:1px solid #fff;display:flex;position:absolute;top:0}.game:before{transform:translateZ(calc(-.5*var(--cell)))translateX(calc(-.5*var(--cell)))rotate3d(0,1,0,90deg);left:0}.game:after{transform:translateZ(calc(-.5*var(--cell)))translateX(calc(.5*var(--cell)))rotate3d(0,1,0,90deg);right:0}.game__player{z-index:999;width:calc(var(--cell)*.8);height:calc(var(--cell)*.8);top:calc((var(--positionTop) + .1)*var(--cell));left:calc((var(--positionLeft) + .1)*var(--cell));transform:var(--rotation)translateZ(0);transition-property:top,left,transform;transition-duration:.2s;transition-timing-function:ease;position:absolute}.game__player-eye{transform-origin:50% 20%;animation:2s infinite blink}@keyframes blink{0%,40%,60%,to{transform:scaleY(1)}50%{transform:scaleY(.2)}}@media (max-width:767px){.game__player{transition-duration:.1s}}.game__cell{z-index:-1;width:var(--cell);height:var(--cell);transform:translateZ(calc(-1*var(--cell)));background:linear-gradient(135deg,#78d6c6,#fff 200%);outline:1px solid #fff;position:relative}.game__cell--rock{transform-style:preserve-3d;transform-origin:center center 0;background:0 0;outline:none;position:relative;transform:translateZ(0)}.game__cell--rock-face{background:linear-gradient(135deg,#919ea3,#fff 200%);border-radius:.1rem;outline:1px solid #919ea3;display:flex;position:absolute}.game__cell--rock-lava .game__cell--rock-face{background:linear-gradient(45deg,orange,#ff7d66 200%) 0 0/100% 200%;outline:1px solid #ff7d66;animation:2s infinite lava}@keyframes lava{0%,to{background-position:0 0}50%{background-position:0 100%}}.game__cell--rock-front{width:100%;height:100%;top:0;left:0}.game__cell--rock-top,.game__cell--rock-bottom,.game__cell--rock-left,.game__cell--rock-right{width:100%;height:var(--cell)}.game__cell--rock-top{transform:translateZ(calc(-.5*var(--cell)))translateY(calc(-.5*var(--cell)))rotate3d(1,0,0,90deg);top:0;left:0}.game__cell--rock-bottom{transform:translateZ(calc(-.5*var(--cell)))translateY(calc(.5*var(--cell)))rotate3d(1,0,0,90deg);bottom:0;left:0}.game__cell--rock-left{transform:translateZ(calc(-.5*var(--cell)))translateY(calc(-.5*var(--cell)))translateX(calc(var(--cell)/-2))rotate3d(1,0,0,90deg)rotate3d(0,1,0,90deg)translateX(calc(var(--cell)/2));top:0;left:0}.game__cell--rock-right{transform:translateZ(calc(-.5*var(--cell)))translateY(calc(-.5*var(--cell)))translateX(calc(var(--cell)/-2))rotate3d(1,0,0,90deg)rotate3d(0,1,0,90deg)translateX(calc(var(--cell)/2))translateZ(var(--cell));top:0;left:0}.game__cell--horizontal{z-index:0;transform:translateZ(calc(var(--cell)*-.8));background:linear-gradient(135deg,#78d6c6,#eb80b1 200%)}.game__cell--horizontal:before,.game__cell--horizontal:after{content:"";border-top:calc(var(--cell)/4)solid transparent;border-bottom:calc(var(--cell)/4)solid transparent;width:0;height:0;position:absolute}.game__cell--horizontal:before{bottom:calc(var(--cell)/6);left:calc(var(--cell)/6);border-left:calc(var(--cell)/3)solid #fff}.game__cell--horizontal:after{top:calc(var(--cell)/6);right:calc(var(--cell)/6);border-right:calc(var(--cell)/3)solid #fff}.game__cell--vertical{z-index:0;transform:translateZ(calc(var(--cell)*-.8));background:linear-gradient(135deg,#78d6c6,orange 200%)}.game__cell--vertical:before,.game__cell--vertical:after{content:"";border-left:calc(var(--cell)/4)solid transparent;border-right:calc(var(--cell)/4)solid transparent;width:0;height:0;position:absolute}.game__cell--vertical:before{bottom:calc(var(--cell)/6);left:calc(var(--cell)/6);border-bottom:calc(var(--cell)/3)solid #fff}.game__cell--vertical:after{top:calc(var(--cell)/6);right:calc(var(--cell)/6);border-top:calc(var(--cell)/3)solid #fff}.game__cell--end{background-color:#fff;background-image:linear-gradient(45deg,#000038 25%,#0000 25% 74%,#000038 75%,#000038),linear-gradient(45deg,#000038 25%,#0000 25% 74%,#000038 75%,#000038);background-size:calc(var(--cell)/2)calc(var(--cell)/2);background-position:0 0,calc(var(--cell)/4)calc(var(--cell)/4)}.game__wrapper{position:relative}.game__water{transform-style:preserve-3d;transition-property:width,height;transition-duration:.2s;transition-timing-function:ease;position:absolute}.game__water--0,.game__water--2{width:100%;height:calc(var(--depth)*var(--cell))}.game__water--1,.game__water--3{height:100%;width:calc(var(--depth)*var(--cell))}.game__water--0,.game__water--3{bottom:0;left:0}.game__water--1{bottom:0;right:0}.game__water--2{top:0;left:0}.game__water--front{z-index:2;background-color:#41919799;width:100%;height:100%;position:relative;transform:translateZ(0)}.game__water--top,.game__water--left,.game__water--right,.game__water--bottom{background:linear-gradient(45deg,#41919780,#fff 200%);display:flex;position:absolute}.game__water--top,.game__water--bottom{width:100%;height:var(--cell);transform-origin:center 0 0}.game__water--left,.game__water--right{width:var(--cell);height:100%;transform-origin:center center 0}.game__water--top{transform:translateZ(calc(-1*var(--cell)))rotate3d(1,0,0,90deg);top:0;left:0}.game__water--left{transform:translateZ(calc(-.5*var(--cell)))translateX(calc(-.5*var(--cell)))rotate3d(0,1,0,90deg);top:0;left:0}.game__water--right{transform:translateZ(calc(-.5*var(--cell)))translateX(calc(.5*var(--cell)))rotate3d(0,1,0,90deg);top:0;right:0}.game__water--bottom{transform:translateZ(calc(-1*var(--cell)))translateY(calc(var(--cell)))rotate3d(1,0,0,90deg);bottom:0;left:0}.title{color:#fff07f;position:absolute;top:1rem;left:1rem}.level-text{z-index:100;cursor:pointer;position:absolute;top:1rem;right:1rem}.level-text:before{content:"";text-align:right;font-size:.5rem;position:absolute;bottom:calc(4rem - 100vh);right:0}.water-level{top:calc(50vh - var(--height)*var(--cell)*.5);right:calc(50vw - var(--width)*var(--cell)*.5 - .15rem);width:.3rem;height:calc(var(--height)*var(--cell));background:linear-gradient(#78d6c6 50%,#0000 50%) 0 0/100% 200%;background-position:0 calc(100% + (var(--depth)/var(--height)*100%));transition:all .2s;display:flex;position:absolute}.water-level:before,.water-level:after{content:"";color:#fff;width:5rem;font-size:1rem;position:absolute;left:-.15rem}.water-level:before{content:"min -";top:calc(100% - (var(--min-depth)/var(--height)*100%) - .7rem);left:-2.35rem}.water-level:after{content:"- max";top:calc(100% - (var(--max-depth)/var(--height)*100%) - .7rem)}.water-level--hidden{display:none}.over-text{color:#fff;text-align:center;text-transform:uppercase;background-color:#41919780;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:absolute;top:0;left:0}.over-text--display{display:flex}.over-text--lose{color:#000038;background-color:#ff7d6680}.over-text--win{color:#12486b;background-color:#f5fccd80;flex-direction:column;font-size:10vw;display:flex}.over-text--win .over-text__timer{font-size:5vw}.over-text--tutorial{color:#12486b;top:unset;pointer-events:none;background:#ffffff4d;height:4rem;bottom:0}.controls{flex-wrap:wrap;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.controls__arrow{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex}.controls__arrow:after{content:"";opacity:.3;width:0;height:0;margin:1rem}.controls__arrow--top,.controls__arrow--bottom{width:100%;height:40vh}.controls__arrow--left,.controls__arrow--right{flex-direction:column;width:50%;height:20vh}.controls__arrow--top,.controls__arrow--left{align-items:flex-start}.controls__arrow--bottom,.controls__arrow--right{align-items:flex-end}.controls__arrow--top:after{border-bottom:1rem solid #fff;border-left:1rem solid #0000;border-right:1rem solid #0000}.controls__arrow--left:after{border-top:1rem solid #fff;border-left:1rem solid #0000;border-right:1rem solid #0000;transform:rotate(45deg)}.controls__arrow--right:after{border-top:1rem solid #fff;border-left:1rem solid #0000;border-right:1rem solid #0000;transform:rotate(-45deg)}.controls__arrow--bottom:after{border-top:1rem solid #fff;border-left:1rem solid #0000;border-right:1rem solid #0000}.intro{color:#fff07f;cursor:pointer;background-color:#419197;flex-direction:column;width:100vw;height:100vh;padding:1rem;display:flex;position:absolute;top:0;left:0}.intro__title{font-size:4rem}.intro__subtitle{color:#f5fccd}.intro__explanation{text-align:right;color:#fff;width:calc(100vw - 2rem);font-size:1.5rem;position:absolute;bottom:3rem;left:1rem}.intro__player{width:40vw;height:40vh;position:absolute;top:10rem;right:0;transform:rotate(10deg)}.intro__button{color:#12486b;background:#fff07f;border-radius:2rem;outline:2px solid #12486b;justify-content:center;width:20vw;padding:.5rem 1rem;transition:transform .2s;display:inline-flex;position:absolute;bottom:30vh;left:40vw}.intro__button:hover{transform:scale(1.2)}.intro__earth{background-color:#12486b;border-radius:50%;width:70vw;height:70vw;position:absolute;top:30vh;left:15vw;overflow:hidden;transform:rotate(10deg)}@media (max-width:767px){.intro__earth{width:120vw;height:120vw;left:-10vw}}.intro__earth:before{content:"";background-size:cover;width:100%;height:100%;transition:background-position .5s;animation:300s linear infinite globeSpinning;display:block}@keyframes globeSpinning{0%{background-position:0 0}to{background-position:288% 0}}.intro--hidden{display:none}.fullscreen{cursor:pointer;position:absolute;top:1.2rem;right:7rem}.refresh{cursor:pointer;position:absolute;top:1rem;right:4rem}.level-selector{color:#fff;background-color:#41919780;width:80vw;height:100vh;padding:0 10vw;font-size:2rem;display:none;position:absolute;top:0;left:0}@media (min-height:600px){.level-selector{font-size:1.5rem}}.level-selector--active{flex-wrap:wrap;place-content:center;align-items:center;display:flex}.level-selector__button{cursor:pointer;border-radius:.5rem;padding:1rem;transition:background-color .2s}.level-selector__button:hover{background-color:#00003833}.level-selector__button--current{background-color:#12486b}.level-selector__button--disabled{opacity:.5;cursor:default;pointer-events:none}.duck-game-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}