@font-face{font-family:Caveat;src:url(/fonts/caveat.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Patrick Hand;src:url(/fonts/patrickhand.woff2) format("woff2");font-weight:400;font-display:swap}:root{--bone: #f8f8f6;--paper: #ffffff;--stone: #efeeeb;--ink: #121212;--graphite: #373734;--ashen: #7b7974;--chalk: #e7e6e1;--clay: #d97757;--hand: "Caveat", "Bradley Hand", "Noteworthy", "Chalkboard SE", cursive;--hand-alt: "Patrick Hand", "Noteworthy", "Bradley Hand", cursive;--brush: "Caveat", "SignPainter", "Bradley Hand", cursive;--c-yellow: #f4c542;--c-orange: #ea8c3e;--c-red: #d9534f;--c-pink: #ec9ab5;--c-purple: #9483c9;--c-blue: #5b8fd0;--c-sky: #a9d4ee;--c-green: #6fae5f;--c-leaf: #97cc72;--c-brown: #b07a45;--c-teal: #4fb3a5;--c-cream: #fdf3d8;--P: 1500}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bone);color:var(--ink);font-family:var(--hand);-webkit-font-smoothing:antialiased}.defs{position:absolute;width:0;height:0}.screen{position:fixed;inset:0;overflow:hidden;background:#efeee9;display:grid;place-items:center}.stage{position:relative;width:1280px;height:720px;flex:none;perspective:1500px;perspective-origin:50% 46%;overflow:hidden;transform:scale(var(--fit, 1));transform-origin:center center;background:radial-gradient(120% 90% at 50% 8%,#fdfdfb 0%,var(--bone) 46%,#f0efec 100%);box-shadow:0 10px 50px #28281e24}.rotate-gate{position:fixed;inset:0;z-index:80;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;text-align:center;background:#f6f5f1}.rotate-phone{width:110px;height:110px;animation:tip 2.6s ease-in-out infinite}@keyframes tip{0%,55%,to{transform:rotate(0)}72%,88%{transform:rotate(-90deg)}}.rotate-title{font-family:var(--hand);font-weight:700;font-size:27px;color:var(--ink);margin:6px 0 0}.rotate-sub{font-family:var(--hand-alt);font-size:16px;color:var(--ashen);margin:0;max-width:22em;line-height:1.6}.rotate-skip{margin-top:10px}@media(orientation:portrait)and (max-width:900px){body.portrait-gate .rotate-gate{display:flex}}@media(max-height:500px){.hud{padding:6px 12px 8px;gap:10px}.hud .time{display:none}.progress{width:min(34vw,240px)}.hint{bottom:44px;font-size:13px;padding:4px 10px}}.world{position:absolute;top:0;left:0;height:100%;transform-style:preserve-3d;will-change:transform}.zone{position:absolute;top:0;height:100%;transform-style:preserve-3d}.layer{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(var(--z, 0) * 1px)) scale(calc((var(--P) - var(--z, 0)) / var(--P)))}.layer.content{transform:none}.ground{position:absolute;inset:-20% -420px;background-color:var(--bone);background-image:repeating-linear-gradient(to bottom,transparent 0 31px,rgba(123,121,116,.2) 31px 32px)}.slab-top,.slab-trim,.slab-face{position:absolute;left:-420px;right:-420px}.slab-top{bottom:22%;height:8%;background:repeating-linear-gradient(to bottom,rgba(90,130,70,.16) 0 1px,transparent 1px 17px),linear-gradient(to bottom,#c3ddaa,#d2e6ba 55%,#dcecc6);box-shadow:inset 0 2px #4a6e3840}.slab-trim{bottom:19.4%;height:2.7%;background:repeating-linear-gradient(to right,rgba(150,96,72,.5) 0 1px,transparent 1px 34px),linear-gradient(to bottom,#e0b49c,#d5a488)}.slab-face{bottom:0;height:19.4%;background-blend-mode:multiply,normal;background:repeating-linear-gradient(to right,rgba(60,96,48,.13) 0 1px,transparent 1px 26px),linear-gradient(to bottom,#9cc084,#8bb073 60%,#7ea067);box-shadow:inset 0 3px 6px #324a2638}.terr{position:absolute;top:0;bottom:0}.terr>i{position:absolute;left:0;right:0;display:block}.terr .t-top{bottom:22%;height:8%}.terr .t-trim{bottom:19.4%;height:2.7%}.terr .t-face{bottom:0;height:19.4%}.terr-grass .t-top{background:repeating-linear-gradient(to bottom,rgba(90,130,70,.16) 0 1px,transparent 1px 17px),linear-gradient(to bottom,#c3ddaa,#dcecc6)}.terr-grass .t-trim{background:linear-gradient(to bottom,#e0b49c,#d5a488)}.terr-grass .t-face{background:repeating-linear-gradient(to right,rgba(60,96,48,.13) 0 1px,transparent 1px 26px),linear-gradient(to bottom,#aecb98,#92b17c)}.terr-wood .t-top{background:repeating-linear-gradient(to right,rgba(120,80,44,.2) 0 2px,transparent 2px 58px),repeating-linear-gradient(to bottom,rgba(120,80,44,.1) 0 1px,transparent 1px 13px),linear-gradient(to bottom,#e4c9a6,#f0dcbf)}.terr-wood .t-trim{background:linear-gradient(to bottom,#cba57c,#bc9268)}.terr-wood .t-face{background:repeating-linear-gradient(to right,rgba(90,58,30,.17) 0 2px,transparent 2px 58px),linear-gradient(to bottom,#d3b28c,#c09a72)}.terr-dirt .t-top{background:radial-gradient(circle at 20% 60%,rgba(120,86,48,.22) 0 3px,transparent 4px),radial-gradient(circle at 63% 30%,rgba(120,86,48,.18) 0 2px,transparent 3px),linear-gradient(to bottom,#d8c39b,#e6d6b4);background-size:90px 100%,140px 100%,100% 100%}.terr-dirt .t-trim{background:linear-gradient(to bottom,#c49a6a,#b08a5c)}.terr-dirt .t-face{background:repeating-linear-gradient(to right,rgba(110,80,44,.12) 0 1px,transparent 1px 20px),linear-gradient(to bottom,#d6c09a,#c0a97f)}.terr-stone .t-top{background:repeating-linear-gradient(to right,rgba(96,100,104,.34) 0 2px,transparent 2px 84px),linear-gradient(to bottom,#cfd2cc,#e0e2dc)}.terr-stone .t-trim{background:linear-gradient(to bottom,#a9adb2,#969ba1)}.terr-stone .t-face{background:repeating-linear-gradient(to right,rgba(80,84,88,.26) 0 2px,transparent 2px 84px),repeating-linear-gradient(to bottom,rgba(80,84,88,.16) 0 1px,transparent 1px 30px),linear-gradient(to bottom,#c6cac5,#b0b5b0)}.terr-meadow .t-top{background:repeating-linear-gradient(to bottom,rgba(72,124,54,.2) 0 1px,transparent 1px 14px),linear-gradient(to bottom,#b3d894,#cbe8b0)}.terr-meadow .t-trim{background:linear-gradient(to bottom,#dcb08f,#cb9d78)}.terr-meadow .t-face{background:repeating-linear-gradient(to right,rgba(52,88,40,.14) 0 1px,transparent 1px 22px),linear-gradient(to bottom,#a3c78a,#86a86e)}.terr:after{content:"";position:absolute;left:-3px;top:0;bottom:0;width:6px;background:linear-gradient(to right,#28281e29,#28281e00)}.ink{pointer-events:none}.ink path,.ink line,.ink polyline,.ink circle{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ink .thin{stroke-width:1.8}.ink .soft{stroke:var(--ashen);stroke-width:1.7}.ink .accent{stroke:var(--clay)}.ink .cut-paper{fill:url(#ruled);stroke:none}.ink .crayon{stroke:none;opacity:.78;mix-blend-mode:multiply}.ink .on-fill{stroke:#fffdf5;stroke-width:3.4}.ink .s-yellow{stroke:#c9971f}.ink .s-orange{stroke:#b96326}.ink .s-red{stroke:#a83a36}.ink .s-purple{stroke:#63549b}.ink .s-blue{stroke:#2f5f96}.ink .s-green{stroke:#3f7a34}.ink .s-brown{stroke:#7d5228}.ink .s-pinkish{stroke:#d98aa2}.sign-text{font-family:var(--hand);font-weight:700;font-size:27px;fill:#7d5228;stroke:none}.critter,.plane,.ivy{will-change:transform}.sky,.grassband{position:absolute;left:-420px;right:-420px}.sky{top:0;height:27%;background:repeating-linear-gradient(94deg,#78b2e242 0 9px,#78b2e217 9px 19px);-webkit-mask-image:linear-gradient(to bottom,#000 0 52%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0 52%,transparent 100%)}.grassband{display:none}.ink .road-line{stroke:#a8804e;stroke-width:5;opacity:.75}.stand{filter:url(#boil) drop-shadow(9px 13px 5px rgba(74,84,52,.3))!important}.ink .ui-hint{font-family:var(--hand-alt);font-size:20px;fill:#7b7974;stroke:none}.ink .ui-typed{font-family:var(--hand);font-size:27px;fill:#373734;stroke:none}.fig path{stroke-width:3.1}.fig .coat-panel{fill:#fdfdfb;stroke:#6f6c64;stroke-width:2.4}.fig .coat-line{stroke:#6f6c64;stroke-width:1.9;fill:none}.fig .coat-btn{stroke:#6f6c64;stroke-width:2.6}.fig .pen{stroke:#d9534f;stroke-width:2.4}.fig .pen-cap{stroke:#5b8fd0;stroke-width:2.6}.fig .f-skull{fill:#fffef9}.fig .f-hair{stroke-width:2.5}.fig .f-specs path{stroke:#373734;stroke-width:2.3;fill:#a9d4ee2b}.fig .f-eye{stroke-width:3.4}.fig .f-mouth{stroke-width:2.4}.fig .f-brow{stroke-width:2.2}.fig .f-sweat{stroke:#5b8fd0;stroke-width:2;fill:#a9d4ee}.fig .f-puff{stroke:#9c9a93;stroke-width:1.8;fill:none}.boil{filter:url(#boil)}.ink{filter:drop-shadow(0 5px 6px rgba(18,18,18,.07))}.boil{filter:url(#boil) drop-shadow(0 5px 6px rgba(18,18,18,.07))}.pic{pointer-events:none;line-height:0}.fore{filter:blur(1.4px)}.slices{display:flex;flex-direction:column}.slices>i{display:block;width:100%;background-repeat:no-repeat;transform-origin:50% 50%;will-change:transform;filter:drop-shadow(6px 9px 5px rgba(74,84,52,.22))}.pic img{width:100%;height:auto;display:block;filter:drop-shadow(0 2px 2px rgba(18,18,18,.1)) drop-shadow(9px 14px 7px rgba(74,84,52,.26))}.pic-ruled:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-.7deg,rgba(143,182,216,.5) 0 1px,transparent 1px 19px);-webkit-mask-image:var(--src);mask-image:var(--src);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mix-blend-mode:multiply;opacity:.55;pointer-events:none}.slide-thumb img{width:100%;height:auto;display:block;border:2px solid #b6a88f;border-radius:2px;background:#fff;filter:drop-shadow(0 2px 2px rgba(18,18,18,.12)) drop-shadow(5px 8px 5px rgba(74,84,52,.22))}.hand-big{font-family:var(--hand);font-weight:700;font-size:52px;line-height:1.24;letter-spacing:.005em;color:var(--ink);margin:0;transform:rotate(-.7deg)}.hand-beat{font-family:var(--hand);font-weight:700;font-size:25px;line-height:1.42;color:var(--graphite);margin:0;transform:rotate(-.4deg)}.hand-note{font-family:var(--hand-alt);font-size:16px;line-height:1.5;color:var(--ashen);margin:0;transform:rotate(.5deg)}.hand-say{font-family:var(--hand);font-weight:700;font-size:18px;line-height:1.44;color:var(--graphite);margin:0}.hand-tiny{font-family:var(--hand-alt);font-size:13px;color:var(--ashen);margin:0;transform:rotate(-2deg)}.hand-sign{font-family:var(--brush);font-size:90px;line-height:1;color:var(--ink);margin:0;transform:rotate(-1.6deg)}.claim{position:absolute;padding:4px 10px;transform:rotate(-.8deg);background:linear-gradient(to bottom,transparent 12%,rgba(217,119,87,.16) 12%,rgba(217,119,87,.16) 88%,transparent 88%)}.nightfall{position:absolute;inset:-20% -14% 0;background:linear-gradient(to bottom,#3a42764d,#3a427629 46%,#3a427605 78%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 78%,transparent 100%);pointer-events:none}.filelist{position:absolute}.hand-file{font-family:var(--mono, ui-monospace, monospace);font-size:15px;line-height:1.85;color:var(--graphite);margin:0;white-space:nowrap}.hand-file:before{content:"✓ ";color:#6fae5f;font-weight:700}.hand-sign.cta{font-size:59px;color:#b23c38;white-space:nowrap;text-decoration:none;pointer-events:auto;cursor:pointer}.hand-sign.cta:hover{color:#8f2f2c}.tagline{max-width:none}html[lang^=zh] .hand-big{font-size:44px;line-height:1.34}html[lang^=zh] .hand-beat{font-size:22px;line-height:1.5}html[lang^=zh] .hand-note{font-size:15px}html[lang^=zh] .hand-say{font-size:17px}.grain{position:fixed;inset:0;pointer-events:none;opacity:.6;mix-blend-mode:multiply;filter:url(#grain);z-index:40}.vignette{position:fixed;inset:0;pointer-events:none;z-index:41;background:radial-gradient(58% 48% at 22% 14%,rgba(255,214,140,.2),transparent 68%),radial-gradient(74% 62% at 50% 42%,transparent 44%,rgba(28,26,18,.1) 100%)}.stage{cursor:grab}.stage.grabbing{cursor:grabbing}.hint{position:fixed;left:50%;bottom:62px;transform:translate(-50%) rotate(-.8deg);z-index:62;font-family:var(--hand-alt);font-size:15px;color:var(--ashen);padding:5px 14px;border:1.5px solid var(--chalk);border-radius:14px 11px 15px 10px;background:#ffffffd1;transition:opacity .5s ease,transform .5s ease;pointer-events:none}.hint.gone{opacity:0;transform:translate(-50%) translateY(8px)}.chapters{position:fixed;left:50%;bottom:112px;transform:translate(-50%);z-index:61;display:flex;gap:5px;padding:5px 8px;border-radius:16px;background:#ffffffb8;border:1.5px solid var(--chalk);opacity:0;pointer-events:none;transition:opacity .28s ease}.chapters.shown{opacity:1;pointer-events:auto}.chapters button{appearance:none;border:0;background:transparent;font-family:var(--hand-alt);font-size:12.5px;color:var(--ashen);padding:3px 8px;border-radius:9px;cursor:pointer;white-space:nowrap}.chapters button:hover{background:var(--stone);color:var(--ink)}.chapters button[aria-current=true]{background:var(--ink);color:#fdfdfb}@media(max-height:500px){.chapters{bottom:74px;gap:3px;padding:3px 6px}.chapters button{font-size:11px;padding:2px 6px}}.hud{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:14px clamp(16px,3vw,40px) 16px;background:linear-gradient(to top,#f8f8f6e6,#f8f8f600)}.hud-left{justify-self:start}.hud-right{justify-self:end;display:flex;align-items:center;gap:10px}.chapter,.time{font-family:var(--hand-alt);font-size:13px;color:var(--ashen)}.progress{width:min(42vw,460px);height:1.5px;background:var(--chalk);position:relative}.progress i{position:absolute;left:0;top:-.75px;height:3px;width:0;background:var(--ink);display:block}.ctl{appearance:none;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:12px 10px 13px 9px;padding:4px 12px;font-family:var(--hand);font-size:14px;cursor:pointer}.ctl:hover{background:var(--stone)}@media(prefers-reduced-motion:reduce){.grain{display:none}.boil{filter:drop-shadow(0 5px 6px rgba(18,18,18,.07))}}