@font-face{font-family:Bague;src:url('assets/PFBagueSansPro-Regular.woff') format('woff');font-display:swap}
*{box-sizing:border-box}html{background:#1c1b32;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;color:#f8f1ed;font-family:Bague,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;color:inherit;background:none;border:0;touch-action:manipulation;cursor:pointer}button:focus-visible{outline:1px solid #f4daae;outline-offset:6px}#journey{position:relative}.scene{position:sticky;top:0;height:100vh;height:100svh;height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 48% 90%,#58404d 0%,#282237 44%,#191a30 100%);touch-action:pan-y}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#sky{z-index:0}#land{z-index:1}#light{z-index:2}.vignette{position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 100px #15142830;background:linear-gradient(#11142718,transparent 16%,transparent 78%,#271b2b22)}header{position:absolute;top:max(27px,env(safe-area-inset-top));left:25px;right:25px;z-index:4;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#ece6ec9c}.chapter{position:absolute;top:12%;left:0;right:0;z-index:4;text-align:center;color:#e6deed8c;font-size:11px;letter-spacing:.3em;transition:opacity .5s}.caption{position:absolute;bottom:10%;left:24px;right:24px;z-index:4;text-align:center;pointer-events:none}.caption p{margin:0;font-size:20px;line-height:1.35;letter-spacing:.015em;text-shadow:0 2px 22px #3c253b38;transition:opacity .32s,transform .5s}.caption.changing p{opacity:0;transform:translateY(5px)}.bottom{position:absolute;left:24px;right:24px;bottom:max(28px,env(safe-area-inset-bottom));z-index:4;display:flex;align-items:center;flex-direction:column;gap:17px;height:45px;font-size:8px;letter-spacing:.2em;color:#f4ece8ab}.bottom button{font-size:11px;letter-spacing:.07em;padding:4px 15px;min-height:25px;margin-top:-4px}.bottom button span{margin-left:6px}.line{width:42px;height:1px;background:#fff4dc45;overflow:hidden}.line i{display:block;width:100%;height:1px;background:#fff8e8;transform:scaleX(0);transform-origin:left center}#hint{transition:opacity .6s}.scroll-space{height:340svh}#loading{position:absolute;inset:0;background:#1c1b32;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;transition:opacity .7s;font-size:15px;letter-spacing:.05em}#loading i{width:80px;height:1px;background:#f7dfbb55;overflow:hidden}#loading i:after{content:'';display:block;height:1px;background:#fff4dc;width:30px;animation:load 1.5s ease-in-out infinite}#loading.done{opacity:0;pointer-events:none}#loading button{font-size:14px;text-decoration:underline;padding:14px}#fallback{position:absolute;inset:0;background:#1c1b32;z-index:9;display:grid;place-content:center;text-align:center;padding:30px;font-size:16px}#fallback button{text-decoration:underline;min-height:44px}.no-script{position:fixed;inset:0;display:grid;place-content:center;z-index:30;background:#1c1b32}[hidden]{display:none!important}@keyframes load{from{transform:translateX(-30px)}to{transform:translateX(80px)}}@media(min-width:700px){header{left:48px;right:48px;top:35px}.caption p{font-size:25px}.caption{bottom:9%}.chapter{top:11%}.bottom{bottom:32px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-height:650px){.caption{bottom:14%}.caption p{font-size:16px}.bottom{bottom:max(20px,env(safe-area-inset-bottom));gap:14px;height:40px}}