@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{--ink:#3b5746;--muted:#8b9684;--deep:#496d50;--line:#dce3d0;--paper:#fffdf4}*{box-sizing:border-box}body{margin:0;font:14px 'Noto Sans TC',sans-serif;color:var(--ink);background:#fafbef}button,input{font:inherit}button{color:inherit;cursor:pointer;transition:background .15s,transform .15s}button:active{transform:scale(.96)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #d39c63;outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}#world{position:relative;width:100%;height:100dvh;min-height:700px;overflow:hidden;background:linear-gradient(#eef4e4 0%,#f7f8e9 42%,#fffdf4 66%)}.playing #world{min-height:570px}.scenery{position:absolute;inset:0;overflow:hidden;pointer-events:none}.sun{position:absolute;top:20%;left:34%;width:78px;height:78px;border-radius:50%;background:#f6df9b;box-shadow:0 0 0 16px #f6df9b20,0 0 0 35px #f6df9b0d}.cloud{position:absolute;width:120px;height:23px;border-radius:100px;background:#fffffa9c}.cloud:before,.cloud:after{content:'';position:absolute;background:inherit;border-radius:50%}.cloud:before{width:45px;height:45px;bottom:0;left:16px}.cloud:after{width:65px;height:56px;bottom:0;right:14px}.cloud-one{left:13%;top:25%;opacity:.8}.cloud-two{right:22%;top:29%;transform:scale(.7);opacity:.7}.hill{position:absolute;top:44%;height:250px;background:#dee9ce;border-radius:50% 50% 0 0;filter:blur(1px);opacity:.65}.hill-left{left:-10%;width:57%;transform:rotate(8deg)}.hill-right{right:-20%;width:61%;transform:rotate(-9deg);background:#e3ead1}.ground{position:absolute;top:58%;bottom:0;left:-10%;width:120%;border-radius:50% 50% 0 0;background:linear-gradient(#fffdf4 5%,#fffdf4 65%,#e9edd84d 100%);box-shadow:0 -15px 45px #fffdf4}.tree{position:absolute;top:25%;height:340px;width:190px;opacity:.8}.tree i{position:absolute;width:24px;height:220px;background:#c2c6a0;left:50%;bottom:0;border-radius:20px}.tree b{position:absolute;width:190px;height:240px;border-radius:48% 55% 45% 45%;background:#cbdcbc;box-shadow:inset -25px -15px #bfd2ae80}.tree b:after{content:'';position:absolute;left:48%;bottom:20px;height:90px;border-left:3px solid #afc79d80;transform:rotate(8deg)}.tree-left{left:-80px;transform:rotate(-10deg)}.tree-right{right:-66px;top:23%;transform:scale(1.3) rotate(10deg)}.grass{position:absolute;font-size:95px;color:#b5c79b;bottom:14%;transform:rotate(-25deg)}.grass-one{left:8%}.grass-two{right:9%;transform:rotate(30deg)}.flower{position:absolute;font-size:27px;color:#dac38b;bottom:19%}.flower-one{left:15%}.flower-two{right:19%;bottom:22%;font-size:19px;color:#e2bd9e}.flower-three{left:7%;bottom:26%;font-size:16px}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;gap:7px;align-items:center;text-decoration:none;color:#6c8767;font-weight:700;font-size:15px;letter-spacing:1px}.brand>span{font-size:29px;color:#8aa477}.top-actions{display:flex;gap:9px;align-items:center}#save-note{font-size:10px;color:#909b87;margin-right:12px}.icon-btn{width:35px;height:35px;border:1px solid #d8e2cc;background:#fffff7b3;border-radius:50%;font-size:16px}.icon-btn:hover{background:#e8efdd}.pet-room{position:absolute;top:120px;bottom:75px;left:0;width:calc(100% - 430px);transition:background 1s}.pet-center{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:min(420px,72%);height:400px;text-align:center}.pet-actor{position:absolute;inset:48px 0 50px;mix-blend-mode:multiply;animation:breathe 3s ease-in-out infinite;cursor:pointer;border-radius:40%}.sprite{display:block;width:100%;height:100%;overflow:hidden;mix-blend-mode:multiply}.speech{position:relative;z-index:3;display:inline-block;max-width:90%;font-size:13px;padding:11px 19px;border-radius:18px 18px 18px 3px;border:1px solid #e1e5cf;background:#fffef8;box-shadow:0 5px 15px #455e3010;animation:float 5s ease-in-out infinite}.pet-caption{position:absolute;bottom:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:5px}.pet-caption strong{font-size:21px;letter-spacing:2px}.pet-caption>span{font-size:11px;color:#99a088}.adoption{position:absolute;right:6%;top:50%;transform:translateY(-46%);width:350px;background:#fffef8d9;border:1px solid #e5e9d9;border-radius:25px;padding:26px;box-shadow:0 15px 65px #72875d0a;backdrop-filter:blur(10px)}.eyebrow{font-size:8px;letter-spacing:2px;color:#98a08b;margin:0 0 9px}h1{font-size:24px;margin:0 0 7px;letter-spacing:1px}.intro{font-size:11px;color:#919b85;margin:0 0 22px}.pet-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pet-option{position:relative;min-width:0;background:#fffdf5;border:1px solid #e0e5d2;padding:4px 2px 6px;border-radius:13px}.pet-option .sprite{height:59px}.pet-option span{font-size:10px}.pet-option.active{border:2px solid #829b70;padding:3px 1px 5px;background:#eff2e2}.pet-option.active:after{content:'✓';position:absolute;right:4px;top:4px;background:#88a276;color:white;width:13px;height:13px;border-radius:50%;font-size:8px}.pet-option:hover{background:#eff2e2;transform:translateY(-2px)}.pet-intro{padding:16px 0 18px;margin-bottom:18px;border-bottom:1px solid #e4e8d8}.pet-intro h2{font-size:18px;margin:0 0 5px}.pet-intro small{font-size:9px;letter-spacing:1.5px;font-weight:400;margin-left:9px;color:#9ca48c}.pet-intro p{font-size:11px;line-height:1.8;color:#8b967e;margin:0}label{font-size:11px;display:block;margin-bottom:9px}.name-input{display:flex;border:1px solid #dde3ce;border-radius:10px;background:#fffef8;padding:0 11px}.name-input:focus-within{outline:2px solid #9cae85}.name-input input{width:100%;min-width:0;padding:12px 0;background:transparent;border:0;outline:0;color:var(--ink);font-size:12px}.name-input>span{font-size:9px;align-self:center;white-space:nowrap;color:#a0a68e}.primary{width:100%;margin-top:13px;background:#526f4d;border:0;border-radius:11px;padding:14px 15px;color:#fffef4;font-size:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 0 #3e583b}.primary:hover{background:#63835b}.primary>span{font-size:20px}.local-note{font-size:9px;color:#99a18b;margin:16px 0 0;line-height:1.7}.playing .pet-room{width:100%;top:140px;bottom:130px}.playing .pet-center{top:54%;height:min(470px,100%);width:min(480px,70%)}.playing .pet-actor{inset:48px 0 53px}.playing .pet-caption strong{font-size:21px}.pet-identity{position:absolute;top:90px;left:32px;display:flex;gap:14px;align-items:center}.pet-identity h2{font-size:22px;letter-spacing:1px;margin:0 0 4px}.pet-identity p{font-size:10px;color:#8f9b80;margin:0}.tiny-pill{font-size:9px;background:#e4ecd5;border-radius:20px;padding:5px 9px;white-space:nowrap;color:#7c9569}.stats{position:absolute;top:37px;left:50%;transform:translateX(-50%);display:flex;gap:23px;width:430px}.stat{flex:1}.stat-title{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px;gap:5px}.stat-title>span:last-child{font-size:9px;color:#8d9c7f;font-variant-numeric:tabular-nums}.stat-track,.growth-track{height:5px;border-radius:10px;background:#dde5cf;overflow:hidden}.stat-track i,.growth-track i{display:block;height:100%;border-radius:10px;background:#9fb989;transition:width .6s}.stat:nth-child(2) i{background:#d8af7d}.stat:nth-child(3) i{background:#9dbec2}.stat:nth-child(4) i{background:#b6a6c3}.stat.low i{background:#d08f75}.playing #save-note{display:none}.growth-card{position:absolute;top:93px;right:32px;width:238px;background:#fffff380;border:1px solid #dfe6d266;border-radius:15px;padding:12px 14px}.growth-top{display:flex;justify-content:space-between;align-items:center;font-size:10px}.text-btn{padding:0;border:0;background:none;color:#8a9a79;font-size:10px}.text-btn:hover{text-decoration:underline}.growth-steps{display:flex;justify-content:space-between;font-size:8px;color:#acb39e;margin:12px 0 10px}.growth-step b{display:none}.growth-step.reached{color:#6c8759}.growth-card p{font-size:9px;line-height:1.8;color:#94a182;margin:8px 0 0}.care-menu{position:absolute;z-index:8;bottom:37px;left:50%;transform:translateX(-50%);display:flex;gap:13px;padding:11px 22px;background:#fffef6e8;border:1px solid #e2e6d6;border-radius:27px;box-shadow:0 8px 30px #61734a12;backdrop-filter:blur(10px)}.care-btn{width:71px;height:75px;border:1px solid transparent;border-radius:18px;background:transparent;font-size:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.care-btn b{font-size:27px;font-weight:400;display:grid;place-items:center;width:41px;height:39px;line-height:1}.care-btn.selected{background:#edf1e1;border-color:#d3ddbf}.care-btn:hover{background:#e8eed9;transform:translateY(-3px)}.care-btn:nth-child(2):hover{background:#faf0d8}.care-btn:nth-child(3):hover{background:#e5f0ed}.care-btn:nth-child(4):hover{background:#edebf4}.care-btn:nth-child(5):hover{background:#f7e8dd}.utility-menu{position:absolute;right:32px;bottom:47px;display:flex;gap:10px}.utility-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:#fffef3b3;border:1px solid #dfe4cf;border-radius:15px;width:50px;height:58px;justify-content:center;font-size:19px}.utility-btn span{font-size:9px}.world-clock{position:absolute;left:32px;bottom:52px;display:flex;flex-direction:column;gap:4px;color:#a0aa8f;font-size:11px}.world-clock>span:last-child{font-size:9px}.touch-hint{position:absolute;left:50%;transform:translateX(-50%);bottom:12px;margin:0;font-size:9px;letter-spacing:1px;color:#9ba58b}.poop{position:absolute;right:0;bottom:70px;font-size:37px;z-index:3}.sleep-z{position:absolute;right:10px;top:75px;font-size:38px;color:#a5a3c0;z-index:3;animation:float 2s infinite}.sleeping .pet-actor{animation:none;transform:rotate(-7deg);filter:brightness(.85)}body:has(.sleeping) #world{background:linear-gradient(#dce3ee,#e7e8ef 50%,#f1eff2)}body:has(.sleeping) .sun{background:#f9f7da;box-shadow:inset 16px -6px #dce3ee}body:has(.sleeping) .ground{background:linear-gradient(#f1eff2,#edecef);box-shadow:0 -15px 45px #f1eff2}body:has(.sleeping) .scenery{filter:saturate(.6)}.fx{position:absolute;inset:50px 0 40px;display:grid;place-items:center;z-index:5;font-size:60px;pointer-events:none;opacity:0}.fx.pop{animation:pop 1s ease-out forwards}.toast{position:fixed;bottom:155px;left:50%;transform:translate(-50%,15px);background:#435b3f;color:#fffdf0;padding:12px 20px;font-size:12px;border-radius:14px;box-shadow:0 7px 20px #28362220;opacity:0;pointer-events:none;transition:.2s;z-index:30;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #dce3d2;border-radius:22px;padding:25px;background:#fafaf2;color:var(--ink);max-width:620px;width:calc(100% - 30px);max-height:85dvh;box-shadow:0 20px 80px #293d3333}dialog::backdrop{background:#34482e60;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-top h2{font-size:20px;margin:0}.dialog-copy{line-height:1.9;color:#7d8a71;font-size:12px}.dialog-copy strong{color:var(--ink)}.album-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.album-stage{text-align:center;padding:8px 4px;border:1px solid #e0e5d8;border-radius:12px;background:#fffef6}.album-stage .sprite{height:120px}.album-stage h3{font-size:12px}.album-stage p{font-size:10px;line-height:1.7;color:#85917a}.album-stage.current{border:2px solid #72977b}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.settings-row p{font-size:11px;color:#89947f;line-height:1.7;margin-bottom:0}.settings-row button,.secondary{border:1px solid #bdcbb5;background:#e9efdf;border-radius:10px;padding:9px 14px;white-space:nowrap;font-size:12px}.mini-game{position:absolute;z-index:20;inset:0;background:#fbfcefdf;backdrop-filter:blur(8px);border-radius:30px;margin:0 max(16px,calc((100% - 750px)/2));box-shadow:0 10px 65px #60754220;border:1px solid #e0e7d1}.mini-hud{display:flex;justify-content:space-between;gap:8px;padding:18px 22px;font-size:13px}.mini-hud strong{font-size:11px;color:#8a9b6b;font-weight:400}.mini-game #star-target{position:absolute;width:59px;height:59px;font-size:41px;color:#c18b37;text-shadow:1px 2px #fff1bd;border:0;background:#fff6c9;border-radius:50%;box-shadow:0 4px 0 #e4cf8e}.mini-game #mini-cancel{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:11px}.choose-food{display:grid;grid-template-columns:1fr 1fr;gap:12px}.food{border:1px solid #d9e1ce;background:#f0f3e7;border-radius:14px;padding:20px 10px;font-size:13px}.food b{display:block;font-size:30px;margin-bottom:8px}.food small{display:block;font-size:10px;margin-top:8px;color:#819174}.warning{color:#b76e58!important;background:#f1e3d5}.rehome{color:#a56853!important}.stage-celebration{text-align:center}.stage-celebration .sprite{height:210px;max-width:270px;margin:auto}.stage-celebration p{line-height:1.8;font-size:13px}.storage-warning{color:#ad6948!important}.journal-list{padding:0;list-style:none;max-height:50vh;overflow:auto}.journal-list li{display:flex;gap:15px;padding:13px 0;border-bottom:1px dashed #e0e6d5;font-size:12px;line-height:1.8}.journal-list time{font-size:10px;color:#98a489;white-space:nowrap}
@keyframes breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float{50%{transform:translateY(-6px)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.2)}100%{opacity:0;transform:translateY(-100px)}}
@media(min-width:1600px){.adoption{right:13%;width:390px;padding:30px}.pet-room{width:calc(100% - 600px)}.pet-center{width:480px;height:470px}.playing .pet-center{width:540px;height:530px}}
@media(max-width:1000px){.stats{top:85px;width:380px}.pet-identity{top:30px;left:25px}.playing .brand{display:none}.growth-card{top:152px;right:20px;width:200px}.pet-room{width:calc(100% - 365px)}.adoption{right:25px;width:330px;padding:23px}.pet-center{width:95%;height:350px}.playing .pet-room{top:230px;bottom:140px}.playing .pet-center{top:50%;height:min(410px,100%)}.growth-steps{margin-top:9px}.growth-card p{font-size:8px}.care-menu{gap:8px}.utility-menu{right:22px}.world-clock{left:25px}.playing .speech{font-size:12px}}
@media(max-width:650px){#world{min-height:900px}.topbar{padding:16px 19px}.brand{font-size:13px}.brand>span{font-size:25px}.top-actions{gap:7px}.icon-btn{width:31px;height:31px;font-size:15px}#save-note{display:none}.pet-room{top:67px;left:0;right:0;width:100%;height:260px;bottom:auto}.pet-center{top:50%;height:249px;width:255px}.pet-actor{inset:37px 20px 30px}.speech{padding:7px 13px;font-size:10px}.pet-caption{bottom:0}.pet-caption strong{font-size:14px}.pet-caption>span{display:none}.adoption{top:340px;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 32px);max-width:390px;padding:22px}.eyebrow{font-size:7px}h1{font-size:22px}.intro{margin-bottom:15px}.pet-option .sprite{height:56px}.pet-intro{padding:12px 0 14px;margin-bottom:14px}.local-note{margin-top:14px}.sun{left:70%;top:12%;width:53px;height:53px}.tree{top:15%;transform:scale(.7)}.tree-left{left:-115px}.tree-right{right:-125px;top:22%;transform:scale(.9)}.hill{top:28%;height:200px}.ground{top:37%}.cloud-one{top:18%;left:5%;transform:scale(.65)}.cloud-two{display:none}.grass{bottom:2%;font-size:70px}.flower{bottom:5%}.flower-two{bottom:8%}.flower-three{bottom:25%}.playing #world{height:100dvh;min-height:570px}.playing .topbar{padding:17px 18px}.pet-identity{top:17px;left:18px;gap:8px}.pet-identity h2{font-size:17px;margin-bottom:3px}.pet-identity p{font-size:8px}.tiny-pill{font-size:8px;padding:4px 7px}.stats{top:82px;left:20px;right:20px;transform:none;width:auto;gap:15px}.stat-title{font-size:9px}.stat-title>span:last-child{font-size:8px}.stat-track{height:4px}.growth-card{top:126px;left:20px;right:20px;width:auto;padding:8px 11px;border-radius:10px}.growth-top{font-size:9px}.growth-steps{display:none}.growth-track{height:3px;margin-top:8px}.growth-card p{font-size:8px;margin-top:6px;line-height:1.5}.playing .pet-room{top:221px;bottom:152px;height:auto;min-height:0}.playing .pet-center{height:min(330px,100%);width:290px;top:48%}.playing .pet-actor{inset:34px 6px 38px}.playing .pet-caption strong{font-size:16px}.playing .speech{font-size:11px;padding:8px 14px}.playing .pet-caption>span{display:block;font-size:9px}.playing .scenery .sun{top:28%;left:73%;opacity:.65}.playing .hill{top:47%}.playing .ground{top:58%}.playing .tree{top:37%;opacity:.6}.care-menu{bottom:38px;width:calc(100% - 30px);max-width:400px;padding:7px 8px;gap:3px;justify-content:space-between;border-radius:22px}.care-btn{width:58px;flex:1;height:65px;border-radius:15px;font-size:10px;gap:3px}.care-btn b{font-size:24px}.utility-menu{right:18px;bottom:122px;gap:7px}.utility-btn{width:34px;height:32px;font-size:17px;border-radius:10px}.utility-btn span{display:none}.world-clock{bottom:131px;left:20px;font-size:9px}.world-clock>span:last-child{display:none}.touch-hint{bottom:16px;font-size:8px}.toast{bottom:155px;font-size:11px;padding:10px 15px}.poop{font-size:27px;bottom:51px;right:10px}.sleep-z{font-size:26px;right:14px;top:45px}.mini-game{margin:0 12px;border-radius:20px;inset:-12px 0 -8px}.mini-hud{padding:12px 12px;font-size:11px}.mini-hud strong{font-size:9px}.mini-game #star-target{width:51px;height:51px;font-size:33px}.album-grid{grid-template-columns:repeat(2,1fr)}.album-stage .sprite{height:120px}.settings-row{gap:9px}.dialog-top h2{font-size:18px}dialog{padding:20px}.playing .grass{bottom:20%}.playing .flower{bottom:22%}}
@media(max-height:690px) and (min-width:651px){.playing #world{min-height:530px}.playing .pet-room{top:140px;bottom:116px}.playing .pet-center{height:100%;width:310px;top:50%}.care-menu{bottom:20px;padding:6px 14px}.care-btn{height:65px}.touch-hint{bottom:2px}.growth-card{top:140px}.pet-identity{top:82px}.stats{top:37px;width:365px}.playing .brand{display:flex}.playing .pet-actor{inset:35px 0 45px}.playing .pet-caption strong{font-size:17px}.playing .speech{padding:7px 13px}.utility-menu{bottom:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.pet-actor.has-motion{animation:none}.motion-sprite{transform:scaleX(var(--facing,1))}.sleeping .pet-actor.has-motion{transform:rotate(-7deg)}.pet-actor.walking{cursor:pointer}.pet-center{will-change:margin-left}
#care-panel{position:absolute;inset:0;pointer-events:none}#care-panel>*{pointer-events:auto}
.top-actions{margin-left:auto}.motion-sprite{object-fit:contain}.pet-actor.has-motion{mix-blend-mode:normal}.pet-actor.has-motion .sprite{mix-blend-mode:normal}