body,h1{font-family:Afacad,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}#controls a,#logo .confirm.show,#scenarios .main>div.show{display:block}#loader,#scenarios{width:100vw;height:100vh}#logo .confirm a,#scenarios .action a.back{text-decoration:none;color:#000}#buy div,#controls a:hover,#intro .step .skip,#scene .sector{cursor:pointer}:root{--black-transparent:rgba(1, 1, 1, 0.70);--white-transparent:rgba(255, 255, 255, 0.75);--green:#91FEB5;--red:#F16B6B;--orange:#FAC275;--blue:#D6E0E9;--dark-blue:#091728;--grey:#3F4552;--bright-grey:#B6C4C6;--dark-grey:#727272;--yellow:#F3E50C;--bright-yellow:#FFEA00}body{margin:0;padding:0;font-size:calc(12.5px + .390625vw)}h1{font-size:1.6em;line-height:1.2em;text-align:center}a:hover{text-decoration:underline}hr{background:var(--dark-blue);height:1px;margin:20px 0;border:none}#window,.card{position:relative}#loader{position:absolute;display:flex;z-index:1000;background:#fff;justify-content:center;align-items:center;gap:10px}#loader .spin{width:20px;height:20px;padding:3px;aspect-ratio:1;border-radius:50%;background:#000;--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:1s linear infinite spinner}#scene .close,#score .score .bar .fill.red{background:var(--red)}#scene .animation,#scene .blacked{mask-size:100% 100%}@keyframes spinner{to{transform:rotate(1turn)}}#scene{z-index:100;position:relative;width:100vw;height:calc(100vh - 30px)}#scene .blacked{mask-composite:exclude;z-index:200}#scene .asset.clicked,#scene .mask.clicked{outline:5px dashed var(--white-transparent);border-radius:100%}#scene .close{display:flex;align-items:center;justify-content:center;border:2px solid #000;border-radius:100%;width:40px;height:40px;left:-30px;right:-30px;position:absolute}#controls,#scene .sector{width:60px;padding:10px;overflow:hidden}#scene .sector,#score{height:60px;display:flex;position:absolute}#scene .sector{background:var(--white-transparent);border-radius:15px;left:0;gap:20px;align-items:center;transition:width .5s ease-in-out,padding .5s ease-in-out,height .5s ease-in-out,left .5s ease-in-out}#scene .sector img,#scene .sector svg{transition:width .5s ease-in-out,height .5s ease-in-out}.leaflet-div-icon{background:0 0!important;border:none!important}.leaflet-marker-icon:has(> .sector.clicked){z-index:500!important}#scene .sector.clicked{width:500px;z-index:500}#scene .sector .info{height:0;overflow:hidden;opacity:0;transition:height .5s ease-in-out}#scene .sector.clicked .info{height:auto;opacity:1;transition:opacity .3s ease-in-out .5s}#forground{position:absolute;background:var(--black-transparent);width:100vw;height:100vH;z-index:200;top:0;right:0}.hide{display:none!important}.focus{z-index:500!important;box-shadow:0 0 113px 35px var(--bright-yellow)!important}#buy,#controls,#intro,#personas,#scenarios,#score,.overlay{z-index:200}#logo{position:absolute;top:20px;right:20px;text-align:right;z-index:100}#assets,#assets .action,#buy,#intro .step .blob,#policies,#policies .action,#scenarios .action,#simulation,.card .inner{text-align:center}#logo .confirm{display:none;background:var(--yellow);padding:8px 10px;margin:20px 0 0;font-size:1.5em;font-weight:600;border-radius:10px}#controls,#personas,#score .budget,#score .score{background:var(--white-transparent)}#score{top:20px;right:80px;gap:10px}#score .score{padding:10px 25px;display:flex;gap:35px}#score .budget,#score .score>div{gap:20px;align-items:center;display:flex}#score .score .bar{border:2px solid #000;height:50px;width:11px;border-radius:2px;position:relative;background:#fff}#score .score .bar .fill{width:11px;height:70%;position:absolute;bottom:0;background:var(--green)}#score .score .bar .fill.orange{background:var(--orange)}#score .score .bar span{position:absolute;top:50%;left:-5px;height:0;border:1px solid #000;border-radius:2px;width:19px}#policies .cards .selected div,.card .outer{height:290px;width:calc(290px / 3 * 2);max-height:30vh;max-width:calc(30vh / 3 * 2)}#score .budget{padding:10px 20px}#controls{position:absolute;top:calc(50% - 150px);left:20px}#controls a{margin:0 0 30px}#controls a:last-child{margin:0}#controls a.clicked svg path.select{fill:var(--yellow)}#personas{position:absolute;top:20px;left:20px;padding:10px 14px;overflow:hidden}#personas .persona{display:flex;gap:8px;align-items:center;height:40px;overflow:hidden}#personas .persona *{margin:0;padding:0}#assets .action,.overlay{padding:20px 0;background:var(--blue);position:absolute}.overlay{top:100px;left:120px;height:calc(100vh - 60px - 60px - 40px - 30px);width:calc(100vw - 60px - 80px);border-radius:10px;overflow:hidden}.overlay h1{padding:0 1em}#assets .action{bottom:0;width:100%}#assets .action a.back,#simulation .action a.back{display:inline-block;margin-right:40px}#assets .assets .action a.unselected,#intro .step.personas .blob a.unselected{opacity:.5}#assets .assets{max-height:calc(100vh - 450px);flex-wrap:wrap;width:100%;padding:30px 35px;display:flex;gap:20px;overflow-y:scroll}#assets .assets .column{width:calc(25% - 32.5px)}#assets .assets .column .asset{background:rgba(255,255,255,.4);width:calc(100% - 20px);height:110px;display:flex;padding:10px;align-items:center;justify-content:space-between;border-radius:4px}#assets .assets .column .asset.disabled{opacity:.2}#assets .assets .column .asset.clicked{box-shadow:0 0 13px 3px var(--bright-yellow)!important}#assets .assets .column .asset .icon{width:40%;height:110px;overflow:hidden}#assets .assets .column .asset .info{height:110px;width:60%;overflow:hidden}#assets .assets .column .asset .info .name{display:flex;justify-content:space-between;text-align:left;width:100%;height:46px;overflow:hidden;font-size:.8em}#assets .assets .column .asset .info .name div{width:90px;top:-5px;position:relative}#assets .assets .column .asset .info .name .cost{background:var(--yellow);top:0;border-radius:20px;width:46px;overflow:hidden;height:18px;display:flex;justify-content:flex-end;align-items:center}#assets .assets .column .asset .info .name .cost span{display:inline-block;border:1px solid #000;border-radius:16px;height:16px;width:16px;margin-left:4px;background-color:#fff;background-size:11px 11px;background-position:2px 2px;background-repeat:no-repeat;background-image:url('../image/score.budget.svg')}#assets .assets .column .asset .info .score{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 20px}#assets .assets .column .asset .info .score div,#buy div{background:var(--bright-grey);align-items:center;display:flex}#assets .assets .column .asset .info .score div{height:30px;width:calc(50% - 10px);border-radius:30px}#assets .assets .column .asset .info .score div span{display:inline-block;border:2px solid #000;border-radius:26px;height:26px;width:26px;background-color:#fff;background-size:20px 20px;background-position:3px 3px;background-repeat:no-repeat;margin-right:4px}#assets .assets .column .asset .info .score div.energy span{background-image:url('../image/score.energy.svg')}#assets .assets .column .asset .info .score div.stability span{background-image:url('../image/score.stability.svg')}#assets .assets .column .asset .info .score div.planet span{background-image:url('../image/score.planet.svg')}#assets .assets .column .asset .info .score div.people span{background-image:url('../image/score.people.svg')}#buy{color:#fff;position:absolute;bottom:100px;width:350px;left:50%;transform:translate(-50%,0)}#buy div{border-radius:200px;width:250px;overflow:hidden;gap:10px;margin:0 auto;color:#000;padding:0 10px 0 0}#buy div span{display:flex;align-items:center;justify-content:center;border:2px solid #000;width:50px;height:50px;border-radius:200px}#policies .action{position:absolute;bottom:0;width:100%;background:var(--blue);padding:20px 0}#policies .cards{max-height:calc(100vh - 380px);position:relative;overflow-y:scroll;margin:0 35px}#policies .cards .options{padding:20px;width:calc(100% - 40px);height:290px;overflow-x:scroll;background:var(--grey);border-radius:10px;display:flex;gap:20px;z-index:500;max-height:30vh}#policies .cards .scroll{position:absolute;top:0;height:330px;width:100px;max-height:calc(30vh + 40px)}#policies .cards .scroll-left{border-top-left-radius:10px;border-bottom-left-radius:10px;left:0;box-shadow:94px 0 60px -32px rgba(1,1,1,.4) inset;-webkit-box-shadow:94px 0 60px -32px rgba(1,1,1,.4) inset}#policies .cards .scroll-right{border-top-right-radius:10px;border-bottom-right-radius:10px;box-shadow:-94px 0 60px -32px rgba(1,1,1,.4) inset;-webkit-box-shadow:-94px 0 60px -32px rgba(1,1,1,.4) inset;right:0}.card .outer{background-color:transparent;perspective:1000px}#intro,.card .inner,.card img{width:100%;height:100%}.card .inner{position:relative;transition:transform .8s;transform-style:preserve-3d;box-shadow:0 0 12px 4px rgba(0,0,0,25%)}.card .back,.card.clicked .inner{transform:rotateY(180deg)}.card .back,.card .front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}#policies .cards .selected{padding:0 0 20px;display:flex;gap:20px;justify-content:center;z-index:500}#policies .cards .selected div{border-radius:10px;background:#fff}#policies .cards .selected div.hover{background:var(--grey)}#simulation{width:800px;height:auto;top:calc(50% - 10px);transform:translate(0,-50%)}#simulation .action{padding:20px 0}#scenarios{position:absolute;top:0;left:0;overflow-y:scroll}#scenarios .container{background:var(--white-transparent)}#scenarios hr{margin:150px 0}#scenarios .content h2{margin-top:-10px;font-size:1.6em;font-weight:700}#scenarios .content p{font-size:1.3em}#scenarios .main>div,#scenarios .people>div,#scenarios .planet>div{display:none}#scenarios .people>div.show,#scenarios .planet>div.show{display:flex;gap:45px}#scenarios .planet>div{justify-content:flex-end}#scenarios .main .content{text-align:center;padding:50px 25% 0}#scenarios .main .content h1{font-size:3.7em;font-weight:700}#scenarios .main .content p{font-size:1.7em}#scenarios .people .content,#scenarios .planet .content{width:350px}#scenarios .action{padding:150px 0;font-size:1.1em}#scenarios .action a.back{display:inline-block;margin-left:40px}#intro{top:0;left:0;position:absolute}#intro .step .blob{position:absolute;top:calc(50%);left:50%;transform:translate(-50%,-50%);width:70%;padding:20px;background:#fff;border-radius:10px;max-width:1000px}#intro .step .blob a{cursor:pointer;font-size:1.1em}#intro .step .metrics{padding:40px 0}#intro .step.controls .influence{padding:30px 120px 30px 60px}#intro .step.controls .influence>div{display:flex;gap:60px;padding:20px 0;align-items:center}#intro .step.controls .influence>div div{text-align:left}#intro .step.personas .blob>div{display:flex;overflow:hidden;gap:10px;padding:20px}#intro .step.personas .blob>div .persona{width:33%;height:300px;padding:20px;background-position:-100px -220px;background-repeat:no-repeat;text-align:left;transition:width .5s ease-in-out,background-position .5s ease-in-out;overflow:hidden}#intro .step.personas .blob>div .persona h1{text-align:left;text-wrap:nowrap}#intro .step.personas .blob>div .persona h1 span{font-size:.7em}#intro .step.personas .blob>div .persona.unselected>*,#intro .step.personas .blob>div .persona>p{opacity:0}#intro .step.personas .blob>div .engineer{background-image:url('../image/persona.engineer.png');background-position:-185px -230px}#intro .step.personas .blob>div .politician{background-image:url('../image/persona.politician.png');background-position:-209px -229px}#intro .step.personas .blob>div .activist{background-image:url('../image/persona.activist.png');background-position:-100px -220px}#intro .step.personas .blob>div .persona.selected{width:80%}#intro .step.personas .blob>div .engineer.selected{background-position:-185px -170px}#intro .step.personas .blob>div .politician.selected{background-position:-193px -122px}#intro .step.personas .blob>div .activist.selected{background-position:-100px -90px}#intro .step.personas .blob>div .persona.selected>p{opacity:1;transition:opacity .2s ease-in-out .5s}#intro .step.personas .blob>div .persona.unselected{width:10%}#intro .step .skip{color:#fff;position:absolute;bottom:40px;left:50%;transform:translate(-50%,0);font-size:1.1em}