@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500&display=swap";:root{font-family:Microsoft YaHei,sans-serif;color:#46655e;background:#dcebe6;font-synthesis:none;--ink:#46655e;--muted:#647f78;--serif:"Noto Serif SC","SimSun",serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:var(--ink);-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #9a655c;outline-offset:6px}button:disabled{cursor:default}button svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}#game{position:relative;width:100%;height:100svh;min-height:420px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#edf2e9 0,#dcebe6 52%,#bfd9d1)}#scene{position:absolute;top:0;right:0;bottom:0;left:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.topbar{position:absolute;top:32px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:27px;height:35px}.brand>span{font-family:var(--serif);font-size:21px;letter-spacing:5px;font-weight:500}.chapter{position:absolute;left:50%;transform:translate(-50%);font-family:var(--serif);font-size:14px;font-weight:400;letter-spacing:5px;margin:0;color:var(--muted)}nav{display:flex;gap:10px;pointer-events:auto}.icon-button{display:grid;place-items:center;border:0;border-radius:50%;background:transparent;width:40px;height:40px;transition:background .2s}.icon-button:hover{background:#f6f6ef80}.sound-wave{display:none}[aria-pressed=true] .sound-wave{display:block}[aria-pressed=true] .sound-off{display:none}#markers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.world-marker{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;pointer-events:auto}.world-marker>span{display:block;margin:auto;width:10px;height:10px;border:2px solid #fff9e6;border-radius:50%;background:#bbaa7f;box-shadow:0 0 0 5px #ffffef25;transition:transform .2s}.world-marker:hover>span{transform:scale(1.35)}.world-marker.active>span{background:#fcf5d6;box-shadow:0 0 0 6px #ffffef30,0 0 16px #fff4b450}.world-marker.goal>span{background:#d4ad63}.world-marker.blocked>span{opacity:.45}.world-marker.current{visibility:hidden}.prop-control{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border:1px solid #bc897578;border-radius:50%;background:#e4b0a0e6;box-shadow:0 3px 8px #78694b15;color:#76584c;display:grid;place-items:center;pointer-events:auto;transition:background .2s,box-shadow .2s}.prop-control svg{width:21px;height:21px;stroke-width:1.6}.prop-control:hover{background:#f0c3b0;box-shadow:0 0 0 5px #e4b0a033}.prop-control.active{box-shadow:0 0 0 5px #e4b0a02b}.prop-control:disabled{opacity:.65}.controls{position:absolute;bottom:44px;left:20px;right:20px;text-align:center;pointer-events:none}.controls p{font-size:12px;letter-spacing:1px;line-height:1.8;margin:0;color:#536f66;min-height:22px}#help-panel{position:absolute;right:36px;top:86px;z-index:4;width:250px;background:#f4f7eeef;padding:18px 22px;border:1px solid #a0b1a444;box-shadow:0 14px 50px #47725c12;border-radius:4px}#help-panel p{font-size:12px;line-height:1.9;margin:7px 0}#help-panel small{display:block;font-size:9px;line-height:1.9;color:var(--muted);margin-top:16px}#completion{position:absolute;top:0;right:0;bottom:0;left:0;background:#e8efe1d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;z-index:5}.complete-inner{text-align:center;padding:30px}.completion-symbol{font-size:60px;color:#be9c68;margin-bottom:25px}.complete-inner h2{font-family:var(--serif);font-size:28px;font-weight:400;letter-spacing:8px;margin:20px 0}#again{margin-top:28px;border:1px solid #91a59280;border-radius:30px;background:#f9faef9c;padding:13px 25px;font-size:12px;letter-spacing:2px}#again span{margin-left:16px;font-size:18px}#fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-content:center;background:#e4ede5;text-align:center;padding:25px}@media(max-width:600px){.topbar{left:20px;right:16px;top:22px}.brand{gap:8px}.brand svg{width:24px;height:31px}.brand>span{font-size:18px;letter-spacing:3px}nav{gap:4px}.icon-button{width:34px;height:34px}.icon-button svg{width:18px;height:18px}.chapter{top:58px;font-size:12px;letter-spacing:4px}.controls{bottom:35px}.controls p{font-size:11px}.prop-control{width:40px;height:40px}#help-panel{top:73px;right:20px;width:min(250px,calc(100% - 40px))}}@media(max-height:500px){.topbar{top:15px}.controls{bottom:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.chapter button{display:flex;align-items:center;gap:4px;padding:9px 8px;border:0;background:transparent;font:inherit;letter-spacing:3px;pointer-events:auto;color:var(--muted)}.chapter button svg{width:16px;height:16px;stroke-width:1}.chapter button:hover{color:var(--ink)}#level-panel{position:absolute;z-index:4;top:86px;left:50%;transform:translate(-50%);width:170px;background:#f4f7eef2;border:1px solid #a0b1a444;padding:8px;box-shadow:0 14px 50px #47725c12;border-radius:4px}.level-option{display:block;width:100%;border:0;background:transparent;font-family:var(--serif);font-size:12px;letter-spacing:2px;padding:12px 15px;text-align:left;border-radius:2px}.level-option:hover,.level-option[aria-current]{background:#d9e7dd80}.level-option:disabled{opacity:.3}.view-control{background:#d0e1e7e8;border-color:#93acb4;color:#547b89}.view-control:hover{background:#e0eef1}.view-control.active{box-shadow:0 0 0 5px #d0e1e744}#next{display:block;margin:28px auto 8px;border:1px solid #91a59280;border-radius:30px;background:#f9faef9c;padding:13px 25px;font-size:12px;letter-spacing:2px}#again.text-button{display:block;margin:8px auto 0;border:0;border-radius:0;background:transparent;padding:10px 20px;color:var(--muted);font-size:11px}@media(max-width:600px){#level-panel{top:109px}.chapter button{padding:7px 8px}}.world-marker.goal>span{width:23px;height:23px;display:grid;place-items:center;border:1px solid #b99458;color:#9e7945;background:#fff4cd;box-shadow:0 0 0 5px #fff9e760,0 0 22px #fff5c0a0;font-size:17px;line-height:1}.world-marker.goal.blocked>span{opacity:1;background:#eadcc0;box-shadow:0 0 0 5px #fff9e730}.goal-label{position:absolute;top:43px;left:50%;transform:translate(-50%);font-size:10px;font-weight:400;letter-spacing:2px;white-space:nowrap;color:#7c6947;padding:3px 7px;background:#fff8eab3;border-radius:3px;pointer-events:none}.prop-control{background:#df9f8eea;color:#754c42;border-color:#b87a66}.prop-control:hover{background:#e9af9e}#move-target{position:absolute;width:13px;height:13px;border:1px solid #b89d70;border-radius:50%;transform:translate(-50%,-50%);background:#fff5d665;box-shadow:0 0 0 4px #fff7df35;pointer-events:none}.controls{display:flex;align-items:center;justify-content:center;gap:14px;height:32px}#stop{display:flex;align-items:center;gap:5px;pointer-events:auto;border:1px solid #91a59270;border-radius:20px;background:#f8faef90;padding:6px 12px;font-size:11px;letter-spacing:1px}#stop svg{width:14px;height:14px}#game-menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:linear-gradient(135deg,#eef1e9ed,#dae8e0ed);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.menu-inner{width:min(560px,calc(100% - 64px));padding:32px 0}.menu-heading{display:flex;align-items:center;gap:20px;margin-bottom:25px}.menu-heading h2{margin:0;font-family:var(--serif);font-weight:400;font-size:26px;letter-spacing:7px}#menu-progress{font-size:11px;letter-spacing:3px;color:var(--muted);margin-top:5px}#menu-close{margin-left:auto}.menu-level{display:flex;align-items:center;width:100%;height:88px;border:0;border-top:1px solid #809b8c36;background:transparent;text-align:left;gap:26px;padding:0 14px;transition:background .2s}.menu-level:last-child{border-bottom:1px solid #809b8c36}.menu-level:hover,.menu-level[aria-current]{background:#fff9e54d}.menu-level:disabled{opacity:.36}.level-art{width:55px;height:55px;display:grid;place-items:center;font-family:var(--serif);font-size:36px;color:#997767;background:#e2c5b450;transform:rotate(-8deg);border-radius:40% 50% 45%}.level-art[data-art=walk]{color:#6e9481;background:#c0d9c550}.level-art[data-art=perspective]{color:#6d8999;background:#c6dce350}.level-number{font-size:10px;letter-spacing:2px;color:var(--muted)}.level-name{font-family:var(--serif);font-size:19px;letter-spacing:5px}.level-status{margin-left:auto;font-size:10px;letter-spacing:1px;color:var(--muted)}#continue{display:block;margin:32px auto 0;min-width:135px;border:1px solid #91a59280;border-radius:30px;background:#f9faef9c;padding:13px 30px;font-size:12px;letter-spacing:4px}.level-art svg{width:38px;height:38px;stroke-width:1;transform:rotate(8deg)}#complete-menu{display:block;margin:0 auto;border:0;background:transparent;padding:10px 20px;color:var(--muted);font-size:11px}@media(max-width:600px){.menu-inner{width:calc(100% - 46px)}.menu-level{gap:16px;height:80px;padding:0 8px}.level-art{width:45px;height:45px;font-size:30px}.level-name{font-size:18px}.goal-label{font-size:9px}.controls{gap:7px}}@media(max-height:530px){.menu-inner{padding:12px 0;width:min(560px,calc(100% - 60px))}.menu-heading{margin-bottom:12px}.menu-level{height:60px}.level-art{height:40px;width:40px;font-size:28px}#continue{margin-top:15px}}.menu-inner{max-height:calc(100svh - 56px);overflow:auto;scrollbar-width:thin;padding:22px 0}.menu-level{height:70px}.level-art{width:44px;height:44px}.level-art svg{width:25px;height:25px;stroke-width:1.2}.menu-heading{margin-bottom:18px}#continue{margin-top:25px}.level-art[data-art=garden]{color:#6e9481;background:#c0d9c550}.level-art[data-art=water]{color:#718b9e;background:#c6dce350}.level-art[data-art=fold]{color:#93859f;background:#d8cce650}.level-art[data-art=cloud]{color:#a48c6a;background:#e9d9b950}.level-art[data-art=mirror],.level-art[data-art=cloister]{color:#718b9e;background:#c6dce350}@media(max-width:600px){.menu-level{height:68px}.level-name{font-size:17px}.menu-inner{max-height:calc(100svh - 44px)}}@media(max-height:530px){.menu-level{height:48px}.level-art{height:34px;width:34px}.menu-heading{margin-bottom:8px}#continue{margin-top:12px}}