:root{color:#263e35;font-synthesis:none;background:#d6d5bc;font-family:ui-sans-serif,system-ui,-apple-system,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:#30493d;background:#f7f0dc;border:1px solid #64746555;border-radius:10px;min-height:46px;padding:12px 18px;font-weight:600}button:hover{background:#e5dbc0}button:focus-visible{outline-offset:3px;outline:3px solid #be743c}.primary{color:#fff8e6;background:#345d4c}.primary:hover{background:#254838}[hidden]{display:none!important}#world{width:100%;height:100%;position:fixed;inset:0}#app{pointer-events:none;position:fixed;inset:0}#app button,#app input,.paper,.map-box,#joystick{pointer-events:auto}.hud{justify-content:space-between;align-items:start;gap:16px;display:flex;position:absolute;top:20px;left:24px;right:24px}.chapter{background:#faf0dceb;border:1px solid #fff8;border-radius:12px;padding:14px 20px;box-shadow:0 5px 25px #233c3520}.eyebrow{letter-spacing:2px;color:#72765c;font-size:11px}h2{margin:5px 0;font-size:20px}p{line-height:1.8}#task{margin:3px 0 0;font-size:14px}.tools{gap:8px;display:flex}.status{background:#fbf4e2e8;border-radius:10px;gap:8px;padding:12px 16px;font-size:13px;display:grid;position:absolute;top:146px;left:24px}meter{width:130px;height:12px}#saved{color:#737664;font-size:11px}.map-box{background:#f5ecd9;border-radius:12px;width:166px;padding:8px;position:absolute;top:84px;right:24px;box-shadow:0 3px 20px #17342b25}.map-box canvas{border-radius:6px;width:100%;display:block}.map-box p{margin:5px 0 0;font-size:10px;line-height:1.5}.map-box.large{width:min(62vw,480px);top:50%;right:50%;transform:translate(50%,-50%);box-shadow:0 0 0 100vmax #17342b66}.bottom{justify-content:space-between;align-items:end;gap:14px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.keyboard{background:#fbf3dfdf;border-radius:8px;margin:0;padding:10px 14px;font-size:12px}#interact{color:#fff4de;background:#365b49;max-width:440px;box-shadow:0 4px 16px #162f3d33}#message{background:#fff1d8;border-radius:10px;width:max-content;max-width:600px;padding:12px 20px;font-size:14px;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 3px 14px #3332}.veil{pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#213f3555;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.paper{background:#f9f1dc;border:1px solid #fff9;border-radius:20px;width:min(620px,100%);max-height:92dvh;padding:38px;overflow:auto;box-shadow:0 20px 100px #26372d35}.paper h1{letter-spacing:1px;margin:14px 0 20px;font-family:Georgia,Songti SC,serif;font-size:36px}.paper p{font-size:15px}.paper .lead{color:#47614e;font-size:19px}.actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.fine{color:#707567;font-size:12px!important}.tags{gap:8px;margin-top:22px;display:flex}.tags span{border:1px solid #a8ad91;border-radius:40px;padding:6px 12px;font-size:12px}.touch{display:none}.touch-actions{gap:8px;display:grid}#joystick{touch-action:none;background:#faf0dba8;border:2px solid #fff7;border-radius:50%;place-items:center;width:112px;height:112px;display:grid}#joystick i{pointer-events:none;background:#3b6159b8;border-radius:50%;width:50px;height:50px}#sprint{touch-action:none;-webkit-user-select:none;user-select:none}@media (pointer:coarse),(width<=700px){.touch{justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.keyboard{display:none}.hud{gap:6px;top:12px;left:12px;right:12px}.chapter{max-width:calc(100% - 100px);padding:10px 12px}h2{font-size:16px}.eyebrow{letter-spacing:1px;font-size:9px}#task{font-size:12px}.tools{gap:4px;display:grid}.tools button{min-height:44px;padding:8px 10px;font-size:12px}.status{max-width:calc(100% - 134px);padding:8px;font-size:11px;top:145px;left:12px}.map-box{width:110px;top:130px;right:12px}.map-box p{font-size:8px}.map-box.large{width:88vw;top:46%;right:50%}.bottom{justify-content:center;bottom:152px;left:12px;right:12px}#interact{padding:10px 12px;font-size:13px}#message{width:calc(100% - 24px);padding:10px;font-size:12px;bottom:210px}.paper{border-radius:14px;max-height:94dvh;padding:23px}.paper h1{margin:10px 0 15px;font-size:27px}.paper p{font-size:13px;line-height:1.7}.paper .lead{font-size:16px}.veil{padding:12px}.actions{margin-top:18px}.actions button{flex-grow:1}.tags{gap:5px}.tags span{padding:5px 8px;font-size:11px}}@media (height<=550px){.status{top:120px}.map-box{top:115px}.chapter{padding:7px 12px}.touch{bottom:10px}#joystick{width:86px;height:86px}.bottom{bottom:112px}#message{bottom:163px}.paper{max-height:94dvh}.map-box.large{width:min(60vh,400px);top:50%}}#world{touch-action:none}.orbit-buttons{gap:8px;display:flex}.orbit-buttons button{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;padding:5px 12px;font-size:22px}.map-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 6px;margin-top:8px;font-size:10px;line-height:1.4;display:grid}.map-legend span{white-space:nowrap;align-items:center;gap:5px;display:flex}.map-legend i{border:1px solid #30493d80;border-radius:50%;flex:0 0 9px;width:9px;height:9px;display:inline-block}.map-legend i.square{border-radius:1px}@media (width<=700px){.map-legend{gap:4px;font-size:9px}.map-legend span{gap:3px}}.loading-veil{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#273a34b8}.loading-paper{--load-wall:#d2c8ad;--load-roof:#687264;--load-leaf:#819365;--load-road:#b8b5a1;--load-sky:#dce2c8;width:min(650px,100%);padding:30px 32px 22px}.loading-paper[data-season="1"]{--load-wall:#d4cdb1;--load-roof:#657365;--load-leaf:#607b58;--load-road:#b7b5a0;--load-sky:#dce7da}.loading-paper[data-season="2"]{--load-wall:#dac8a6;--load-roof:#78725d;--load-leaf:#a68c51;--load-road:#c2b49b;--load-sky:#e9dfc4}.loading-paper[data-season="3"]{--load-wall:#d0d0c3;--load-roof:#787e78;--load-leaf:#8c9386;--load-road:#bdc3be;--load-sky:#dfe5e2}.loading-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.loading-stamp{color:#8e6345;border:1px solid #aa8c64;padding:4px 8px;font-family:Georgia,Songti SC,serif;font-size:12px;transform:rotate(3deg)}.loading-paper h1{margin:16px 0 5px;font-size:32px}.loading-paper .loading-season-line{color:#68725c;margin:0 0 19px;font-size:13px}.loading-scene{background:var(--load-sky);isolation:isolate;border:1px solid #aaa88d55;border-radius:10px;height:205px;position:relative;overflow:hidden}.loading-sun{opacity:.8;background:#f4e6b5;border-radius:50%;width:44px;height:44px;position:absolute;top:20px;right:80px}.loading-street{width:100%;height:100%;position:absolute;inset:0}.loading-houses{will-change:transform;animation:17s linear infinite loading-lane}.loading-mom{width:51px;height:86px;position:absolute;bottom:18px;left:29%;transform:rotate(3deg)}.loading-mom svg,.loading-runner svg{width:100%;height:100%;display:block;overflow:visible}.loading-runner{touch-action:manipulation;z-index:2;border-radius:6px;width:53px;height:81px;min-height:0;transition:transform .25s;position:absolute;bottom:16px;left:56%;background:0 0!important;border:0!important;padding:0!important}.loading-runner span{color:#fff6df;background:#4f6757;border-radius:20px;width:max-content;padding:4px 8px;font-size:10px;font-weight:500;position:absolute;top:-23px;left:50%;transform:translate(-50%)}.loading-person-body{transform-origin:24px 76px;animation:.24s ease-in-out infinite alternate loading-bob}.loading-leg,.loading-arm{fill:none;stroke-linecap:round;stroke-linejoin:round}.loading-leg{stroke:#48534d;stroke-width:6px;transform-origin:24px 49px;animation:.32s ease-in-out infinite alternate loading-stride}.loading-arm{stroke:#9eab90;stroke-width:5px;transform-origin:25px 28px;animation:.32s ease-in-out infinite alternate-reverse loading-stride}.loading-leg.back,.loading-arm.back{animation-direction:alternate-reverse}.loading-mom .loading-person-body{animation-duration:.34s}.loading-mom .loading-leg,.loading-mom .loading-arm{animation-duration:.42s}.loading-cheer{color:#52684f;font-size:12px;font-weight:600;position:absolute;top:35px;left:50%;transform:rotate(-5deg)}.is-boosting .loading-runner{transform:translate(36px)rotate(6deg)}.is-boosting .loading-runner .loading-leg,.is-boosting .loading-runner .loading-arm{animation-duration:.14s}.is-boosting .loading-runner span{opacity:0}.loading-flakes{pointer-events:none;position:absolute;inset:0}.loading-flakes i{width:5px;height:8px;left:calc(9% + var(--n)*16%);background:var(--load-leaf);animation:loading-leaf calc(5s + var(--n)*.6s) linear infinite;animation-delay:calc(var(--n)*-.9s);opacity:.75;border-radius:0 80%;position:absolute;top:-12px}.loading-paper[data-season="1"] .loading-flakes{display:none}.loading-paper[data-season="3"] .loading-flakes i{opacity:.9;background:#fff;border-radius:50%;width:4px;height:4px}.loading-progress{gap:5px;min-height:48px;margin-top:20px;display:grid}.loading-progress strong{color:#365344;font-size:16px;font-weight:650}.loading-progress>span{color:#747560;font-size:12px;line-height:1.6}.loading-steps{color:#858570;grid-template-columns:1fr 1.35fr 1fr 1fr;gap:8px;margin:16px 0 20px;padding:0;font-size:11px;list-style:none;display:grid}.loading-steps li{white-space:nowrap;border-top:3px solid #ded9c6;padding-top:8px}.loading-steps li.is-active{color:#83663f;border-color:#b5975d}.loading-steps li.is-done{color:#496643;border-color:#637c59}.loading-steps li.is-done:before{content:"✓ ";font-size:10px}.loading-steps span{font-variant-numeric:tabular-nums;font-size:10px}.loading-tip{border-top:1px dashed #b2b69c;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;padding-top:14px;display:grid}.loading-tip>span{color:#8c7355;letter-spacing:1px;grid-column:1/-1;font-size:10px}.loading-paper .loading-tip p{align-items:center;min-height:38px;margin:0;font-size:12px;line-height:1.7;display:flex}.loading-tip-next{color:#62735a;background:0 0;border:0;border-bottom:1px solid #acae96;border-radius:0;min-height:40px;padding:4px 0;font-size:11px;font-weight:500}.loading-tip-next:hover{color:#30493d;background:0 0}.loading-paper .loading-note{color:#898876;text-align:center;margin:16px 0 0;font-size:10px}.loading-slow{background:#ede4ce;border-radius:8px;margin-top:12px;padding:12px}.loading-paper .loading-slow p{margin:0 0 8px;font-size:12px;line-height:1.6}.loading-slow button{min-height:40px;padding:8px 12px;font-size:12px}.loading-error-detail{overflow-wrap:anywhere}@keyframes loading-lane{to{transform:translate(-600px)}}@keyframes loading-bob{to{transform:translateY(-2px)rotate(2deg)}}@keyframes loading-stride{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}@keyframes loading-leaf{to{transform:translate(25px,220px)rotate(200deg)}}@media (width<=700px){.loading-paper{padding:23px 20px 17px}.loading-paper h1{margin:15px 0 7px;font-size:25px}.loading-paper .loading-season-line{margin-bottom:17px;font-size:12px}.loading-scene{height:180px}.loading-stamp{padding:4px 6px;font-size:10px}.loading-mom{width:46px;height:77px;left:23%}.loading-runner{width:49px;height:76px;left:55%}.loading-progress{min-height:52px;margin-top:17px}.loading-progress strong{font-size:14px}.loading-progress>span{font-size:11px}.loading-steps{gap:6px;margin:13px 0 16px;font-size:10px}.loading-tip{gap:3px 9px;padding-top:11px}.loading-paper .loading-tip p{font-size:11px}.loading-paper .loading-note{margin-top:12px;font-size:9px}.loading-cheer{font-size:11px;left:42%}}@media (height<=600px){.loading-paper{padding:16px 24px}.loading-paper h1{margin:7px 0 3px;font-size:24px}.loading-paper .loading-season-line{margin-bottom:10px}.loading-scene{height:135px}.loading-progress{min-height:42px;margin-top:12px}.loading-steps{margin:8px 0 10px}.loading-note{display:none}.loading-mom{height:68px}.loading-runner{height:67px}.loading-paper .loading-tip p{min-height:28px}}@media (prefers-reduced-motion:reduce){.loading-houses,.loading-person-body,.loading-leg,.loading-arm,.loading-flakes i{animation:none!important}.loading-flakes{display:none}.loading-runner{transition:none}.is-boosting .loading-runner{transform:none}.loading-runner span{opacity:1!important}}
