*{box-sizing:border-box}html,body,#app{margin:0;min-width:100%;min-height:100%}body{overflow:hidden}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#714425;background:#25262d;--ink: #774625;--line: #b46a32;--cream: #fff5db;--panel: rgba(255, 249, 226, .9);--shadow: 0 10px 0 rgba(109, 55, 24, .16), 0 18px 30px rgba(88, 43, 18, .22)}body{background:radial-gradient(circle at 50% 20%,#4d4d5b,#202128 70%)}.game-viewport{min-height:100vh;display:grid;place-items:center;padding:14px}.game-screen{width:min(100%,177.7vh);aspect-ratio:16 / 9;position:relative;overflow:hidden;border-radius:clamp(12px,1.3vw,24px);box-shadow:0 22px 60px #0009;isolation:isolate;background:#ffdfa2}.room-background,.room-background:before,.room-background:after{position:absolute;top:0;right:0;bottom:0;left:0}.room-background{z-index:-5;background:repeating-linear-gradient(90deg,#f7d79f 0,#f7d79f 4%,#fbe5b7 4.2%,#fbe5b7 8.2%),linear-gradient(#ffe9bc 0,#ffe9bc 64%,#ca8546 64%)}.room-background:before{content:"";height:8%;background:linear-gradient(145deg,#6f381d,#bd7131 45%,#66331b);border-bottom:5px solid #8d4b24;box-shadow:0 5px 4px #6e361744}.room-background:after{content:"";top:65%;background:repeating-linear-gradient(0deg,transparent 0 10%,#a35d2f55 10.2% 10.6%),repeating-linear-gradient(90deg,#d28c48 0,#d28c48 11%,#e7a45b 11.2%,#e7a45b 22%)}.floor{position:absolute;top:64%;right:0;bottom:0;left:0;background:linear-gradient(#bd703d33,transparent 11%)}.window{position:absolute;z-index:1;left:32%;top:14%;width:36%;height:46%;border:clamp(5px,.55vw,10px) solid #b2632a;border-radius:52% 52% 0 0/35% 35% 0 0;overflow:hidden;background:linear-gradient(150deg,#7ed7ed 0,#7ed7ed 40%,#d8f7fe 41%,#d8f7fe 55%,#67c7e7 56%);box-shadow:inset 0 0 0 4px #ffe6ac,0 7px #8d4a24}.window:after{content:"";position:absolute;top:52%;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 15% 100%,#87bd41 0 25%,transparent 26%),radial-gradient(ellipse at 87% 100%,#4e9f4b 0 28%,transparent 29%),#9bd263}.window-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(90deg,transparent 48.5%,#b2632a 49% 51%,transparent 51.5%),linear-gradient(transparent 51%,#b2632a 51.5% 54%,transparent 54%)}.cloud{position:absolute;width:24%;height:8%;background:#fff9dc;border-radius:999px;top:25%;z-index:1;opacity:.86}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:45%;aspect-ratio:1;left:20%;bottom:40%}.cloud:after{width:35%;aspect-ratio:1;right:18%;bottom:35%}.c1{left:6%}.c2{right:4%;top:41%;transform:scale(.7)}.curtain{position:absolute;z-index:2;top:12%;height:53%;width:8%;background:repeating-linear-gradient(90deg,#fff8e7,#fff8e7 25%,#f4dbac 27%,#fff7e4 48%);border:2px solid #e8bd79;border-radius:40% 40% 15% 15%}.curtain.left{left:29.5%}.curtain.right{right:29.5%}.shelf{position:absolute;top:30%;left:2%;width:13%;height:4%;background:#895026;border-radius:3px;box-shadow:0 6px #633717;display:flex;justify-content:space-around;align-items:end;font-size:clamp(18px,2.6vw,44px)}.bed{position:absolute;left:7%;bottom:17%;width:20%;height:23%;border:clamp(5px,.55vw,10px) solid #815024;border-radius:50% 50% 15% 15%;background:#b9d491;box-shadow:inset 0 -26px #67966e,0 8px #6d3c1e}.pillow{position:absolute;top:14%;left:13%;width:48%;height:28%;border-radius:50%;background:#fff8de}.blanket{position:absolute;right:4%;bottom:9%;width:75%;height:46%;border-radius:20px 5px 12px 20px;background:repeating-linear-gradient(90deg,#a8ce77 0,#a8ce77 17%,#d7e898 18%,#d7e898 22%)}.bed i{position:absolute;right:8%;top:20%;font-size:2vw;font-style:normal}.bookcase{position:absolute;z-index:1;right:11%;top:32%;width:17%;height:42%;border:clamp(5px,.55vw,10px) solid #75401e;border-bottom-width:13px;background:#9f5d2b;box-shadow:0 7px #633717;padding:7% 6%;color:#fff2bc;font-size:clamp(12px,1.25vw,21px)}.bookcase b{position:absolute;top:-24%;left:18%;font-size:3vw}.bookcase div{height:31%;border-bottom:5px solid #633717;padding-top:13%;white-space:nowrap}.lamp{position:absolute;right:1.5%;top:28%;font-size:clamp(25px,4vw,66px);filter:drop-shadow(0 0 10px #ffe789)}.big-plant{position:absolute;right:1%;bottom:18%;font-size:clamp(45px,7.5vw,120px)}.pet-stage{position:absolute;z-index:-2;left:23%;bottom:10%;width:53%;height:29%}.stage-back{position:absolute;top:15%;right:3%;bottom:0;left:3%;border-radius:50%;background:radial-gradient(ellipse,#fff7c8 0 25%,#d7eeb9 26% 55%,#90bd90 56% 70%,#5f986d 71% 75%,transparent 76%);filter:drop-shadow(0 11px 3px #59311744)}.stage-glow{position:absolute;top:26%;right:21%;bottom:18%;left:21%;border-radius:50%;background:#fff5bd99;filter:blur(20px)}.stage-front{position:absolute;top:59%;right:16%;bottom:11%;left:16%;border-radius:50%;background:radial-gradient(ellipse,#6b9a6b44,transparent 70%)}.stage-content{position:absolute;z-index:2;left:35%;bottom:20%;width:30%;height:48%;display:grid;place-items:center}.pet-placeholder{position:absolute;bottom:0;width:clamp(100px,12vw,190px);aspect-ratio:.95;border-radius:46% 46% 43% 43%;border:clamp(4px,.4vw,8px) solid #97592e;background:radial-gradient(circle at 35% 33%,#fff9d1 0 10%,transparent 11%),linear-gradient(145deg,#ffd572,#f2a654);color:#754125;font-weight:900;font-size:clamp(22px,2.8vw,45px);box-shadow:inset -12px -16px #d7864444,0 11px 13px #4b321855;animation:breathe 3.3s ease-in-out infinite}.pet-placeholder.happy{background:linear-gradient(145deg,#ffdc79,#f19b58)}.pet-placeholder.sad{background:linear-gradient(145deg,#b9d7ed,#7da4c7)}.pet-placeholder.angry{background:linear-gradient(145deg,#f9a98e,#db6d5c)}.pet-placeholder.sleep{background:linear-gradient(145deg,#afa9dc,#7d76b3)}.pet-placeholder i{position:absolute;z-index:-1;top:-12%;width:35%;height:43%;border:inherit;border-bottom:0;background:inherit;border-radius:80% 15% 20%}.left-ear{left:5%;transform:rotate(-24deg)}.right-ear{right:5%;transform:scaleX(-1) rotate(-24deg)}.face{display:block;padding-top:36%;letter-spacing:-5px}.blush{position:absolute;top:59%;width:13%;height:6%;border-radius:50%;background:#ef757866}.left-blush{left:17%}.right-blush{right:17%}.paw{position:absolute;bottom:9%;left:46%;color:#fff0b1;font-size:.6em}.dialogue-bubble{position:absolute;top:-28%;left:50%;transform:translate(-50%);width:max-content;max-width:220px;padding:11px 18px;border:3px solid #c8824a;border-radius:18px;background:#fff9e8;box-shadow:0 5px #c57a4333;color:var(--ink);text-align:center;font-weight:700;font-size:clamp(11px,1.1vw,17px)}.dialogue-bubble:after{content:"";position:absolute;left:50%;bottom:-10px;width:16px;height:16px;background:#fff9e8;border-right:3px solid #c8824a;border-bottom:3px solid #c8824a;transform:translate(-50%) rotate(45deg)}.top-bar{position:absolute;z-index:5;inset:3% 3% auto;display:flex;justify-content:space-between;align-items:center}.identity,.top-actions{display:flex;align-items:center;gap:clamp(7px,.8vw,14px)}.identity{padding:7px 13px 7px 7px;background:var(--panel);border:2px solid #e5b46f;border-radius:20px;box-shadow:0 4px #a75d2c44}.avatar{width:clamp(30px,3vw,49px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#f5b35f;font-size:1.5em}.identity strong{display:block;font-size:clamp(13px,1.2vw,20px)}.identity small{font-size:clamp(9px,.75vw,13px)}.coins,.top-actions button{min-height:36px;padding:5px clamp(7px,.7vw,12px);border-radius:15px;background:var(--panel);color:var(--ink);font-size:clamp(11px,1vw,16px);font-weight:800;box-shadow:0 3px #a75d2c55}.top-actions button{display:flex;gap:4px;align-items:center;transition:transform .15s}.top-actions button:hover{transform:translateY(-3px)}.top-actions button b{font-size:.8em}.status-panel{position:absolute;z-index:4;left:3%;top:20%;width:17%;padding:clamp(9px,1.1vw,18px);border:3px solid #d89755;border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.status-panel h2{margin:0 0 8px;font-size:clamp(13px,1.3vw,21px)}.status-row{display:flex;gap:5px;align-items:center;margin:clamp(5px,.7vw,10px) 0}.status-icon{font-size:clamp(14px,1.3vw,21px);width:19%}.status-row>div{flex:1}.status-row label{display:flex;justify-content:space-between;font-size:clamp(9px,.8vw,13px)}.meter{height:clamp(6px,.65vw,10px);margin-top:3px;overflow:hidden;border-radius:99px;background:#e8d8b9;box-shadow:inset 0 1px 2px #81502433}.meter i{display:block;height:100%;border-radius:inherit;transition:width .5s cubic-bezier(.2,.8,.2,1)}.orange{background:#eea43f}.pink{background:#eb7d85}.blue{background:#68b7d4}.yellow{background:#e2c14c}.purple{background:#a88ac6}.exp{margin:10px 0 0;padding-top:8px;border-top:1px dashed #cf9556;font-size:clamp(8px,.7vw,12px)}.action-bar{position:absolute;z-index:5;bottom:3%;left:50%;transform:translate(-50%);display:flex;gap:clamp(5px,.7vw,12px);padding:clamp(5px,.65vw,10px);border:3px solid #cf8844;border-radius:24px;background:#fff2cdcc;box-shadow:var(--shadow)}.action-bar button{min-width:clamp(55px,7vw,112px);padding:7px 8px;border:2px solid #b96c37;border-radius:15px;color:#fff;text-shadow:0 2px #75412588;box-shadow:inset 0 2px #fff7,0 4px #8f4d2755;transition:transform .15s,filter .15s}.action-bar button:hover:not(:disabled){transform:translateY(-4px);filter:saturate(1.2) brightness(1.05)}.action-bar button:active:not(:disabled){transform:translateY(2px) scale(.96)}.action-bar button:disabled{filter:grayscale(.65);opacity:.65}.action-bar i{display:block;font-style:normal;font-size:clamp(16px,1.55vw,24px)}.action-bar span{font-size:clamp(10px,.9vw,15px);font-weight:800}.action-bar .feed{background:#ea9b4a}.action-bar .clean{background:#63bbcc}.action-bar .play{background:#e37b87}.action-bar .sleep{background:#8475bd}.action-bar .chat{background:#75a85c}.feed-control{display:grid;grid-template-columns:clamp(16px,1.35vw,22px) auto clamp(16px,1.35vw,22px);grid-template-rows:auto 12px;align-items:center;column-gap:2px;min-width:clamp(88px,9vw,137px)}.feed-control .feed{grid-column:2;grid-row:1;min-width:clamp(55px,7vw,112px)}.food-switch{grid-row:1;min-width:0!important;width:100%;height:clamp(32px,3.2vw,45px);padding:0!important;border-radius:9px!important;background:#d67f3d;font-size:clamp(18px,1.7vw,28px);font-weight:900;line-height:1}.feed-control>.food-switch:first-child{grid-column:1}.feed-control>.food-switch:nth-child(3){grid-column:3}.feed-control small{grid-column:1 / -1;grid-row:2;overflow:hidden;color:#92562e;font-size:clamp(8px,.65vw,11px);font-weight:800;line-height:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.feed-control.active small{color:#bd7134}.effect-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.effect{position:absolute;bottom:43%;left:50%;color:#e76a78;font-weight:900;font-size:clamp(20px,2.2vw,36px);animation:float-away 1.25s ease-out forwards;text-shadow:0 2px #fff}.effect.bubble{color:#75c8e2}.effect.star{color:#ffcb4c;transform-origin:center}.effect.sleep{color:#8b7cc1;font-size:clamp(17px,1.6vw,28px)}.effect.value{color:#9b5c2e;font-size:clamp(13px,1.35vw,23px);white-space:nowrap}.chat-panel{position:absolute;z-index:12;top:11%;right:2.5%;width:24%;height:72%;display:flex;flex-direction:column;overflow:hidden;border:3px solid #c77d43;border-radius:20px;background:#fff7e5;box-shadow:var(--shadow)}.chat-panel header{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:#f4c477}.chat-panel header>div{display:flex;gap:7px;align-items:center}.chat-panel h2{margin:0;font-size:clamp(13px,1.15vw,19px)}.chat-panel h2 small{display:block;color:#9a643c;font-size:.7em}.chat-panel header button,.close{width:27px;aspect-ratio:1;border-radius:50%;background:#fff1cf;color:#8a4a27;font-size:21px;line-height:1}.chat-panel main{flex:1;overflow:auto;padding:10px}.chat-panel article{display:flex;gap:6px;align-items:start;margin-bottom:10px;font-size:clamp(10px,.85vw,14px)}.chat-panel article>span{min-width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#f4c477;font-size:11px}.chat-panel article p{max-width:76%;margin:0;padding:7px 9px;border-radius:11px;background:#ffe9ba;line-height:1.45}.chat-panel .user{justify-content:flex-end;flex-direction:row-reverse}.chat-panel .user p{background:#d8edb8}.thinking p{color:#9b795f;font-style:italic}.chat-panel footer{padding:8px;border-top:1px solid #ecd2a2}.chat-panel textarea{width:100%;min-height:43px;resize:none;border:1px solid #dfba80;border-radius:9px;padding:6px;outline:none;color:var(--ink);font-size:clamp(10px,.8vw,13px)}.chat-panel footer>div{display:flex;justify-content:flex-end;gap:5px;align-items:center;margin-top:5px}.chat-panel footer small{margin-right:auto;color:#a77b53}.chat-panel footer button{padding:4px 8px;border-radius:7px;color:var(--ink);background:#f5dfac;font-size:11px}.chat-panel .send{color:#fff;background:#e79248}.modal-mask{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#3c281c77}.modal{position:relative;width:min(480px,70%);max-height:82%;overflow:auto;padding:clamp(20px,2vw,34px);border:4px solid #c77d43;border-radius:24px;background:#fff8e7;box-shadow:0 16px #7d452b44,0 25px 45px #25140c88}.modal h2{margin:0 0 5px;font-size:clamp(20px,2vw,31px)}.modal .close{position:absolute;top:11px;right:11px}.subtitle{margin:0 0 17px;color:#9a704d}.item-grid{display:grid;gap:10px}.item-grid article{display:flex;gap:14px;align-items:center;padding:11px;border:2px solid #efd29b;border-radius:14px;background:#fffdf3}.item-grid article>i{width:58px;aspect-ratio:1;display:grid;place-items:center;border-radius:13px;background:#ffe4a2;font-size:33px;font-style:normal}.item-grid article>div{flex:1}.item-grid strong{font-size:16px}.item-grid em{color:#d47c3d;font-style:normal}.item-grid p{margin:4px 0 7px;color:#986b4c;font-size:12px}.item-grid button,.offline-modal button{padding:6px 14px;border-radius:10px;background:#e99049;color:#fff;font-weight:800}.item-grid .empty{opacity:.52}.growth-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:17px}.growth-grid article{text-align:center;padding:13px 8px;border:2px solid #e5c389;border-radius:15px}.form-silhouette{display:grid;width:90px;aspect-ratio:1;place-items:center;margin:auto;border-radius:50%;background:#f9d283;font-size:43px}.locked .form-silhouette{background:#c4bcb2;color:#8d837b}.growth-grid h3{margin:10px 0 4px}.growth-grid p,.growth-grid small{margin:0;color:#9e704e;font-size:12px}.growth-grid b{display:inline-block;margin-top:7px;padding:3px 7px;border-radius:8px;background:#8bb36b;color:#fff;font-size:11px}.settings-modal>label{display:block;margin-top:14px;font-weight:700;font-size:14px}.settings-modal output{float:right;color:#bd7140}.settings-modal input[type=range]{display:block;width:100%;accent-color:#dc914b}.settings-modal .toggle{padding:10px;border-radius:10px;background:#f8eacb}.setting-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.setting-actions button,.file-button{padding:8px;border-radius:9px;background:#ecb15d;color:#70411f;text-align:center;font-weight:800;font-size:12px}.file-button input{display:none}.setting-actions .danger{background:#e99a91}.about{margin:18px 0 0;padding-top:12px;border-top:1px dashed #d5b17c;color:#9b765a;text-align:center;font-size:11px}.offline-modal{width:min(370px,70%);text-align:center}.offline-icon{font-size:48px}.offline-modal p{color:#96704f}.offline-modal ul{padding:0;list-style:none;text-align:left}.offline-modal li{display:flex;justify-content:space-between;padding:7px 13px;border-bottom:1px dashed #e3c793}.positive{color:#78a85c}.negative{color:#d87669}.save-toast{position:absolute;z-index:30;top:13%;left:50%;transform:translate(-50%);margin:0;padding:10px 18px;border-radius:99px;background:#6f4936e8;color:#fff8de;box-shadow:0 4px 10px #0004;font-size:clamp(11px,1vw,16px)}@keyframes breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.025)}}@keyframes float-away{0%{opacity:0;transform:translate(-50%) scale(.65) rotate(-5deg)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + 35px),-100px) scale(1.25) rotate(12deg)}}.bubble-enter-active,.bubble-leave-active,.toast-enter-active,.toast-leave-active{transition:opacity .25s,transform .25s}.bubble-enter-from,.bubble-leave-to{opacity:0;transform:translate(-50%,7px)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,-8px)}.modal-enter-active,.modal-leave-active{transition:opacity .2s}.modal-enter-active .modal,.modal-leave-active .modal{transition:transform .2s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal,.modal-leave-to .modal{transform:scale(.88)}.slide-enter-active,.slide-leave-active{transition:transform .25s,opacity .25s}.slide-enter-from,.slide-leave-to{transform:translate(110%);opacity:0}@media(max-width:850px){.top-actions button b{display:none}.status-panel{width:20%}.chat-panel{width:30%}.action-bar{bottom:2%}.action-bar button{min-width:clamp(42px,9vw,75px)}.modal{width:min(500px,86%)}}@media(orientation:portrait)and (max-width:800px){.game-screen{display:none}.rotate-hint{display:grid;min-height:100vh;place-items:center;padding:35px;color:#fff4d6;text-align:center;font-size:20px;line-height:1.7}}@media(orientation:landscape),(min-width:801px){.rotate-hint{display:none}}.pet-placeholder.target-active .mouth{color:#fff9cf;text-shadow:0 0 7px #fff,0 0 15px #ffb53c;transform:scale(1.12)}.pet-placeholder.eating{animation:munch .18s ease-in-out 3}.feed-interaction{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.feed-hint{position:absolute;left:50%;top:14%;width:max-content;max-width:225px;margin:0;transform:translate(-50%);padding:7px 11px;border:2px solid #c87b3f;border-radius:99px;background:#fff8db;color:#86502d;font-size:clamp(9px,.85vw,14px);font-weight:800;text-align:center;box-shadow:0 4px 10px #6a351b33}.feed-hint button{margin-left:7px;border-radius:7px;background:#efd49e;color:#80502c;font-size:.9em}.draggable-food{position:absolute;z-index:2;width:clamp(38px,4vw,65px);aspect-ratio:1;display:grid;place-items:center;padding:0;border:3px solid #bd7037;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff5b0 0 9%,transparent 10%),#f6c45e;box-shadow:0 7px 9px #4d2b1755,inset 0 2px #fff8;font-size:clamp(23px,2.4vw,40px);pointer-events:auto;touch-action:none;cursor:grab;transform:translate(-50%,-50%) rotate(-8deg);transition:filter .15s,transform .15s,left .08s,top .08s}.feed-interaction.dragging .draggable-food{cursor:grabbing;filter:brightness(1.1);transform:translate(-50%,-50%) scale(1.16) rotate(12deg);transition:filter .15s,transform .15s}.feed-interaction.over-target .draggable-food{outline:4px solid #fff5a8;filter:drop-shadow(0 0 12px #ffe970)}.feed-interaction.completed .draggable-food{pointer-events:none;animation:food-to-mouth .45s ease-in forwards}@keyframes munch{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(3px) scale(1.08,.9)}}@keyframes food-to-mouth{to{opacity:0;transform:translate(-50%,-145%) scale(.2) rotate(55deg)}}.clean-interaction{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.clean-hint{position:absolute;left:50%;top:14%;width:max-content;max-width:225px;margin:0;transform:translate(-50%);padding:7px 11px;border:2px solid #5daec0;border-radius:99px;background:#effcff;color:#387487;font-size:clamp(9px,.85vw,14px);font-weight:800;text-align:center;box-shadow:0 4px 10px #34798b33}.clean-hint button{margin-left:7px;border-radius:7px;background:#caeff5;color:#2e7181;font-size:.9em}.cleaning-status{color:#4782a1}.draggable-sponge{position:absolute;z-index:2;width:clamp(40px,4.2vw,68px);aspect-ratio:1;display:grid;place-items:center;padding:0;border:3px solid #5fa4ad;border-radius:24%;background:linear-gradient(145deg,#f1fb7b 0,#f1fb7b 45%,#73d3dc 46%);box-shadow:0 7px 9px #27576555,inset 0 2px #fff9;font-size:clamp(24px,2.5vw,42px);pointer-events:auto;touch-action:none;cursor:grab;transform:translate(-50%,-50%) rotate(-10deg);transition:filter .15s,transform .15s,left .08s,top .08s}.clean-interaction.dragging .draggable-sponge{cursor:grabbing;filter:brightness(1.12);transform:translate(-50%,-50%) scale(1.15) rotate(12deg);transition:filter .15s,transform .15s}.clean-interaction.over-target .draggable-sponge{outline:4px solid #dcffff;filter:drop-shadow(0 0 13px #8ff1ff)}.scrub-anchor{position:absolute;z-index:3;width:1px;height:1px;pointer-events:none}.scrub-sponge{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:clamp(42px,4.4vw,72px);aspect-ratio:1;border-radius:24%;background:linear-gradient(145deg,#f1fb7b 0,#f1fb7b 45%,#73d3dc 46%);box-shadow:0 5px 8px #27576555,inset 0 2px #fff9;font-size:clamp(25px,2.6vw,44px);font-style:normal;transform:translate(-50%,-50%);animation:scrub-motion .48s ease-in-out infinite}.foam-particle{position:absolute;left:50%;top:50%;width:clamp(7px,.75vw,12px);aspect-ratio:1;border:2px solid #fff;border-radius:50%;background:#9eeefa;box-shadow:0 0 6px #d9ffff;transform:translate(-50%,-50%);animation:foam-pop .9s var(--foam-delay) ease-in-out infinite}.pet-character-wrapper.cleaning{animation:pet-clean-wiggle .48s ease-in-out infinite}@keyframes scrub-motion{0%,to{transform:translate(calc(-50% - 34px),calc(-50% + 18px)) rotate(-20deg)}50%{transform:translate(calc(-50% + 34px),calc(-50% - 22px)) rotate(18deg)}}@keyframes foam-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}20%{opacity:.95}to{opacity:0;transform:translate(calc(-50% + var(--foam-x)),calc(-50% + var(--foam-y) - 34px)) scale(1.25)}}@keyframes pet-clean-wiggle{0%,to{transform:translate(-50%) translate(var(--pet-offset-x),var(--pet-offset-y)) scale(var(--pet-scale))}50%{transform:translate(-50%) translate(calc(var(--pet-offset-x) + 1%),calc(var(--pet-offset-y) + 1%)) scale(calc(var(--pet-scale) * .985))}}.pet-character-wrapper{position:absolute;z-index:5;left:50%;bottom:var(--pet-bottom);width:max(180px,var(--pet-width));max-width:var(--pet-max-width);aspect-ratio:1;transform:translate(-50%) translate(var(--pet-offset-x),var(--pet-offset-y)) scale(var(--pet-scale));transform-origin:bottom center;transition:filter .2s}.pet-character{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.pet-loading,.pet-fallback{position:absolute;top:18%;right:10%;bottom:6%;left:10%;display:grid;place-items:center;align-content:center;gap:8px;border:3px dashed #bb783e;border-radius:46%;background:#fff4c8cc;color:#87512f;font-size:clamp(10px,.9vw,14px);font-weight:800;text-align:center}.pet-fallback i{font-size:clamp(45px,6vw,92px);font-style:normal}.pet-interaction-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.interaction-zone{position:absolute;border:0;padding:0;background:transparent;pointer-events:auto;cursor:pointer;touch-action:none}.interaction-zone:focus-visible{outline:3px solid #fff3a3;outline-offset:2px;border-radius:50%}.debug-interaction-zones .interaction-zone{background:#f33a;outline:1px solid #d33}.pet-character-wrapper.pet-tapped{animation:pet-tap-feedback .26s ease-out}.pet-character-wrapper.mood-happy{filter:drop-shadow(0 0 14px #ffe178aa)}.pet-character-wrapper.mood-sad{filter:saturate(.86) brightness(.94)}.pet-character-wrapper.mood-angry{filter:drop-shadow(0 0 10px #ff646c99)}.pet-character-wrapper.visual-wink{filter:drop-shadow(0 0 14px #ffe17899)}.pet-character-wrapper.visual-angry{filter:drop-shadow(0 0 11px #ff646c99)}.pet-character-wrapper.visual-sad{filter:saturate(.86) brightness(.94)}.pet-character-wrapper.target-active{filter:drop-shadow(0 0 17px #fff3a6)}.pet-character-wrapper.eating{animation:pet-tap-feedback .26s ease-out 2}@keyframes pet-tap-feedback{0%,to{transform:translate(-50%) translate(var(--pet-offset-x),var(--pet-offset-y)) scale(var(--pet-scale))}45%{transform:translate(-50%) translate(var(--pet-offset-x),calc(var(--pet-offset-y) - 2%)) scale(calc(var(--pet-scale) * 1.04))}}.chat-service-note{margin:0 0 9px;padding:6px 8px;border-radius:8px;background:#fff0cb;color:#a06a3b;font-size:11px;line-height:1.35}.dialogue-bubble{top:-4%}.bookcase{font-size:clamp(17px,1.7vw,29px)}.mini-low-energy{margin:7px 0 0;color:#b1644e;font-size:11px;font-weight:800}.bookcase b{font-size:3.5vw}.bookcase div{display:flex;height:31%;align-items:center;justify-content:space-evenly;gap:2%;padding:0}.bookcase div span{flex:0 0 auto;font-size:clamp(26px,3vw,46px);line-height:1}.bookcase-image{position:absolute;z-index:1;top:25%;right:9%;width:21%;height:52%;object-fit:contain;object-position:center;filter:drop-shadow(0 7px 3px #51291366)}.wall-clock{position:absolute;z-index:1;top:12%;left:70.5%;width:clamp(38px,4.7vw,76px);aspect-ratio:1;border:clamp(2px,.25vw,4px) solid #8d522d;border-radius:50%;box-sizing:border-box;background:radial-gradient(circle at 36% 31%,#fffdf1 0,#fffdf1 56%,#f1ca8b 57%,#f1ca8b);box-shadow:inset 0 0 0 2px #ffecc5,0 4px 3px #6e381c55;color:#8a522d;pointer-events:none;transition:filter .85s ease,background .85s ease,border-color .85s ease}.clock-icon{position:absolute;top:18%;left:50%;font-size:clamp(8px,.9vw,15px);font-style:normal;line-height:1;transform:translate(-50%)}.clock-mark{position:absolute;font-size:clamp(6px,.52vw,9px);line-height:1}.mark-12{top:6%;left:50%;transform:translate(-50%)}.mark-3{right:7%;top:50%;transform:translateY(-50%)}.mark-6{bottom:6%;left:50%;transform:translate(-50%)}.mark-9{left:7%;top:50%;transform:translateY(-50%)}.clock-hand{position:absolute;top:16%;left:50%;width:5%;height:34%;border-radius:99px;background:#b85f36;box-shadow:0 0 1px #fff8;transform-origin:50% 100%;transition:transform 1s linear}.clock-pin{position:absolute;top:50%;left:50%;width:11%;aspect-ratio:1;border:1px solid #8e4727;border-radius:50%;background:#f2aa4b;box-shadow:0 0 0 1px #fff5;transform:translate(-50%,-50%)}.wall-clock small{position:absolute;top:calc(100% + 2px);left:50%;min-width:max-content;color:#83502e;font-size:clamp(6px,.55vw,9px);font-weight:900;line-height:1;text-shadow:0 1px #fff9;transform:translate(-50%)}.wall-clock.night{border-color:#5b578e;background:radial-gradient(circle at 36% 31%,#e5e6ff 0,#e5e6ff 54%,#7278ad 55%,#7278ad);color:#404873;box-shadow:inset 0 0 0 2px #e1e6ff88,0 4px 3px #161b3f66}.wall-clock.night .clock-hand{background:#e6c66b;box-shadow:0 0 4px #ffe9a4aa}.wall-clock.night .clock-pin{border-color:#555c96;background:#e5c66c}.wall-clock.night small{color:#e7e8ff;text-shadow:0 1px #20254d}.wall-clock.resetting .clock-hand{transition:none}.room-background.is-night .wall-clock{filter:brightness(.82) saturate(.86)}@media(prefers-reduced-motion:reduce){.clock-hand{transition:none}}.shop-balance{margin:0;padding:9px 12px;border-radius:11px;background:#fff0c5;color:#966032}.shop-balance b{color:#bd7430}.shop-grid{display:grid;gap:10px;margin-top:14px}.shop-grid article{display:flex;gap:13px;align-items:center;padding:11px;border:2px solid #efd29b;border-radius:14px;background:#fffdf3}.shop-grid article>i{width:60px;aspect-ratio:1;display:grid;place-items:center;border-radius:13px;background:#ffe4a2;font-size:34px;font-style:normal}.shop-grid article>div{flex:1}.shop-grid strong{font-size:16px}.shop-grid p{margin:4px 0 8px;color:#986b4c;font-size:12px}.shop-grid button{padding:6px 12px;border-radius:9px;background:#e99049;color:#fff;font-weight:800}.shop-grid button:disabled{background:#c9bca6}.night-overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity 1.5s ease;background:radial-gradient(circle at 50% 29%,#a0beff26,transparent 28%),radial-gradient(circle at 72% 18%,#dbe9ff1f,transparent 18%),#0c143794}.night-overlay.active{opacity:1}.day-night-indicator{min-height:34px;padding:7px 11px;border:2px solid #e6b66f;border-radius:15px;background:#fff6dfdf;color:#8a552b;font-size:clamp(10px,.85vw,14px);font-weight:800;white-space:nowrap;box-shadow:0 3px #9d572b44}.day-night-indicator.night{border-color:#6877b0;background:#202b58e8;color:#f2f0cf}.day-night-indicator.urgent{animation:indicator-pulse .8s ease-in-out infinite}.pet-character-wrapper.is-night{filter:brightness(.66) saturate(.76) contrast(1.06);transition:filter .85s ease}.pet-character-wrapper.is-sleeping{filter:brightness(.56) saturate(.68) contrast(1.05);transform:translate(-50%) translateY(2%) scale(.96)}.sleep-zzz{position:absolute;z-index:9;left:67%;top:27%;color:#d9ddff;font-size:clamp(19px,2vw,34px);font-weight:900;text-shadow:0 2px #393965;animation:zzz-float 1.4s ease-in-out infinite}.action-bar .sleep.night-sleep{background:#6657a6;box-shadow:0 0 0 3px #f5e79688,inset 0 2px #fff7,0 4px #8f4d2755}@keyframes indicator-pulse{50%{transform:scale(1.05)}}@keyframes zzz-float{50%{transform:translate(7px,-12px);opacity:.7}}.window{background:#78cdea}.window:after{content:none}.window-scenery{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transition:opacity 1.35s ease;background-position:center;background-size:cover}.window-day-scene{z-index:0;background-image:var(--window-day-image),linear-gradient(150deg,#75cdea 0,#75cdea 45%,#d9f7ff 46%,#d9f7ff 58%,#65bedc 59%)}.window-day-scene:after{content:"";position:absolute;top:52%;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 15% 100%,#87bd41 0 25%,transparent 26%),radial-gradient(ellipse at 87% 100%,#4e9f4b 0 28%,transparent 29%),#9bd263}.window-night-scene{z-index:1;opacity:0;background-image:var(--window-night-image),linear-gradient(165deg,#061b4d 0,#061b4d 49%,#142e67 50%,#142e67 62%,#0b214f 63%)}.window-night-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 23% 16%,#fff8c8 0 1px,transparent 2px),radial-gradient(circle at 42% 27%,#fff9d7 0 1px,transparent 2px),radial-gradient(circle at 76% 16%,#fef8c5 0 1px,transparent 2px),radial-gradient(circle at 84% 38%,#fff9d7 0 1px,transparent 2px),linear-gradient(180deg,transparent 53%,#071c3dcc 54%)}.room-background.is-night .window-day-scene{opacity:0}.room-background.is-night .window-night-scene{opacity:1}.window .cloud{z-index:2}.moon{position:absolute;z-index:2;top:16%;left:25%;width:13%;aspect-ratio:1;border-radius:50%;background:#fff6c8;box-shadow:0 0 15px #e9efffbb}.moon:after{content:"";position:absolute;width:93%;aspect-ratio:1;left:28%;top:-9%;border-radius:50%;background:#0b2155}.star{position:absolute;z-index:3;width:3px;aspect-ratio:1;border-radius:50%;background:#fff9ca;box-shadow:0 0 6px #fff9caaa;animation:star-twinkle 2.6s ease-in-out infinite}.s1{left:64%;top:20%}.s2{left:78%;top:33%;animation-delay:.7s}.s3{left:49%;top:13%;animation-delay:1.2s}.night-hills{position:absolute;z-index:2;top:56%;right:-5%;bottom:-2%;left:-5%;background:radial-gradient(ellipse at 10% 90%,#071733 0 22%,transparent 23%),radial-gradient(ellipse at 45% 100%,#0b2550 0 30%,transparent 31%),radial-gradient(ellipse at 82% 96%,#061733 0 34%,transparent 35%)}.night-overlay{background:radial-gradient(circle at 93% 34%,#ffb8474d 0 3%,#ffb23d22 10%,transparent 19%),radial-gradient(circle at 50% 29%,#a0beff1c,transparent 28%),#080d206e}.room-background.is-night .lamp{filter:drop-shadow(0 0 19px #ffd870) brightness(1.12)}.room-background.is-night .window{box-shadow:inset 0 0 0 4px #ffe6ac,inset 0 0 25px #77a7f188,0 7px #56331e}@keyframes star-twinkle{50%{opacity:.45;transform:scale(.7)}}.mini-game-mask{z-index:24}.mini-game-modal{width:min(560px,78%);min-height:min(380px,76vh);padding:clamp(18px,2vw,30px);overflow:hidden;background:linear-gradient(145deg,#fff9df,#fff0cb)}.mini-game-header{display:flex;justify-content:space-between;gap:14px;padding-right:28px}.mini-game-header h2{margin:0}.mini-game-header p{margin:4px 0 16px;color:#9b704c;font-size:13px}.mini-balance{display:flex;gap:6px;align-items:start;white-space:nowrap}.mini-balance span{padding:5px 8px;border:1px solid #e4bd78;border-radius:10px;background:#fff8e9;color:#8e542d;font-size:12px;font-weight:800}.mini-game-hub{display:grid;gap:10px}.mini-game-card{display:flex;align-items:center;gap:13px;width:100%;padding:13px;border:2px solid #efc77e;border-radius:17px;background:#fffdf5;color:#75452b;text-align:left;box-shadow:0 4px #d58b5033;transition:transform .15s,filter .15s}.mini-game-card:hover{transform:translateY(-2px) scale(1.01);filter:saturate(1.1)}.mini-game-card i{display:grid;width:57px;aspect-ratio:1;place-items:center;border-radius:16px;font-size:33px;font-style:normal}.rps-card i{background:#ffd39a}.riddle-card-button i{background:#cfeab5}.mini-game-card span{display:grid;gap:3px;flex:1}.mini-game-card b{font-size:16px}.mini-game-card small,.mini-hub-rule,.mini-rule{color:#9f7653;font-size:11px;line-height:1.45}.mini-game-card em{color:#d8803f;font-size:13px;font-style:normal;font-weight:900}.mini-hub-rule{margin:2px 0 0;text-align:center}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:4px 0 0}.mini-stats div{padding:8px 5px;border-radius:11px;background:#fff3d3;text-align:center}.mini-stats dt{color:#a57851;font-size:10px}.mini-stats dd{margin:3px 0 0;color:#bd7136;font-size:13px;font-weight:900}.mini-game{position:relative;text-align:center}.mini-back{position:absolute;top:-1px;left:0;padding:4px 6px;border-radius:8px;background:#f5dfac;color:#815130;font-size:11px}.mini-kicker{margin:3px 0 2px;color:#c17a3c;font-size:12px;font-weight:900}.mini-game h3{margin:0 0 11px;color:#7f4b2d;font-size:clamp(19px,2vw,27px)}.rps-battle{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;gap:6px;margin:0 auto 10px;padding:11px;border:2px dashed #edc37d;border-radius:16px;background:#fffdf4}.rps-battle>div{display:grid;justify-items:center;gap:2px}.rps-battle span{color:#a26d44;font-size:11px;font-weight:800}.rps-battle b{min-height:57px;font-size:45px;line-height:1.15}.rps-battle small{color:#9d795d;font-size:10px}.rps-battle>strong{color:#d27654;font-size:13px}.rps-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rps-choices button{display:grid;gap:3px;padding:9px;border:2px solid #edbb74;border-radius:13px;background:#ffedc5;color:#885130}.rps-choices i{font-size:29px;font-style:normal}.rps-choices span{font-weight:800;font-size:12px}.mini-result{margin:7px 0;padding:8px;border-radius:11px;background:#fff0c8;color:#91522e;font-size:13px;font-weight:800}.mini-result.win{background:#dff1bf;color:#4f813d}.mini-result.draw{background:#dbe8ff;color:#526f9d}.mini-result.lose{background:#ffe0d5;color:#af6254}.mini-result-actions,.riddle-finish{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.mini-result-actions button,.riddle-finish button,.hint-button{padding:7px 11px;border-radius:10px;background:#e98e4b;color:#fff;font-size:12px;font-weight:800}.mini-result-actions .secondary,.riddle-finish .secondary{background:#e7c988;color:#7d522f}.riddle-card{margin:0 0 9px;padding:12px;border:2px dashed #b8d786;border-radius:15px;background:#fbfff2;text-align:left}.riddle-card p{margin:8px 0;color:#694a32;font-size:clamp(13px,1.05vw,16px);font-weight:800;line-height:1.55}.riddle-card small{display:block;padding-top:7px;border-top:1px dashed #c7dca2;color:#668548;font-size:11px}.riddle-meta{display:flex;justify-content:space-between}.riddle-meta b,.riddle-meta strong{padding:3px 6px;border-radius:7px;background:#e5f3c5;color:#668243;font-size:10px}.riddle-meta strong{background:#fff0c5;color:#a36a36}.riddle-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.riddle-options button{min-height:37px;padding:6px;border:2px solid #bfdb8f;border-radius:11px;background:#f4ffe3;color:#5a7842;font-size:12px;font-weight:800}.hint-button{margin-top:8px;background:#a7c56d}.hint-button:disabled{opacity:.6}.mini-rule{margin:9px 0 0}