:root{--locked-background:#fffc;--locked-background-focus:#d1d1d1;--submit-code-button-color:#f8f8f8}@media (prefers-color-scheme:dark){:root{--locked-background:#202020;--locked-background-focus:#181818;--submit-code-button-color:#333}.story-book .first-page{filter:invert(.95)contrast(.9)}}.desktop-menu{display:none!important}.story-book{flex-direction:column;display:flex}.story-book .book-wrap{aspect-ratio:4/5.9;filter:contrast(.95);border-radius:40px;width:80%;max-width:400px;height:auto;transition:all .4s}.story-book .book-wrap.book-opened{border-radius:0;width:85%;max-width:400px}.story-title{width:100%;margin-top:min(14%,100px);font-family:Indie Flower,sans-serif;font-size:min(9vw,50px)}.story-description{width:75%;max-width:400px;margin:clamp(20px,5%,100px) 0 clamp(20px,25%,100px);font-family:Open Sans,sans-serif;font-size:min(4vw,22px)}.story-book .lock{opacity:.001;z-index:100;background:var(--locked-background);gap:15%;transition:all .6s linear;position:absolute;top:0;left:0}.story-book .lock-thumbnail{aspect-ratio:1;filter:hue-rotate(100deg);width:45%;max-width:400px;height:auto;transition:opacity .5s linear;display:none}.story-book .lock-thumbnail img{background:var(--color-bg-primary);width:100%;height:auto;box-shadow:0 0 70px 2px #000}.story-book .lock-title{color:#888;font-family:Indie Flower,sans-serif;font-size:min(6.5vw,34px);font-weight:700}.story-book .lock-thumbnail.see-saw-anim{animation:5s infinite map-steer}.story-book .lock-thumbnail.closing-image{transition:transform 1s!important;transform:scale(0)rotate(80deg)!important}.story-book .the-map{z-index:200;display:none;position:absolute;top:0;left:0}.story-book .map-content{aspect-ratio:4/6;opacity:0;filter:saturate(.8);cursor:grab;transition:transform 2s;transform:scale(0)}.story-book .map-content.opening-map{transition:2s ease-in-out 1;animation:2s forwards opening-map}.story-book .zoom-container{aspect-ratio:4/6;background:var(--color-bg-surface)}.story-book .zoom-container img{aspect-ratio:4/6;filter:saturate(.9)}.lens{aspect-ratio:1;z-index:300;height:auto;transform-style:preserve-3d;background-repeat:no-repeat;border:.25em solid #000;border-radius:100%;position:absolute}.lens:after{content:"";background:#000;border-radius:0 0 30px 30px;width:17%;height:60%;position:absolute;bottom:-55%;right:20%;transform:rotate(-15deg)translateZ(-1px)}.story-book .code-section{gap:min(5%,10px);height:60px;margin-top:8%}.story-book .code-input{background:var(--color-bg-primary);color:var(--color-text-primary);text-align:center;border:2px solid var(--color-text-muted);border-radius:40px;outline:none;width:70%;height:calc(100% - 4px);padding:0% 5%;font-family:Open Sans,sans-serif;font-size:min(5vw,25px)}.story-book .code-submit{background:var(--submit-code-button-color);color:var(--color-text-primary);aspect-ratio:1/.7;border:none;border-radius:40px;outline:none;padding:0 5%;font-family:Open Sans,sans-serif;font-size:min(5vw,20px);font-weight:700}.back-button{aspect-ratio:1;background:var(--color-bg-surface);width:18vw;max-width:90px;color:var(--color-text-primary);z-index:1001;border:none;border-radius:50%;font-size:min(8vw,28px);transition:transform 1s;position:absolute;top:5%;left:5%}.back-button:hover{opacity:.8;background:var(--color-bg-surface-two)}.back-button svg{width:35%}.back-button__path{fill:var(--color-text-primary);opacity:.65}@keyframes portal-spin{to{transform:rotate(360deg)}}@keyframes opening-map{to{opacity:1;transform:scale(.75)}}@keyframes map-float{0%{transform:rotate(4deg)}50%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}@media (width>=768px){.story-title{font-size:min(7.5vw,50px)}}@media (width>=900px){.story-book{flex-direction:row}}