*,::after,::before{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}*{background-repeat:no-repeat}body,html{touch-action:pan-x pan-y}html{height:100%}body{background-color:#302419;padding:0;font-family:"Jersey 20",sans-serif;font-weight:400;font-style:normal;height:100%}.hidden{display:none}.preloader{position:absolute;width:100%;height:80%;bottom:top;z-index:999}.preloader-text{position:absolute;bottom:0;width:100%;text-align:center;color:#e6dacf;font-size:35px;height:60px;margin-bottom:10px;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.preloader-bar{position:absolute;border:2px solid #e47309;height:30px;padding:2px;width:50%;left:50%;margin-bottom:-13px;transform:translateX(-50%);bottom:0;background-color:#302419;box-shadow:3px 3px 0 rgba(0,0,0,.3)}.preloader-bar-progress{display:block;position:absolute;width:0%;height:26px;background-color:#e47309}.game{height:100%;position:relative}.preloader-helper{position:fixed;bottom:0;right:0;width:1px;height:1px;background-image:url(/assets/images/actorBlink.svg),url(/assets/images/actorIdle.svg),url(/assets/images/actorMouthOpen.svg),url(/assets/images/actorMouthSemiOpen.svg)}.stage{position:absolute;width:100%;height:100%;opacity:1}.stage-fade-in{opacity:0;animation:fadeIn 1s forwards 1}.stage-fade-in-slow{opacity:0;animation:fadeInSlow 4s forwards 1}.stage-fade-out{opacity:0;animation:fadeOut 2s forwards 1}.stage-bg-default{background-image:url(assets/images/actorBackground.svg);background-position:center center;background-size:cover}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeInSlow{0%{opacity:0}30%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInSlow{0%{opacity:0}30%{opacity:0}100%{opacity:1}}@-o-keyframes fadeInSlow{0%{opacity:0}30%{opacity:0}100%{opacity:1}}@keyframes fadeInSlow{0%{opacity:0}30%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.scene-title{height:100%}.scene-title .controls{background-color:transparent;height:80%}.scene-title .controls button{position:absolute;bottom:0;margin-bottom:-33px;z-index:99}.scene-title-top{background-image:url(/assets/images/title-sun.svg);background-size:cover;background-position:center 50px;top:0;left:0;width:100%;height:80%;position:absolute;z-index:1;border-bottom:2px solid #8a6d52;overflow:hidden}.scene-title-name{position:absolute;z-index:5;height:50%;width:70%;left:50%;transform:translateX(-50%);top:0;background-image:url(/assets/images/title-name.svg);background-size:90% auto;background-position:center bottom;background-repeat:no-repeat}.scene-title-silhouette-dark{position:absolute;z-index:3;height:100%;width:calc(100% + 2px);bottom:0;background-image:url(/assets/images/title-silhouette-dark.svg);background-size:100% auto;background-repeat:repeat-x;background-position:left bottom;animation:cityMoveDark 200s linear infinite}.scene-title-silhouette-dark::after,.scene-title-silhouette-dark::before{content:"";position:absolute;width:100%;height:100%;background-image:url(/assets/images/title-silhouette-dark.svg);width:calc(100% + 2px);background-size:100% auto;background-position:left bottom;background-repeat:repeat-x}.scene-title-silhouette-dark::before{left:-100%}.scene-title-silhouette-dark::after{left:100%}.scene-title-silhouette-light{position:absolute;z-index:2;width:100%;height:100%;bottom:0;background-image:url(/assets/images/title-silhouette-light.svg);background-size:100% auto;background-repeat:repeat-x;background-position:left bottom;animation:cityMoveLight 400s linear infinite}.scene-title-silhouette-light::after,.scene-title-silhouette-light::before{content:"";position:absolute;width:100%;height:100%;background-image:url(/assets/images/title-silhouette-light.svg);background-size:100% auto;background-repeat:repeat-x;background-position:left bottom}.scene-title-silhouette-light::before{left:-100%}.scene-title-silhouette-light::after{left:100%}.scene-title-clouds{z-index:1;position:absolute;left:0;top:25%;width:100%;height:100%;background-image:url(/assets/images/title-clouds.svg);background-size:100% auto;background-repeat:repeat-x;background-position:top bottom;animation:cloudsMove 400s linear infinite}.scene-title-clouds::after,.scene-title-clouds::before{content:"";position:absolute;top:0;width:100%;height:100%;background-image:url(/assets/images/title-clouds.svg);background-size:100% auto;background-repeat:repeat-x;background-position:top bottom}.scene-title-clouds::before{left:-100%}.scene-title-clouds::after{left:100%}.scene-title-bottom{background-image:url(/assets/images/title-bottom.svg);background-size:70% auto;background-position:center center;width:90%;height:30px;position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:2}@media (max-width:1050px){.scene-title-name{width:90%}.scene-title-clouds,.scene-title-silhouette-dark,.scene-title-silhouette-light{width:120%}.scene-title-clouds::after,.scene-title-clouds::before,.scene-title-silhouette-dark::after,.scene-title-silhouette-dark::before,.scene-title-silhouette-light::after,.scene-title-silhouette-light::before{width:120%}}@media (max-width:850px){.scene-title-name{background-image:url(/assets/images/title-name-mobile.svg);top:0;width:80%;height:50%}.scene-title .controls{overflow-x:visible}.scene-title-clouds,.scene-title-silhouette-dark,.scene-title-silhouette-light{width:150%}.scene-title-clouds::after,.scene-title-clouds::before,.scene-title-silhouette-dark::after,.scene-title-silhouette-dark::before,.scene-title-silhouette-light::after,.scene-title-silhouette-light::before{width:150%}}@media (max-width:600px){.scene-title-name{top:0;height:55%;width:100%}.scene-title-bottom{width:100%;background-size:90% auto}.scene-title .controls{overflow-x:visible}.scene-title-clouds,.scene-title-silhouette-dark,.scene-title-silhouette-light{width:150%}.scene-title-clouds::after,.scene-title-clouds::before,.scene-title-silhouette-dark::after,.scene-title-silhouette-dark::before,.scene-title-silhouette-light::after,.scene-title-silhouette-light::before{width:150%}}@-moz-keyframes cityMoveDark{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@-webkit-keyframes cityMoveDark{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@-o-keyframes cityMoveDark{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes cityMoveDark{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@-moz-keyframes cityMoveLight{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@-webkit-keyframes cityMoveLight{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@-o-keyframes cityMoveLight{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes cityMoveLight{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@-moz-keyframes cloudsMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@-webkit-keyframes cloudsMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@-o-keyframes cloudsMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes cloudsMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.scene-start .stage.power-outage{animation:powerOutage 5s steps(1) forwards}.meters{position:absolute;width:70%;height:100%;top:0;left:50%;max-width:700px;transform:translate(-50%,0);color:#e47309;display:block;padding:20px;border-radius:20px;color:#d3d3d3;background-image:url(/assets/images/meters.svg);background-size:100% auto;background-position:center center;z-index:2}.meters.hidden{display:none}@media (max-width:768px) and (orientation:portrait){.meters{width:90%}}@-moz-keyframes powerOutage{0%,10%{opacity:.2}11%,40%{opacity:1}41%,50%{opacity:.2}51%,75%{opacity:1}76%,77%{opacity:.2}78%,79%{opacity:1}80%,81%{opacity:.2}82%,90%{opacity:1}91%,92%{opacity:.2}93%,94%{opacity:1}95%,96%{opacity:.2}97%,98%{opacity:.5}100%,99%{opacity:0}}@-webkit-keyframes powerOutage{0%,10%{opacity:.2}11%,40%{opacity:1}41%,50%{opacity:.2}51%,75%{opacity:1}76%,77%{opacity:.2}78%,79%{opacity:1}80%,81%{opacity:.2}82%,90%{opacity:1}91%,92%{opacity:.2}93%,94%{opacity:1}95%,96%{opacity:.2}97%,98%{opacity:.5}100%,99%{opacity:0}}@-o-keyframes powerOutage{0%,10%{opacity:.2}11%,40%{opacity:1}41%,50%{opacity:.2}51%,75%{opacity:1}76%,77%{opacity:.2}78%,79%{opacity:1}80%,81%{opacity:.2}82%,90%{opacity:1}91%,92%{opacity:.2}93%,94%{opacity:1}95%,96%{opacity:.2}97%,98%{opacity:.5}100%,99%{opacity:0}}@keyframes powerOutage{0%,10%{opacity:.2}11%,40%{opacity:1}41%,50%{opacity:.2}51%,75%{opacity:1}76%,77%{opacity:.2}78%,79%{opacity:1}80%,81%{opacity:.2}82%,90%{opacity:1}91%,92%{opacity:.2}93%,94%{opacity:1}95%,96%{opacity:.2}97%,98%{opacity:.5}100%,99%{opacity:0}}.scene-lisa .stage{color:#e47309;text-align:center}.scene-lisa .phone svg{display:block;width:150px;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button-run-like-the-wind{transition:left .2s linear,top .2s linear}.scene-end .controls{padding-bottom:75px}.results{position:absolute;width:70%;height:100%;max-width:700px;top:-40px;left:50%;transform:translate(-50%,0);color:#e47309;display:block;padding:20px;border-radius:20px;color:#d3d3d3;background-size:100% auto;background-position:center center;z-index:2}.results.hidden{display:none}.scene-end-copper .results{height:100%;top:0}.scene-end-copper .controls-bottom{height:100%;padding:0;justify-content:center}.results-generator{background-image:url(/assets/images/resultGenerator.svg)}.results-copper{background-image:url(/assets/images/resultCopper.svg)}.results-hydrogen{background-image:url(/assets/images/resultHydrogen.svg)}.results-iron{background-image:url(/assets/images/resultIron.svg)}.results-lithium{background-image:url(/assets/images/resultLithium.svg)}.results-organic{background-image:url(/assets/images/resultOrganic.svg)}.results-vanadium{background-image:url(/assets/images/resultVanadium.svg)}@media (max-width:768px) and (orientation:portrait){.results{width:90%}}.actor{width:100%;height:90%;position:absolute;bottom:0;left:0;background-image:url(assets/images/actorIdle.svg);background-repeat:no-repeat;background-position:center bottom;background-size:contain}.actor-mouth-open{background-image:url(assets/images/actorMouthOpen.svg)}.actor-mouth-semiopen{background-image:url(assets/images/actorMouthSemiOpen.svg)}.actor-blink{background-image:url(assets/images/actorBlink.svg)}@media (max-width:768px) and (orientation:portrait){.actor{background-size:cover}}.controls{display:flex;position:absolute;top:0;left:50%;width:100%;height:100%;transform:translateX(-50%);background:#302419;padding:30px 40px 60px 40px;flex-direction:column;justify-content:center;align-items:center;z-index:10}.controls.hidden{display:none}.controls-horizontal{display:flex;flex-direction:row;justify-content:space-around;align-items:center;align-items:flex-start}.controls-stacked{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;row-gap:0;margin-top:-60px}.controls-bottom{background-color:transparent;display:flex;justify-content:flex-end}.button-inside,button{display:inline-block;padding:10px 30px 12px 30px;margin:10px 0;line-height:32px;background-color:#e47309;color:#fff;border:0;border-radius:10px;font-size:30px;cursor:pointer;text-shadow:2px 2px 0 rgba(0,0,0,.6);max-width:70%;box-shadow:4px 4px 0 rgba(0,0,0,.3)}.button-inside:hover,button:hover{animation:buttonHover .2s forwards}.button-inside:active,button:active{transform:translateX(2px) translateY(2px);background-color:#d96d09!important;box-shadow:none}.button-inside.button-big,button.button-big{font-size:40px;line-height:40px;padding:15px 30px 17px 30px}.button-info{width:340px;padding-top:300px;text-align:center;padding:320px 10px 10px 10px;border-radius:40px;background-position:center 20px;background-size:300px auto;background-color:#302419;margin:0;box-shadow:none}.button-info:hover{background-color:rgba(228,115,9,.1)!important}.button-info.button-info-small{padding-top:240px}.button-info-solar-plant{background-image:url(/assets/images/selectSolar.svg)}.button-info-solar-plant-battery{background-image:url(/assets/images/selectSolarBattery.svg)}.button-info-generator{background-image:url(/assets/images/selectGenerator.svg)}.button-info-hydrogen{background-image:url(/assets/images/selectHydrogen.svg)}.button-info-iron{background-image:url(/assets/images/selectIron.svg)}.button-info-lithium{background-image:url(/assets/images/selectLithium.svg)}.button-info-organic{background-image:url(/assets/images/selectOrganic.svg)}.button-info-vanadium{background-image:url(/assets/images/selectVanadium.svg)}.button-info-copper{background-image:url(/assets/images/selectCopper.svg)}@media (max-width:768px) and (orientation:portrait){.button{font-size:20px;padding:10px 30px 12px 30px;max-width:90vw;white-space:wrap}.button.button-big{font-size:35px;line-height:35px;padding:10px 22px 12px 22px}.controls{width:100vw;overflow-x:auto;white-space:nowrap;transform:none;left:0!important}.controls-horizontal,.controls-stacked{position:relative;display:flex;justify-content:center;left:0;position:absolute;padding:0 30px}.controls-stacked{margin-top:0;display:flex;flex-direction:row;justify-content:space-around;align-items:center;align-items:flex-start;flex-wrap:nowrap}}@-moz-keyframes buttonHover{0%{background-color:#e47309}100%{background-color:#f68113}}@-webkit-keyframes buttonHover{0%{background-color:#e47309}100%{background-color:#f68113}}@-o-keyframes buttonHover{0%{background-color:#e47309}100%{background-color:#f68113}}@keyframes buttonHover{0%{background-color:#e47309}100%{background-color:#f68113}}.narrator{position:absolute;bottom:30px;left:30px;font-size:35px;line-height:37px;min-height:67px;background-color:rgba(0,0,0,.3);padding:13px 20px 17px 25px;color:#fff;width:calc(100% - 60px);border-radius:7px;z-index:100;text-shadow:3px 3px 0 rgba(0,0,0,.8);user-select:none}@media (max-width:768px) and (orientation:portrait){.narrator{font-size:30px;line-height:32px;left:10px;bottom:20px;padding:10px 15px 12px 20px;min-height:57px;width:calc(100% - 20px)}}.phone{position:absolute;display:block;width:190px;height:190px;top:50%;left:50%;margin-top:-115px;margin-left:-95px;animation:phonePulse 2s infinite;background-image:url(/assets/images/phone.svg);background-size:120px auto;background-position:center center;z-index:9}.phone.incoming-call{animation:phoneCall 3s forwards 10}.phone.incoming-call-once{animation:phoneCall 3s forwards}.phone.hidden{display:none}@-moz-keyframes phoneCall{0%{transform:scale(1)}20%{transform:scale(1.2)}40%{transform:scale(.8)}60%{transform:scale(1.2)}80%{transform:scale(.8)}100%{transform:scale(1)}}@-webkit-keyframes phoneCall{0%{transform:scale(1)}20%{transform:scale(1.2)}40%{transform:scale(.8)}60%{transform:scale(1.2)}80%{transform:scale(.8)}100%{transform:scale(1)}}@-o-keyframes phoneCall{0%{transform:scale(1)}20%{transform:scale(1.2)}40%{transform:scale(.8)}60%{transform:scale(1.2)}80%{transform:scale(.8)}100%{transform:scale(1)}}@keyframes phoneCall{0%{transform:scale(1)}20%{transform:scale(1.2)}40%{transform:scale(.8)}60%{transform:scale(1.2)}80%{transform:scale(.8)}100%{transform:scale(1)}}@-moz-keyframes phonePulse{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@-webkit-keyframes phonePulse{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@-o-keyframes phonePulse{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes phonePulse{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.years{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#e47309;font-size:150px;text-shadow:5px 5px 0 rgba(0,0,0,.3)}.years-countdown-ended{animation:colorChangeWhite 2.5s forwards 1}@-moz-keyframes colorChangeWhite{0%{color:#e47309}15%{color:#fff}100%{opacity:0}}@-webkit-keyframes colorChangeWhite{0%{color:#e47309}15%{color:#fff}100%{opacity:0}}@-o-keyframes colorChangeWhite{0%{color:#e47309}15%{color:#fff}100%{opacity:0}}@keyframes colorChangeWhite{0%{color:#e47309}15%{color:#fff}100%{opacity:0}}.credits{max-width:60%;margin:0 auto;padding-top:100%;text-align:center}.credits h1{font-size:6em;line-height:1.2em;margin:5em 0 0 0;text-transform:uppercase;color:#e47309;text-shadow:2px 2px 0 #000}.credits h3{font-size:3em;line-height:1.2em;margin-bottom:0;text-transform:uppercase;color:#fff;text-shadow:2px 2px 0 #000}.credits p{font-size:2.5em;line-height:1.2em;margin-bottom:2em;color:#fff;text-shadow:2px 2px 0 #000}@media (max-width:768px) and (orientation:portrait){.credits h1{font-size:3em}.credits h3{font-size:2em;line-height:1.1em}.credits p{font-size:1.6em}}.debugger{display:none;position:fixed;height:90px;bottom:-70px;opacity:.3;text-align:center;width:100%;background-color:#302419;padding:15px 0 0 0;z-index:999}.debugger:hover{opacity:1;bottom:0}.debugger button{width:auto;display:inline-block;font-size:1em;height:25px;line-height:25px;padding:0 8px;margin:3px 3px;text-shadow:1px 1px 0 rgba(0,0,0,.5)}