*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:Noto Sans Thai,Tahoma,system-ui,sans-serif;color:#304b40;background:#dce3d5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;font-size:14px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at top,#f4ead7,#d1dece);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b95543;outline-offset:3px}button:not(:disabled):active{transform:translateY(1px)}.game-shell{position:relative;max-width:440px;margin:auto;background:#f5efdf;min-height:100dvh;overflow:hidden;box-shadow:0 0 70px #31493822;padding-bottom:env(safe-area-inset-bottom)}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border-bottom:1px solid #304b4012;background:#f8f3e7;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:7px}.brand-flower{font-size:34px;color:#be7968;line-height:1}.brand b{font-size:11px;letter-spacing:1.25px;font-family:Georgia,serif}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#83917b;margin-top:3px}.wallet{display:flex;gap:7px;align-items:center}.wallet>span{padding:5px 8px;background:#ede6d3;border:1px solid #e4dbc3;border-radius:12px;font-size:11px;color:#8d6e3b}.wallet>span:first-child{color:#b5813f}.wallet b{color:#485340}.icon-button{background:transparent;font-size:22px;line-height:1;width:31px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#9a8c70;text-transform:uppercase;font-weight:700}.town-heading{padding:21px 25px 14px;text-align:center;background:linear-gradient(#faf5e9,#edead9)}h1{font-family:Georgia,Noto Sans Thai,serif;font-size:24px;line-height:1.5;font-weight:600;margin:6px 0 13px;letter-spacing:-.7px}h1 span{display:block;font-family:serif;font-size:11px;letter-spacing:3px;font-weight:400;margin-top:3px;color:#809078}.chapter-progress{height:4px;background:#d8decc;border-radius:4px;width:140px;margin:auto;overflow:hidden}.chapter-progress>span{display:block;height:100%;background:#819a73;border-radius:4px}.town-heading>p{margin:7px 0 0;font-size:9px;color:#8e937c;letter-spacing:.5px}.town-stage{position:relative;background:#d5e5d1}.scene{width:100%;position:relative}.scene.town{aspect-ratio:390/540}.scene.puzzle{aspect-ratio:390/440;touch-action:none}.scene canvas{display:block!important;max-width:100%;touch-action:none}.town-stage .scene{margin-top:-4px}.town-label{position:absolute;left:18px;right:18px;top:15px;background:#f8f2ddde;border:1px solid #fff5dc;border-radius:20px;box-shadow:0 4px 8px #5d67530a;padding:8px 12px;font-size:10px;display:flex;align-items:center;gap:6px;color:#627154;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.town-label i{width:5px;height:5px;background:#83966a;border-radius:100%}.town-label span{margin-left:auto;font-family:Georgia,serif;font-size:9px;letter-spacing:1px;color:#929075}.daily-floating{position:absolute;right:15px;top:77px;background:#faf2dce8;border:1px solid #fff5da;width:63px;height:79px;border-radius:18px;box-shadow:0 5px 13px #6d6a4930;display:flex;flex-direction:column;align-items:center;justify-content:center}.daily-floating>span{color:#c59a53;font-size:27px;line-height:1.1}.daily-floating>b{font-size:10px;letter-spacing:1.2px;margin-top:3px}.daily-floating>small{font-size:7px;color:#8f8d70;margin-top:3px}.cat-note{position:absolute;bottom:21px;right:18px;transform:rotate(-3deg);font-size:9px;color:#756e51;background:#fff6debc;padding:6px 9px;border-radius:3px;box-shadow:1px 2px 6px #71634813}.cat-note span{padding-left:5px}.town-actions{position:relative;margin-top:-10px;z-index:1;padding:0 22px;background:linear-gradient(transparent 0,#f5efdf 20px)}.primary{width:100%;background:#54755b;color:#fff9e8;min-height:49px;border-radius:15px;font-weight:700;padding:13px 20px;box-shadow:0 4px #3c5c45,0 7px 15px #36554317;letter-spacing:.1px;transition:filter .15s;margin:10px 0}.primary:hover{filter:brightness(1.06)}.primary:disabled{box-shadow:none}.primary.play{display:flex;align-items:center;gap:15px;text-align:left;padding:12px 20px;margin:0}.play>span{font-size:22px;color:#e8dca8}.play>div{font-size:19px}.play small{display:block;font-weight:400;font-size:9px;color:#d1dfc4;margin-top:3px}.play>b{margin-left:auto;font-size:23px;color:#d2dfc5}.task-card{display:flex;align-items:center;gap:11px;width:100%;margin:16px 0 0;padding:12px;background:#fff9eb;border:1px solid #e8deca;border-radius:13px;text-align:left;box-shadow:0 3px 8px #6b694208}.task-icon{font-size:26px;color:#ac9363;line-height:1;background:#eee9d7;padding:9px 10px;border-radius:9px}.task-card small{display:block;font-size:8px;color:#a29375;letter-spacing:1px}.task-card b{display:block;font-size:12px;font-weight:600;margin-top:4px}.cost{margin-left:auto;border:1px solid #e5d8b9;background:#f7efd7;padding:4px 9px;border-radius:15px;color:#a37a37;font-size:11px;white-space:nowrap}.bottom-nav{display:flex;justify-content:space-between;padding:16px 22px 13px;gap:10px}.bottom-nav button{flex:1;background:none;font-size:22px;color:#a8ab93;padding:4px;border-radius:13px}.bottom-nav span{display:block;font-size:9px;margin-top:3px}.bottom-nav .active{color:#54755b;background:#e7ead9}.chapter-banner{background:#d9e3cb;width:100%;padding:12px;font-size:10px;letter-spacing:1px}.puzzle-heading{display:flex;align-items:center;justify-content:space-between;padding:9px 15px}.puzzle-heading>span{font-size:12px;font-weight:700;letter-spacing:1px}.text-button{background:none;color:#7e8a69;padding:9px 7px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.run-stats{display:flex;align-items:center;gap:14px;background:#fff8e9;border:1px solid #e6ddc8;border-radius:17px;margin:0 16px;padding:12px;box-shadow:0 4px 10px #5d60430a;min-height:98px}.moves{display:flex;flex-direction:column;align-items:center;min-width:44px}.moves b{font-family:Georgia,serif;font-size:37px;color:#b87855;line-height:1}.moves span{font-size:8px;color:#958a6f;margin-top:4px}.goals{flex:1;display:flex;flex-direction:column;gap:8px}.goal{font-size:10px;display:grid;grid-template-columns:1fr auto;gap:2px 6px}.goal b{font-size:10px;white-space:nowrap;color:#677455}.goal>div{height:4px;background:#e5e8d5;grid-column:span 2;border-radius:3px;overflow:hidden}.goal i{display:block;height:100%;background:#86a277;transition:width .25s}.score{display:flex;flex-direction:column;text-align:center}.score small{font-size:8px;color:#968a6e}.score b{font-size:13px}.level-tip{text-align:center;min-height:36px;margin:10px 19px 5px;font-size:10px;line-height:1.7;color:#8b8c71}.booster-bar{display:flex;justify-content:center;gap:20px;padding:0 22px}.booster-bar button{width:85px;background:#fff9eb;border:1px solid #e4dbc5;border-bottom:3px solid #c7cbb2;border-radius:13px;display:flex;align-items:center;flex-direction:column;padding:8px 4px;gap:3px}.booster-bar button>span{font-size:24px;color:#b69257;line-height:1.25}.booster-bar button b{font-size:9px;font-weight:500}.booster-bar button small{font-size:10px;background:#e9ebd8;border-radius:10px;padding:1px 8px;color:#758466}.booster-bar .selected{outline:3px solid #b78057;background:#fff2cd}.puzzle-footer{text-align:center;font-size:9px;color:#97977d;padding:9px 5px}.sheet{border:1px solid #e5ddc5;border-radius:25px;padding:0;width:calc(100% - 32px);max-width:390px;max-height:86dvh;box-shadow:0 20px 80px #203a3d50;background:#fbf6e9;color:#304b40;overscroll-behavior:contain}.sheet::backdrop{background:#203b3894;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:17px 19px 12px;border-bottom:1px solid #e8dfca;position:sticky;top:0;background:#fbf6e9;z-index:2}.sheet h2{font-size:15px;margin:0;font-weight:600}.sheet-body{padding:18px 22px 24px;text-align:center}.sheet h3{font-size:20px;margin:13px 0}.sheet p{font-size:13px;line-height:1.95;margin:12px 0;color:#67745c}.sheet .primary{margin-top:14px}.letter-art{margin:10px auto 18px;width:160px;height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:64px;background:repeating-linear-gradient(0deg,#eee6d1,#eee6d1 1px,#f5ecd8 1px 24px);border:1px solid #dfcdb0;transform:rotate(-5deg);color:#b17c5c;box-shadow:4px 7px #e8dec6}.letter-art span{font-size:11px;font-family:Georgia,serif;color:#987a56;margin-top:4px}.privacy{display:block;color:#9b997e;font-size:9px!important;line-height:1.9;margin-top:17px}.portrait{font-size:48px;background:#eee6d2;border:1px solid #e3d8be;border-radius:50%;width:94px;height:94px;display:grid;place-items:center;margin:5px auto 15px}.dialogue{min-height:100px;font-size:14px!important}.story-dots{display:flex;gap:5px;justify-content:center;margin:8px 0}.story-dots i{width:5px;height:5px;background:#d5d8c2;border-radius:50%}.story-dots .current{background:#789573}.reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:19px}.reward-grid>div{background:#eee9d8;border:1px solid #dfd8c2;border-radius:12px;display:flex;flex-direction:column;padding:11px 2px;gap:8px}.reward-grid small{font-size:9px;color:#999272}.reward-grid b{font-size:9px}.reward-grid .current{background:#f6e3b4;border-color:#cdaa61}.level-path{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:20px 0}.level-path button{background:#e7e8d6;border-radius:16px;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #daddc6}.level-path button:nth-child(3n+2){transform:translateY(8px)}.level-path b{font-family:Georgia,serif;font-size:26px;color:#879376}.level-path span{font-size:9px;color:#879376}.level-path .current{background:#5b7b60;border-color:#3f6347}.level-path .current *{color:#fff4d9}.level-path .completed{background:#e7d9ad}.task-tabs{display:flex;gap:6px;flex-wrap:wrap}.task-tabs button{background:#e7e9d8;width:29px;height:29px;border-radius:50%;font-size:10px}.task-tabs .current{background:#5b7b60;color:#fff2d6}.renovation-preview{display:flex;flex-direction:column;align-items:center;margin:20px 0 8px;padding:20px;background:linear-gradient(135deg,#dfe8d4,#f0e0c1);border-radius:17px;color:#a28b5c}.renovation-preview>span{font-size:60px;line-height:1.2}.renovation-preview small{font-size:9px;margin-top:6px}.choices{display:flex;gap:7px;margin:18px 0}.choices button{flex:1;display:flex;flex-direction:column;gap:8px;align-items:center;background:#f2eddd;padding:11px 4px;border:1px solid #e0d8bf;border-radius:13px;font-size:9px}.choices i{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 3px #fff4}.choices .selected{outline:2px solid #708c66;background:#e3e8d3}.muted{font-size:10px!important;color:#96937a!important}.settings label{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:12px 0;border-bottom:1px solid #e8dfca;font-size:12px}.settings input{width:19px;height:19px;accent-color:#5b7b60}.settings-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.settings-links button,.import-label{background:#e7e9d8;border:1px solid #d7dbc3;border-radius:11px;padding:10px 4px;font-size:10px;cursor:pointer}.import-label input{display:none}.daily-art{color:#c39b59;font-size:80px;line-height:1.4}.help-list{text-align:left}.help-list p{font-size:12px;border-bottom:1px solid #e7dfca;padding-bottom:14px}.shop-list>div{display:flex;align-items:center;gap:13px;background:#ede8d7;border-radius:12px;padding:13px;margin-top:10px}.shop-list>div>span{font-size:27px;min-width:30px;color:#b59155}.shop-list>div>div{display:flex;flex-direction:column;text-align:left}.shop-list b{font-size:12px}.shop-list small{font-size:10px;color:#96967a}.shop-list button{margin-left:auto;border-radius:10px;background:#52735a;color:#fff2d7;padding:9px;font-size:10px}.result-symbol{font-size:100px;color:#879778;line-height:1.4;margin:5px auto 10px}.result-symbol.win{color:#c49d56;text-shadow:0 3px #e7d2a3}.reward-pill{padding:12px;border-radius:13px;background:#eee3bd;color:#a17e42;font-weight:700;margin:17px 0;font-size:13px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%);background:#304f43ed;color:#fff6df;padding:12px 20px;border:1px solid #78917a;border-radius:14px;z-index:100;width:-moz-max-content;width:max-content;max-width:340px;font-size:12px;box-shadow:0 5px 15px #243f3930}.loading{height:440px;display:grid;place-items:center;color:#859579;background:#d5e5d1}.accessible-controls{padding:10px 20px;font-size:10px;color:#7e886c}.accessible-controls summary{cursor:pointer}.accessible-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;padding-top:10px}.accessible-grid button{background:#e2e6cd;min-height:35px;border:1px solid #c7d2b5;border-radius:5px}.accessible-grid [aria-pressed=true]{outline:2px solid #8b5e43}.debug-panel{position:fixed;top:10px;right:10px;z-index:110;background:#1d2424;color:#fff;border:2px solid #f99;padding:10px;display:flex;flex-direction:column;gap:7px;width:210px;font-size:10px}.debug-panel button,.debug-panel select{background:#45534a;color:#fff;padding:5px}.high-contrast .goal,.high-contrast .goal b,.high-contrast .level-tip,.high-contrast .muted{color:#173f2a!important}.high-contrast .goal>div{background:#b5c299}.high-contrast .goal i{background:#325e34}.high-contrast button{border-color:#48623c}@media(min-width:700px){body{padding:25px}.game-shell{border-radius:28px;min-height:850px;border:1px solid #c9d3bd}.topbar{height:80px}}@media(max-width:370px){.topbar{padding:12px 10px}.wallet{gap:3px}.brand b{font-size:10px}.wallet>span{padding:5px}.town-heading{padding-top:15px}h1{font-size:22px}.booster-bar{gap:12px}.run-stats{gap:9px;margin:0 12px}.goal{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}