@font-face{font-family:Ma Shan Zheng;src:url(/assets/MaShanZheng-Regular-wERnqapb.ttf) format("truetype");font-display:swap}:root{color-scheme:dark;font-family:"Noto Serif SC",serif;background:#071323;color:#fff8e4}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#071323}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ffe69a;outline-offset:4px}.world,.reader{min-height:100svh;isolation:isolate;overflow:hidden;position:relative}.world-art,.reader-art{inset:-3%;height:106%;object-fit:cover;position:absolute;width:106%;z-index:-4}.reader-art--sprite{background-image:var(--scene);background-position:var(--scene-x) var(--scene-y);background-repeat:no-repeat;background-size:300% 200%}.world-art--near{mix-blend-mode:screen;opacity:.22;transform:scale(1.04);z-index:-3}.world-wash,.reader-vignette{background:linear-gradient(90deg,rgba(3,10,28,.85),transparent 58%),linear-gradient(0deg,rgba(3,9,24,.76),transparent 55%);inset:0;pointer-events:none;position:absolute;z-index:-2}.falling-leaves{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.falling-leaf{animation:fall 13s linear infinite;filter:drop-shadow(0 6px 4px rgba(0,0,0,.25));position:absolute;top:-14%;width:clamp(2rem,4vw,4rem)}.leaf-0{animation-delay:-2s;left:14%}.leaf-1{animation-delay:-7s;left:68%;transform:scale(.7)}.leaf-2{animation-delay:-11s;left:88%;transform:scale(.55)}.topbar,.reader-top{align-items:center;display:flex;justify-content:space-between;left:clamp(1.25rem,5vw,5rem);position:absolute;right:clamp(1.25rem,5vw,5rem);top:1.5rem;z-index:5}.topbar span,.reader-top p{color:#e8dbc0;font-size:.78rem;letter-spacing:.12em;margin:0;text-transform:uppercase}.brand{color:#fff7da;font-size:1.05rem;font-weight:700;letter-spacing:.08em;text-decoration:none}.home-copy{left:clamp(1.25rem,7vw,7.5rem);max-width:35rem;position:absolute;top:23%;z-index:2}.kicker{color:#f6cd7e;font-size:.78rem;font-weight:700;letter-spacing:.16em;margin:0 0 .8rem;text-transform:uppercase}h1{font:400 clamp(3.3rem,7.5vw,7rem)/.93 "Ma Shan Zheng",cursive;margin:0 0 1.2rem;text-wrap:balance}.home-copy>p:last-child,.reader-copy>p:last-child{font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.8;margin:0;max-width:29rem}.character{background:transparent;border:0;cursor:pointer;padding:0;position:absolute;transform-origin:bottom center;z-index:4}.character img{display:block;filter:drop-shadow(0 16px 15px rgba(0,0,0,.35));height:auto;width:100%}.character--fox{bottom:8%;left:22%;width:clamp(7rem,14vw,13rem)}.character--owl{right:16%;top:11%;width:clamp(4.5rem,8vw,8rem)}.character:hover img{filter:brightness(1.15) drop-shadow(0 0 18px rgba(255,218,139,.68))}.shelf-gate{background:#1f110c14;border:1px solid rgba(255,213,133,.52);border-radius:1rem;bottom:18%;color:#fff6d6;cursor:pointer;display:grid;gap:.4rem;left:50%;padding:1rem 1.5rem;position:absolute;transform:translate(-50%);z-index:4}.shelf-gate span{font-size:1.1rem;font-weight:700}.shelf-gate small{color:#f8d697}.shelf-gate:hover{background:#ffc65d29;box-shadow:0 0 32px #ffbe4d59}.event-line{bottom:2rem;color:#f5e2bd;font-size:.9rem;left:50%;margin:0;position:absolute;text-align:center;transform:translate(-50%);width:min(80vw,42rem);z-index:3}.shelf-view{background:radial-gradient(circle at 50% 40%,#51454f 0,#20233e 34%,#090d20 74%);min-height:100svh;overflow:hidden;padding:clamp(5rem,12vh,7.5rem) 1rem 2rem;position:relative;text-align:center}.shelf-view:before{background:repeating-linear-gradient(90deg,transparent 0 9%,rgba(255,226,164,.06) 9.3% 9.5%);content:"";inset:0;pointer-events:none;position:absolute}.shelf-view h1{font-size:clamp(3rem,6vw,5.4rem);position:relative}.shelf-view .kicker{position:relative}.back{background:#fff2d01f;border:1px solid rgba(255,242,208,.45);border-radius:99px;color:#fff5da;cursor:pointer;left:clamp(1rem,4vw,4rem);padding:.62rem 1rem;position:absolute;top:1.4rem;z-index:5}.carousel{height:min(53vh,30rem);margin:1rem auto 0;max-width:31rem;position:relative}.book{background:#1a1a2d;border:1px solid rgba(255,230,174,.65);border-radius:.8rem 1rem 1rem .55rem;box-shadow:14px 16px 28px #0000005c,inset 3px 0 #ffffff1f;color:#fff6d9;cursor:pointer;height:min(51vh,29rem);left:27%;overflow:hidden;padding:0;position:absolute;top:0;transform-origin:center bottom;width:46%}.book:after{background:linear-gradient(180deg,transparent 32%,rgba(4,8,23,.85));content:"";inset:0;pointer-events:none;position:absolute}.book img{height:100%;object-fit:cover;width:100%}.book-spine,.book small{bottom:2rem;left:0;position:absolute;right:0;z-index:1}.book-spine{font:400 clamp(1.3rem,2.5vw,2rem) "Ma Shan Zheng",cursive}.book small{bottom:.7rem;color:#ffe0a1}.book--active{box-shadow:0 0 0 2px #ffe199,16px 24px 38px #00000073}.shelf-controls{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.6rem;position:relative}.round-control,.open-book,.continue{border:0;cursor:pointer}.round-control{background:transparent;border:1px solid rgba(255,232,183,.62);border-radius:50%;color:#ffe9bc;height:3rem;width:3rem}.open-book,.continue{background:#ffe3a4;border-radius:99px;color:#2b2032;font-weight:700;padding:.8rem 1.35rem}.carousel-help{color:#c6cce6;font-size:.85rem;position:relative}.reader{background:#13223d}.reader-art{transform-origin:center}.reader-character{bottom:9%;filter:drop-shadow(0 16px 14px rgba(0,0,0,.35));height:auto;position:absolute;right:7%;width:min(18vw,13rem);z-index:1}.reader-copy{left:clamp(1.25rem,7vw,7.5rem);max-width:39rem;position:absolute;top:22%;z-index:2}.reader-copy h1{font-size:clamp(3.1rem,6.7vw,6rem)}.reader-footer{align-items:center;bottom:1.5rem;display:flex;gap:1.2rem;justify-content:space-between;left:clamp(1.25rem,7vw,7.5rem);position:absolute;right:clamp(1.25rem,5vw,5rem);z-index:4}.reader-footer p{color:#fff0c9;font-weight:700;margin:0;max-width:32rem}.continue:disabled{cursor:default;opacity:.42}.scene-touch{background:transparent;border:0;cursor:pointer;height:13vmin;left:var(--x);min-height:4rem;min-width:4rem;padding:0;position:absolute;top:var(--y);transform:translate(-50%,-50%);width:13vmin;z-index:3}.scene-touch:before{animation:pulse 2s ease-in-out infinite;border:2px solid rgba(255,238,164,.95);border-radius:50%;content:"";inset:0;position:absolute}.scene-touch span{background:#080f21c2;border-radius:.6rem;bottom:calc(100% + .65rem);color:#fff6db;font-size:.78rem;left:50%;line-height:1.4;max-width:11rem;opacity:0;padding:.5rem .7rem;pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity .2s;width:max-content}.scene-touch:hover span,.scene-touch:focus-visible span{opacity:1}.reader-character--tide{animation:scuttle 3.2s ease-in-out infinite;width:min(21vw,16rem)}.reader-character--cloud{animation:float 3.7s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px #ffe18900;transform:scale(1.12)}}@keyframes fall{0%{translate:-4vw -14vh;rotate:-18deg}to{translate:8vw 118vh;rotate:260deg}}@keyframes scuttle{50%{translate:-18px 5px;rotate:3deg}}@keyframes float{50%{translate:9px -18px;rotate:5deg}}@media(max-width:700px){.home-copy{right:1.25rem;top:17%}.character--fox{bottom:19%;left:7%}.character--owl{right:5%;top:12%}.shelf-gate{bottom:12%}.reader-copy{right:1.25rem;top:17%}.reader-character{bottom:22%;right:2%;width:8rem}.reader-footer{align-items:flex-end}.reader-footer p{max-width:54%}.carousel{height:46vh}.book{height:43vh;left:20%;width:60%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.falling-leaves{display:none}}.world .home-copy{top:24%;max-width:24rem}.world .home-copy h1{font-size:clamp(3rem,5.3vw,5.5rem);line-height:1.08}.world .home-copy>p:last-child{color:#eddfc5;font-size:1rem}.world-wash{background:linear-gradient(90deg,rgba(3,10,28,.5),transparent 48%),linear-gradient(0deg,rgba(3,9,24,.5),transparent 25%)}.world .shelf-gate{left:54.5%;top:33%;bottom:27%;width:29%;border:0;background:transparent;box-shadow:none}.world .shelf-gate:hover{background:#ffdb8806}.home-books{display:flex;align-items:flex-end;gap:5%;position:absolute;left:43%;top:42%;width:24%;height:23%;z-index:4}.home-book{position:relative;width:30%;height:86%;padding:0;background:#261814;border:1px solid #baa071;border-radius:3px 7px 7px 3px;box-shadow:6px 8px 14px #130c1390;transform-origin:bottom center;cursor:pointer;transition:translate .3s,rotate .3s}.home-book:nth-child(2){height:94%;rotate:-3deg}.home-book:nth-child(3){rotate:3deg}.home-book:hover,.home-book:focus-visible{translate:0 -10px;rotate:-4deg}.home-book img{height:100%;width:100%;object-fit:cover;border-radius:inherit}.home-book span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#171223e8);color:#fff5d7;padding:1.8rem .15rem .4rem;font:400 clamp(.8rem,1.4vw,1.2rem) "Ma Shan Zheng",cursive}.read-bookmark{position:absolute;top:-1px;right:14%;width:14%;height:16%;background:#edcd84;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);z-index:3}.carousel{touch-action:pan-y;-webkit-user-select:none;user-select:none}.book img,.home-book img{pointer-events:none;-webkit-user-drag:none}.book--active{box-shadow:0 0 45px #e9b96128,16px 24px 38px #0007}.shelf-view{background:radial-gradient(ellipse at 50% 46%,#75603e 0,#292a2e 38%,#090f20 82%)}.shelf-view:before{background:linear-gradient(transparent 73%,#130e17 73.3%,transparent 76%)}.carousel-help{margin-top:2rem;color:#f2dfbb}.shelf-keyboard-help{color:#b2aeab;font-size:.8rem;opacity:0}.shelf-view:has(:focus-visible) .shelf-keyboard-help{opacity:1}.living-reader{--progress: 0;position:relative;height:100svh;min-height:480px;overflow:hidden;isolation:isolate;background:#101a21;color:#fff3d8}.living-reader button{-webkit-tap-highlight-color:transparent}.living-plate,.sleeping-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.living-plate{z-index:-3}.living-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(#06122285,transparent 20%,transparent 70%,#061222c9)}.living-top{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:max(1rem,env(safe-area-inset-top)) clamp(1rem,3.5vw,3.5rem) 1rem;position:relative;z-index:10}.living-top>span{font-size:.78rem;color:#e9e1c8;letter-spacing:.08em}.reading-tools{display:flex;align-items:center;gap:.4rem}.quiet-control{cursor:pointer;border:1px solid #eed7a630;background:#0919227d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f5e7cc;border-radius:99px;padding:.6rem .9rem;font-size:.83rem;min-height:44px}.quiet-control:hover{background:#38443ddd;border-color:#e9c98d80}.scene-stage{position:absolute;inset:0;z-index:1;pointer-events:none}.story-object,.destination,.hidden-friends{position:absolute;left:var(--x);top:var(--y);width:clamp(130px,21vw,290px);aspect-ratio:1;transform:translate(-50%,-50%)}.story-object{pointer-events:none;background:transparent;padding:0;border:0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overflow:visible}.story-object--touch{cursor:pointer}.story-object--hold{cursor:pointer;width:clamp(150px,23vw,330px)}.story-object.being-touched{cursor:grabbing}.story-object:focus-visible{outline:2px dashed #ffe7a9;outline-offset:4px;border-radius:30%}.object-motion{display:block;position:absolute;inset:0;transform-origin:center;pointer-events:auto}.prop-sprite{background-image:var(--sprite);background-size:300% 200%;background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat;display:block;position:absolute;inset:0;pointer-events:none}.story-object .prop-sprite--idle{opacity:calc(1 - var(--progress));filter:brightness(.78)}.story-object .prop-sprite--active{opacity:var(--progress)}.story-object--drag .prop-sprite--idle,.story-object--gather .prop-sprite--idle,.story-object--path .prop-sprite--idle{opacity:1;filter:none}.story-object--drag .prop-sprite--active,.story-object--gather .prop-sprite--active{opacity:0}.story-object--path{width:clamp(120px,16vw,220px)}.story-object--gather{width:clamp(100px,13vw,180px)}.story-object--gather .prop-sprite{background-size:600% 400%;background-position:0% 66.6667%;clip-path:inset(0 0 15% 0)}.destination{width:clamp(170px,25vw,350px);opacity:.7;transition:opacity 1s}.friends-together .destination{opacity:1}.hidden-friends{width:clamp(85px,13vw,170px)}.fox-friend{position:absolute;width:clamp(150px,23vw,300px);aspect-ratio:.75;left:10%;bottom:15%;transform-origin:center bottom}.fox-sprite{display:block;position:absolute;inset:0;background:var(--actor) 0% 50% / 300% 100% no-repeat;filter:drop-shadow(0 16px 12px #040c1a50);pointer-events:none}[data-actor=notice] .fox-sprite{background-position-x:50%}[data-actor=happy] .fox-sprite{background-position-x:100%}.story-object--fox{width:clamp(200px,30vw,420px);aspect-ratio:.75}.scene-glow{position:absolute;left:var(--x);top:var(--y);width:clamp(180px,38vw,600px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#ffd97935,#ffcb7210 40%,transparent 68%);mix-blend-mode:screen;opacity:var(--progress);pointer-events:none}.scene-caption{position:absolute;bottom:max(2rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:42rem;z-index:4;text-align:center;pointer-events:none;text-shadow:0 2px 12px #020b17}.scene-whisper{color:#e5d1a6;font-size:.82rem;letter-spacing:.18em;margin:0 0 .65rem}#scene-instruction{font:400 clamp(1.5rem,3vw,2.5rem)/1.4 "Ma Shan Zheng",cursive;margin:0;text-wrap:balance}#keyboard-help{position:absolute;top:100%;left:0;right:0;font-size:.8rem;color:#d9cfbb;opacity:0;margin:.45rem 0 0}.living-reader:has(.story-object:focus-visible) #keyboard-help{opacity:1}.show-hint .object-motion,.show-demo .destination{filter:drop-shadow(0 0 14px #ffe39a90)}.show-demo .story-object--hold .prop-sprite--active{opacity:.45}.show-demo .story-object--hold .prop-sprite--idle{opacity:.55}.sleeping-scene{opacity:0;z-index:2}.sleeping-scene[hidden]{display:none}.pause-veil{position:absolute;inset:0;z-index:8;background:#07131acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;align-content:center;justify-items:center;gap:1rem}.pause-veil[hidden]{display:none}.pause-veil p{font:400 clamp(2rem,5vw,4rem) "Ma Shan Zheng",cursive;margin:0}.pause-veil .quiet-control{padding:.9rem 1.5rem;font-size:1rem}.book-curtain{position:absolute;inset:0;z-index:6;background:#0b1720;transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none}.asset-fallback{position:absolute;left:50%;top:35%;transform:translate(-50%);z-index:7;max-width:80vw}.asset-fallback[hidden]{display:none}.living-reader:after{content:"";position:absolute;left:var(--explore-x);top:var(--explore-y);width:70px;height:70px;margin:-35px;border-radius:50%;pointer-events:none;z-index:3;opacity:0;background:radial-gradient(circle,#fff1ac90,transparent 65%)}.living-reader.exploring:after{animation:small-glimmer .7s ease-out both}.is-paused *,.is-paused:after{animation-play-state:paused!important}@keyframes small-glimmer{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}@media(max-width:700px){.world .home-copy{top:16%;left:1.3rem}.world .home-copy h1{font-size:3rem}.world .home-copy .kicker{font-size:.68rem}.world .home-copy>p:last-child{display:none}.home-books{left:25%;top:43%;width:50%;height:22%;gap:5%}.world .shelf-gate{left:50%;top:36%;width:65%;bottom:29%}.world .character--fox{bottom:12%;left:9%;width:8rem}.world .character--owl{right:8%;top:12%;width:4.5rem}.world .event-line{bottom:1.5rem;font-size:.86rem}.living-top{gap:.3rem;flex-wrap:wrap;padding:.75rem}.living-top>span{order:3;width:100%;text-align:center;font-size:.7rem;padding-top:.3rem}.quiet-control{padding:.55rem .72rem}.reading-tools{margin-left:auto;gap:.25rem}.fox-friend{left:2%;bottom:15%;width:clamp(115px,30vw,180px)}.story-object{width:clamp(140px,32vw,210px)}.story-object--gather{width:110px}.story-object--path{width:130px}.story-object--fox{width:235px}.destination{width:185px}.scene-caption{bottom:2.3rem}#scene-instruction{font-size:clamp(1.5rem,6vw,2rem)}}@media(max-height:550px)and (min-width:701px){.living-reader{min-height:320px}.living-top{padding:.5rem 1rem}.scene-caption{bottom:.8rem}.scene-whisper{margin-bottom:.25rem}.story-object{width:140px}.story-object--fox{width:180px}.fox-friend{width:145px;bottom:15%}.destination{width:170px}}@media(prefers-reduced-motion:reduce){.home-book{transition:none}.home-book:hover{translate:none;rotate:none}.living-reader.exploring:after{animation:none}}.living-reader--tide .living-shade,.living-reader--cloud .living-shade{background:linear-gradient(#15394c75,transparent 22%,transparent 68%,#173948d9)}.living-reader--tide .scene-glow{background:radial-gradient(ellipse,#a8ffff60,#a8e7ec20 40%,transparent 68%)}.living-reader--cloud .scene-glow{background:radial-gradient(ellipse,#fff2c360,#ffe3af20 40%,transparent 68%)}.story-object--actor{width:clamp(170px,25vw,360px);aspect-ratio:.75}.living-reader--forest .story-object--actor{width:clamp(200px,30vw,420px)}.living-reader--tide .fox-friend{width:clamp(145px,22vw,290px);aspect-ratio:1}.living-reader--cloud .fox-friend{width:clamp(120px,16vw,230px);bottom:25%}.living-reader--cloud .story-object--actor{width:clamp(130px,18vw,250px)}.scene-obstacle,.scene-scenery{position:absolute;width:clamp(140px,22vw,290px);aspect-ratio:1;left:var(--x, 76%);top:var(--y, 68%);transform:translate(-50%,-50%)}.gesture-trail{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.gesture-trail path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.trail-guide{stroke:#fff5d599;stroke-width:3;stroke-dasharray:2 16;opacity:.35}.trail-drawn{stroke:#fff4c4;stroke-width:7;filter:drop-shadow(0 0 5px #f2c76b)}.gesture-trail--sand .trail-drawn{stroke:#b07840;filter:drop-shadow(0 2px 1px #ffedb6)}.gesture-trail--water .trail-drawn{stroke:#d8ffff;filter:drop-shadow(0 0 5px #68dbea)}.gesture-trail--rain .trail-drawn{stroke:#b8e9ff;stroke-dasharray:5 12;filter:drop-shadow(0 0 4px #5bb4da)}.show-hint .trail-guide,.show-demo .trail-guide{opacity:1}.living-reader--tide .hidden-friends{width:clamp(105px,16vw,210px)}.story-cargo{position:absolute;inset:36% 20% 5% 23%;pointer-events:none}@media(max-width:700px){.story-object--actor{width:235px}.living-reader--cloud .story-object--actor{width:145px}.living-reader--tide .fox-friend{width:125px}.living-reader--cloud .fox-friend{width:110px;left:3%}.scene-obstacle,.scene-scenery{width:145px}}@media(max-height:550px)and (min-width:701px){.story-object--actor,.living-reader--forest .story-object--actor{width:180px}.living-reader--cloud .story-object--actor{width:130px}}.story-object:focus-visible{outline:none}.story-object:focus-visible .object-motion{outline:2px dashed #ffe7a9;outline-offset:4px;border-radius:30%}.living-reader--cloud .fox-friend,.living-reader--cloud .story-object--actor{aspect-ratio:1}.living-reader--tide [data-prop="2"] .prop-sprite,.living-reader--tide .hidden-friends .prop-sprite,.story-cargo .prop-sprite{clip-path:inset(0 0 0 10%)}.story-cargo{opacity:calc(1 - var(--progress))}