@font-face{font-family:MedievalSharp;src:url(./font/MedievalSharp-Regular.ttf)}:root{--text: black;--sand-dune-primary: #bc976c;--sand-dune-secondary: #f1ce9f;--cloud-shade-light: #f1fcfd;--cloud-shade-medium: #dcf3fa;--sky-origin: #fff;--sky-end: #7ac6ea;--cloud-main: #ffffff;--castle-shadow-primary: #af8a61;--castle-light: #efcd9e;--castle-shadow-secondary: #a07d56;--stone-dark: #755f4e;--stone-light: #a68b72;--border-color: #312a22;--flag-primary: #c24b48;--flag-dark: #8c3938;--gate-light-shade: #918d82;--gate-dark-shade: #676765;--glow: #7dabad}.dark-mode{--text: #fff;--sand-dune-primary: #373449;--sand-dune-secondary: #4d506c;--cloud-shade-light: #576c96;--cloud-shade-medium: #3d4c76;--sky-origin: #23294b;--sky-end: #060d1e;--cloud-main: #3e4c74;--castle-shadow-primary: #292438;--castle-light: #3f4261;--castle-shadow-secondary: #292538;--stone-dark: #1c1a2f;--stone-light: #2a2b48;--border-color: #111119;--flag-primary: #271126;--flag-dark: #1e0c1c;--gate-light-shade: #2d2e40;--gate-dark-shade: #252b32;--glow: #89dfe8}.text-fill{fill:var(--text)}.sand-dune-primary{fill:var(--sand-dune-primary)}.sand-dune-secondary{fill:var(--sand-dune-secondary)}.cloud-shade-light{fill:var(--cloud-shade-light)}.cloud-shade-medium{fill:var(--cloud-shade-medium)}.sky-origin{fill:var(--sky-origin)}.sky-end{fill:var(--sky-end)}.cloud-main{fill:var(--cloud-main)}.castle-shadow-primary{fill:var(--castle-shadow-primary)}.castle-shadow-secondary{fill:var(--castle-shadow-secondary)}.castle-light{fill:var(--castle-light)}.stone-dark{fill:var(--stone-dark)}.stone-light{fill:var(--stone-light)}.border-color{fill:var(--border-color)}.flag-primary{fill:var(--flag-primary)}.flag-dark{fill:var(--flag-dark)}.gate-light{fill:var(--gate-light-shade)}.gate-dark{fill:var(--gate-dark-shade)}.glow{fill:var(--glow)}@media (max-width: 768px){#castle-svg{right:clamp(-25vw,-12rem,-5rem);width:min(80vw,600px);bottom:clamp(1rem,5vw,3rem)}}@media (max-width: 480px){#castle-svg{right:clamp(-30vw,-15rem,-8rem);width:min(90vw,650px);bottom:clamp(.5rem,3vw,6rem)}}@media (max-width: 320px){#castle-svg{right:clamp(-35vw,-18rem,-10rem);width:min(95vw,700px);bottom:clamp(0rem,2vw,2rem)}}@media (max-width: 768px){#SandDune3{right:clamp(-10vw,-5rem,0);width:min(55vw,70rem);bottom:clamp(.5rem,6vw,12rem)}}@media (max-width: 480px){#SandDune3{right:clamp(-15vw,-8rem,-2rem);width:min(70vw,90rem);bottom:clamp(0rem,4vw,10rem)}}@media (max-width: 320px){#SandDune3{right:clamp(-20vw,-10rem,-4rem);width:min(80vw,100rem);bottom:clamp(-.5rem,4vw,8rem)}}@media (max-width: 768px){#SandDune4{right:clamp(-5vw,-3rem,5rem);width:min(80vw,70rem);bottom:clamp(1rem,10vw,12rem)}}@media (max-width: 480px){#SandDune4{right:clamp(-10vw,-6rem,3rem);width:min(90vw,80rem);bottom:clamp(.5rem,6vw,10rem)}}@media (max-width: 320px){#SandDune4{right:clamp(-15vw,-8rem,1rem);width:min(95vw,90rem);bottom:clamp(0rem,4vw,8rem)}}@media (max-width: 768px){#small-rock-1{right:clamp(2rem,15vw,18rem);bottom:clamp(1rem,6vw,8rem);width:min(12vw,100px)}#small-rock-2{right:clamp(1rem,12vw,16rem);bottom:clamp(.3rem,4vw,6rem);width:min(8vw,60px)}#small-rock-3{right:clamp(3rem,17vw,20rem);bottom:clamp(.5rem,5vw,7rem);width:min(10vw,80px)}}@media (max-width: 480px){#small-rock-1{right:clamp(1rem,10vw,15rem);bottom:clamp(.8rem,4vw,6rem);width:min(15vw,120px)}#small-rock-2{right:clamp(.5rem,8vw,12rem);bottom:clamp(.2rem,3vw,4rem);width:min(10vw,80px)}#small-rock-3{right:clamp(2rem,12vw,18rem);bottom:clamp(.3rem,3vw,5rem);width:min(12vw,100px)}}@media (max-width: 320px){#small-rock-1{right:clamp(.5rem,8vw,12rem);bottom:clamp(.5rem,3vw,4rem);width:min(18vw,140px)}#small-rock-2{right:clamp(0rem,6vw,10rem);bottom:clamp(0rem,2vw,3rem);width:min(12vw,100px)}#small-rock-3{right:clamp(1rem,10vw,15rem);bottom:clamp(.2rem,2vw,3rem);width:min(15vw,120px)}}@media (max-width: 768px){body{font-size:clamp(14px,2.5vw,16px);line-height:1.5}#app{min-height:100vh;padding:clamp(.5rem,2vw,1rem)}}@media (max-width: 768px){#story-text{bottom:clamp(.5rem,2vh,1rem);left:50%;transform:translate(-50%);width:calc(100vw - 2rem);max-width:70vw;padding:clamp(.4rem,2vw,.6rem);font-size:clamp(.7rem,2vw,.8rem);line-height:1.2;border-radius:clamp(6px,1vw,8px);max-height:20vh}}@media (max-width: 480px){#story-text{width:calc(100vw - 1rem);padding:clamp(.3rem,2vw,.5rem);font-size:clamp(.65rem,1.8vw,.75rem);max-height:25vh;bottom:clamp(.3rem,1.5vh,.8rem)}}@media (max-width: 320px){#story-text{padding:clamp(.25rem,1.5vw,.4rem);font-size:clamp(.6rem,1.5vw,.7rem);line-height:1.2;max-height:30vh}}@media (max-width: 768px){#pedestal{bottom:clamp(1rem,4vw,3rem);left:clamp(1rem,4vw,3rem);width:clamp(8rem,15vw,12rem)}#pedestal-clue{font-size:clamp(.8rem,2.2vw,1rem);max-width:clamp(8rem,16vw,12rem);line-height:1.2}}@media (max-width: 480px){#pedestal{bottom:clamp(.5rem,3vw,2rem);left:clamp(.5rem,3vw,2rem);width:clamp(6rem,12vw,10rem)}#pedestal-clue{font-size:clamp(.7rem,2vw,.9rem);max-width:clamp(6rem,14vw,10rem)}}@media (max-width: 320px){#pedestal{bottom:clamp(.2rem,2vw,1rem);left:clamp(.2rem,2vw,1rem);width:clamp(5rem,10vw,8rem)}#pedestal-clue{font-size:clamp(.6rem,1.8vw,.8rem);max-width:clamp(5rem,12vw,8rem)}}@media (max-width: 768px){#archway-lock{width:clamp(12rem,20vw,16rem);bottom:clamp(6rem,10vw,8rem);right:clamp(.5rem,2vw,1rem)}}@media (max-width: 480px){#archway-lock{width:clamp(10rem,18vw,14rem);bottom:clamp(4rem,8vw,6rem);right:clamp(.2rem,1.5vw,.8rem)}}@media (max-width: 320px){#archway-lock{width:clamp(8rem,16vw,12rem);bottom:clamp(3rem,6vw,5rem);right:clamp(.1rem,1vw,.5rem)}}@media (max-width: 768px){#music{width:clamp(36px,6vw,48px);height:clamp(36px,6vw,48px);right:clamp(12px,3vw,20px);bottom:clamp(12px,3vw,20px);padding:clamp(4px,1vw,6px)}#music svg{width:clamp(20px,4vw,28px);height:clamp(20px,4vw,28px)}}@media (max-width: 480px){#music{width:clamp(32px,5vw,42px);height:clamp(32px,5vw,42px);right:clamp(8px,2.5vw,16px);bottom:clamp(8px,2.5vw,16px)}#music svg{width:clamp(18px,3.5vw,24px);height:clamp(18px,3.5vw,24px)}}@media (max-width: 320px){#music{width:clamp(28px,4vw,38px);height:clamp(28px,4vw,38px);right:clamp(6px,2vw,12px);bottom:clamp(6px,2vw,12px)}#music svg{width:clamp(16px,3vw,22px);height:clamp(16px,3vw,22px)}}@media (max-width: 768px){#sun,#moon{width:clamp(60px,12vw,100px);height:clamp(60px,12vw,100px);top:clamp(2rem,8vw,6rem);left:clamp(2rem,10vw,8rem)}}@media (max-width: 480px){#sun,#moon{width:clamp(50px,10vw,80px);height:clamp(50px,10vw,80px);top:clamp(1rem,6vw,4rem);left:clamp(1rem,8vw,6rem)}}@media (max-width: 320px){#sun,#moon{width:clamp(40px,8vw,60px);height:clamp(40px,8vw,60px);top:clamp(.5rem,4vw,3rem);left:clamp(.5rem,6vw,4rem)}}@media (max-width: 768px){#Tree{right:clamp(1rem,25vw,28rem);bottom:clamp(1.5rem,10vw,12rem);width:min(35vw,450px)}}@media (max-width: 480px){#Tree{right:clamp(.5rem,22vw,25rem);bottom:clamp(1rem,8vw,10rem);width:min(40vw,380px)}}@media (max-width: 320px){#Tree{right:clamp(.2rem,20vw,22rem);bottom:clamp(.5rem,6vw,8rem);width:min(45vw,320px)}}@media (max-width: 768px){#River{left:clamp(.5rem,8vw,10rem);bottom:clamp(1rem,15vw,8rem);width:min(45vw,600px)}}@media (max-width: 480px){#River{left:clamp(.2rem,6vw,8rem);bottom:clamp(.5rem,12vw,6rem);width:min(50vw,500px)}}@media (max-width: 320px){#River{left:clamp(0rem,4vw,6rem);bottom:clamp(.2rem,10vw,5rem);width:min(55vw,400px)}}@media (max-width: 768px){#Queen{right:clamp(1rem,22vw,23rem);bottom:clamp(1.5rem,10vw,11rem);width:min(8vw,60px)}}@media (max-width: 480px){#Queen{right:clamp(.5rem,20vw,21rem);bottom:clamp(1rem,8vw,9rem);width:min(10vw,50px)}}@media (max-width: 320px){#Queen{right:clamp(.2rem,18vw,19rem);bottom:clamp(.5rem,6vw,7rem);width:min(12vw,45px)}}@media (max-width: 768px){#flying-rocks{bottom:clamp(1.5rem,8vw,10rem);width:min(45vw,350px);left:50%;transform:translate(-50%)}}@media (max-width: 480px){#flying-rocks{bottom:clamp(1rem,6vw,8rem);width:min(50vw,300px)}}@media (max-width: 320px){#flying-rocks{bottom:clamp(.5rem,4vw,6rem);width:min(55vw,250px)}}@media (max-width: 768px){#cosmic-rocks{bottom:clamp(1rem,5vw,8rem);width:min(35vw,280px);left:50%;transform:translate(-50%)}}@media (max-width: 480px){#cosmic-rocks{bottom:clamp(.8rem,4vw,6rem);width:min(40vw,240px)}}@media (max-width: 320px){#cosmic-rocks{bottom:clamp(.5rem,3vw,5rem);width:min(45vw,200px)}}@media (max-width: 768px){#main-crack{width:min(25vw,200px);left:50%;transform:translate(-50%)}}@media (max-width: 480px){#main-crack{width:min(30vw,180px)}}@media (max-width: 320px){#main-crack{width:min(35vw,150px)}}@media (max-width: 768px){.crack{transform:scale(.8)}}@media (max-width: 480px){.crack{transform:scale(.7)}}@media (max-width: 320px){.crack{transform:scale(.6)}}@media (max-width: 768px){#portal{height:clamp(16rem,25vw,21rem);margin-top:clamp(.5rem,2vw,1rem);transform:translate(20%)}}@media (max-width: 480px){#portal{height:clamp(14rem,22vw,18rem);transform:translate(15%)}}@media (max-width: 320px){#portal{height:clamp(12rem,20vw,16rem);transform:translate(10%)}}@media (max-width: 768px){#cloud-left{top:clamp(15vw,18vw,20vw);width:min(20vw,150px)}#cloud-right{top:clamp(1vw,3vw,5vw);width:min(18vw,130px)}}@media (max-width: 480px){#cloud-left{top:clamp(12vw,16vw,18vw);width:min(25vw,120px)}#cloud-right{top:clamp(.5vw,2vw,4vw);width:min(22vw,110px)}}@media (max-width: 320px){#cloud-left{top:clamp(10vw,14vw,16vw);width:min(30vw,100px)}#cloud-right{top:clamp(.2vw,1.5vw,3vw);width:min(25vw,90px)}}@media (max-width: 768px){#bg{height:clamp(12vw,15vw,18vw)}}@media (max-width: 480px){#bg{height:clamp(10vw,13vw,16vw)}}@media (max-width: 320px){#bg{height:clamp(8vw,11vw,14vw)}}@media (orientation: landscape) and (max-height: 600px){#story-text{bottom:clamp(.3rem,1.5vh,.8rem);padding:clamp(.3rem,1vh,.5rem);font-size:clamp(.6rem,1.5vh,.75rem);max-height:20vh}#pedestal{bottom:clamp(.5rem,2vh,1rem);left:clamp(.5rem,2vh,1rem);width:clamp(6rem,8vh,10rem)}#pedestal-clue{font-size:clamp(.6rem,1.5vh,.8rem)}#archway-lock{width:clamp(10rem,15vh,14rem);bottom:clamp(3rem,8vh,6rem)}#music{width:clamp(28px,4vh,40px);height:clamp(28px,4vh,40px);right:clamp(6px,2vh,12px);bottom:clamp(6px,2vh,12px)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){#story-text{border-width:2px}#music,.crack{border-width:1px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#sun,#moon,#Tree,#River,#Queen,#NightCastle,#castle-svg{transition:opacity .01ms!important}}@media (prefers-contrast: high){#story-text{border-width:3px;background:#fffffff2;color:#000}body.dark-mode #story-text{background:#000000f2;color:#fff;border-color:#fff}#music{border:2px solid currentColor}}@media print{#music,#story-text{display:none!important}body{background:#fff!important;color:#000!important}}@media (hover: none) and (pointer: coarse){#pedestal,#archway-lock,#music,#sun,#moon{min-width:44px;min-height:44px}#story-text:hover,#music:hover{transform:none!important;scale:none!important}#pedestal:active,#archway-lock:active,#music:active{transform:scale(.95);opacity:.8}}@media (min-width: 1920px){#story-text{max-width:600px;font-size:.9rem;padding:.8rem 1rem}#pedestal{width:12rem;bottom:5rem;left:5rem}#archway-lock{width:18rem;bottom:9rem;right:1rem}#music{width:40px;height:40px;right:20px;bottom:20px}}@media (min-width: 2560px){#app{padding:2rem}#story-text{max-width:700px;font-size:.95rem}#pedestal{width:14rem;bottom:6rem;left:6rem}}*{box-sizing:border-box;padding:0;margin:0}#Queen{transition:opacity 2s ease-in-out;opacity:0}#NightCastle,#Tree,#River{transition:opacity 2s ease-in-out}#castle-svg{transition:opacity 1s ease-in-out}#SandDune1{flex-shrink:0;bottom:clamp(-10rem,-12vw,-2rem);left:0;right:0;width:100vw;height:auto;position:absolute;fill:var(--sand-dune-secondary, #f1ce9f);stroke-width:1px;stroke:var(--castle-shadow-primary, #af8a61);z-index:10}#SandDune2{bottom:0;right:0;width:min(42vw,520px);height:auto;position:absolute;fill:var(--sand-dune-primary, #bc976c);stroke-width:1px;stroke:var(--sand-dune-secondary, #f1ce9f);z-index:11}#SandDune3{position:absolute;fill:var(--sand-dune-secondary, #bc976c);bottom:clamp(1rem,8vw,13rem);right:0;width:min(60vw,50rem);height:auto;stroke:#000;z-index:7;flex-shrink:0}#SandDune4{fill:var(--sand-dune-secondary, #f1ce9f);right:0;position:absolute;bottom:clamp(2rem,10vw,15rem);right:clamp(1rem,8vw,11rem);width:min(60vw,50rem);height:auto;z-index:7;flex-shrink:0}#main-rock{position:absolute;left:clamp(1rem,12vw,14rem);bottom:clamp(1rem,6vw,8rem);width:min(10vw,140px);height:auto;z-index:11}#small-rock-1{position:absolute;right:clamp(8rem,20vw,22rem);bottom:clamp(1.5rem,8vw,10rem);width:min(8vw,80px);height:auto;z-index:11}#small-rock-2{position:absolute;right:clamp(6rem,18vw,20rem);bottom:clamp(.5rem,6vw,8rem);width:min(4vw,40px);height:auto;z-index:11}#small-rock-3{position:absolute;right:clamp(10rem,22vw,24rem);bottom:clamp(.8rem,7vw,9rem);width:min(6vw,60px);height:auto;z-index:11}#castle-svg{position:absolute;right:clamp(1rem,8.5vw,13rem);bottom:clamp(2rem,11vw,12.5rem);width:min(30vw,520px);height:auto;z-index:8;flex-shrink:0}#NightCastle{position:absolute;right:clamp(1rem,8.5vw,13rem);bottom:clamp(2rem,11vw,12.5rem);width:min(30vw,520px);height:auto;z-index:8;flex-shrink:0;opacity:0}body.dark-mode #NightCastle{opacity:1}body{height:100dvh;width:100dvw;overflow:hidden;background-repeat:no-repeat;background-size:cover;transition:background .1s ease-out}#app{position:relative;min-height:100dvh}img{display:block;height:auto;max-width:100%}#bg{position:absolute;bottom:0;left:0;right:0;height:15dvw;z-index:1;background:var(--sand-dune-primary)}#line{position:absolute;left:200px;bottom:200px;z-index:10}#sun #moon{transition:opacity .5s ease-in-out;position:absolute;z-index:1;height:auto}#sun{flex-shrink:0;aspect-ratio:1/1;opacity:1;transition:all .5s ease-out;fill:radial-gradient(50% 50% at 50% 50%,#fff 30.29%,rgba(255,217,0,.37) 100%);filter:blur(2px) drop-shadow(0 4px 18px rgba(249,221,10,.4))}#moon{fill:radial-gradient(90.89% 54.22% at 59.64% 56.49%,#fff 30.29%,#898989 100%);opacity:0;filter:drop-shadow(0 0 30px white)}body.dark-mode #sun{opacity:0}body.dark-mode #moon{opacity:1}#Tree{opacity:0;position:absolute;right:clamp(1rem,28vw,30rem);bottom:clamp(2rem,12vw,14rem);width:min(30vw,520px);height:auto;z-index:6}#River{opacity:0;position:absolute;left:clamp(1rem,10vw,12rem);bottom:clamp(2rem,17vw,10rem);width:min(40vw,720px);height:auto;z-index:5}body.dark-mode #Tree,body.dark-mode #River{opacity:1}#pedestal{position:absolute;bottom:4rem;left:4rem;z-index:11;display:flex;flex-direction:column;cursor:pointer;width:10rem;height:auto;align-items:center}#pedestal-img{width:100%;position:relative;z-index:1}#flavorTown{font-family:MedievalSharp,serif;z-index:11}#pedestal-clue{max-width:11rem;font-family:MedievalSharp,serif;font-size:1rem;font-weight:700;color:#4a3728;text-align:center;text-shadow:0 1px 2px rgba(255,255,255,.3);line-height:1.3;z-index:2;word-wrap:break-word;transition:all}body.dark-mode #pedestal-clue{color:#e8dcc0;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 8px rgba(135,206,250,.3);font-size:1rem;top:20%;width:85%;max-width:13rem}#archway-lock{width:16rem;flex-shrink:0;aspect-ratio:154/201;z-index:10;background-size:cover;position:absolute;bottom:7.5rem;right:.5rem;cursor:pointer}#portal{position:absolute;left:0;right:0;transform:translate(25%);height:21rem;margin-top:1rem;flex-shrink:0;aspect-ratio:117/263}#story-text{color:var(--text, #2c1810);position:fixed;bottom:2dvh;left:50dvw;transform:translate(-50%);max-height:8rem;max-width:60vw;padding:.6rem .8rem;font-family:MedievalSharp,serif;font-size:.85rem;line-height:1.3;background:#f0ebdcf2;border:2px solid #8b4513;border-radius:8px;box-shadow:0 2px 8px #0000004d,inset 0 1px #fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:12;overflow-y:auto;transition:all .3s ease}#story-text:hover{background:#f5f0e1fa;scale:1.005;box-shadow:0 4px 12px #0006,inset 0 1px #fff6}body.dark-mode #story-text{color:#e8dcc0;background:#28231ef2;border-color:#654321;box-shadow:0 4px 12px #0009,inset 0 1px #ffffff1a}body.dark-mode #story-text:hover{background:#322d28fa;box-shadow:0 6px 16px #000000b3,inset 0 1px #ffffff1a}#Queen{position:absolute;right:clamp(1rem,24vw,25rem);bottom:clamp(2rem,11.5vw,12rem);width:min(6.9vw,69px);height:auto;z-index:8;flex-shrink:0;opacity:0}body.dark-mode #Queen{opacity:1}#music{width:32px;height:32px;border:none;position:fixed;right:16px;bottom:16px;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;z-index:1000;background:#ffffff1a;border-radius:6px;padding:4px;transition:all .2s ease}#music:hover{background:#fff3;transform:scale(1.05)}body.dark-mode #music{background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}body.dark-mode #music:hover{background:#00000080}#music svg{width:24px;height:24px;color:#4a3728}body.dark-mode #music svg{color:#e8dcc0}@keyframes shimmer{0%{box-shadow:0 0 5px #ffffff4d;filter:brightness(1)}50%{box-shadow:0 0 20px #fffc,0 0 30px #fff9;filter:brightness(1.5)}to{box-shadow:0 0 5px #ffffff4d;filter:brightness(1)}}.glow-text{color:#ff8!important;text-shadow:0 0 10px #ffff88,0 0 20px #ffff88,0 0 30px #ffff88;animation:glow-pulse 2s ease-in-out infinite alternate}@keyframes glow-pulse{0%{text-shadow:0 0 10px #ffff88,0 0 20px #ffff88,0 0 30px #ffff88}to{text-shadow:0 0 5px #ffff88,0 0 10px #ffff88,0 0 15px #ffff88}}#flavortown-path{background:#000c!important;border:2px solid #555;border-radius:8px;transition:all .3s ease}#flavortown-path:hover{background:#000000e6!important;border-color:#888;transform:scale(1.05)}#flavortown-path a{font-family:Arial,sans-serif;font-weight:700;text-decoration:none;color:#fff;transition:color .3s ease}#flavortown-path a:hover{color:#ff8}.crack{position:absolute}#crack1{top:0;left:20%}#crack2{top:20%;right:0}#crack3{bottom:0;left:67%}#crack4{bottom:0;left:0}#crack5{bottom:0;right:8%}#crack6{top:0;right:20%}#crack7{left:0;top:30%}#crack8{flex-shrink:0;left:0;right:0}.rocks{position:absolute;left:40dvw;z-index:2}#flying-rocks{bottom:clamp(2rem,10vw,12rem);width:40dvw;transform:translate(-50%)}#cosmic-rocks{bottom:clamp(2rem,6vw,10rem);width:30dvw;z-index:7}#main-crack{position:absolute;bottom:0;left:50dvw;transform:translate(-50%);z-index:11}#cloud-left{position:absolute;left:0;top:20dvw;opacity:0}#cloud-right{position:absolute;right:0;top:2dvw;opacity:0}@container (max-width: 400px){#story-text{font-size:.65rem;padding:.3rem .4rem;max-height:6rem}}html{font-size:clamp(12px,1.8vw,16px)}.space-xs{margin:clamp(.25rem,1vw,.5rem)}.space-sm{margin:clamp(.5rem,2vw,1rem)}.space-md{margin:clamp(1rem,3vw,2rem)}.space-lg{margin:clamp(2rem,5vw,4rem)}.space-xl{margin:clamp(4rem,8vw,8rem)}.text-xs{font-size:clamp(.7rem,1.5vw,.8rem)}.text-sm{font-size:clamp(.8rem,2vw,.9rem)}.text-base{font-size:clamp(.9rem,2.5vw,1rem)}.text-lg{font-size:clamp(1rem,3vw,1.2rem)}.text-xl{font-size:clamp(1.2rem,4vw,1.5rem)}.w-full{width:100%}.w-screen{width:100vw}.w-fit{width:fit-content}.w-auto{width:auto}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}#story-text{margin-left:max(1rem,env(safe-area-inset-left));margin-right:max(1rem,env(safe-area-inset-right));margin-bottom:max(1rem,env(safe-area-inset-bottom))}#music{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}}.click-disabled{opacity:.6!important;transition:opacity .3s ease;filter:grayscale(.3);pointer-events:none!important;cursor:not-allowed}.async-loading{position:relative;pointer-events:none}.async-loading:after{content:"";position:absolute;top:50%;left:50%;width:clamp(16px,3vw,24px);height:clamp(16px,3vw,24px);margin:calc(clamp(16px,3vw,24px)/-2) 0 0 calc(clamp(16px,3vw,24px)/-2);border:2px solid transparent;border-top:2px solid #ffff88;border-right:2px solid #ffff88;border-radius:50%;animation:spin 1s linear infinite;z-index:1000;background:#0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.clickable{cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s ease,box-shadow .2s ease,filter .2s ease;position:relative;transform-origin:center}.clickable:hover:not(.click-disabled):not(.async-loading){transform:scale(1.02);filter:brightness(1.1);box-shadow:0 2px 8px #ff83}.clickable:active:not(.click-disabled):not(.async-loading){transform:scale(.98);filter:brightness(.95);transition:transform .1s ease}.animating{pointer-events:none;position:relative}.animating:before{content:"";position:absolute;inset:-2px;border:1px dashed rgba(255,255,136,.5);border-radius:inherit;animation:dash-rotate 2s linear infinite;z-index:10}@keyframes dash-rotate{0%{transform:rotate(0);border-color:#ffff8880}50%{border-color:#ff8c}to{transform:rotate(360deg);border-color:#ffff8880}}.debounced:before{content:"";position:absolute;inset:-3px;border:2px solid #ffff88;border-radius:inherit;opacity:0;animation:pulse-border .6s ease-out;pointer-events:none;z-index:5}@keyframes pulse-border{0%{opacity:1;transform:scale(1);border-color:#ff8}50%{opacity:.8;transform:scale(1.05);border-color:#fd4}to{opacity:0;transform:scale(1.1);border-color:#fa0}}.environmental-element{transition:transform .15s ease,filter .15s ease,opacity .15s ease}.environmental-element:hover{filter:brightness(1.1) saturate(1.2);transform:scale(1.01)}.rock-element:hover{filter:brightness(1.15) contrast(1.1);animation:subtle-glow 2s ease-in-out infinite alternate}@keyframes subtle-glow{0%{filter:brightness(1.15) contrast(1.1) drop-shadow(0 0 5px rgba(255,255,255,.2))}to{filter:brightness(1.25) contrast(1.15) drop-shadow(0 0 8px rgba(255,255,255,.3))}}.crack-element:hover{filter:brightness(.9) saturate(1.3);animation:ominous-pulse 1.5s ease-in-out infinite alternate}@keyframes ominous-pulse{0%{filter:brightness(.9) saturate(1.3) drop-shadow(0 0 3px rgba(255,0,0,.2))}to{filter:brightness(.8) saturate(1.5) drop-shadow(0 0 6px rgba(255,0,0,.4))}}.success-feedback{animation:success-pulse .8s ease-out}@keyframes success-pulse{0%{transform:scale(1);box-shadow:0 0 #0f06}50%{transform:scale(1.05);box-shadow:0 0 20px #0f09}to{transform:scale(1);box-shadow:0 0 #0f00}}.interaction-blocked{animation:blocked-shake .5s ease-in-out}@keyframes blocked-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.clickable:focus{outline:2px solid #ffff88;outline-offset:2px;box-shadow:0 0 0 4px #ff83}.clickable:focus:not(:focus-visible){outline:none;box-shadow:none}body.dark-mode .clickable:hover:not(.click-disabled){box-shadow:0 4px 15px #ffff884d;filter:brightness(1.2) saturate(1.1)}body.dark-mode .click-disabled{opacity:.4!important;filter:grayscale(.5)}body.dark-mode .async-loading:after{border-top-color:#8df;border-right-color:#8df;background:#0000004d}@media (max-width: 768px){.clickable{transform-origin:center;transition:transform .15s ease,opacity .15s ease}.clickable:active:not(.click-disabled){transform:scale(.96)}.click-disabled{opacity:.5!important}.async-loading:after{width:min(4vw,18px);height:min(4vw,18px);margin:calc(min(4vw,18px)/-2) 0 0 calc(min(4vw,18px)/-2);border-width:max(1px,.2vw)}#story-text{max-width:65vw;max-height:18vh}}@media (max-width: 480px){.clickable:hover{transform:none}.clickable:active:not(.click-disabled){transform:scale(.94);opacity:.7}.async-loading:after{width:min(5vw,20px);height:min(5vw,20px);margin:calc(min(5vw,20px)/-2) 0 0 calc(min(5vw,20px)/-2)}.clickable{min-height:44px;min-width:44px}.clickable:before{content:"";position:absolute;inset:-10px;z-index:-1}}@media (max-width: 320px){.click-disabled{opacity:.4!important}.async-loading:after{width:min(6vw,16px);height:min(6vw,16px);margin:calc(min(6vw,16px)/-2) 0 0 calc(min(6vw,16px)/-2);border-width:1px}.clickable:before{inset:-15px}}@media (prefers-contrast: high){.click-disabled{opacity:.3!important;border:2px solid currentColor}.async-loading:after{border-color:currentColor transparent transparent transparent}.debounced:before{border-color:currentColor}}@media (prefers-reduced-motion: reduce){.clickable,.click-disabled,.async-loading:after,.debounced:before,.environmental-element,.rock-element,.crack-element{transition:none!important;animation:none!important}.clickable:active:not(.click-disabled){transform:none;opacity:.8}}.story-compact{max-height:5rem!important;padding:.3rem .5rem!important;font-size:.7rem!important;line-height:1.1!important;max-width:50vw!important}@media (max-width: 768px){.story-compact{max-height:4rem!important;padding:.25rem .4rem!important;font-size:.65rem!important;max-width:60vw!important}}@media (max-width: 480px){.story-compact{max-height:3.5rem!important;padding:.2rem .3rem!important;font-size:.6rem!important;max-width:70vw!important}}@media print{.clickable,.click-disabled,.async-loading,.debounced{display:none!important}}