@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/jost-latin-300-normal-DkBQXsFU.woff2) format("woff2"),url(/assets/jost-latin-300-normal-Ckm9JHl_.woff) format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-latin-400-normal-q-RKOgPK.woff2) format("woff2"),url(/assets/jost-latin-400-normal-C7S-3Ky6.woff) format("woff")}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-latin-500-normal-41lBe9I9.woff2) format("woff2"),url(/assets/jost-latin-500-normal-B-AtzreL.woff) format("woff")}:root{font-family:Jost,Avenir Next,Segoe UI,sans-serif;color:#faf0de;font-synthesis:none;font-weight:400;color-scheme:dark;background:#69616c}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #cfedfa;outline-offset:6px}button svg{width:21px;height:21px;flex-shrink:0}.experience{position:relative;height:100svh;overflow:hidden;isolation:isolate}.sky,#world,.vignette{position:absolute;inset:0;width:100%;height:100%}.sky{background:#b79b96 url(/assets/distant-sky.png) center / cover no-repeat;filter:blur(2.5px);transform:scale(1.025)}#world{display:block;touch-action:none;z-index:1}.vignette{z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(38,42,59,.46),transparent 36%,transparent 64%,rgba(37,37,49,.57)),radial-gradient(ellipse at center,transparent 42%,rgba(43,41,54,.14))}.topbar{position:absolute;inset:max(28px,env(safe-area-inset-top)) 40px auto;z-index:5;display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;align-items:center;gap:15px;text-decoration:none;color:#eee5d6;font-size:12px;letter-spacing:.045em}.between-mark{display:inline-flex;width:30px;height:27px;justify-content:space-between;align-items:center}.between-mark i{height:23px;width:1px;background:currentColor;opacity:.8}.between-mark b{display:block;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 14px #ffeacb77}.top-actions{display:flex;gap:10px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #f4ead127;background:#3b384016;border-radius:50%;width:40px;height:40px;transition:background .2s,opacity .2s}.icon-button:hover{background:#f8e4cd1f}.icon-button:disabled{opacity:.3}#sound{width:auto;gap:7px;padding:0 11px}.sound-state{font-size:11px;letter-spacing:.02em;white-space:nowrap}.title-block{pointer-events:none;position:absolute;top:5.5%;left:50%;width:max-content;max-width:92%;transform:translate(-50%);z-index:3;text-align:center;text-shadow:0 2px 25px #342b3a33}h1{margin:0 0 9px;font-size:clamp(45px,4.3vw,70px);font-weight:300;line-height:1.12;letter-spacing:.26em;text-indent:.26em}.title-rule{display:flex;gap:9px;align-items:center;justify-content:center;margin:16px auto}.title-rule span{width:55px;height:1px;background:linear-gradient(90deg,transparent,#fff2d5a0)}.title-rule span:last-child{transform:rotate(180deg)}.title-rule i{width:4px;height:4px;border-radius:50%;background:#f4e9d0}.title-block p{margin:0;font-size:14px;font-weight:300;letter-spacing:.115em;color:#f3e8da}.chapter{position:absolute;top:24%;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.075em;white-space:nowrap;color:#fff1dc;text-shadow:0 1px 6px #4d3e5155}.chapter-line{height:1px;width:24px;background:#f4e8d84a}.chapter-dot{opacity:.5}.seams{position:absolute;inset:0;pointer-events:none;z-index:4}.seam{position:absolute;left:0;top:0;width:106px;height:108px;background:transparent;border:none;padding:0;pointer-events:auto;touch-action:none;color:#f4ead4}.seam:disabled{pointer-events:none}.seam-label{position:absolute;width:160px;left:50%;top:83%;transform:translate(-50%);font-size:11px;font-weight:400;letter-spacing:.08em;text-shadow:0 1px 8px #2f2b3e;opacity:0;transition:opacity .4s}.bridge-seam .seam-label{opacity:.9}.seam-bracket{position:absolute;width:7px;height:22px;top:42%;border:solid #f9f0de8c;border-width:1px 0 1px 1px;transition:border-color .2s}.left-bracket{left:19%}.right-bracket{right:19%;transform:rotate(180deg)}.seam-mote{position:absolute;left:calc(50% - 2px);top:calc(52% - 2px);width:4px;height:4px;border-radius:50%;background:#f9efd8;box-shadow:0 0 12px 3px #e1f3ff4d}.door-seam{width:112px;height:150px}.door-outline{position:absolute;inset:9% 26% 12%;border:1px solid #cff4ff;border-radius:50% 50% 3px 3px;opacity:0;transition:opacity .3s,box-shadow .3s}.door-seam:hover .door-outline,.door-seam:focus-visible .door-outline{opacity:.7}.seam:hover .seam-bracket{border-color:#ddf7ff}.carrying .bridge-seam .seam-label{opacity:0}.carrying .door-seam .seam-label,.hinting .door-seam .seam-label{opacity:1}.carrying .door-outline,.hinting .door-outline{opacity:.65;box-shadow:0 0 20px #adeaff36}.carrying .source .seam-bracket,.carrying .source .seam-mote{opacity:0}.hover-target .door-outline{opacity:1;box-shadow:0 0 25px #b4eeff80}.solved .seams{visibility:hidden}.guidance{position:absolute;z-index:4;left:50%;top:80.2%;transform:translate(-50%);text-align:center;width:min(92%,620px);pointer-events:none}.guidance h2{font-size:clamp(20px,1.7vw,27px);font-weight:400;letter-spacing:.02em;margin:10px 0 7px;line-height:1.3;text-shadow:0 1px 10px #51434b55}.guidance p{margin:0;font-weight:300;color:#f5e8dbe0;font-size:14px;letter-spacing:.015em;line-height:1.5}.gesture-symbol{display:flex;height:22px;align-items:center;justify-content:center;gap:3px;opacity:.7}.gesture-symbol span{display:block;border:1px solid #f6e4c7b3;width:6px;height:18px;border-radius:1px}.gesture-symbol span:last-child{width:12px;border-radius:6px 6px 1px 1px}.gesture-symbol svg{width:49px;height:22px;fill:none;stroke:#f6e4c7;stroke-width:1.2}.bottom-bar{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:40px;right:40px;z-index:5;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.bottom-bar button,.bottom-bar a{pointer-events:auto}.level-info{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.035em}.level-indicator{height:5px;width:5px;border-radius:50%;background:#f4d9a2;box-shadow:0 0 10px #ffe2a944}.footer-divider{height:15px;width:1px;background:#e8d5c730}.muted{color:#e8d9c990}.journey-link{color:#e8d9c9bb;text-decoration:none;border-bottom:1px solid #e8d9c933}.bottom-actions{display:flex;gap:10px;align-items:center}.bottom-actions .icon-button{border:none;background:transparent;width:33px;height:33px}.text-button{background:transparent;display:flex;gap:8px;align-items:center;border:none;padding:7px 10px;color:#f1e5d1c9;font-size:11px;letter-spacing:.04em}.text-button svg{width:17px;height:17px}.text-button:hover{color:#fff3de}.replay{pointer-events:auto;display:inline-flex;gap:10px;align-items:center;margin-top:16px;padding:10px 20px;min-height:44px;font-size:12px;color:inherit;text-decoration:none;background:#fff0d615;border:1px solid #f8e5ca55;border-radius:30px}.replay[hidden]{display:none}.replay svg{width:15px;height:15px}.solved .gesture-symbol{display:none}.solved .guidance{top:auto;bottom:max(72px,calc(env(safe-area-inset-bottom) + 60px))}.toast{position:absolute;z-index:10;left:50%;bottom:18%;transform:translate(-50%,8px);width:max-content;max-width:85%;text-align:center;border:1px solid #e9dac029;border-radius:30px;background:#3e3b4bec;color:#f6e9d2;font-size:12px;padding:11px 22px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast:not(.visible){visibility:hidden}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%)}.loading{position:absolute;z-index:30;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#67606d;transition:opacity .8s,visibility .8s}.loading p{font-size:13px;letter-spacing:.05em}.loading.loaded{opacity:0;visibility:hidden}.narration-caption{position:absolute;z-index:4;bottom:13.5%;left:50%;transform:translate(-50%);width:min(80%,650px);margin:0;text-align:center;font-size:clamp(17px,1.5vw,23px);font-weight:300;line-height:1.55;letter-spacing:.025em;text-shadow:0 2px 14px #2b2638,0 0 40px #302936;pointer-events:none;opacity:0;transition:opacity .7s}.narrating .narration-caption{opacity:1}.guidance{transition:opacity .5s}.narrating .guidance h2,.narrating .guidance p,.narrating .guidance .gesture-symbol{opacity:0}.solved.narrating .narration-caption{bottom:max(132px,calc(env(safe-area-inset-bottom) + 120px))}.audio-settings{border-top:1px solid #efdbbd26;margin-top:25px;padding-top:15px;text-align:left;font-size:13px}.audio-settings summary{cursor:pointer;text-align:center;margin-bottom:15px}.audio-settings label{display:flex;justify-content:space-between;align-items:center;margin:14px 0;gap:20px}.audio-settings input{accent-color:#b9dce7}.audio-settings input[type=range]{width:55%}@media(max-width:600px){.narration-caption{bottom:15%;font-size:17px}}dialog{width:min(440px,90vw);max-height:90svh;border:1px solid #efdbbd3a;border-radius:18px;background:#43424df5;color:#f8ecda;padding:37px 38px 25px;box-shadow:0 24px 120px #201e3270;text-align:center}dialog::backdrop{background:#24263655;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-help{position:absolute;top:13px;right:13px;width:30px;height:30px;border:none}.dialog-mark{margin-bottom:15px}.dialog-kicker{font-size:11px;letter-spacing:.1em;color:#e5d6c4b0}dialog h2{font-size:29px;line-height:1.3;font-weight:300;margin:12px 0 18px}dialog p{font-size:13px;line-height:1.7;font-weight:300;color:#f5e7d1b0}dialog ol{counter-reset:step;list-style:none;text-align:left;margin:25px 0;padding:0}dialog li{display:grid;grid-template-columns:28px 1fr;margin:17px 0;font-size:13px;column-gap:8px}dialog li:before{counter-increment:step;content:counter(step);grid-row:span 2;align-self:start;border:1px solid #e3d3bf40;border-radius:50%;width:22px;height:22px;text-align:center;line-height:21px;font-size:10px;color:#e4d5c0}dialog li b{font-weight:450;margin-bottom:4px}dialog li span{font-weight:300;line-height:1.5;color:#f0e3d1ad}.dialog-note{font-size:12px;line-height:1.7;color:#c8e3e7;padding:17px 0 22px;border-top:1px solid #e3d3bf20}.primary-button{border:1px solid #f2e0c48c;background:#efe0c5;color:#4c4550;border-radius:30px;width:100%;display:flex;align-items:center;justify-content:center;gap:15px;padding:12px 20px;font-size:13px}dialog .keyboard-note{font-size:10px;margin:17px 0 0;color:#cbbdaa92}@media(min-aspect-ratio:19/10){.title-block{top:9%}.title-block h1{font-size:62px}.chapter{top:31%}.guidance{top:78%}}@media(max-width:650px){.topbar{left:23px;right:20px;top:max(21px,env(safe-area-inset-top))}.wordmark>span:last-child{display:none}.top-actions{gap:8px}.icon-button{width:36px;height:36px}.title-block{top:14%;max-width:95%}h1{font-size:43px;letter-spacing:.22em;text-indent:.22em}.title-rule{margin:14px 0 16px}.title-block p{max-width:245px;margin:0 auto;font-size:12px;line-height:1.8;letter-spacing:.07em}.chapter{top:32%;font-size:11px}.guidance{top:74%;width:90%}.guidance h2{font-size:22px;margin-top:13px}.guidance p{font-size:12px;max-width:280px;margin:0 auto;line-height:1.7}.bottom-bar{left:23px;right:20px;bottom:max(23px,env(safe-area-inset-bottom))}.level-info{gap:8px;font-size:10px}.level-info .muted,.level-info .footer-divider{display:none}.bottom-actions{gap:7px}.text-button{padding:7px 5px;font-size:10px;gap:6px}.seam{width:88px;height:88px}.door-seam{width:84px;height:110px}.seam-bracket{height:16px;width:5px}.seam-label{font-size:9px;top:80%}.solved .guidance{top:auto}.toast{bottom:29%;font-size:11px;padding:10px 18px}}@media(max-width:650px)and (max-height:700px){.title-block{top:12%}.title-block p{max-width:310px;font-size:11px}.title-rule{margin:10px 0}.chapter{top:29%}.guidance{top:79%}.guidance h2{font-size:19px;margin:7px 0 5px}.guidance p{font-size:11px}.gesture-symbol{display:none}.solved .guidance{top:auto}.solved .replay{margin-top:8px}}@media(max-height:600px)and (min-width:651px){.topbar{top:18px;left:25px;right:25px}.title-block{top:5%}.title-block h1{font-size:44px}.title-rule{margin:8px 0}.title-block p{font-size:11px}.chapter{top:27%;font-size:10px}.guidance{top:77%}.guidance h2{font-size:18px;margin:3px}.guidance p{font-size:11px}.gesture-symbol{display:none}.bottom-bar{bottom:13px;left:25px;right:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}