:root{color:#4d392b;font-synthesis:none;--cream:#fffaf0;--paper:#fffcf3eb;--ink:#4d392b;--muted:#756557;--sage:#82ae91;--sage-deep:#547c67;--honey:#e6a74f;--peach:#df8f6d;--line:#74533229;--shadow:0 18px 48px #5b402424, 0 2px 8px #5b402414;--fast:.16s cubic-bezier(.2,.8,.2,1);background:#efe4ce;font-family:Microsoft YaHei UI,PingFang SC,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #3f8067}button{touch-action:manipulation}.auth-shell{background:radial-gradient(circle at 25% 18%,#ffffffe6,#0000 35%),linear-gradient(145deg,#eee2cb,#dce7d7);place-items:center;min-height:100svh;padding:24px;display:grid}.compat-shell{min-height:100svh;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));color:#3f493f;background:linear-gradient(145deg,#eee2cb,#dce7d7);place-items:center;display:grid}.compat-card{text-align:center;background:#fffaf0;border-radius:28px;width:min(440px,100%);padding:32px 24px;box-shadow:0 20px 60px #50432d29}.compat-paw{color:#fff;background:#547c67;border-radius:18px;place-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:30px;display:grid}.compat-card h1{margin:0 0 12px;font-size:28px}.compat-card p{color:#667066;margin:0 0 22px;line-height:1.7}.compat-card button{color:#fff;min-width:140px;min-height:48px;font:inherit;background:#547c67;border:0;border-radius:14px;font-weight:700}.auth-card{width:min(460px,100%);box-shadow:var(--shadow);background:#fffcf4f0;border:1px solid #ffffffe6;border-radius:32px;padding:34px}.auth-card>.icon-bubble{margin-bottom:20px}.auth-card>small{color:var(--sage-deep);font-weight:700}.auth-card h1{margin:5px 0 10px;font-family:STKaiti,KaiTi,serif;font-size:clamp(30px,7vw,42px)}.auth-card>p{color:var(--muted);line-height:1.7}.auth-card form{gap:9px;margin-top:24px;display:grid}.auth-card label{font-size:13px;font-weight:700}.email-field{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:10px;min-height:52px;padding:0 14px;display:flex}.email-field:focus-within{border-color:var(--sage-deep);box-shadow:0 0 0 3px #547c6726}.email-field svg{width:20px;color:var(--sage-deep)}.email-field input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1}.auth-card form>button{color:#fff;background:var(--sage-deep);cursor:pointer;border:0;border-radius:16px;min-height:52px;margin-top:5px;font-weight:700}.auth-card form>button:hover{filter:brightness(1.08)}.auth-feedback{min-height:24px;font-size:13px;color:var(--sage-deep)!important;margin:12px 0 4px!important}.privacy-note{color:var(--muted);font-size:11px;line-height:1.5;display:block}.code-field input{text-align:center;letter-spacing:.32em;font-size:20px;font-weight:800}.auth-card form>.auth-secondary{min-height:44px;color:var(--sage-deep);background:0 0;border:1px solid #547c6747;margin-top:0}.sync-offline{color:#9e573d}.sync-conflict{color:#9b6c24}.game-shell{background:radial-gradient(circle at 60% -10%,#fffdf6 0,#0000 42%),#eee1c8;min-height:100svh;padding:16px}.topbar{z-index:20;background:var(--paper);min-height:72px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fffc;border-radius:26px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:10px 14px 10px 18px;display:grid;position:relative}.brand{color:var(--ink);align-items:center;gap:11px;width:max-content;text-decoration:none;display:flex}.brand strong{letter-spacing:.04em;font-family:STKaiti,KaiTi,serif;font-size:clamp(20px,2vw,27px);display:block}.brand small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.icon-bubble{color:#a86f43;background:#f8e2c3;border-radius:15px;flex:none;place-items:center;width:42px;height:42px;display:grid}.day-chip{border:1px solid var(--line);white-space:nowrap;background:#fffaf1;border-radius:18px;align-items:center;gap:10px;min-height:46px;padding:0 15px;font-size:13px;display:flex;box-shadow:0 4px 12px #4e37200f}.day-chip span{color:var(--muted);align-items:center;gap:4px;display:flex}.day-chip .weather{color:#8e6e30}.desktop-actions{justify-self:end;gap:6px;display:flex}.desktop-actions button,.mobile-menu button,.mobile-menu-button{cursor:pointer;min-width:54px;min-height:52px;transition:background var(--fast), color var(--fast), box-shadow var(--fast);background:0 0;border:0;border-radius:16px;place-items:center;gap:2px;padding:5px 9px;display:grid}.desktop-actions button svg,.mobile-menu button svg{width:21px}.desktop-actions button span,.mobile-menu button span{font-size:11px}.desktop-actions button:hover,.desktop-actions button.active,.mobile-menu button:hover{color:var(--sage-deep);background:#e8f1e9}.mobile-menu-button,.mobile-menu{display:none}.game-layout{grid-template-columns:76px minmax(0,1fr) 280px;gap:14px;height:calc(100svh - 110px);min-height:650px;margin-top:14px;display:grid;position:relative}.supply-rail{z-index:10;background:var(--paper);box-shadow:var(--shadow);border:1px solid #ffffffb3;border-radius:24px;flex-direction:column;align-self:center;align-items:stretch;gap:5px;padding:9px;display:flex}.rail-label{color:var(--muted);text-align:center;margin:3px 0 2px;font-size:11px}.supply-rail button{cursor:pointer;min-height:70px;transition:background var(--fast), transform var(--fast);background:0 0;border:0;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;display:flex;position:relative}.supply-rail button:hover{background:#f8edda;transform:translateY(-1px)}.supply-rail svg{color:#9e7144;width:20px}.supply-rail button span{font-size:11px}.supply-rail b{color:#fff;background:var(--sage-deep);border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;display:grid;position:absolute;top:4px;right:5px}.room{min-width:0;box-shadow:var(--shadow);isolation:isolate;background:linear-gradient(#f5f1e8 0 59%,#d9bb91 59% 100%);border:1px solid #fffc;border-radius:30px;position:relative;overflow:hidden;container-type:size}.room:before{content:"";z-index:-2;background:radial-gradient(at 16% 18%,#ffffffe6,#0000 57%),repeating-linear-gradient(90deg,#0000 0 220px,#ae9d870b 221px 222px),linear-gradient(#f8f5ee,#eee9de);position:absolute;inset:0 0 41%}.room:after{content:"";z-index:-1;background:linear-gradient(#e8ddca 0 2px,#f9f3e7 3px 7px,#c8aa80 8px 10px);height:11px;position:absolute;top:59%;left:0;right:0;box-shadow:0 3px 5px #5d432824}.floor-lines{z-index:-2;opacity:.6;background:repeating-linear-gradient(90deg,#0000 0 135px,#6f4b2b26 136px 137px),repeating-linear-gradient(0deg,#0000 0 76px,#6f4b2b1f 77px 78px),repeating-linear-gradient(90deg,#fff9e61f 0 22px,#0000 23px 61px);position:absolute;inset:59% 0 0}.sunbeam{z-index:-1;pointer-events:none;background:linear-gradient(105deg,#0000 9%,#fff9d14d 31%,#fff8d508 75%);width:53%;height:100%;position:absolute;top:-12%;left:7%;transform:skew(-12deg)}.wall-art{gap:16px;display:flex;position:absolute;top:5%;left:49%}.wall-art span{background:radial-gradient(at 68% 65%,#8ca48a 0 14%,#0000 15%),linear-gradient(140deg,#e6eadc,#faf7ec);border:6px solid #b9956c;width:52px;height:68px;box-shadow:inset 0 0 0 3px #f7f2e6,0 4px 9px #402d171a}.wall-art span:nth-child(2){background:linear-gradient(30deg,#edd7aa,#fffaf0);transform:translateY(15px)}.facility{cursor:pointer;transition:filter var(--fast), transform var(--fast);background:0 0;border:0;padding:0;position:absolute}.facility:hover{filter:brightness(1.04)}.facility:focus-visible{border-radius:12px}.window{border:10px solid #d8bc93;border-bottom-width:17px;width:29%;height:44%;top:2%;left:3%;overflow:visible;box-shadow:inset 0 0 0 3px #fbf7ec,0 10px 24px #5543281a}.window:after{content:"";background:linear-gradient(#e9d4b3,#c69f72);border-radius:2px 2px 5px 5px;height:13px;position:absolute;bottom:-24px;left:-19px;right:-19px;box-shadow:0 5px 8px #51381e1f}.sky{background:linear-gradient(#c8e8e4,#eff4c7 47%,#a5c885);position:absolute;inset:0;overflow:hidden}.sky:before{content:"";background:radial-gradient(at 30% 100%,#6a9f63 0 29%,#0000 30%),radial-gradient(at 72% 100%,#87b477 0 38%,#0000 39%);position:absolute;inset:28% 0 0}.sky:after{content:"";background:#fffc;width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:-75px 0 #ffffff59,75px 0 #ffffff59}.sky i{background:#ffffffb3;border-radius:50%;width:44px;height:14px;position:absolute}.sky i:first-child{top:14%;left:12%}.sky i:nth-child(2){top:22%;left:55%}.sky i:nth-child(3){top:10%;left:70%}.curtain{z-index:2;background:repeating-linear-gradient(90deg,#e9e4d7 0 12px,#f8f4e9 13px 25px);width:27%;position:absolute;top:-12px;bottom:-26px;box-shadow:0 5px 10px #5548371f}.curtain.left{border-radius:12px 30px 8px 14px;left:-21px;transform:skewY(-3deg)}.curtain.right{border-radius:30px 12px 14px 8px;right:-21px;transform:skewY(3deg)}.plant{z-index:3;width:100px;height:190px;position:absolute}.plant span{background:#efe9d8;border-radius:5px 5px 20px 20px;width:48px;height:65px;position:absolute;bottom:0;left:30px;box-shadow:inset -10px 0 #dcd3bc}.plant i{transform-origin:bottom;background:#6c9364;border-radius:100% 0;width:34px;height:74px;position:absolute;bottom:50px;left:50px}.plant i:first-child{transform:rotate(-43deg)}.plant i:nth-child(2){transform:rotate(-15deg)scale(.9)}.plant i:nth-child(3){transform:rotate(23deg)scale(.82)}.plant i:nth-child(4){transform:rotate(50deg)scale(.7)}.plant-left{transform:translate(var(--move-x,0), var(--move-y,0)) scale(.8);transform-origin:bottom;top:28%;left:25%}.sideboard{z-index:0;pointer-events:none;background:linear-gradient(90deg,#b88f63,#d4b18a 46%,#b99268);border:5px solid #a77f54;border-top-width:9px;border-radius:5px 5px 9px 9px;width:18%;height:11%;position:absolute;top:47%;left:4%;box-shadow:0 12px 13px #4e351c21,inset 0 -7px #6341231f}.sideboard:before{content:"";background:#62432859;height:2px;position:absolute;top:48%;left:8%;right:8%;box-shadow:0 -14px 0 -1px #fff8e24d}.sideboard:after{content:"";border-left:6px solid #91704e;border-right:6px solid #91704e;height:13px;position:absolute;bottom:-14px;left:13%;right:13%}.sideboard-front{background:#62432859;width:2px;position:absolute;inset:7% 48% 7% auto}.sideboard-vase{background:linear-gradient(90deg,#b9c2ac,#e2e6d7,#9eae98);border-radius:35% 35% 42% 42%;width:22%;height:38%;position:absolute;bottom:100%;left:16%}.sideboard-books{background:linear-gradient(#eee7d8 0 35%,#9aab91 36% 67%,#c6a887 68%);width:31%;height:12%;position:absolute;bottom:100%;right:12%;box-shadow:0 1px #4a372626}.sofa{background:repeating-linear-gradient(90deg,#f2ede2 0 4px,#f0eadd 5px 8px);border:8px solid #d7c4a6;border-radius:40px 40px 20px 20px;width:35%;height:29%;top:27%;left:36%;box-shadow:inset 0 -28px #e1d7c7,0 17px 18px #51381e1f}.sofa:before{content:"";background:#91714e21;width:4px;position:absolute;top:-5px;bottom:20px;left:32%;box-shadow:95px 0 #91714e21}.sofa-base{background:linear-gradient(#d3b187,#ad8459);border-radius:8px;height:22px;position:absolute;bottom:-18px;left:-5%;right:-5%;box-shadow:-4px 13px 0 -7px #96734d,4px 13px 0 -7px #96734d}.cushion{border-radius:13px;width:64px;height:55px;position:absolute;top:25%;transform:rotate(-4deg);box-shadow:0 4px 6px #3d29181a}.cushion.green{background:#8eb59d;left:19%}.cushion.gold{background:#dfaa62;right:14%;transform:rotate(9deg)}.cat-tree{width:23%;height:46%;transform:translate(var(--move-x,0), var(--move-y,0));top:18%;right:2%}.tree-top,.tree-platform{background:#d2a66d;border:5px solid #bf8c52;border-radius:50%;width:80%;height:22px;position:absolute;left:13%}.tree-top{top:0}.tree-platform{bottom:12%}.tree-house{background:#dfb982;border:7px solid #c7955c;border-radius:18px;width:58%;height:34%;position:absolute;top:25%;right:18%}.tree-house:after{content:"";aspect-ratio:1;background:#805d40;border-radius:50% 50% 42% 42%;width:42%;position:absolute;top:22%;left:29%;box-shadow:inset 5px 4px #3e2b1c33}.rope{background:repeating-linear-gradient(#c89a61 0 4px,#e2bc83 5px 8px);width:13px;position:absolute}.rope.one{height:73%;top:13%;left:25%}.rope.two{height:31%;top:56%;right:20%}.hanging-ball{background:#9cb8a4;border-radius:50%;width:22px;height:22px;position:absolute;top:55%;left:19%;box-shadow:0 -32px 0 -10px #8b6b49}.pet-bed{width:19%;height:10%;transform:translate(var(--move-x,0), var(--move-y,0));background:#d8c8ad;border:7px solid #f8f1e3;border-radius:50%;top:auto;bottom:27%;left:29%;box-shadow:0 4px #baa98c,0 8px 12px #3e2a1824,inset 0 -6px #c7b493}.pet-bed span{background:radial-gradient(at 50% 38%,#fffaf0,#eadfc9 74%);border-radius:50%;position:absolute;inset:22% 12% 17%;box-shadow:inset 0 3px 8px #7658351f}.movable-furniture{touch-action:none}.layout-mode .movable-furniture{z-index:14;cursor:grab;outline-offset:7px;filter:drop-shadow(0 8px 12px #304b3b3d);outline:3px dashed #547c67c7}.layout-mode .movable-furniture:active{cursor:grabbing}.layout-mode .pet,.layout-mode .toy-ball,.layout-mode .context-card{pointer-events:none;opacity:.62}.layout-mode:before{box-shadow:inset 0 0 0 4px #547c674d}.litter-box{background:#b8d7cd;border:8px solid #7fae9f;border-radius:12px 12px 29px 29px;width:15%;height:13%;bottom:19%;right:3%;box-shadow:0 9px 12px #34463921}.litter{background-color:#e1cfaa;background-image:radial-gradient(#a9906c 1px,#0000 2px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:50%;position:absolute;inset:14% 9% 24%}.bowls{justify-content:center;align-items:flex-end;gap:8%;width:21%;height:13%;display:flex;bottom:13%;left:25%;overflow:visible}.bowls>span{background:linear-gradient(105deg,#d99b68,#b96f48 72%);border:4px solid #f8eee0;border-radius:12% 12% 38% 38%/18% 18% 54% 54%;width:43%;height:72%;display:block;position:relative;box-shadow:inset 0 -8px #6f3c251f,0 5px #986143,0 9px 10px #3f2b1833}.bowls>span:before{content:"";z-index:2;background:radial-gradient(circle at 24% 40%,#704324 0 4%,#0000 5%),radial-gradient(circle at 47% 64%,#8b552d 0 5%,#0000 6%),radial-gradient(circle at 70% 38%,#6f4325 0 4%,#0000 5%),radial-gradient(circle at 58% 25%,#9c6538 0 4%,#0000 5%),#bd8150;border:5px solid #fff5e7;border-radius:50%;height:54%;position:absolute;top:-27%;left:-7%;right:-7%;box-shadow:inset 0 4px 8px #502b1942,0 2px #ffffffbf}.bowls>span:after{content:"猫";z-index:3;color:#fff8eb;background:#7e482b8c;border-radius:50% 50% 45% 45%;place-items:center;width:23px;height:20px;font-size:9px;font-weight:700;display:grid;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.bowls>span:last-child{background:linear-gradient(105deg,#91b8ad,#568e81 72%);width:49%;height:84%;box-shadow:inset 0 -9px #2c655729,0 5px #47766d,0 9px 10px #3f2b1833}.bowls>span:last-child:before{background:radial-gradient(circle at 20% 38%,#76502d 0 4%,#0000 5%),radial-gradient(circle at 42% 62%,#986a3a 0 5%,#0000 6%),radial-gradient(circle at 68% 34%,#6e4728 0 4%,#0000 5%),radial-gradient(circle at 77% 68%,#885d34 0 4%,#0000 5%),radial-gradient(circle at 51% 24%,#a27341 0 5%,#0000 6%),#c18a55}.bowls>span:last-child:after{content:"狗";background:#2a655694}.bowls:hover>span{filter:brightness(1.05);transform:translateY(-1px)}.bath-zone{color:#537b68;width:90px;height:90px;box-shadow:var(--shadow);background:#f5fcf8db;border:1px solid #c8dbcf;border-radius:24px;align-content:center;place-items:center;gap:5px;display:grid;bottom:12%;left:2%}.bath-zone span{font-size:12px}.bath-zone svg{width:28px}.rug{z-index:-1;background:radial-gradient(#f7edd9,#ead9bd);border:4px solid #ffffff9e;border-radius:50%;height:32%;position:absolute;bottom:8%;left:23%;right:12%;box-shadow:inset 0 0 20px #996e4121,0 10px 20px #553a1b14}.pet{z-index:7;cursor:pointer;touch-action:none;transform:translate(var(--wander-x,0px), var(--wander-y,0px));transition:filter var(--fast), transform 3.3s cubic-bezier(.35,.05,.4,.95);background:0 0;border:0;padding:0;position:absolute}.pet:hover{filter:brightness(1.04)}.pet.selected{filter:drop-shadow(0 0 9px #ffffffe6)}.pet:focus-visible{border-radius:30%}.pet-art{width:100%;height:100%;display:block;overflow:visible}.pet-cat{width:clamp(210px,24vw,315px);height:210px;bottom:16%;left:37%}.pet-dog{width:clamp(255px,28vw,370px);height:235px;bottom:8%;right:15%}.pet-shadow{filter:blur(8px);background:#53381c30;border-radius:50%;height:14%;position:absolute;bottom:12%;left:15%;right:7%}.pet-name{white-space:nowrap;background:#fffcf5e6;border-radius:14px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:-3px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #422e1b1f}.pet-reaction{z-index:2;color:#60472f;text-align:left;pointer-events:none;background:#fffaf0;border:1px solid #e9d9b9;border-radius:16px 16px 16px 4px;width:max-content;max-width:min(240px,55vw);padding:10px 13px;font-size:13px;line-height:1.4;animation:.26s ease-out both reactionPop;position:absolute;bottom:84%;left:50%;transform:translate(-50%);box-shadow:0 7px 19px #3f2b1829}@keyframes reactionPop{0%{opacity:0;transform:translate(-50%,9px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.pet-pose{transform-origin:50% 80%}.action-wag .dog-tail,.pose-wag .dog-tail{transform-origin:240px 95px;animation:.38s ease-in-out infinite alternate wag}.action-groom .cat-art,.action-belly .cat-art{animation:1.2s ease-in-out infinite alternate catNuzzle}.action-groom .cat-eyes,.action-belly .cat-eyes,.action-sleep .cat-eyes{transform-origin:50%;animation:1.8s ease-in-out infinite petBlink}.action-wag .dog-eyes,.action-belly .dog-eyes,.action-sleep .dog-eyes{transform-origin:50%;animation:2.2s ease-in-out infinite petBlink}.action-eat .pet-art{animation:.6s ease-in-out infinite alternate eatingNod}.action-belly .dog-art{animation:.65s ease-in-out infinite alternate happyBounce}.action-carry .dog-tail{transform-origin:240px 95px;animation:.42s ease-in-out infinite alternate wag}.action-walk .pet-art{animation:.8s ease-in-out infinite walkBob}.action-chase .pet-art{animation:.35s ease-in-out infinite walkBob}.action-stretch .cat-art{transform:scaleX(1.06)translateY(3px)}.action-bath .pet-art{filter:saturate(.85);animation:.7s ease-in-out infinite alternate bathWiggle}@keyframes wag{to{transform:rotate(17deg)}}@keyframes walkBob{50%{transform:translateY(-5px)rotate(.7deg)}}@keyframes catNuzzle{to{transform:rotate(-2deg)translateY(2px)}}@keyframes bathWiggle{to{transform:rotate(1.5deg)translateY(-2px)}}@keyframes petBlink{45%,52%{transform:scaleY(.2)}}@keyframes eatingNod{to{transform:rotate(2deg)translateY(4px)}}@keyframes happyBounce{to{transform:translateY(-4px)rotate(-1deg)}}.gesture-sparkles{z-index:16;pointer-events:none;position:absolute;inset:0}.gesture-sparkles i{background:#fff4b8;border-radius:50% 50% 50% 0;width:12px;height:12px;animation:.42s ease-out forwards petSparkle;position:absolute;transform:rotate(-35deg);box-shadow:0 0 0 3px #ffffff8c,0 3px 9px #845c2c2e}@keyframes petSparkle{to{opacity:0;transform:rotate(20deg)translateY(-16px)scale(.3)}}.toy-ball{z-index:9;background:conic-gradient(#e88b63 0 25%, #72ae9f 0 50%, #e8c65b 0 75%, #789dce 0);cursor:grab;touch-action:none;width:48px;height:48px;transition:transform var(--fast), box-shadow var(--fast);border:4px solid #fff7e8;border-radius:50%;margin:-24px;position:absolute;box-shadow:0 6px 10px #432c1938}.toy-ball:hover{transform:scale(1.08)}.toy-ball.dragging{cursor:grabbing;transform:scale(1.12);box-shadow:0 10px 20px #432c194d}.toy-wand{z-index:3;background:#da8a70;border-radius:5px;width:125px;height:4px;position:absolute;bottom:10%;left:49%;transform:rotate(-8deg)}.toy-wand span{background:#76b398;border-radius:50%;width:17px;height:17px;position:absolute;top:-7px;right:-9px}.cloud-note,.sync-note{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);background:#fffdf7d1;border-radius:14px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:flex;position:absolute;box-shadow:0 7px 16px #46311c14}.cloud-note{top:3%;left:2%}.sync-note{top:3%;right:2%}.status-dot{background:#d69250;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #d692502b}.context-card{z-index:14;width:min(360px,100% - 36px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffbf2eb;border:1px solid #ffffffbf;border-radius:22px;padding:14px;position:absolute;bottom:18px;right:18px}.context-heading{align-items:center;gap:10px;display:flex}.context-heading .icon-bubble{width:40px;height:40px}.context-heading div{flex:1;min-width:0}.context-heading small,.context-heading strong{display:block}.context-heading small{color:var(--muted);font-size:10px}.context-heading strong{margin-top:2px}.context-heading>button,.panel-title button,.toast button{cursor:pointer;background:0 0;border:0;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.context-heading>button:hover,.panel-title button:hover{background:#f0e5d2}.context-heading>button svg,.panel-title button svg,.toast button svg{width:18px}.context-card p{min-height:18px;color:var(--muted);margin:9px 0;font-size:12px;line-height:1.5}.context-actions{gap:7px;display:flex}.context-actions button{color:#fff;background:var(--sage-deep);cursor:pointer;min-height:42px;transition:filter var(--fast);border:0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.context-actions button:hover{filter:brightness(1.08)}.context-actions svg{width:17px}.care-panel{z-index:24;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffbf1f7;border:1px solid #ffffffe6;border-radius:28px;width:min(430px,100% - 32px);padding:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 80px #46301c47}.care-panel:before{content:"";z-index:-1;background:#47392833;position:fixed;inset:-100vh -100vw}.care-head{grid-template-columns:46px 1fr 44px;align-items:center;gap:10px;display:grid}.care-head>span{width:46px;height:46px;color:var(--sage-deep);background:#dfece1;border-radius:15px;place-items:center;display:grid}.care-head>span svg{width:23px}.care-head small{color:var(--sage-deep);font-size:10px}.care-head h2{margin:2px 0 0;font-family:STKaiti,KaiTi,serif;font-size:24px}.care-head button{cursor:pointer;background:0 0;border:0;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.care-head button:hover{background:#f0e5d2}.care-head button svg{width:18px}.care-steps{justify-content:space-between;margin:18px 4px 12px;display:flex;position:relative}.care-steps:before{content:"";background:#ddd0bb;height:2px;position:absolute;top:15px;left:16px;right:16px}.care-steps span{color:#958570;background:#fffaf0;border:2px solid #ddd0bb;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid;position:relative}.care-steps span.active{color:#fff;border-color:var(--honey);background:var(--honey);box-shadow:0 0 0 5px #e6a74f26}.care-steps span.done{color:#fff;border-color:var(--sage);background:var(--sage)}.care-steps svg{width:15px}.care-stage{background:linear-gradient(145deg,#eff5e9,#f7ebd8);border:1px solid #775d4014;border-radius:22px;place-items:center;height:175px;display:grid;overflow:hidden}.pet-picker{gap:14px;display:flex}.pet-picker button{width:112px;height:112px;color:var(--muted);cursor:pointer;transition:transform var(--fast), border var(--fast), background var(--fast);background:#ffffffb3;border:2px solid #0000;border-radius:25px;align-content:center;place-items:center;gap:8px;display:grid}.pet-picker button:hover{transform:translateY(-2px)}.pet-picker button.active{color:var(--sage-deep);border-color:var(--sage);background:#fff;box-shadow:0 8px 20px #4c68521f}.pet-picker svg{width:38px;height:38px}.care-step-title{margin-top:13px;font-size:14px;display:block}.care-panel>p{min-height:34px;color:var(--muted);margin:4px 0 12px;font-size:12px;line-height:1.45}.care-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.care-footer>span{color:var(--muted);font-size:11px}.care-footer>span b{color:var(--ink);font-size:15px}.care-footer button{color:#fff;background:var(--sage-deep);cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:5px;min-width:132px;min-height:46px;display:flex}.care-footer button:hover{filter:brightness(1.08)}.care-footer button:disabled{color:#8c8377;cursor:not-allowed;background:#ddd5ca}.care-footer button svg{width:16px;transform:rotate(-90deg)}.care-bowl{width:210px;height:130px;position:relative}.care-bowl>span{background-color:#c58d54;background-image:radial-gradient(#89572f 2px,#0000 3px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:8px solid #e6d4b7;border-radius:50%;width:126px;height:58px;position:absolute;bottom:6px;left:42px;box-shadow:0 12px 15px #53391f29}.care-bowl>span.dog{border-color:#a8c8bd}.care-bowl i{background:#e6a75b;border-radius:8px 8px 18px 18px;width:58px;height:76px;position:absolute;top:0;right:22px;transform:rotate(-34deg);box-shadow:inset -9px 0 #8555261f}.care-bowl svg{color:#8b6a4a;width:38px;animation:1s ease-in-out infinite alternate pour;position:absolute;top:45px;right:8px}@keyframes pour{to{transform:translate(-10px,7px)rotate(-8deg)}}.care-litter{width:230px;height:135px;position:relative}.care-litter>span{background-color:#dfcda8;background-image:radial-gradient(#a88a62 2px,#0000 3px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:11px 11px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:9px solid #83aa9e;border-radius:18px 18px 40px 40px;position:absolute;inset:39px 20px 5px}.care-litter i{transform-origin:bottom;background:#bd8c58;border-radius:12px;width:20px;height:100px;animation:1.1s ease-in-out infinite alternate scoop;position:absolute;top:10px;left:34px;transform:rotate(31deg)}.care-litter>svg{color:#e2a74c;position:absolute;top:18px;right:20px}.care-litter.step-1 i{left:108px;transform:rotate(-19deg)}.care-litter.step-2>span{filter:brightness(1.06);background-color:#f0dfb8}@keyframes scoop{to{transform:rotate(12deg)translateY(8px)}}.care-bath{width:240px;height:150px;position:relative}.care-bath>span:first-child{color:#a16936;background:#e8b663;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:absolute;top:28px;left:86px}.care-bath>span:first-child.cat{color:#5f4332;background:#af8668}.care-bath>span:first-child svg{width:40px;height:40px}.care-bath i{background:linear-gradient(#d3eee9 50%,#88c4c5 52%);border:8px solid #8db5ae;border-radius:18px 18px 35px 35px;height:65px;position:absolute;bottom:8px;left:35px;right:35px}.bubbles b{background:#e1faf88c;border:3px solid #ffffffe6;border-radius:50%;width:24px;height:24px;animation:1.3s ease-in-out infinite bubble;position:absolute}.bubbles b:first-child{top:63px;left:70px}.bubbles b:nth-child(2){width:18px;height:18px;animation-delay:-.5s;top:42px;right:62px}.bubbles b:nth-child(3){width:29px;height:29px;animation-delay:-.8s;top:77px;right:85px}.care-bath.step-3 i{background:#eee0c9;border-color:#d2af7c}@keyframes bubble{50%{transform:translateY(-11px)scale(1.12)}}.task-panel{z-index:12;background:var(--paper);box-shadow:var(--shadow);border:1px solid #ffffffc7;border-radius:26px;align-self:end;margin-bottom:12px;padding:18px}.panel-title{justify-content:space-between;align-items:center;display:flex}.panel-title small{color:var(--sage-deep);font-size:10px}.panel-title h2{margin:2px 0 0;font-family:STKaiti,KaiTi,serif;font-size:24px}.task-progress{background:#e9dfcd;border-radius:6px;height:10px;margin:16px 0;position:relative;overflow:visible}.task-progress span{border-radius:inherit;background:linear-gradient(90deg,#81ae90,#a8c9ad);height:100%;display:block}.task-progress b{color:var(--muted);font-size:10px;position:absolute;top:-20px;right:0}.task-item{border-top:1px solid var(--line);grid-template-columns:28px 1fr 18px;align-items:center;gap:8px;min-height:58px;display:grid}.task-item .check{color:#fff;border:2px solid #caa267;border-radius:8px;place-items:center;width:23px;height:23px;display:grid}.task-item.done .check{background:var(--sage);border-color:var(--sage)}.task-item strong,.task-item small{display:block}.task-item strong{font-size:12px}.task-item small{color:var(--muted);margin-top:3px;font-size:10px}.task-item>svg{color:#ad9b86;width:15px}.reward-button{color:#968878;background:#e8dfd2;border:0;border-radius:15px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;margin-top:10px;display:flex}.reward-button svg{width:17px}.data-note{color:var(--muted);gap:6px;margin:10px 0 0;font-size:9px;line-height:1.4;display:flex}.data-note svg{flex:none;width:13px}.pet-status-dock{z-index:18;pointer-events:none;gap:12px;display:flex;position:fixed;bottom:28px;left:110px}.pet-card{width:310px;min-height:132px;color:var(--ink);text-align:left;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;pointer-events:auto;transition:transform var(--fast), box-shadow var(--fast);background:#fffbf2f0;border:1px solid #fffc;border-radius:24px;grid-template-columns:86px 1fr;align-items:center;gap:9px;padding:11px;display:grid}.pet-card:hover{transform:translateY(-2px)}.pet-card.selected{box-shadow:0 0 0 3px #5e8b7061, var(--shadow)}.avatar{background:#ead4ad;border-radius:50%;place-items:center;width:82px;height:82px;display:grid;overflow:hidden}.avatar.dog{background:#dce9d8}.avatar .pet-art{width:143px;height:100px;transform:translate(-4px,8px)}.avatar.dog .pet-art{width:155px;transform:translate(-18px,8px)}.pet-card-head{justify-content:space-between;align-items:end;margin-bottom:7px;display:flex}.pet-card-head small{color:var(--muted);font-size:9px}.pet-card-head h3{margin:1px 0 0;font-family:STKaiti,KaiTi,serif;font-size:21px}.pet-card-head>span{max-width:90px;color:var(--sage-deep);text-align:right;font-size:9px}.stat-grid{grid-template-columns:1fr 1fr;gap:5px 10px;display:grid}.stat{grid-template-columns:25px 1fr 18px;align-items:center;gap:4px;font-size:8px;display:grid}.stat>span{color:var(--muted)}.stat>div{background:#e6dac7;border-radius:4px;height:5px;overflow:hidden}.stat i{border-radius:inherit;background:linear-gradient(90deg,#79aa8c,#a9cab0);height:100%;display:block}.stat b{color:var(--muted);font-size:8px;font-weight:500}.toast{z-index:30;color:#fff;background:#4b6c57f0;border-radius:16px;align-items:center;gap:9px;min-width:280px;max-width:calc(100vw - 32px);min-height:46px;padding:4px 6px 4px 14px;font-size:12px;display:flex;position:fixed;top:100px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #34483a42}.toast:has(span:empty){display:none}.toast span{flex:1}.toast button{color:#fff}.mobile-bottom-nav{display:none}.layout-editing .toast{top:174px}@media (width<=1250px){.topbar{grid-template-columns:1fr auto}.day-chip{display:none}.game-layout{grid-template-columns:70px minmax(0,1fr)}.task-panel{width:275px;position:absolute;top:18px;right:18px}.pet-status-dock{left:100px}.pet-card{width:280px}.pet-cat{left:34%}.pet-dog{right:8%}}@media (width<=820px){.game-shell{padding:0;padding-bottom:calc(78px + env(safe-area-inset-bottom));background:#ede1cc}.topbar{min-height:64px;padding:max(8px, env(safe-area-inset-top)) 12px 8px;border-radius:0 0 20px 20px;grid-template-columns:1fr auto;position:sticky;top:0}.brand small{display:none}.brand strong{font-size:19px}.icon-bubble{width:38px;height:38px}.desktop-actions{display:none}.mobile-menu-button{background:#f4e8d5;border:0;border-radius:15px;min-width:48px;min-height:48px;display:grid}.mobile-menu{z-index:40;right:12px;top:calc(70px + env(safe-area-inset-top));background:var(--paper);width:180px;box-shadow:var(--shadow);border-radius:20px;grid-template-columns:1fr 1fr;gap:6px;padding:9px;display:grid;position:fixed}.mobile-menu button{justify-content:flex-start;min-width:0;display:flex}.game-layout{height:auto;min-height:0;margin-top:0;display:block}.supply-rail{z-index:11;border-radius:18px;flex-direction:row;width:calc(100% - 24px);margin:10px 12px;padding:6px;position:relative;overflow-x:auto}.rail-label{display:none}.supply-rail button{flex:1 0 62px;min-height:58px}.supply-rail button span{font-size:10px}.room{background:linear-gradient(#f5f1e8 0 57%,#d9bb91 57% 100%);border-radius:24px;height:min(72svh,650px);min-height:510px;margin:0 8px}.room:after{top:57%}.floor-lines{inset:57% 0 0}.sideboard{width:25%;height:11%;top:45%;left:4%}.sideboard-vase,.sideboard-books{display:none}.window{width:43%;height:38%;left:3%}.plant-left{transform:translate(var(--move-x,0), var(--move-y,0)) scale(.57);top:26%;left:34%}.sofa{width:43%;height:22%;top:32%;left:38%}.cat-tree{width:29%;height:44%;top:17%;right:-5%}.pet-bed{width:31%;height:8%;top:auto;bottom:31%;left:12%}.litter-box{width:21%;height:10%;bottom:25%;right:3%}.bowls{width:31%;height:11%;bottom:22%;left:4%}.bath-zone{display:none}.rug{height:35%;bottom:8%;left:5%;right:3%}.pet-cat{width:min(48vw,240px);height:180px;bottom:15%;left:8%}.pet-dog{width:min(57vw,285px);height:205px;bottom:13%;right:0}.toy-ball{width:52px;height:52px}.cloud-note{max-width:58%;top:2%}.sync-note{display:none}.context-card{width:auto;padding:11px;bottom:10px;left:10px;right:10px}.context-card p{margin:6px 0}.context-heading .icon-bubble{width:36px;height:36px}.context-actions button{min-height:48px}.task-panel{z-index:35;top:auto;left:12px;right:12px;bottom:calc(74px + env(safe-area-inset-bottom));border-radius:26px;width:auto;max-height:65svh;margin:0;position:fixed;overflow-y:auto}.care-panel{z-index:50;top:auto;left:8px;right:8px;bottom:calc(78px + env(safe-area-inset-bottom));border-radius:26px;width:auto;max-height:calc(100svh - 100px);padding:15px;position:fixed;overflow-y:auto;transform:none}.care-panel:before{z-index:-1}.care-stage{height:150px}.care-footer button{min-height:50px}.pet-status-dock{z-index:12;gap:8px;margin:10px 8px;display:grid;position:relative;bottom:auto;left:auto}.pet-card{border-radius:20px;grid-template-columns:72px 1fr;width:100%;min-height:116px}.avatar{width:68px;height:68px}.avatar .pet-art{width:125px}.avatar.dog .pet-art{width:135px}.toast{top:auto;bottom:calc(86px + env(safe-area-inset-bottom))}.mobile-bottom-nav{z-index:32;left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));height:64px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf4f0;border:1px solid #fffc;border-radius:22px;grid-template-columns:repeat(4,1fr);padding:5px;display:grid;position:fixed}.mobile-bottom-nav button{background:0 0;border:0;border-radius:15px;place-items:center;gap:1px;min-width:48px;min-height:52px;display:grid}.mobile-bottom-nav button.active{color:var(--sage-deep);background:#e3eee5}.mobile-bottom-nav svg{width:20px}.mobile-bottom-nav span{font-size:10px}}@media (width<=430px){.brand strong{font-size:17px}.brand{gap:7px}.room{height:62svh;min-height:480px}.wall-art{display:none}.sofa{width:39%;left:42%}.cat-tree{width:35%}.pet-cat{bottom:17%;left:1%}.pet-dog{bottom:14%;right:-8%}.pet-name{font-size:10px}.cloud-note span{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.context-card{bottom:8px}.context-card p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toy-wand{display:none}}@media (height<=650px) and (orientation:landscape) and (width<=950px){.topbar{position:fixed;left:0;right:0}.supply-rail{z-index:25;flex-direction:column;width:64px;height:calc(100vh - 150px);margin:0;position:fixed;top:70px;left:8px;overflow-y:auto}.supply-rail button{flex:0 0 57px}.game-layout{padding-top:64px}.room{height:calc(100vh - 72px);min-height:420px;margin-left:78px}.pet-status-dock{display:none}.mobile-bottom-nav{width:260px;left:auto}.context-card{width:300px}.task-panel{width:300px;left:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.environment-chip{z-index:25;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffcf4e6;border:1px solid #fffc;border-radius:16px;align-items:center;gap:8px;min-height:42px;padding:4px 6px 4px 12px;font-size:12px;display:flex;position:fixed;top:103px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #4b351d1a}.environment-chip>svg{color:#927236;width:18px}.environment-chip b{border-left:1px solid var(--line);align-items:center;gap:4px;padding-left:8px;display:flex}.environment-chip b svg{width:15px;color:var(--honey)}.environment-chip button{width:38px;height:38px;color:var(--sage-deep);cursor:pointer;background:#e5efe5;border:0;border-radius:12px;place-items:center;display:grid}.environment-chip button svg{width:18px}.economy-panel{z-index:45;background:#fffbf1fa;border:1px solid #ffffffe6;border-radius:26px;width:min(430px,100vw - 32px);padding:18px;position:fixed;top:154px;left:50%;transform:translate(-50%);box-shadow:0 25px 70px #3d2c1b40}.economy-summary{gap:8px;margin:14px 0;display:flex}.economy-summary span{background:#f3ead8;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:44px;font-size:12px;display:flex}.economy-summary svg{width:17px;color:var(--honey)}.reward-preview{background:#e8f1e6;border-radius:18px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.reward-preview>svg{color:var(--sage-deep)}.reward-preview strong,.reward-preview small{display:block}.reward-preview small{color:var(--muted);margin-top:3px;font-size:10px}.reward-preview button,.event-card button{color:#fff;background:var(--sage-deep);cursor:pointer;border:0;border-radius:13px;min-height:42px;padding:0 13px}.reward-preview button:disabled{color:var(--muted);background:#ddd6ca}.inventory-grid{grid-template-columns:repeat(5,1fr);gap:5px;margin-top:12px;display:grid}.inventory-grid span{border:1px solid var(--line);text-align:center;border-radius:10px;padding:8px 3px;font-size:10px}.inventory-grid b{margin-top:3px;font-size:14px;display:block}.event-card{z-index:24;width:min(310px,100vw - 32px);box-shadow:var(--shadow);background:#fff8e6f5;border:1px solid #ecd19d;border-radius:20px;align-items:center;gap:12px;padding:14px;display:flex;position:fixed;top:155px;right:28px}.event-card div{flex:1;min-width:0}.event-card small,.event-card strong{display:block}.event-card small{color:#a46d2c;font-size:10px}.event-card p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.4}.settings-panel{z-index:55;background:#fffbf1fa;border:1px solid #ffffffe6;border-radius:26px;width:min(390px,100vw - 32px);max-height:calc(100svh - 120px);padding:18px;position:fixed;top:100px;right:20px;overflow-y:auto;box-shadow:0 28px 80px #3e2c1a40}.account-card{background:#edf3e9;border-radius:17px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:64px;margin:13px 0;padding:10px;display:grid}.account-card>svg{width:20px;color:var(--sage-deep)}.account-card span{min-width:0}.account-card small,.account-card strong{display:block}.account-card small{color:var(--muted);font-size:9px}.account-card strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.account-sync{color:#fff;background:var(--sage-deep);white-space:nowrap;border-radius:10px;padding:6px 8px;font-size:9px}.account-sync.sync-demo{color:#7f6d55;background:#e2d7c7}.account-sync.sync-offline{color:#8e5d27;background:#f3dbb9}.settings-panel fieldset{border:1px solid var(--line);border-radius:18px;gap:9px;margin:0;padding:13px;display:grid}.settings-panel legend{color:var(--muted);padding:0 6px;font-size:10px}.settings-panel label{color:#66594a;grid-template-columns:22px 58px 1fr;align-items:center;gap:7px;font-size:11px;display:grid}.settings-panel label svg{width:18px;color:var(--sage-deep)}.settings-panel input{min-width:0;height:44px;color:var(--ink);font:inherit;background:#fffdf8;border:1px solid #d8cab7;border-radius:12px;padding:0 11px;font-size:14px}.settings-panel input:focus{border-color:var(--sage);outline:3px solid #5f8b712e}.settings-error{color:#a34e42;margin:0;font-size:10px}.settings-save{color:#fff;background:var(--sage-deep);cursor:pointer;border:0;border-radius:13px;min-height:44px}.setting-row{background:#f5ede0;border-radius:17px;justify-content:space-between;align-items:center;gap:12px;min-height:68px;margin-top:11px;padding:10px 12px;display:flex}.setting-row>span{align-items:center;gap:10px;display:flex}.setting-row>span>svg{color:#98734a;width:20px}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:12px}.setting-row small{color:var(--muted);margin-top:3px;font-size:9px}.sound-switch{cursor:pointer;width:52px;height:32px;transition:background var(--fast);background:#cfc5b7;border:0;border-radius:18px;flex:none;position:relative}.sound-switch i{width:24px;height:24px;transition:transform var(--fast);background:#fff;border-radius:50%;position:absolute;top:4px;left:4px;box-shadow:0 2px 5px #3f302033}.sound-switch.on{background:var(--sage-deep)}.sound-switch.on i{transform:translate(20px)}.sign-out-button{color:#9b5147;cursor:pointer;background:#fff8f5;border:1px solid #e1c8c1;border-radius:14px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;margin-top:12px;display:flex}.sign-out-button svg{width:17px}.weather-rainy .room:before{background:repeating-linear-gradient(78deg,#0000 0 27px,#7e9ea929 28px 30px),linear-gradient(#d4e2e2bf,#0000);animation:2.4s linear infinite rainShift}.weather-rainy .room{filter:saturate(.86)}.weather-snowy .room:before{background:radial-gradient(circle at 12% 20%,#ffffffe6 0 3px,#0000 4px) 0 0/90px 100px,radial-gradient(circle at 48% 8%,#fffc 0 4px,#0000 5px) 0 0/130px 150px,radial-gradient(circle at 78% 26%,#fffc 0 3px,#0000 4px) 0 0/110px 120px,linear-gradient(#e5efefbf,#0000);animation:6s linear infinite snowFall}.period-night .room{filter:saturate(.78)brightness(.82)}.period-night .sunbeam{opacity:.15}.period-night .sky{background:linear-gradient(#596d86,#91a58f)}.task-item{grid-template-columns:28px 1fr auto}.task-claim{color:#fff;background:var(--sage-deep);cursor:pointer;border:0;border-radius:11px;min-width:54px;min-height:36px;font-size:10px}.task-claim:disabled{color:#8d8376;cursor:default;background:#e4ddd2}@keyframes rainShift{to{background-position:38px 80px,0 0}}@keyframes snowFall{to{background-position:20px 100px,-25px 150px,18px 120px,0 0}}@media (width<=820px){.environment-chip{position:absolute;top:72px;left:auto;right:12px;transform:none}.environment-chip>span{display:none}.economy-panel{top:auto;bottom:calc(80px + env(safe-area-inset-bottom));max-height:70svh;overflow-y:auto}.event-card{top:134px;right:12px}.inventory-grid{grid-template-columns:repeat(3,1fr)}.settings-panel{top:auto;right:8px;bottom:calc(78px + env(safe-area-inset-bottom));border-radius:25px;width:auto;max-height:72svh;left:8px}.account-card{grid-template-columns:34px minmax(0,1fr)}.account-sync{grid-column:2;justify-self:start}.settings-panel label{grid-template-columns:20px 52px minmax(0,1fr)}}.settings-panel .sound-switch{background:0 0;border-radius:22px;width:56px;height:44px;position:relative}.settings-panel .sound-switch:before{content:"";transition:background var(--fast);background:#cfc5b7;border-radius:18px;position:absolute;inset:6px 0}.settings-panel .sound-switch i{top:10px;left:4px}.settings-panel .sound-switch.on{background:0 0}.settings-panel .sound-switch.on:before{background:var(--sage-deep)}.settings-panel .sound-switch.on i{transform:translate(24px)}.invite-panel{z-index:55;background:#fffaf0;border:1px solid #ffffffe6;border-radius:26px;width:min(480px,100vw - 32px);padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 90px #34271952}.invite-panel:before{content:"";z-index:-1;background:#372d2347;position:fixed;inset:-100vh -100vw}.invite-panel p{color:var(--muted);font-size:13px;line-height:1.5}.invite-panel label{margin-bottom:6px;font-size:12px;font-weight:700;display:block}.invite-panel textarea{resize:none;border:1px solid var(--line);width:100%;min-height:88px;color:var(--ink);background:#fff;border-radius:14px;padding:12px;font:12px/1.5 monospace}.invite-panel textarea:focus{border-color:var(--sage-deep);outline:3px solid #547c6733}.copy-link{color:#fff;background:var(--sage-deep);cursor:pointer;border:0;border-radius:14px;width:100%;min-height:46px;margin-top:10px;font-weight:700}.onboarding-shell{background:radial-gradient(circle at 70% 15%,#ffffffe6,#0000 32%),linear-gradient(150deg,#eee0c7,#d9e7d9);place-items:center;min-height:100svh;padding:24px;display:grid}.onboarding-card{background:#fffbf1f5;border:1px solid #ffffffe6;border-radius:36px;width:min(560px,100%);padding:clamp(24px,5vw,42px);box-shadow:0 30px 90px #43311e33}.letter-seal{color:#fff;background:var(--peach);border-radius:20px;place-items:center;width:60px;height:60px;margin-bottom:20px;display:grid;transform:rotate(-4deg);box-shadow:0 10px 24px #b166493d}.onboarding-card>small{color:var(--sage-deep);font-weight:700}.onboarding-card h1{margin:6px 0 14px;font-family:STKaiti,KaiTi,serif;font-size:clamp(30px,7vw,46px)}.onboarding-card blockquote{border-left:4px solid var(--honey);color:var(--muted);background:#f7edda;border-radius:0 18px 18px 0;margin:22px 0;padding:20px;font-family:STKaiti,KaiTi,serif;font-size:18px;line-height:1.9}.onboarding-card>button,.retry-button{color:#fff;background:var(--sage-deep);cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 20px;font-weight:700;display:flex}.onboarding-card>p{color:var(--muted);line-height:1.6}.onboarding-card label{color:var(--muted);grid-template-columns:26px 1fr;align-items:center;gap:8px;margin:13px 0;font-size:13px;display:grid}.onboarding-card label input{border:1px solid var(--line);min-height:48px;color:var(--ink);font:inherit;background:#fff;border-radius:14px;grid-column:1/-1;padding:0 14px}.onboarding-card label input:focus{border-color:var(--sage-deep);outline:3px solid #547c672e}.loading-home{text-align:center}.loading-home .icon-bubble{margin:0 auto 16px;animation:1.6s ease-in-out infinite alternate cloudFloat}.loading-home .retry-button{width:100%}.anniversary-gift{z-index:23;color:#6d4c2d;min-height:54px;box-shadow:var(--shadow);cursor:pointer;background:linear-gradient(135deg,#fff3ce,#f5d9c6);border:1px solid #ffffffdb;border-radius:18px;align-items:center;gap:10px;padding:6px 14px;animation:1.8s ease-in-out infinite alternate giftGlow;display:flex;position:fixed;top:105px;left:104px}.anniversary-gift>svg{color:#c47a55}.anniversary-gift small,.anniversary-gift strong{text-align:left;display:block}.anniversary-gift small{font-size:9px}.anniversary-gift strong{margin-top:2px;font-size:12px}.access-home label{margin:18px 0 8px;font-weight:700;display:block}.access-home input{border:1px solid var(--line);width:100%;min-height:48px;font:inherit;background:#fff;border-radius:14px;padding:0 14px}.access-home .retry-button{width:100%;margin-top:14px}.access-home [role=alert]{color:#a34b3d}@keyframes cloudFloat{to{transform:translateY(-5px)}}@keyframes giftGlow{to{box-shadow:0 0 0 5px #eeb96729, var(--shadow);transform:translateY(-2px)}}@media (width<=820px){.onboarding-shell{padding:max(16px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom))}.onboarding-card{border-radius:28px}.anniversary-gift{justify-content:center;width:48px;min-height:48px;padding:0;top:135px;left:12px}.anniversary-gift span{display:none}}.decor-shop{z-index:50;background:#fffbf1fa;border:1px solid #ffffffe6;border-radius:26px;width:min(390px,100vw - 32px);max-height:calc(100svh - 120px);padding:18px;position:fixed;top:100px;right:20px;overflow-y:auto;box-shadow:0 28px 80px #3e2c1a40}.shop-balance{color:#8b6428;background:#f9eccd;border-radius:13px;align-items:center;gap:7px;min-height:42px;margin:12px 0;padding:0 12px;font-size:12px;display:flex}.shop-balance svg{width:17px}.decor-list{gap:8px;display:grid}.decor-item{border:1px solid var(--line);background:#fffdf8;border-radius:17px;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;min-height:74px;padding:8px;display:grid}.decor-item.active{border-color:var(--sage);box-shadow:inset 0 0 0 2px #547c671f}.decor-preview{background:#eee0c8;border-radius:14px;width:58px;height:58px;display:block;box-shadow:inset 0 0 0 1px #5a402414}.decor-item strong,.decor-item small{display:block}.decor-item strong{font-size:12px}.decor-item small{color:var(--muted);margin-top:3px;font-size:10px}.decor-item button{color:#fff;background:var(--sage-deep);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:3px;min-width:62px;min-height:44px;font-size:10px;display:flex}.decor-item button:disabled{color:#8b8378;cursor:default;background:#e5ddd1}.decor-item button svg{width:13px}.arrange-room-button{width:100%;min-height:58px;color:var(--sage-deep);text-align:left;cursor:pointer;background:#edf5eb;border:1px solid #c9ddce;border-radius:17px;grid-template-columns:38px 1fr 22px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 11px;display:grid}.arrange-room-button>svg:first-child{width:21px}.arrange-room-button>svg:last-child{width:17px;transform:rotate(-90deg)}.arrange-room-button strong,.arrange-room-button small{display:block}.arrange-room-button small{color:var(--muted);margin-top:2px;font-size:10px}.layout-toolbar{z-index:55;background:#fffcf4f7;border:1px solid #ffffffe6;border-radius:20px;align-items:center;gap:10px;min-height:60px;padding:7px 8px 7px 13px;display:flex;position:fixed;top:104px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #3246373d}.layout-toolbar>svg{color:var(--sage-deep)}.layout-toolbar>span{min-width:180px}.layout-toolbar strong,.layout-toolbar small{display:block}.layout-toolbar small{color:var(--muted);margin-top:2px;font-size:10px}.layout-toolbar button{min-height:44px;color:var(--sage-deep);cursor:pointer;background:#edf1e8;border:0;border-radius:13px;align-items:center;gap:5px;padding:0 12px;display:flex}.layout-toolbar button svg{width:16px}.layout-toolbar .layout-done{color:#fff;background:var(--sage-deep)}.preview-rug-cream .decor-preview{background:radial-gradient(#fff7e6,#e9d5b4)}.preview-rug-forest .decor-preview{background:radial-gradient(at 20% 30%,#b9cdaa 0 8%,#0000 9%),radial-gradient(at 70% 65%,#759576 0 12%,#0000 13%),#dce6cf}.preview-rug-sunset .decor-preview{background:radial-gradient(circle at 30% 30%,#f7d6b0,#0000 35%),linear-gradient(135deg,#e8aa7f,#f5dec4)}.preview-wall-leaves .decor-preview{background:linear-gradient(140deg,#dbe7ce,#fffaf0)}.preview-wall-stars .decor-preview{background:radial-gradient(circle at 30% 30%,#fff4ac 0 3px,#0000 4px),radial-gradient(circle at 70% 58%,#fff4ac 0 2px,#0000 3px),linear-gradient(#54627c,#8996a4)}.preview-plant-olive .decor-preview{background:radial-gradient(at 45% 35%,#78966a 0 24%,#0000 25%),linear-gradient(90deg,#0000 42%,#b9986e 43% 57%,#0000 58%),#efe9d8}.preview-plant-blossom .decor-preview{background:radial-gradient(circle at 30% 28%,#f0b7b5 0 10%,#0000 11%),radial-gradient(circle at 66% 35%,#f3c5bf 0 13%,#0000 14%),linear-gradient(90deg,#0000 45%,#a98667 46% 55%,#0000 56%),#e9f0df}.decor-rug-forest .rug{background:radial-gradient(at 18% 30%,#63875b61 0 7%,#0000 8%),radial-gradient(at 65% 62%,#4d714b4d 0 10%,#0000 11%),#d7e1c8}.decor-rug-sunset .rug{background:radial-gradient(at 35% 35%,#f9dab7,#0000 34%),linear-gradient(135deg,#e7aa7d,#f1d5bd)}.decor-wall-stars .wall-art span{background:radial-gradient(circle at 32% 26%,#fff0a4 0 4px,#0000 5px),linear-gradient(#52627d,#83939c);border-color:#b9a779;box-shadow:0 0 16px #ffde7e59}.decor-plant-blossom .plant i{background:#789a70}.decor-plant-blossom .plant:after{content:"";background:#efb6b5;border-radius:50%;width:22px;height:22px;position:absolute;top:25px;left:20px;box-shadow:42px 12px #f2c4bd,24px 42px #eaa9ad,55px 55px #f4d0c6}@media (width<=820px){.decor-shop{top:auto;right:8px;bottom:calc(78px + env(safe-area-inset-bottom));border-radius:25px;width:auto;max-height:70svh;left:8px}.decor-item{grid-template-columns:52px 1fr auto}.decor-preview{width:52px;height:52px}.layout-toolbar{top:auto;right:8px;bottom:calc(78px + env(safe-area-inset-bottom));border-radius:22px;min-height:66px;left:8px;transform:none}.layout-toolbar>span{flex:1;min-width:0}.layout-toolbar>span small{display:none}.layout-toolbar button{padding:0 9px}.layout-toolbar button svg{margin:auto}.layout-toolbar button:not(.layout-done){width:44px;font-size:0}.layout-toolbar .layout-done{justify-content:center;min-width:68px}.layout-editing .toast{top:auto;bottom:calc(154px + env(safe-area-inset-bottom))}}