:root{--ui-ink: #303b31;--ui-paper: #f7f0de;--ui-paper-deep: #f4ecd4;--ui-muted: #626c5d;--ui-line: #c5c7b2;--ui-action: #405e48;--ui-accent: #b65d40;--ui-accent-ink: #87442f;--ui-on-action: #fcf5df;--ui-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--ui-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--ui-label: 12px;--ui-body: 14px;--ui-title: 24px;--ui-display: 40px;--ui-space1: 4px;--ui-space2: 8px;--ui-space3: 12px;--ui-space4: 16px;--ui-space5: 24px;--ui-space6: 32px;--ui-radius-small: 8px;--ui-radius-card: 12px;--ui-radius-sheet: 20px;--ui-touch: 44px}.preview-art{position:relative;display:block;width:92px;height:84px;flex-shrink:0;overflow:hidden;background:var(--ui-paper-deep);border-radius:var(--ui-radius-small)}.preview-art .art-ground{position:absolute;left:7px;right:7px;bottom:13px;height:2px;background:var(--ui-ink)}.preview-art .art-house{position:absolute;left:20px;top:27px;width:42px;height:43px;background:#c7b28e;border:1.5px solid var(--ui-ink)}.preview-art .art-roof{position:absolute;left:18px;top:14px;width:45px;height:15px;background:#98664e;border:1.5px solid var(--ui-ink);transform:skew(-18deg)}.preview-art .art-window{position:absolute;left:29px;top:36px;width:23px;height:15px;border:5px double #eadfc5;background:#596b62}.preview-art .art-side{position:absolute;left:60px;top:37px;width:14px;height:33px;background:#a8b9aa;border:1.5px solid var(--ui-ink)}.preview-art .art-tree{position:absolute;left:9px;top:54px;width:16px;height:16px;background:#587766;border:1.5px solid var(--ui-ink);border-radius:8px 5px 4px 4px}.preview-changle .art-house{background:#dbd8ca;left:17px;width:54px}.preview-changle .art-roof{left:15px;width:58px;background:#935846}.preview-changle .art-window{left:22px;top:35px;width:42px;height:22px;border:5px double #ded9bd;background:#5e7066}.preview-changle .art-side{left:36px;top:36px;width:12px;height:24px;background:#eee7d2}.preview-changle .art-tree{left:10px;top:63px;width:68px;height:7px;border-radius:4px}.preview-moganshan .art-house{left:9px;top:42px;width:46px;height:28px;background:#ac745a}.preview-moganshan .art-roof{left:8px;top:35px;width:48px;height:9px;transform:skew(-14deg);background:#8a9488}.preview-moganshan .art-window{left:17px;top:50px;width:29px;height:11px;border:3px double #dec8ad}.preview-moganshan .art-side{left:65px;top:28px;width:4px;height:42px;background:#9e8972}.preview-moganshan .art-tree{left:58px;top:14px;width:18px;height:20px;border-radius:5px;background:#c5c9ba}:root{font-family:var(--ui-font);color:var(--ui-ink);background:#eae6dd;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;font-size:var(--ui-body);overscroll-behavior:none}button,input,a,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button,a,summary,input{outline-offset:4px}:focus-visible{outline:2px solid var(--ui-action)}[hidden]{display:none!important}#app,#stage{position:fixed;inset:0}#stage{touch-action:none;cursor:grab;outline-offset:-4px}#stage.is-dragging{cursor:grabbing}#stage>canvas{display:block;width:100%;height:100%}#safe-area{position:fixed;pointer-events:none;visibility:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.eyebrow{margin:0 0 6px;font-size:var(--ui-label);letter-spacing:1px;color:var(--ui-muted)}h1,h2,p{margin-top:0}h2{font-size:var(--ui-title);font-weight:600;line-height:1.45;margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.semantic-region,.semantic-control{position:absolute;opacity:0;pointer-events:none;overflow:hidden;margin:0}.semantic-control{z-index:4;min-height:44px;border:0;background:var(--ui-paper);border-radius:8px;color:var(--ui-action)}.semantic-control:focus-visible{opacity:1;pointer-events:auto}.focus-only{position:absolute;top:max(12px,env(safe-area-inset-top));right:18px;z-index:5;opacity:0;pointer-events:none;min-height:44px;border:1px solid var(--ui-ink);border-radius:8px;background:var(--ui-paper)}.focus-only:focus-visible{opacity:1;pointer-events:auto}#roam-menu{position:fixed;inset:auto 0 0;width:100%;max-width:600px;max-height:calc(100dvh - 28px);margin:0 auto;padding:0;border:1px solid var(--ui-ink);border-bottom:0;border-radius:var(--ui-radius-sheet) var(--ui-radius-sheet) 0 0;color:var(--ui-ink);background:var(--ui-paper);overflow:hidden}#roam-menu[open]{animation:menu-in .18s cubic-bezier(.22,1,.36,1)}#roam-menu::backdrop{background:#222b2161}.menu-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 16px 16px 22px;border-bottom:1px solid var(--ui-line);touch-action:none}.menu-heading:before{content:"";position:absolute;top:8px;left:calc(50% - 16px);width:32px;height:3px;border-radius:2px;background:var(--ui-line)}.menu-heading h2{margin-top:8px}.menu-heading>div{min-width:0}.icon-button{width:44px;height:44px;flex-shrink:0;padding:0;border:0;border-radius:var(--ui-radius-small);background:transparent;font-size:27px;line-height:44px}.menu-scroll{height:59dvh;overflow-y:auto;overscroll-behavior:contain;padding:0 22px calc(22px + env(safe-area-inset-bottom));scrollbar-color:var(--ui-line) transparent;scrollbar-width:thin}.section-label{font-size:var(--ui-label);color:var(--ui-muted);margin:28px 0 12px;letter-spacing:1px}summary{position:relative;list-style:none;cursor:pointer;min-height:66px;padding:12px 28px 12px 0;font-size:var(--ui-body);font-weight:600;display:flex;flex-direction:column;justify-content:center}summary::-webkit-details-marker{display:none}summary:after{position:absolute;right:2px;top:20px;content:"\ff0b";font-size:20px;color:var(--ui-action)}details[open]>summary:after{content:"\2212"}summary>span{display:block;margin-top:4px;font-size:var(--ui-label);font-weight:400;color:var(--ui-muted)}.effect-group,.help-content{border-bottom:1px solid var(--ui-line)}.effects-controls{padding:0 0 8px 14px;border-left:2px solid var(--ui-line)}.effects-controls label{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:11px 0;font-size:var(--ui-body);cursor:pointer}.effects-controls small{display:block;margin-top:3px;color:var(--ui-muted);font-size:var(--ui-label);line-height:1.6}.effects-controls input{appearance:none;position:relative;width:42px;height:24px;flex-shrink:0;margin:0;border:1px solid var(--ui-muted);border-radius:14px;background:var(--ui-line);cursor:pointer}.effects-controls input:before{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:var(--ui-on-action);transition:transform .14s ease-out}.effects-controls input:checked{background:var(--ui-action)}.effects-controls input:checked:before{transform:translate(18px)}.preview-links{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.preview-card{display:flex;align-items:center;gap:16px;padding:10px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-card);color:var(--ui-ink);text-decoration:none;background:var(--ui-paper)}.preview-copy{min-width:0}.preview-copy b{font-size:var(--ui-body);font-weight:600}.preview-copy small{display:block;font-size:var(--ui-label);line-height:1.6;color:var(--ui-muted);margin-top:3px}.preview-action{display:block;font-size:var(--ui-label);color:var(--ui-action);margin-top:8px}.help-row{display:flex;gap:16px;margin:20px 0;align-items:flex-start}.help-row canvas{width:44px;height:44px;flex-shrink:0}.help-row p{margin:0;font-size:var(--ui-label);line-height:1.8;color:var(--ui-muted)}.help-row b{display:block;font-size:var(--ui-body);color:var(--ui-ink);margin-bottom:4px}.menu-note{font-size:var(--ui-label);line-height:1.8;color:var(--ui-muted);margin:16px 0 22px}.menu-row{display:flex;justify-content:space-between;align-items:center;min-height:52px;width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--ui-line);background:transparent;text-align:left;font-size:var(--ui-body)}.menu-row span{font-size:20px;color:var(--ui-action)}.primary-button,.quiet-button{min-height:44px;padding:10px 20px;border:1px solid var(--ui-ink);border-radius:var(--ui-radius-small);color:var(--ui-on-action);background:var(--ui-action)}.error-message,.district-loading-panel{position:fixed;z-index:20;left:18px;right:18px;max-width:430px;margin:auto;text-align:center;padding:24px;border:1px solid var(--ui-ink);border-radius:var(--ui-radius-card);background:var(--ui-paper)}.error-message{top:35%}.error-message p{line-height:1.8;color:var(--ui-muted);margin-top:16px}.district-loading-panel{bottom:max(24px,env(safe-area-inset-bottom))}.district-loading-panel p{margin:0}.district-loading-panel button{margin-top:12px}.has-error #stage{pointer-events:none}.preview-transition{position:fixed;inset:0;z-index:30;background:var(--ui-paper);display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transition:opacity .14s ease-out}.preview-shown{opacity:1}@keyframes menu-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes menu-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}#roam-menu.menu-leaving{animation:menu-out .14s ease-in forwards}#roam-menu.menu-dragging{animation:none}@media(hover:hover){.icon-button:hover,.menu-row:hover,.preview-card:hover{background:var(--ui-paper-deep)}}.icon-button:active,.menu-row:active,.preview-card:active{background:var(--ui-paper-deep)}@media(orientation:landscape){.menu-scroll{height:54dvh}.menu-heading{padding:14px 16px 10px 22px}.menu-heading h2{font-size:20px;margin-top:0}}.reduce-motion #roam-menu[open],.reduce-motion #roam-menu.menu-leaving{animation:none}.reduce-motion .effects-controls input:before,.reduce-motion .preview-transition{transition:none}