.intro-wrapper:before{background:#000;opacity:var(--darken-opacity,0);transition:opacity .5s ease-out}.intro-wrapper.night:after,.intro-wrapper:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.intro-wrapper.night:after{background:radial-gradient(circle at 50% 50%,rgba(138,43,226,.8),rgba(75,0,130,.7) 50%,#190033 100%);opacity:var(--night-opacity,0);transition:opacity .3s ease-out}.line{height:2px;width:90%;background:#331d0c;margin:20px auto}.wanted-sign{position:fixed;transform-style:preserve-3d;transform-origin:center;animation:rotate 2.5s ease-in-out 10s infinite forwards;opacity:0;transform:rotateY(0deg) scale(2);width:140px;height:170px;z-index:20;bottom:70px;right:35%}.wanted-poster{width:65%;transform:rotate(10deg);top:10%;left:24.5%;height:55%;cursor:pointer;z-index:1;position:absolute;filter:brightness(.75);border-radius:2px;transition:transform .3s ease-in-out;box-shadow:0 0 20px 20px #0d0a0a54}.wanted-sign-image{width:100%;height:100%;cursor:pointer;z-index:1;position:relative;filter:brightness(.5);display:block}.pin{top:20px;left:20%;border-radius:50%;width:10px;height:10px;background-color:#000}.wanted-sign:after{width:85%;height:65px;top:20px;left:7%;border-radius:15px}.wanted-sign:after,.wanted-sign:before{position:absolute;content:" ";transition:box-shadow .3s}.wanted-sign:before{display:block;top:15%;left:50%;transform:translateX(-50%);height:90%;width:15px;border-radius:30px}.wanted-sign:hover:after,.wanted-sign:hover:before{box-shadow:1px 1px 20px 20px rgba(255,215,0,.3)}.wanted-sign:hover .wanted-poster{transform:scale(1.02) rotate(10deg)}.intro-text{z-index:10;position:relative;opacity:1;transition:opacity 2s,transform 3s,height 2.5s,display allow-discrete .5s;margin:0 auto;background:hsla(0,0%,8%,.88);border-radius:20px;color:#fff;top:10%;font-size:16px;max-width:70%;line-height:1.7;padding:14px 20px;@starting-style{opacity:0;transform:translateY(30px)}}@media screen and (min-width:600px){.intro-text{font-size:26px;max-width:60%;line-height:1.6;padding:30px;top:20%}}.intro-shadow{z-index:10;position:absolute;bottom:0;right:20%;opacity:0;animation:showUpAndDismiss 6s linear 2s forwards;max-width:60%;margin:0 auto;width:300px;height:500px;background-size:contain;background-repeat:no-repeat;filter:brightness(.2)}@keyframes rotate{0%{transform:rotateY(0deg) scale(2);opacity:1}10%{transform:rotateY(20deg) scale(2);opacity:1}20%{transform:rotateY(-20deg) scale(2);opacity:1}30%{transform:rotateY(0deg) scale(2);opacity:1}to{transform:rotateY(0deg) scale(2);opacity:1}}@keyframes showUpAndDismiss{0%{opacity:.3}10%{opacity:.5}20%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes showUp{0%{opacity:0}to{opacity:1}}.switch-wrapper{--toggleHeight:16em;--toggleWidth:30em;--toggleBtnRadius:10em;--bgColor--night:#423966;--bgColor--day--start:#d9869a;--bgColor--day--end:#edbc73;--moonColor:#d9fbff;margin:0 auto;font-size:12%;position:fixed;top:20px;right:20px;z-index:20;height:var(--toggleHeight);width:var(--toggleWidth);border-radius:var(--toggleHeight);transition:all .8s ease-out;background:var(--bgColor--night);cursor:pointer}.light{background:linear-gradient(104deg,var(--bgColor--day--start),var(--bgColor--day--end))}.moon{display:block;border-radius:50%;top:3em;left:3em;transform:rotate(-75deg);width:var(--toggleBtnRadius);height:var(--toggleBtnRadius);background:var(--bgColor--night);box-shadow:3em 2.5em 0 0 var(--moonColor) inset,hsla(0,0%,100%,.1) 0 -7em 0 -4.5em,hsla(0,0%,100%,.1) 3em 7em 0 -4.5em,hsla(0,0%,100%,.1) 2em 13em 0 -4em,hsla(0,0%,100%,.1) 6em 2em 0 -4.1em,hsla(0,0%,100%,.1) 8em 8em 0 -4.5em,hsla(0,0%,100%,.1) 6em 13em 0 -4.5em,hsla(0,0%,100%,.1) -4em 7em 0 -4.5em,hsla(0,0%,100%,.1) -1em 10em 0 -4.5em}.moon,.sun{position:absolute;transition:all .5s ease-out}.sun{top:4.5em;left:18em;transform:rotate(0deg);width:7em;height:7em;background:#fff;box-shadow:inset 3em 3em 0 5em #fff,0 -5em 0 -2.7em #fff,3.5em -3.5em 0 -3em #fff,5em 0 0 -2.7em #fff,3.5em 3.5em 0 -3em #fff,0 5em 0 -2.7em #fff,-3.5em 3.5em 0 -3em #fff,-5em 0 0 -2.7em #fff,-3.5em -3.5em 0 -3em #fff}.road-map-list{--item-gap:10px;display:flex;flex-direction:column-reverse;min-height:68%}.road-item-wrapper{font-size:16px;min-height:60px;padding:10px 0}.path,.road-item-wrapper{display:flex;gap:var(--item-gap)}.path{flex-direction:column;align-items:center;box-sizing:border-box}.path div{height:calc(100%);border-radius:25%}.path img{width:32px;height:auto;opacity:.8}.path div:first-child{animation:pathCreation .5s ease-in-out .2s backwards}.path div:nth-child(2){animation:pathCreation .5s ease-in-out backwards}.road-item-content{text-align:left;opacity:0}.road-item-content.animated{animation:fadeIn .5s ease-out .7s forwards}.road-item-date{color:#000;margin:5px 0;font-size:12px;display:block}.description{font-size:14px}@media screen and (min-width:600px){.description{font-size:16px}.road-map-list{--item-gap:16px;min-height:60%}.road-item-wrapper{min-height:60px;padding:16px 0}}@keyframes pathCreation{0%{opacity:0}to{opacity:.8}}@keyframes fadeIn{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}.book-wrapper{box-shadow:.125rem .25rem .5rem .1875rem #000;box-sizing:border-box;max-width:480px;max-height:620px;width:100%;height:100%;margin:0 auto;padding:20px;background-repeat:no-repeat;background-image:url(/old-paper.webp);text-align:center;border-radius:2px;position:relative;transition:transform .5s ease-in-out}.book-wrapper.moved{transform:translate(10%)}@media screen and (min-width:600px){.book-wrapper.moved{transform:translate(50%)}}.page.active:before{content:" ";position:absolute;bottom:0;right:0;border-color:#a18251 hsla(37,42%,60%,.69);border-style:solid;border-width:0 20px 20px 0;border-radius:0 5px 0 3px;transform:rotate(90deg);transition:all .5s ease;z-index:3}.page.active:hover:before{border-width:0 30px 30px 0}.page{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;transform-origin:center left;background-image:url(/old-paper.webp);transition:transform 1s ease-in-out;transform-style:preserve-3d;border-radius:2px;box-shadow:20px 20px 20px 10px rgba(0,0,0,.44)}.page.active{z-index:2;cursor:url(/arrow-cursor.webp) 60 13,auto}.page.active.backwards{z-index:3}.page>div{width:90%;margin:auto;height:100%;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden}.page.rotated{z-index:3;transform:rotateY(180deg);cursor:url(/arrow-cursor-left.webp) 0 13,auto}.modal-overlay{width:100vw;height:100dvh;position:fixed;top:0;left:0;z-index:100;background-color:rgba(0,0,0,.53)}.modal-overlay,.modal-wrapper{display:flex;justify-content:center;align-items:center}.modal-wrapper{position:relative;max-width:1200px;width:100%;height:80dvh;padding:20px;margin:20px;background-image:url(/wood.jpeg);border-radius:10px;box-shadow:.125rem .25rem .5rem .1875rem #000}.close-button{position:absolute;top:10px;right:0;color:#fff;padding:10px 20px;font-family:Rye,sans-serif;font-size:18px;border-radius:8px;cursor:pointer;transition:all .3s ease;text-shadow:0 0 5px rgba(0,0,0,.2)}.close-button:hover{color:gold;text-shadow:0 0 15px 3px rgba(255,215,0,.8);transform:scale(1.05)}@media screen and (min-width:600px){.modal-wrapper{height:70dvh}}.tumbleweed-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#f4f4f4;flex-direction:column-reverse;z-index:9999}.tumbleweed{width:50px;height:50px;background-image:url(/tumbleweed.webp);background-size:contain;background-repeat:no-repeat;animation:staticTumble 2s linear infinite}@keyframes staticTumble{0%{transform:rotateX(0deg) translateY(0) translateX(-50px);opacity:1}33.3%{transform:rotate(180deg) translateY(10px) translateX(0);opacity:1}66.6%{transform:rotate(1turn) translateY(0) translateX(50px);opacity:1}67%{opacity:0}to{opacity:0}}.menu-page{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#f4f4f4;flex-direction:column-reverse;z-index:9999}.menu-page.skipped{animation:fadeOut 1s ease-in-out forwards}@keyframes fadeOut{0%{z-index:9999;opacity:1}99%{z-index:9999;opacity:.01}to{z-index:0;opacity:0}}.menu-page h1{font-size:60px;cursor:pointer}.credits{position:absolute;right:20px;bottom:20px}