:root{font-family:Songti SC,STSong,SimSun,serif;color:#f0f7f0;background:#091209;font-synthesis:none;--white: oklch(.97 .012 145);--green: oklch(.32 .048 145);--pink: oklch(.86 .065 10);--line: oklch(.96 .01 145 / .35)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:6px}button{border:0}button:hover{filter:brightness(1.12)}[hidden]{display:none!important}#app,#scene{width:100%;height:100dvh;min-height:420px;overflow:hidden;position:relative}#scene{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}canvas{display:block;width:100%;height:100%}.shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,oklch(.1 .02 145 / .25),transparent 23%,transparent 65%,oklch(.1 .02 145 / .6));z-index:1}.masthead{position:absolute;top:0;left:0;width:100%;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none}.masthead>*{pointer-events:auto}.wordmark{color:inherit;display:flex;gap:13px;text-decoration:none;align-items:center;font-size:20px;letter-spacing:4px;text-shadow:0 1px 10px #0006}.wordmark small{display:block;font:10px/1.8 system-ui;letter-spacing:2px;margin-top:5px}.seal{border:1px solid oklch(.93 .05 15 / .8);padding:5px 6px;color:var(--pink);font-size:23px;line-height:1.2;letter-spacing:0}.top-actions{display:flex;gap:22px}.icon-button{background:transparent;display:flex;align-items:center;gap:8px;padding:10px 2px;font-family:system-ui;font-size:12px;text-shadow:0 1px 4px #000}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,oklch(.14 .025 145 / .65),oklch(.14 .025 145 / .12) 55%,transparent 80%)}.intro-copy{position:absolute;left:8%;top:50%;transform:translateY(-47%);pointer-events:auto}.author{font:12px system-ui;letter-spacing:5px;margin:0 0 25px;color:var(--pink)}h1{font-size:clamp(52px,7vw,96px);font-weight:400;letter-spacing:.15em;line-height:1.2;margin:0 0 30px;text-wrap:balance;text-shadow:0 3px 35px #10251c44}.intro-verse{font-size:clamp(16px,1.5vw,21px);line-height:2.1;letter-spacing:.15em;margin:0 0 36px;text-shadow:0 1px 8px #0008}.start-row{display:flex;align-items:center;gap:22px}.start-button{background:var(--white);color:var(--green);padding:16px 24px;min-height:52px;font-size:15px;letter-spacing:3px;display:flex;gap:32px;align-items:center}.start-button span{font-family:system-ui;font-size:21px;letter-spacing:0}.duration{font:11px system-ui;letter-spacing:1px}.intro-hint{font:11px/1.8 system-ui;margin-top:23px;color:#e6ede6d9}.vertical-verse{position:absolute;right:7%;top:37%;writing-mode:vertical-rl;font-size:17px;line-height:2.2;letter-spacing:8px;text-shadow:0 1px 8px #0008}.intro-bottom{position:absolute;bottom:30px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;font:11px system-ui;letter-spacing:3px}.intro-bottom span:last-child{display:flex;align-items:center;gap:18px}.intro-bottom i{width:28px;height:1px;background:var(--line)}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.chapter{position:absolute;top:135px;left:40px;text-shadow:0 2px 12px #000b}.chapter>span{font:11px system-ui;letter-spacing:4px;color:var(--pink)}.chapter h2{font-weight:400;font-size:34px;letter-spacing:5px;margin:13px 0 10px}.chapter p{font-size:14px;letter-spacing:3px;margin:0;line-height:1.8}.landmark{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);font-size:clamp(18px,2.5vw,30px);letter-spacing:.3em;white-space:nowrap;text-shadow:0 2px 20px #000;opacity:0;transition:opacity 1.5s}.landmark.visible{opacity:1}.crosshair{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:#ffffff80;box-shadow:0 0 3px #0008}.journey-bottom{position:absolute;bottom:27px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:end;gap:30px}.route{width:200px}.route-labels{display:flex;justify-content:space-between;margin-bottom:12px;font-size:11px;letter-spacing:2px}.route-labels span{color:#d7ddd7bf}.route-labels .active{color:var(--pink)}.route-track{height:1px;background:#eef4ee4d}#progress{height:2px;background:var(--pink);width:0;position:relative;top:-1px}#progress:after{content:"";position:absolute;right:-2px;top:-2px;width:6px;height:6px;background:var(--pink);border-radius:50%}.navigation{display:flex;align-items:center;gap:23px;pointer-events:auto;font:11px system-ui}.desktop-help{display:flex;gap:7px;align-items:center}kbd{display:inline-block;min-width:23px;padding:3px 5px;border:1px solid var(--line);text-align:center;font:11px system-ui;border-radius:3px}.divider{padding:0 6px}.auto-button{background:#091209b3;border:1px solid var(--line);padding:11px 17px;display:flex;gap:9px;align-items:center;font:12px system-ui}.auto-button[aria-pressed=true]{background:var(--white);color:var(--green);text-shadow:none}.play-symbol{font-size:18px}.ending{position:absolute;right:7%;top:48%;transform:translateY(-45%);z-index:4;padding:32px 38px;background:#071007d1;max-width:390px;border-top:1px solid var(--line)}.ending>p{color:var(--pink);font:11px system-ui;letter-spacing:4px}.ending h2{font-size:45px;font-weight:400;letter-spacing:7px;margin:20px 0}.ending-verse{font-size:15px;line-height:2.2;letter-spacing:2px}.ending-actions{display:flex;gap:20px;margin:26px 0}.ending-actions button{background:transparent;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.ending-actions span{margin-left:8px}.ending small{font:10px/1.9 system-ui;color:#dae0da}dialog{background:#0f190f;color:var(--white);width:min(440px,calc(100vw - 32px));border:1px solid var(--line);padding:35px;max-height:90dvh;overflow:auto}dialog::backdrop{background:#07150fb0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.close{position:absolute;right:16px;top:12px;background:transparent;font:28px system-ui}.dialog-kicker{font-size:12px;color:var(--pink);letter-spacing:4px}dialog h2{font-size:30px;letter-spacing:3px;font-weight:400}dialog p{font-size:13px;line-height:2}dl{font:12px system-ui;margin:28px 0}dl>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}dd{margin:0}.calm-setting{font:12px system-ui;display:flex;gap:9px;align-items:center}.calm-setting input{accent-color:#7a9a73;width:16px;height:16px}dialog .start-button{width:100%;justify-content:space-between;margin-top:25px}.touch-explanation,.touch-forward,.touch-back{display:none}.loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a150b;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s;pointer-events:none}.loading p{font-size:15px;letter-spacing:6px}.loading-petal{width:14px;height:23px;background:var(--pink);border-radius:70% 0;transform:rotate(25deg)}.loading.ready{opacity:0}.error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;background:var(--green);padding:15vh 8vw}.error h2{font-weight:400}.error p{line-height:1.8}.error button{background:var(--white);color:var(--green);padding:12px 20px}.intro.departing{opacity:0;transition:opacity 1s}.touch-forward{touch-action:none}.chapter{transition:opacity .5s}body.is-cave .chapter{opacity:.85}@media(max-width:700px){.masthead{padding:22px}.wordmark{font-size:17px;gap:9px}.wordmark small{font-size:8px}.seal{font-size:20px}.top-actions{gap:18px}.top-actions span{display:none}.intro-copy{left:8%;top:49%}h1{font-size:56px;letter-spacing:.12em}.intro-verse{font-size:17px;margin-bottom:29px}.author{font-size:11px}.start-row{align-items:start;flex-direction:column;gap:14px}.intro-hint{font-size:10px;margin-top:18px}.vertical-verse{display:none}.intro-bottom{left:22px;right:22px;bottom:23px;font-size:9px;letter-spacing:1px}.intro-bottom span:last-child{gap:8px}.intro-bottom i{width:14px}.chapter{top:110px;left:23px}.chapter h2{font-size:28px}.chapter p{font-size:12px;max-width:220px}.journey-bottom{left:23px;right:23px;bottom:25px;gap:16px}.route{width:125px}.navigation{gap:12px}.desktop-help{display:none}.auto-button{padding:10px 12px;font-size:11px}.ending{left:22px;right:22px;top:52%;max-width:none;padding:26px}.ending h2{font-size:36px}.landmark{font-size:17px;letter-spacing:3px}.touch-forward{position:absolute;right:27px;bottom:118px;display:flex;flex-direction:column;align-items:center;gap:6px;width:67px;height:75px;padding:8px;background:#0a150ba6;border:1px solid var(--line);font:27px system-ui;pointer-events:auto;border-radius:50% 50% 12px 12px}.touch-forward small{font:9px system-ui}.touch-back{display:block;position:absolute;right:46px;bottom:76px;width:30px;height:30px;font:22px system-ui;background:transparent;pointer-events:auto;touch-action:none}.touch-explanation{display:block}dialog{padding:28px}.intro-hint{max-width:270px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(pointer:coarse){.desktop-help{display:none}.touch-explanation{display:block}.touch-forward{position:absolute;right:27px;bottom:118px;display:flex;flex-direction:column;align-items:center;gap:6px;width:67px;height:75px;padding:8px;background:#0a150ba6;border:1px solid var(--line);font:27px system-ui;pointer-events:auto;border-radius:50% 50% 12px 12px}.touch-forward small{font:9px system-ui}.touch-back{display:block;position:absolute;right:46px;bottom:76px;width:36px;height:36px;font:22px system-ui;background:transparent;pointer-events:auto;touch-action:none}}