:root{--ink:#594d3f;--green:#598776;--paper:#fff8e6;--line:#d8ca9f;--orange:#dc9057;--shadow:#bba77d;--rose:#d78b80}*{box-sizing:border-box}body{margin:0;background:#d8dfcc;color:var(--ink);font:14px ui-rounded,'PingFang SC','Microsoft YaHei',sans-serif;overscroll-behavior:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active{transform:scale(.96)}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid #dc995f;outline-offset:3px}.phone{max-width:480px;min-height:100dvh;margin:auto;background:#f5efdb;position:relative;box-shadow:0 0 90px #34473522;padding-bottom:calc(78px + env(safe-area-inset-bottom))}header{position:sticky;top:0;z-index:8;background:#fcf7e9ed;backdrop-filter:blur(12px);padding:calc(10px + env(safe-area-inset-top)) 13px 10px;border-bottom:1px solid #ded4b9;display:flex;gap:8px;align-items:center;min-height:72px}.profile-btn{background:#e8ebd3;padding:0;border:2px solid #b5c1a0;border-radius:50%;width:43px;height:43px;flex-shrink:0;overflow:hidden}.profile-btn .sprite{width:100%;height:100%}.resources{display:flex;flex:1;gap:6px}.resource{flex:1;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:5px;background:#f0e6ca;border-radius:16px;padding:8px 5px;font-size:13px;font-weight:700;min-width:0}.resource em{font-style:normal;color:#bb9149}.resource.jade em{color:#62a398}.resource.power em{color:#cf9251}.resource small{font-size:10px;color:#ad9874}.sound{background:transparent;font-size:21px;padding:3px}.online{width:6px;height:6px;border-radius:50%;background:#77a778;position:absolute;bottom:6px;left:49px}.offline{background:#da9766}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:flex;background:#fff9e9f5;backdrop-filter:blur(12px);border-top:1px solid #dbd0b1;padding:8px 8px calc(9px + env(safe-area-inset-bottom));z-index:10;box-shadow:0 -6px 20px #67593608}nav button{flex:1;background:transparent;display:flex;align-items:center;flex-direction:column;gap:4px;font-size:12px;color:#9a9078;min-height:48px;justify-content:center}nav button b{font-size:23px;line-height:1}nav button.active{color:var(--green);font-weight:700}nav button.active b{background:#e3ead3;min-width:50px;border-radius:20px;padding:2px 12px}.page-title{padding:18px 20px 12px;display:flex;align-items:center;justify-content:space-between}.page-title h1{font-size:22px;margin:0;letter-spacing:2px}.page-title p{font-size:12px;margin:5px 0 0;color:#a0977d}.eyebrow{font-size:11px;letter-spacing:3px;color:#9c9a7d}.subtle{color:#9e947b;font-size:12px}.home-scene{position:relative;height:min(64dvh,590px);min-height:390px;overflow:hidden;background:#d8e5c5}.house-art{position:absolute;inset:0;background:url('/assets/houses.png') no-repeat;background-size:300% 100%;background-position:var(--house,0%) center;transition:background-position 1s;animation:sceneBreathe 18s ease-in-out infinite alternate}.home-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#f8f0d622,transparent 65%,#f5efdb)}.home-caption{position:absolute;top:19px;left:22px;z-index:1;text-shadow:0 1px 6px #fff8e8}.home-caption h2{font-size:25px;margin:6px 0;letter-spacing:3px}.home-caption p{font-size:12px;letter-spacing:1px;margin:0}.home-actions{position:absolute;right:14px;top:19px;z-index:2;display:flex;flex-direction:column;gap:12px}.home-actions button{background:#fff9e8e8;border:1px solid #d4ba8f;box-shadow:0 3px 0 #aa96736b;border-radius:16px;width:58px;min-height:62px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:12px}.home-actions b{font-size:25px;color:#b8814e}.play-sign{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);z-index:2;background:#608872;color:#fff9e6;padding:15px 33px;border-radius:24px;border:2px solid #fff1c8;box-shadow:0 5px 0 #3d6754,0 10px 30px #44644540;font-weight:700;font-size:18px;white-space:nowrap}.play-sign:active{transform:translateX(-50%) scale(.96)}.petal{position:absolute;color:#f3afa2;z-index:1;animation:petal 10s linear infinite;font-size:18px;pointer-events:none}.petal:nth-of-type(2){left:20%;animation-delay:-2s}.petal:nth-of-type(3){left:55%;animation-delay:-7s}.petal:nth-of-type(4){left:75%;animation-delay:-4s}.home-card{margin:0 17px 15px;background:#fff9e8;border:1px solid #ddd1ad;border-radius:18px;padding:17px 18px;position:relative;z-index:2}.home-card h3{margin:0 0 7px;font-size:16px}.home-card p{margin:0;color:#a09577;font-size:12px;line-height:1.7}.home-card .row{margin-top:13px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.primary{background:var(--green);color:#fff8df;border-radius:14px;padding:12px 22px;font-weight:700;box-shadow:0 3px 0 #426b5c}.secondary{background:#eee4c9;border:1px solid #dacba9;border-radius:12px;padding:10px 16px}.wide{width:100%;margin-top:16px}.home-summary{display:flex;margin:0 20px;padding:8px 0;justify-content:space-around;text-align:center;color:#a29679;font-size:12px}.home-summary b{display:block;color:#6b7f64;font-size:21px;margin-bottom:5px}.home-message{text-align:center;font-size:12px;color:#a7a084;line-height:1.8;padding:12px 22px}.kitchen-title{padding:12px 15px 8px;display:flex;justify-content:space-between;align-items:center}.kitchen-title h1{font-size:19px;margin:0}.kitchen-title button{background:transparent;color:#9b9177;font-size:12px;padding:7px}.orders{display:flex;gap:8px;padding:0 12px 10px}.order{flex:1;background:#fff9e9;border:1px solid #dfd0ad;border-radius:14px;display:flex;align-items:center;padding:7px 5px;gap:3px;min-width:0}.order .sprite{width:39px;height:39px;flex-shrink:0}.order-info{flex:1;min-width:0}.order-info small{font-size:10px;display:block;color:#a59675}.order button{font-size:11px;color:#a28b5c;background:#eee3c8;border-radius:7px;padding:5px 4px;margin-top:3px;width:100%;white-space:nowrap}.order.ready{border-color:#92aa7b}.order.ready button{background:#83a078;color:white}.board-shell{padding:10px;background:#d9dec2;border:1px solid #c6ccac;border-radius:20px;margin:0 10px;box-shadow:0 4px 0 #bac5a1}.board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;touch-action:none}.cell{aspect-ratio:1;min-width:0;padding:0;background:#f2f2df;border:1px solid #d8dabc;border-radius:11px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 0 #bcc9a160;touch-action:none;user-select:none}.cell:nth-child(12n+2),.cell:nth-child(12n+4),.cell:nth-child(12n+6),.cell:nth-child(12n+7),.cell:nth-child(12n+9),.cell:nth-child(12n+11){background:#e9eed5}.cell.empty:after{content:'·';color:#c8d0b3;font-size:19px}.cell.generator{background:#eadbb9;border:2px solid #c5ad73;box-shadow:0 2px 0 #a38c5a}.cell.generator .bolt{position:absolute;right:1px;top:-5px;color:#d19425;background:#fff0b8;border:1px solid #d2ac58;border-radius:7px;padding:0 4px;font-size:14px;transform:rotate(8deg);z-index:1;font-weight:800}.cell.selected{outline:3px solid #e5a758;z-index:1}.cell.match{box-shadow:inset 0 0 0 2px #83a966}.cell.pop .sprite{animation:pop .46s cubic-bezier(.2,.8,.2,1.3)}.sprite{display:inline-block;aspect-ratio:1;width:60px;background-repeat:no-repeat;mix-blend-mode:multiply;pointer-events:none;background-position:var(--x) var(--y);flex-shrink:0}.food{background-image:url('/assets/foods.png');background-size:800% 600%}.tool,.avatar{background-image:url('/assets/tools.png');background-size:300% 400%}.treasure{background-image:url('/assets/treasures.png');background-size:300% 400%}.cell .sprite{width:96%;height:96%}.selection-bar{margin:12px 13px 0;background:#fff9e8;border:1px solid #e1d4b2;border-radius:14px;min-height:60px;display:flex;align-items:center;padding:8px 13px;gap:10px}.selection-bar .sprite{width:39px}.selection-text{flex:1;min-width:0}.selection-text b{font-size:14px}.selection-text small{display:block;color:#a09476;font-size:11px;margin-top:3px}.selection-bar button{background:#d8a268;color:#fff9e6;padding:10px 13px;border-radius:12px;font-size:13px;white-space:nowrap}.selection-bar .help{background:#eee7cf;color:#859372}.regen{text-align:center;color:#929a7b;font-size:11px;margin:10px 0 4px}.shelf-tabs{display:flex;margin:0 17px 15px;background:#eae3ca;padding:4px;border-radius:14px;gap:4px}.shelf-tabs button{background:transparent;flex:1;padding:10px;border-radius:10px;font-size:14px}.shelf-tabs .active{background:#fff9e9;color:var(--green);box-shadow:0 2px 4px #806c3610}.treasure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 17px}.treasure-card{position:relative;border:1px solid color-mix(in srgb,var(--rarity),transparent 55%);border-radius:16px;padding:10px 5px;background:linear-gradient(150deg,#fff9e9,color-mix(in srgb,var(--rarity),#fff9e9 87%));text-align:center}.treasure-card .sprite{width:100%;max-width:105px}.treasure-card b{display:block;font-size:12px;margin:5px 0}.treasure-card small{font-size:10px;color:var(--rarity)}.treasure-card.locked .sprite{filter:grayscale(1);opacity:.2}.count{position:absolute;right:8px;top:7px;background:#fff8e5;border-radius:9px;padding:1px 5px;color:#988b70;font-size:10px}.inventory-note{font-size:12px;color:#a69a7a;text-align:center;padding:15px 25px;line-height:1.8}.chain-group{margin:0 15px 16px;border:1px solid #e1d3b2;background:#fff9e9;border-radius:17px;padding:14px 9px}.chain-group h3{margin:0 5px 12px;font-size:15px}.chain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 2px}.chain-item{font-size:10px;text-align:center}.chain-item .sprite{width:100%;max-width:90px}.chain-item.locked .sprite{filter:grayscale(1);opacity:.25}.chain-item.locked{color:#afa790}.shop-banner{margin:0 17px 15px;background:#e9edd4;border:1px solid #cdd7b3;border-radius:16px;padding:15px;color:#6d8363;font-size:13px;line-height:1.8}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 17px}.pack{background:#fff9e8;border:1px solid #dfcda4;border-bottom:3px solid #cdb789;border-radius:17px;padding:19px 10px;text-align:center}.pack .gem{font-size:35px;color:#78a595;display:block;filter:drop-shadow(0 3px 0 #d5dec1)}.pack h3{font-size:19px;margin:11px 0 6px}.pack p{font-size:12px;color:#a09174;margin:0 0 12px}.pack button{background:#e8c89a;color:#815d35;width:100%;border-radius:10px;padding:10px;font-size:14px;font-weight:700}.pack.hero{background:#fff0cc;border-color:#cfa45f}.month-card{margin:0 17px;border-radius:22px;padding:25px;background:linear-gradient(135deg,#497465,#799d7d);color:#fff1c9;box-shadow:0 5px 0 #375e50}.month-card .moon{font-size:52px;color:#f4d594}.month-card h2{font-size:26px;letter-spacing:3px;margin:10px 0}.month-card p{font-size:14px;line-height:1.9;opacity:.9}.month-card button{background:#f1d39d;color:#6e593c;box-shadow:0 3px 0 #aa8f5c}.wheel-page{text-align:center;padding:0 18px 20px}.wheel-wrap{position:relative;margin:20px auto;width:min(340px,86vw);aspect-ratio:1}.wheel{position:absolute;inset:0;border-radius:50%;border:9px solid #d8aa6d;background:conic-gradient(#f5ddaa 0deg 60deg,#d9e3b9 60deg 120deg,#f0c3a1 120deg 180deg,#d5ddc2 180deg 240deg,#dbc8d9 240deg 300deg,#f3d48b 300deg);box-shadow:0 5px 0 #a27b49,0 10px 25px #9b835b22;transition:transform 3.5s cubic-bezier(.12,.75,.15,1)}.wheel-label{position:absolute;top:50%;left:50%;width:90px;text-align:center;font-weight:700;font-size:12px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-105px) rotate(calc(-1 * var(--angle)))}.wheel-label b{display:block;font-size:23px;margin-bottom:5px}.wheel-pin{position:absolute;top:-12px;left:calc(50% - 13px);font-size:30px;color:#a16b41;z-index:2}.wheel-center{position:absolute;inset:38%;border-radius:50%;background:#fff5dc;border:4px solid #d6ab6d;display:grid;place-content:center;color:#b5844d;font-size:32px}.odds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0;font-size:11px;color:#9d9074}.odds span{background:#eee5cf;padding:8px;border-radius:9px}.odds b{display:block;color:#83755b;margin-top:3px}dialog{border:1px solid #d8c7a0;background:#fff8e6;color:var(--ink);border-radius:24px;width:calc(100% - 30px);max-width:440px;max-height:87dvh;padding:27px 22px;box-shadow:0 20px 100px #273d3955;overflow:auto}dialog::backdrop{background:#38483d80;backdrop-filter:blur(6px)}.close{position:absolute;right:10px;top:8px;font-size:27px;background:transparent;color:#a4987f;z-index:4;min-width:36px;min-height:36px}dialog h2{font-size:22px;margin:5px 0 13px}dialog p{font-size:14px;line-height:1.85}dialog li{font-size:14px;line-height:1.9;margin:8px 0}.treasure-detail{text-align:center}.treasure-stage{position:relative;height:230px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,color-mix(in srgb,var(--rarity),transparent 70%),transparent 65%);border-radius:50%}.treasure-stage .sprite{width:205px;height:205px;animation:relicFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--rarity),transparent 50%))}.relic-spark{position:absolute;color:var(--rarity);animation:twinkle 2s infinite;font-size:22px;left:var(--sx);top:var(--sy);animation-delay:var(--delay)}.rare-badge{display:inline-block;border:1px solid var(--rarity);color:var(--rarity);padding:5px 17px;border-radius:20px;font-size:12px;margin:10px 0}.setting-row{display:flex;align-items:center;justify-content:space-between;margin:19px 0;gap:12px}.setting-row button{padding:9px 16px;border-radius:10px;background:#e5ead0;color:#668265}.setting-row input{accent-color:#6f937c;width:140px}.profile-form input{width:100%;padding:13px 16px;background:#fffdf2;border:1px solid #daccaa;border-radius:13px;font-size:16px;color:var(--ink)}.avatars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.avatar-option{border:2px solid transparent;background:#f2ecd7;border-radius:50%;aspect-ratio:1;padding:4px}.avatar-option.selected{border-color:#769876;background:#e3eacf}.avatar-option .sprite{width:100%;height:100%}.intro{position:fixed;inset:0;z-index:30;background:#dee5c8;max-width:480px;margin:auto;overflow:hidden}.intro-art{position:absolute;inset:0;background-image:url('/assets/houses.png');background-size:300% 100%;background-position:0% center;animation:introPan 16s ease-in-out forwards}.intro-shade{position:absolute;inset:0;background:linear-gradient(#202e2433,transparent 25%,#263c3277)}.skip{position:absolute;top:calc(22px + env(safe-area-inset-top));right:20px;color:#fff8e6;background:#61735b80;border:1px solid #fff8e655;padding:8px 17px;border-radius:20px}.story-box{position:absolute;left:22px;right:22px;bottom:calc(50px + env(safe-area-inset-bottom));background:#fff8e8ed;border:2px solid #d8bf8d;box-shadow:0 7px 0 #80714d55;border-radius:22px;padding:25px 23px;animation:fadeUp .8s}.story-box .eyebrow{color:#b79863}.story-box h1{font-size:27px;letter-spacing:4px;margin:12px 0 16px}.story-box p{font-size:16px;line-height:2;min-height:100px;margin:0 0 15px}.story-box button{float:right}.story-box:after{content:'';display:block;clear:both}.connecting{text-align:center;padding:110px 30px;color:#7b9470}.connecting>span{font-size:54px;display:block;animation:relicFloat 3s infinite}.connecting h1{letter-spacing:5px}.connecting p{font-size:14px}.error-state{padding:80px 30px;text-align:center}.error-state p{line-height:1.9;color:#9b8f72}#toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%,15px);background:#516b54f2;color:#fff6dc;border:1px solid #c4d0a0;border-radius:18px;padding:13px 20px;font-size:14px;line-height:1.6;width:max-content;max-width:min(90vw,400px);text-align:center;z-index:50;opacity:0;pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}#fx{position:fixed;inset:0;pointer-events:none;z-index:45;overflow:hidden}.particle{position:absolute;border-radius:4px;width:8px;height:8px;animation:burst .8s ease-out forwards}.drag-ghost{position:fixed;z-index:40;width:66px;height:66px;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 7px 5px #596a3d40)}.drag-ghost .sprite{width:100%;height:100%}.simulation{font-size:12px;color:#a2957b;text-align:center;line-height:1.9;padding:13px 20px}.busy:after{content:'';position:fixed;inset:0;z-index:60;cursor:progress;background:transparent}.rarity-list{font-size:13px;line-height:2.2}.rarity-list .row{border-bottom:1px solid #e8dcc1;padding:5px 0}@keyframes pop{0%{transform:scale(.5)}60%{transform:scale(1.17)}100%{transform:scale(1)}}@keyframes burst{to{transform:translate(var(--dx),var(--dy)) rotate(180deg);opacity:0}}@keyframes relicFloat{50%{transform:translateY(-10px) rotate(2deg)}}@keyframes twinkle{50%{transform:scale(.4) rotate(45deg);opacity:.2}}@keyframes sceneBreathe{to{transform:scale(1.035)}}@keyframes introPan{from{transform:scale(1.18) translateY(2%)}to{transform:scale(1)}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes petal{from{top:-5%;transform:translateX(-15px) rotate(0)}to{top:100%;transform:translateX(45px) rotate(240deg)}}@media(min-width:600px){.phone{border-left:1px solid #c2c7ad;border-right:1px solid #c2c7ad}body{background:radial-gradient(ellipse at 20% 30%,#edf0d9,#cad7bf)}}@media(max-width:360px){header{padding-left:8px;padding-right:8px;gap:5px}.resource{font-size:12px;gap:3px}.profile-btn{width:36px;height:36px}.board-shell{margin:0 7px;padding:7px}.board{gap:4px}.orders{gap:5px;padding-left:8px;padding-right:8px}.order .sprite{width:31px}.order button{font-size:10px}.selection-bar{padding:8px}.wheel-label{font-size:11px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-90px) rotate(calc(-1 * var(--angle)))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.board-shell{width:calc(100% - 20px);max-width:min(460px,calc((100dvh - 350px)*.75));min-width:min(300px,calc(100% - 20px));margin-left:auto;margin-right:auto}.order button{min-height:27px}.home-caption{max-width:calc(100% - 102px)}.home-caption p{line-height:1.7}.home-caption h2{font-size:24px}
/* Use an explicit, square clipped viewport per icon: no percentage-background sizing. */
.sprite{position:relative;overflow:hidden;background-image:none!important;background-size:auto!important;vertical-align:middle;contain:paint}.sprite svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}.cell .sprite{position:absolute;width:auto;height:auto;inset:5%;aspect-ratio:1}.cell.pop .sprite{animation:pop .18s cubic-bezier(.2,.8,.2,1.3)}.cell{isolation:isolate}.drag-ghost .sprite{width:100%;height:100%}.cell.dragging .sprite{opacity:.22}.cell.generator .bolt{top:0;right:0}.profile-btn .sprite{display:block}

.recovery-code{display:block;width:100%;min-height:100px;box-sizing:border-box;padding:16px;margin:14px 0;border:1px solid #d7bd90;border-radius:14px;background:#fffaf0;color:#674b34;font:600 17px/1.7 monospace;overflow-wrap:anywhere}.save-status{background:#f4ead7;border-radius:16px;padding:16px;margin:16px 0}.save-status p{font-size:13px}.save-status small{line-height:1.6}.wide+.wide{margin-top:10px}