body{margin:0;font-family:Inter}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}#app{max-width:100%;margin:0 auto;overflow:hidden}body{cursor:none;font-weight:300}#mouse{-webkit-backdrop-filter:invert();backdrop-filter:invert();pointer-events:none;z-index:30;cursor:none;border-radius:50%;width:20px;height:20px;position:fixed;transform:translate(-50%,-50%)}#iframe{cursor:none}.mouse-point-add{background-color:red;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;width:10px!important;height:10px!important}.mouse-point-add:after{content:"Select position...";color:#fff;background-color:#000000b3;width:max-content;padding:0 5px;font-size:14px;position:absolute;left:20px}.container{cursor:none}#canva{transition:filter 4s}.dev{z-index:10;justify-content:start;gap:5px;display:flex;position:fixed;top:10px;left:10px}.points-dev{z-index:10;flex-direction:column;gap:5px;max-height:300px;font-size:14px;display:flex;position:fixed;top:10px;right:10px;overflow-y:scroll}.points-dev .point-dev{background-color:#000000b3;flex-direction:row;align-items:center;gap:10px;padding:5px;display:flex}.points-dev .point-dev .point-dev-animal{background-color:#007800}.points-dev .point-dev .point-dev-refugee{background-color:#eaba6b}.points-dev .point-dev .point-dev-location{background-color:#61679d}.points-dev .point-dev .point-dev-guard{background-color:#e65252}.points-dev .point-dev .point-graph{border-radius:100%;width:15px;height:15px}.points-edit{z-index:10;background-color:#000000b3;flex-direction:column;align-items:start;gap:5px;max-height:400px;padding:15px;font-size:14px;display:flex;position:fixed;top:320px;right:10px;overflow-y:scroll}.points-edit .behaviour .step{border-bottom:1px solid #fff;padding:5px 0}.points-edit .behaviour .step *{margin:0 5px}.points-edit .behaviour input{width:70px}#fps,#coordinates{color:#fff;background-color:#000000b3;padding:0 5px}.hover-label{pointer-events:none;z-index:10;color:#fff;text-transform:uppercase;background-color:#ff6e8a;border-radius:999px;width:max-content;margin-bottom:10px;padding:10px;font-size:21px;transition:filter 4s;position:fixed}.map-ui{z-index:11;width:100vw;height:100vh;position:fixed}.map-ui .tutorial{color:#000;text-transform:uppercase;pointer-events:none;opacity:0;text-align:center;background-color:#fff;border-radius:999px;justify-content:center;align-items:center;width:261px;height:261px;font-family:Inter,sans-serif;font-size:20px;font-weight:300;transition:opacity .3s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.map-ui .tutorial-visible{opacity:1}.map-ui #tutorial2,.map-ui #tutorial3,.map-ui #tutorial4{color:#fff;background-color:#ff6e8a}.map-ui .top{text-transform:uppercase;color:#000;background-color:#fff;border-bottom-right-radius:999px;border-bottom-left-radius:999px;flex-direction:row;align-items:center;gap:20px;padding:7px 32px;font-family:Inter,sans-serif;font-size:24px;font-weight:300;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.map-ui .top .break{background-color:#ff6e8a;border-radius:100%;width:25px;height:25px}.map-ui .bottom{background-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:calc(100vw - 40px);height:32px;padding:10px 30px 10px 10px;font-family:Inter;font-size:24px;font-weight:400;display:flex;position:fixed;bottom:0;left:0}.map-ui .bottom .left,.map-ui .bottom .right{align-items:center;display:flex}.map-ui .bottom #ocalenie{margin-right:20px}.map-ui .bottom img{height:34px}.map-ui .bottom #plus,.map-ui .bottom #minus,.map-ui .bottom #plus-hover,.map-ui .bottom #minus-hover{width:31px;height:31px}.map-ui .bottom #minus{display:none}.map-ui .bottom #minus-hover,.map-ui .bottom #plus-hover{opacity:0;pointer-events:none;z-index:12;transition:opacity .2s;position:absolute}.map-ui .bottom #plus:hover~#plus-hover,.map-ui .bottom #minus:hover~#minus-hover{opacity:1}.map-ui .legend{opacity:0;pointer-events:none;justify-content:center;transition:opacity .2s,filter 4s;display:flex;position:fixed;top:60%;left:50%;transform:translate(-50%,-50%)}.map-ui .legend #close-legend,.map-ui .legend #close-legend-hover{z-index:11;border-radius:100%;transition:filter .3s,background-color .3s;position:absolute;bottom:195px;right:90px;transform:rotate(45deg)}.map-ui .legend #close-legend-hover{opacity:0;pointer-events:none;z-index:12;transition:opacity .2s}.map-ui .legend #close-legend:hover~#close-legend-hover{opacity:1}.map-ui .legend-visible{opacity:1;pointer-events:all}.map-ui .selections{cursor:none;opacity:0;pointer-events:none;flex-direction:row;transition:opacity .2s,filter 4s;display:flex;position:fixed;bottom:100px;right:100px}.map-ui .selections .selection{background-color:#fff;border-radius:100%;justify-content:center;align-items:center;width:100px;height:100px;transition:background-color .2s,color .2s;display:flex}.map-ui .selections .selection:hover{color:#fff;background-color:#ff6e8a}.map-ui .selections .selection-big{width:150px;height:150px;margin-top:30px}.map-ui .selections-visible{opacity:1;pointer-events:all}.map-ui .about{text-align:center;opacity:0;pointer-events:none;background-color:#fff;border-radius:100%;flex-direction:column;align-items:center;width:666px;height:666px;transition:opacity .2s,filter 4s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.map-ui .about h2{text-transform:uppercase;margin:48px 0 40px;font-family:Inter,sans-serif;font-size:30px;font-weight:300}.map-ui .about p{max-width:500px;margin-bottom:20px;font-family:Inter,sans-serif;font-size:18px;font-weight:300;line-height:160%}.map-ui .about .txt{scrollbar-width:none;-ms-overflow-style:none;z-index:11;height:400px;margin-bottom:20px;overflow-y:scroll}.map-ui .about .txt:after{content:"";z-index:12;pointer-events:none;background:linear-gradient(#0000,#fff);width:500px;height:200px;position:absolute;bottom:139px;left:50%;transform:translate(-50%)}.map-ui .about #close-about,.map-ui .about #close-about-hover{z-index:11;margin-top:46px;position:relative;transform:rotate(45deg)}.map-ui .about #close-about-hover{opacity:0;pointer-events:none;z-index:12;margin-top:-42px;transition:opacity .2s,background-color .2s;position:relative}.map-ui .about #close-about:hover~#close-about-hover{opacity:1;background-color:#fff}.map-ui .about-visible{opacity:1;pointer-events:all}.map-ui *{transition:filter 4s}.map-ui .details{cursor:none;opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:27px 48px 61px;transition:opacity .2s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.map-ui .details img{object-fit:cover;width:685px;height:490px}.map-ui .details .title{text-transform:uppercase;color:#000;text-align:center;background-color:#fff;border-radius:100%;justify-content:center;align-items:center;width:214px;height:214px;font-family:Inter,sans-serif;font-size:25px;font-weight:300;transition:filter 4s;display:flex;position:absolute;bottom:0;right:0}.map-ui .details .title span{max-width:200px}.map-ui .details .close{background-color:#fff;border-radius:100%;justify-content:center;align-items:center;width:82px;height:82px;transition:filter 4s,background-color .2s;display:flex;position:absolute;top:0;right:26px}.map-ui .details .close img{width:48px;height:48px}.map-ui .details .close:hover{background-color:#ff6e8a}.map-ui .show-details{opacity:1;pointer-events:all}.night .top,.night .bottom,.night .selections,.night .legend,.night .about,.night .details .close,.night .details .title,.night #reset-btn,.night #lock,.night #direction{filter:invert()}.intro{z-index:15;opacity:0;pointer-events:none;background-color:#fff;width:100vw;height:100vh;transition:opacity 1s;position:fixed;top:0;left:0}.intro .start iframe{z-index:15;width:100vw;height:100vh;position:fixed;top:0;left:0}.intro .start .title{z-index:16;color:#000;background-color:#fff;border-radius:999px;width:810px;height:810px;position:fixed;top:-350px;left:-300px}.intro .start .title h1{color:#000;margin:0;padding:0;font-family:Inter;font-size:80px;font-style:normal;font-weight:200;line-height:normal;position:fixed;top:50px;left:50px}.intro .start .title p{color:#000;font-family:Inter;font-size:20px;font-style:normal;font-weight:200;line-height:normal;position:fixed;top:254px;left:50px}.intro .start .action{z-index:16;color:#000;text-align:center;background-color:#fff;border:1px solid #000;border-radius:999px;justify-content:center;align-items:center;width:429px;height:429px;font-family:Inter;font-size:30px;font-style:normal;font-weight:300;line-height:normal;transition:color .3s,background-color .3s,border-color .3s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.intro .start .action:hover,.intro .start .action-about:hover{color:#fff;background-color:#ff6e8a;border-color:#ff6e8a}.intro .start .action-about{z-index:16;color:#000;text-align:center;background-color:#fff;border:1px solid #000;border-radius:999px;justify-content:center;align-items:center;width:106px;height:106px;font-family:Inter;font-size:20px;font-style:normal;font-weight:300;line-height:normal;transition:color .3s,background-color .3s,border-color .3s;display:flex;position:fixed;top:20%;right:20%}.intro .start .logos{z-index:16;flex-direction:row;align-items:center;gap:44px;display:flex;position:fixed;bottom:3%;left:50%;transform:translate(-50%)}.intro .start .logos img{width:120px}.intro .about{opacity:0;pointer-events:none;z-index:16;background-color:#fff;justify-content:space-between;gap:124px;width:calc(100vw - 180px);height:calc(100vh - 180px);padding:90px;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.intro .about .close{width:max-content;height:max-content;transform:rotate(45deg)}.intro .about .close img{width:106px;height:106px}.intro .about .close .plus-hover{z-index:12;opacity:0;pointer-events:none;transition:opacity .2s,background-color .2s;position:absolute;top:0;left:0}.intro .about .close:hover .plus-hover{opacity:1;background-color:#fff}.intro .about .text span{scrollbar-width:none;-ms-overflow-style:none;height:calc(100vh - 317px);display:block;overflow-y:scroll}.intro .about .text .credits{color:#fff;text-align:center;background-color:#000;border-radius:100%;flex-direction:column;justify-content:center;align-items:center;width:560px;height:560px;font-family:Inter,sans-serif;font-size:20px;font-weight:200;display:flex;overflow:hidden}.intro .about .text .credits p{color:#fff;margin:0;font-weight:200}.intro .about .text span:after{content:"";z-index:12;pointer-events:none;background:linear-gradient(#0000,#fff);width:100%;height:200px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.intro .about .text .credits:after{display:none}.intro .about .text h2{color:#000;text-align:center;margin-top:56px;margin-bottom:111px;font-family:Inter;font-size:50px;font-style:normal;font-weight:300;line-height:normal}.intro .about .text p{color:#000;margin:20px 0;font-family:Inter;font-size:20px;font-style:normal;font-weight:300;line-height:160%}.intro .about .actions{flex-direction:column;align-items:center;gap:47px;display:flex}.intro .about .actions .action{color:#000;text-align:center;background-color:#fff;border:2px solid #000;border-radius:999px;justify-content:center;align-items:center;width:106px;height:106px;font-family:Inter;font-size:20px;font-style:normal;font-weight:400;line-height:normal;transition:color .3s,background-color .3s,border-color .3s;display:flex}.intro .about .actions .action:hover{color:#fff;background-color:#ff6e8a;border-color:#ff6e8a}.intro .about .actions .selected{color:#fff!important;background-color:#000!important;border-color:#000!important}.intro .about-visible{opacity:1;pointer-events:all}.intro .slide{z-index:16;opacity:0;pointer-events:none;background-color:#fff;width:100vw;height:100vh;transition:opacity 1s;position:fixed;top:0;left:0}.intro .slide-visible{opacity:1;pointer-events:all}.intro #slide1 .credits{text-align:center;color:#000;text-align:center;border:1px solid #000;border-radius:9999px;justify-content:center;align-items:center;width:448px;height:448px;font-family:Inter;font-size:28px;font-style:normal;font-weight:300;line-height:111%;display:flex;position:fixed;top:80px;left:80px}.intro #slide1 .logos{border:1px solid #000;border-radius:9999px;width:841px;height:841px;position:fixed;bottom:-350px;right:-58px}.intro #slide1 .logos-container{z-index:16;flex-direction:row;align-items:center;gap:62px;display:flex;position:fixed;bottom:100px;right:62px}.intro #slide1 .logos-container img{width:160px}.intro #slide2 .audio{background-color:#ff6e8a;border-radius:9999px;width:1238px;height:1238px;position:fixed;bottom:-428px;left:50%;transform:translate(-50%)}.intro #slide2 .audio .audio-container{color:#fff;text-align:center;flex-direction:column;align-items:center;gap:50px;font-family:Inter;font-size:40px;font-style:normal;font-weight:300;line-height:normal;display:flex;position:fixed;bottom:520px;left:50%;transform:translate(-50%)}.intro #slide2 .audio img{width:82px}.intro #slide3 video{object-fit:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}.intro #slide4 .text{position:fixed;top:52px;left:54px}.intro #slide4 .text h2{color:#000;max-width:700px;font-family:Inter;font-size:50px;font-style:normal;font-weight:400;line-height:normal}.intro #slide4 .text p{color:#000;font-family:Inter;font-size:30px;font-style:normal;font-weight:400;line-height:normal}.intro #slide4 .action{color:#000;text-align:center;border:1px solid #000;border-radius:999px;justify-content:center;align-items:center;width:187px;height:187px;font-family:Inter;font-size:35px;font-style:normal;font-weight:300;line-height:normal;transition:color .3s,background-color .3s,border-color .3s;display:flex;position:fixed;top:256px;right:68px}.intro #slide4 .action:hover{color:#fff;background-color:#ff6e8a;border-color:#ff6e8a}.intro #slide4 .action-main{width:370px;height:370px;top:368px;right:254px}.intro #slide4 .logos{z-index:16;flex-direction:row;align-items:center;gap:62px;display:flex;position:fixed;bottom:3%;left:50%;transform:translate(-50%)}.intro #slide4 .logos img{width:160px}.intro-visible{opacity:1;pointer-events:all}#direction{opacity:0;pointer-events:none;z-index:12;transition:opacity .5s;position:fixed;bottom:150px;left:50%;transform:translate(-50%)}.show-direction{opacity:1!important;pointer-events:all!important}#lock,#reset-btn{z-index:12;opacity:0;pointer-events:none;background-color:#ff6e8a;border-radius:999px;justify-content:center;align-items:center;width:94px;height:94px;transition:opacity .5s;display:flex;position:fixed;bottom:106px;left:48px}#reset-btn{background:#fff}#reset-btn:hover{background-color:#ff6e8a}.show-lock{opacity:1!important;pointer-events:all!important}