:root{color:#66472f;font-synthesis:none;background:#ede2d0;font-family:PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{touch-action:none;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;min-width:44px;min-height:44px}button:active{transform:scale(.92)!important}button:focus-visible{outline-offset:3px;outline:3px solid #ca8648}button:disabled{opacity:.5}#game,#ui{position:fixed;inset:0}canvas{width:100%;height:100%;display:block}#ui{pointer-events:none}#ui button,#ui input,.panel,.modal{pointer-events:auto}button{transition:transform .16s,background .2s}header{top:max(18px,env(safe-area-inset-top));justify-content:space-between;align-items:start;gap:8px;display:flex;position:absolute;left:22px;right:22px}.brand small{letter-spacing:3px;margin-bottom:5px;font-size:9px;display:block}.brand b{font-size:25px;font-weight:800}.brand em{letter-spacing:2px;margin-top:4px;font-size:10px;font-style:normal;display:block}.pill{background:#fff2dce8;border:1px solid #fff5df;border-radius:30px;padding:8px 14px;box-shadow:0 4px 12px #63442519}.level{text-align:center;color:#fff6df;background:#956747;min-width:68px;font-size:12px}.level strong{font-size:20px;display:block}.level small{font-size:9px}aside{flex-direction:column;gap:12px;display:flex;position:absolute;top:24%;left:12px}aside button{background:#fff3deed;border:2px solid #fff8ec;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:49px;height:58px;font-size:10px;display:flex;box-shadow:0 4px 9px #79553e20}aside button i{font-size:22px;font-style:normal}.bottom{bottom:max(14px,env(safe-area-inset-bottom));background:#fff3deed;border:2px solid #fff9eb;border-radius:29px;justify-content:space-around;gap:2px;padding:12px 4px 9px;display:flex;position:absolute;left:10px;right:10px;box-shadow:0 6px 22px #66472f22}.bottom button{background:0 0;flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex;position:relative}.bottom i{background:#edcf9d;border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;font-style:normal;display:grid;box-shadow:inset 0 2px #fff8e8,0 3px #d4b483}.bottom button:nth-child(2) i{background:#ebbb83}.bottom button:nth-child(3) i{background:#b4cbbb}.bottom button:nth-child(4) i{background:#e2c9ac}.dot{background:#d65f4a;border:2px solid #fff5e1;border-radius:50%;width:9px;height:9px;position:absolute;top:0;right:10px}.caption{text-align:center;letter-spacing:1px;text-shadow:0 1px 5px #fff8e5;font-size:12px;position:absolute;bottom:135px;left:10px;right:10px}.toast{color:#fff4de;opacity:0;z-index:10;background:#765235e8;border-radius:22px;width:max-content;max-width:86%;padding:12px 18px;font-size:12px;transition:opacity .2s;position:absolute;top:16%;left:50%;transform:translate(-50%);box-shadow:0 3px 15px #684a3920}.toast.show{opacity:1}.name{white-space:nowrap;background:#fff6e5dd;border-radius:15px;padding:3px 11px;font-size:10px;position:absolute;transform:translate(-50%);box-shadow:0 2px 8px #66472f20;pointer-events:none!important}.name.selected{color:#fff4df;background:#956747}.status{flex-direction:column;gap:13px;width:69px;display:flex;position:absolute;top:27%;right:12px}.stat{background:#fff2dce8;border:1px solid #fff9e9;border-radius:16px;padding:9px 8px;font-size:10px;box-shadow:0 3px 10px #66472f12}.stat strong{float:right;font-size:10px}.track{background:#e9dcc8;border-radius:9px;height:5px;margin-top:6px;overflow:hidden}.fill{border-radius:9px;height:100%;transition:width .7s cubic-bezier(.2,.8,.3,1)}.close-title{top:max(21px,env(safe-area-inset-top));text-align:center;color:#fff3df;background:#956747;border-radius:22px;padding:9px 22px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #674a3320}.close-title b{letter-spacing:3px;font-size:18px}.hearts{color:#ecc3a5;letter-spacing:3px;white-space:nowrap;margin-top:4px;font-size:11px}.back,.camera{top:max(25px,env(safe-area-inset-top));background:#fff2dce8;border-radius:50%;width:45px;height:45px;font-size:22px;position:absolute}.back{left:16px}.camera{right:16px}.mode{white-space:nowrap;background:#fff3def5;border-radius:25px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:160px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #66472f22}.mode button{background:#e8d4b6;border-radius:22px;padding:6px 13px;font-size:12px}.mode .active{color:#fff2db;background:#956747}.tool{z-index:3;filter:drop-shadow(0 4px 3px #6e4b342a);pointer-events:auto;touch-action:none;background:0 0;min-width:64px;min-height:64px;font-size:44px;position:absolute}.hand{pointer-events:none;z-index:4;font-size:42px;display:none;position:absolute}.panel-wrap{pointer-events:auto;z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#3b291c38;place-items:center;display:grid;position:absolute;inset:0}.panel{background:#fff2dc;border:3px solid #fff9ed;border-radius:28px;width:min(88vw,410px);max-height:77dvh;padding:23px;overflow:auto;box-shadow:0 15px 50px #4b321f33}.panel h2{color:#fff3df;background:#956747;border-radius:22px;margin:0 0 18px;padding:10px 18px;font-size:19px;display:inline-block}.panel p{font-size:13px;line-height:1.8}.panel button{background:#ead5b5;border-radius:18px;margin:4px;padding:10px 16px;font-size:13px}.panel .x{float:right;background:0 0;min-width:44px;margin:0;padding:4px;font-size:22px}.setting{justify-content:space-between;align-items:center;min-height:44px;margin:13px 0;font-size:14px;display:flex}.setting input{accent-color:#956747;min-height:35px}.cats-grid{flex-wrap:wrap;justify-content:center;display:flex}.cats-grid button{width:88px}.cats-grid img{object-fit:contain;width:65px;height:70px;display:block}.album img{border-radius:18px;width:100%}.album a{color:#956747;padding:12px;font-size:13px;display:block}.offline{color:#846b50;white-space:nowrap;font-size:9px;position:absolute;bottom:117px;left:50%;transform:translate(-50%)}.badge-pop{animation:.7s badge}@keyframes badge{40%{transform:scale(1.25)rotate(-9deg)}}#loading{z-index:50;background:#f6e9d4;flex-direction:column;justify-content:center;align-items:center;gap:17px;font-size:45px;display:flex;position:fixed;inset:0}#loading b{letter-spacing:5px;font-size:28px}#loading span{letter-spacing:2px;font-size:12px}.shutter{background:#fff4de;border-radius:30px;padding:12px 22px;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.decor{pointer-events:none;font-size:35px;position:absolute;bottom:22%;right:15%}.bubble{pointer-events:none;background:#fff4dfdd;border-radius:20px;padding:6px 10px;font-size:12px;position:absolute}.clean-target{pointer-events:none;font-size:35px;position:absolute}.photo-hint{text-align:center;width:100%;font-size:12px;position:absolute;bottom:100px}@media (orientation:landscape){.brand b{font-size:21px}aside{gap:8px;top:28%;left:19px}.bottom{padding:6px;bottom:9px;left:25%;right:20%}.bottom i{width:42px;height:42px;font-size:22px}.bottom button{gap:2px}.caption{bottom:103px}.offline{bottom:87px}.status{gap:7px;width:95px;top:24%;right:18px}.stat{padding:7px 10px}.mode{bottom:110px}.close-title{top:13px}.camera,.back{top:15px}.brand em{display:none}}@media (width<=350px){.brand b{font-size:22px}.bottom i{width:43px;height:43px}.bottom button{font-size:10px}.status{width:63px;right:8px}.caption{font-size:10px}}[hidden]{display:none!important}.mode{max-width:94vw;font-size:11px;top:max(110px,14%);bottom:auto}.mode button{padding:5px 10px;font-size:11px}.bag{border:3px solid #fff0ce;border-radius:5px 5px 14px 14px;width:55px;min-width:55px;height:70px;transform:rotate(-9deg);box-shadow:0 4px 7px #65432928;color:#795439!important;background:linear-gradient(160deg,#e0b270,#f7d89f)!important;min-height:70px!important;font-size:12px!important}.bag:before{content:"🐾";font-size:23px;display:block}.bag:after{content:"";border-top:2px dashed #ad7c4f;position:absolute;top:5px;left:3px;right:3px}.photo .shutter{visibility:visible!important}.clean-target{opacity:.6}@media (orientation:landscape){.mode{padding:4px 8px;top:73px;bottom:auto}.mode button{min-height:36px}}.album a{min-height:44px}@media (orientation:landscape){.mode button{min-height:44px}}.toast{top:max(180px,22%)}@media (orientation:landscape){.toast{top:135px}}.caption,.offline{white-space:nowrap;width:max-content;max-width:calc(100vw - 20px)}.mode{width:max-content}.tool svg{display:block;overflow:visible}.photo #ui>:not(.shutter){visibility:hidden!important}@media (orientation:landscape){.bottom{border-radius:20px 20px 0 0;gap:0;width:380px;height:48px;padding:0 4px;bottom:0;left:50%;right:auto;transform:translate(-50%)}.bottom button{white-space:nowrap;flex-direction:row;justify-content:center;gap:3px;min-width:72px;height:44px;padding:0 2px;font-size:14px}.bottom i{width:28px;height:28px;font-size:19px;box-shadow:inset 0 2px #fff8e8}.bottom .dot{right:2px}}@media (orientation:portrait){.platform-room .brand{width:120px}.platform-room .brand small,.platform-room .brand em{letter-spacing:1px;font-size:8px}.bottom button{font-size:15px}}.mode.compact{white-space:normal;flex-wrap:wrap;justify-content:center;gap:4px;width:170px;display:flex}.mode.compact button{flex:1 0 65px;min-height:44px}.cats-grid{scroll-snap-type:x mandatory;touch-action:pan-x;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.cats-grid button{scroll-snap-align:center;flex:0 0 88px}.close-clean{background:#fff2dce8;border-radius:50%;width:44px;height:44px;font-size:24px;position:absolute;top:85px;left:16px}.photo .bubble{display:none}.mode.clean-dock{gap:3px;max-width:96vw;padding:3px 6px}.mode.clean-dock button{min-height:44px;padding:3px 9px}.mode.close-mode{white-space:normal;gap:4px;max-width:calc(100vw - 86px);padding:2px 6px}