.story-holder.svelte-9hb9oy{display:contents}.doc.svelte-9hb9oy{--H:100svh;--D:90svh;--R:200svh;--T:40svh;--y:calc(64px + 12svh);z-index:15;position:relative}.svh.svelte-9hb9oy{visibility:hidden;pointer-events:none;width:0;height:100svh;position:fixed;top:0;left:0}.backdrop.svelte-9hb9oy{height:var(--H);background:var(--white);box-shadow:0 calc(100lvh - var(--H)) 0 0 var(--white);position:sticky;top:0}.stage.svelte-9hb9oy{z-index:3;height:var(--H);margin-top:calc(-1 * var(--H));pointer-events:none;position:sticky;top:0}canvas.svelte-9hb9oy{width:100%;height:100%;image-rendering:pixelated;position:absolute;top:0;left:0}.mask.svelte-9hb9oy{left:0;right:0;top:var(--zone,46%);bottom:calc(var(--H) - 100lvh);background:var(--white);display:none;position:absolute}.mask.svelte-9hb9oy:before{content:"";background:repeating-linear-gradient(90deg, var(--white) 0 2px, transparent 2px 4px) 0 0 / 100% 2px no-repeat, linear-gradient(var(--white), var(--white)) 0 2px / 100% 2px no-repeat;height:4px;position:absolute;top:-4px;left:0;right:0}.blocks.svelte-9hb9oy{z-index:2;margin-top:calc(-1 * var(--H));padding-top:var(--y);position:relative}.blk.svelte-9hb9oy{height:var(--D)}.blk.now.svelte-9hb9oy{height:calc(var(--R) + var(--T) + var(--H) - var(--y))}.words.svelte-9hb9oy{opacity:0;width:min(30rem,34vw);margin-left:max(48px,50vw - 600px);transition:opacity .24s ease-out}.words-in.svelte-9hb9oy .words:where(.svelte-9hb9oy){opacity:1}.blk.now.svelte-9hb9oy .words:where(.svelte-9hb9oy){opacity:0;transition:none;position:sticky;top:96px}.words.panel.svelte-9hb9oy{pointer-events:auto;width:min(26rem,100vw - 96px);margin-left:48px;padding:16px 20px 18px}.words.panel.svelte-9hb9oy .big:where(.svelte-9hb9oy){font-size:48px;line-height:48px}.words.panel.svelte-9hb9oy .line:where(.svelte-9hb9oy){font-size:22px;line-height:29px}@media (height<=640px){html:not([data-comp=phone]) .big.svelte-9hb9oy{font-size:56px;line-height:56px}html:not([data-comp=phone]) .sub.svelte-9hb9oy{margin-top:8px}html:not([data-comp=phone]) .line.svelte-9hb9oy{margin-top:8px;font-size:20px;line-height:27px}}.big.svelte-9hb9oy{font-family:var(--read);letter-spacing:-.02em;color:#8a908c;font-size:96px;line-height:88px}.sub.svelte-9hb9oy{color:var(--secondary);margin-top:16px;font-size:16px;font-weight:600;line-height:22px}.line.svelte-9hb9oy{font-family:var(--read);color:var(--ink);margin:12px 0 0;font-size:27px;line-height:36px}.keep.svelte-9hb9oy{color:#646a66;margin-top:14px;font-size:14px;line-height:20px}.rail.svelte-9hb9oy{right:max(28px, calc(env(safe-area-inset-right) + 12px));pointer-events:auto;width:14px;height:48%;position:absolute;top:26%}.track.svelte-9hb9oy{background:var(--ink);width:2px;margin:0;position:absolute;top:0;bottom:0;left:6px}.tick.svelte-9hb9oy{left:-15px;top:calc(var(--i) * 100% - 22px);cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0;position:absolute}.tick.svelte-9hb9oy:after{content:"";box-sizing:border-box;border:2px solid var(--ink);background:var(--paper);width:8px;height:8px;position:absolute;top:18px;left:18px}.doc.svelte-9hb9oy:not(.words-in) .rail:where(.svelte-9hb9oy){opacity:0}.tick.on.svelte-9hb9oy:after{background:var(--ink)}.tick.svelte-9hb9oy:focus-visible{outline:2px solid var(--accent);outline-offset:-8px}.dot.svelte-9hb9oy{left:4px;top:calc(var(--p) * 100% - 3px);background:var(--accent);z-index:1;width:6px;height:6px;position:absolute}.hint.svelte-9hb9oy{color:var(--secondary);justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:18px;transition:opacity .15s linear;display:flex;position:absolute;bottom:22px;left:0;right:0}.hint.gone.svelte-9hb9oy{opacity:0}.bob.svelte-9hb9oy{display:inline-flex}.hint.svelte-9hb9oy:not(.gone) .bob:where(.svelte-9hb9oy){animation:1.2s steps(2,jump-none) 3 svelte-9hb9oy-bob}@keyframes svelte-9hb9oy-bob{0%,to{transform:none}50%{transform:translateY(2px)}}html[data-comp=phone] .doc.svelte-9hb9oy{--y:76px;--D:75svh}html[data-comp=phone] .mask.svelte-9hb9oy{display:block}html[data-comp=phone] .words.svelte-9hb9oy{width:auto;margin:0 20px 0 32px}html[data-comp=phone] .words.panel.svelte-9hb9oy{width:auto;margin:0 max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));padding:12px 14px 14px}html[data-comp=phone] .blk.now.svelte-9hb9oy .words:where(.svelte-9hb9oy){top:68px}html[data-comp=phone] .big.svelte-9hb9oy{font-size:56px;line-height:56px}html[data-comp=phone] .sub.svelte-9hb9oy{margin-top:8px;font-size:15px;line-height:20px}html[data-comp=phone] .line.svelte-9hb9oy{margin-top:8px;font-size:22px;line-height:30px}html[data-comp=phone] .keep.svelte-9hb9oy{margin-top:10px;font-size:14px;line-height:18px}html[data-comp=phone] .rail.svelte-9hb9oy{right:auto;left:max(6px, env(safe-area-inset-left));top:calc(var(--y) + 4px);height:calc(var(--zone,46%) - var(--y) - 24px)}@media (height<=760px){html[data-comp=phone] .big.svelte-9hb9oy{font-size:44px;line-height:44px}html[data-comp=phone] .line.svelte-9hb9oy{font-size:19px;line-height:26px}}@media (height<=600px){html[data-comp=phone] .big.svelte-9hb9oy{font-size:36px;line-height:36px}html[data-comp=phone] .sub.svelte-9hb9oy{margin-top:4px;font-size:14px}html[data-comp=phone] .line.svelte-9hb9oy{margin-top:4px;font-size:17px;line-height:23px}html[data-comp=phone] .keep.svelte-9hb9oy{margin-top:6px}}html[data-comp=phone] .hint.svelte-9hb9oy{bottom:14px}html.story-intro .world .cam>.headline,html.story-intro .world .cam>.l-view,html.story-intro .world .cam>.l-green{opacity:0;transition:opacity .4s ease-in-out}html.story-intro .world .cam>.l-room,html.story-intro .world .cam>.l-ext,html.story-intro .world .cam>.l-dust{opacity:0;transition:opacity .4s ease-in-out .12s}html.story-intro .world .cam>a.o:not([data-id=bonsai]),html.story-intro .world .cam>a.o[data-id=bonsai]>.pic{opacity:0;transition:opacity .4s ease-in-out .24s}html.story-intro .world .cam>a.o[data-id=bonsai] .lift{transform:none!important}html.story-intro .world .cam>a.o[data-id=bonsai] .ol{visibility:hidden!important}@media (prefers-reduced-motion:reduce){.words.svelte-9hb9oy,.hint.svelte-9hb9oy{transition:none}.hint.svelte-9hb9oy:not(.gone) .bob:where(.svelte-9hb9oy){animation:none}}