@import url('../site.css');
[hidden]{display:none!important}
:root{--ink:#294d3d;--muted:#728477;--line:#dedfd1;--paper:#f8f5ec}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft YaHei',sans-serif}header{max-width:1480px;padding:22px 32px;border-bottom:1px solid var(--line)}a{color:inherit}.brand{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:1px}.brand-mark{font-size:31px;color:#d18057}.crumb{letter-spacing:0;color:#7c887b;font-weight:400}nav{align-items:center}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;min-height:44px;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:#fffdf8;padding:10px 14px;transition:background .15s,transform .15s}button:hover{background:#eff3e7}button:active{transform:translateY(2px)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b07330;outline-offset:3px}button:disabled{cursor:wait;opacity:.6}main{max-width:1480px;padding:32px}h1{font-size:clamp(30px,3.2vw,48px);line-height:1.25;letter-spacing:-1px;margin:6px 0 10px}h2{font-size:23px;margin:0 0 15px}.eyebrow{font-size:11px;letter-spacing:2px;color:#818d75;margin:0 0 10px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.intro{margin:0;color:#748475;font-size:15px}.totals{display:flex;gap:30px;text-align:center;font-size:12px;color:var(--muted)}.totals b{font-size:30px;color:var(--ink);font-weight:600}.game-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 260px;gap:20px;align-items:stretch}.maps{padding:12px 0}.maps h2{font-size:17px}.map-button{display:flex;width:100%;gap:12px;text-align:left;align-items:center;margin-bottom:9px;border-color:transparent;background:transparent;padding:13px 10px}.map-button.active{background:#e4ebd8;border-color:#cad6b9}.map-button.locked{opacity:.65}.map-icon{display:grid;place-items:center;width:36px;height:36px;background:#fffdf6;border-radius:50%;font-size:24px}.map-button b{display:block;font-size:14px;margin-bottom:3px}.map-button small{font-size:11px;color:#77816b}.map-tip{border-left:2px solid #d4b477;margin:25px 6px 16px;padding:0 10px;font-size:12px;line-height:1.8}.save-note{font-size:11px;line-height:1.7;color:#85917d;margin:0 10px}.play-area{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fffdf8;min-width:0}.scene-top{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.scene-top h2{font-size:20px;margin:6px 0 0}.scene-top>div>span{font-size:10px;letter-spacing:1px;color:#849783}.mode-switch{display:flex;padding:3px;background:#f1f0e5;border-radius:12px;flex-shrink:0}.mode-switch button{font-size:12px;border:0;background:transparent;padding:8px 10px}.mode-switch button[aria-pressed=true]{background:#fff;box-shadow:0 2px 5px #263d2310}.scene{height:365px;position:relative;overflow:hidden;background:#e6efe3;isolation:isolate}.sun{position:absolute;right:16%;top:27px;background:#f4d995;width:57px;height:57px;border-radius:50%;box-shadow:0 0 0 13px #f4d99525}.cloud{position:absolute;width:95px;height:21px;background:#ffffffb3;border-radius:50px;top:60px;left:12%}.cloud:before{content:'';position:absolute;width:43px;height:33px;border-radius:50%;background:inherit;bottom:0;left:23px}.cloud-two{left:60%;top:100px;transform:scale(.7)}.hill{position:absolute;left:-15%;width:100%;height:240px;border-radius:50%;top:160px;background:#c5d7ad;z-index:-1}.hill-front{background:#aec795;left:40%;top:185px}.path{position:absolute;left:0;right:0;bottom:-25px;height:150px;background:#dce1b6;border-radius:50% 50% 0 0}.pond{display:none;position:absolute;width:65%;height:110px;background:#9bcace;bottom:30px;right:-8%;border-radius:50%;border:10px solid #c5deca}.flowers{position:absolute;bottom:32px;left:4%;width:90%;display:flex;justify-content:space-between;color:#fff9df;font-size:23px}.flowers i{color:#eec27e;font-size:15px;align-self:flex-end}.forest{background:#d6e3cf}.forest .hill-back{background:#98b699;height:320px;top:130px}.forest .hill-front{background:#779d80;top:170px}.lake{background:#e1f0ec}.lake .pond{display:block;z-index:0}.lake .path{background:#d9e1bd}.snow{background:#e3edf1}.snow .hill{background:#f2f6f1}.snow .hill-front{background:#d3e2e5}.snow .path{background:#ecf3ee}.snow .flowers{color:#fff}.message{font-size:13px;line-height:1.65;padding:15px 20px;min-height:70px;color:#597052;background:#fffdf8}.care-panel{background:#fffdf8;border:1px solid var(--line);padding:23px 20px;border-radius:22px}.care-panel h2{font-size:28px;overflow-wrap:anywhere;margin-bottom:16px}.name-row{display:flex;gap:5px;margin-top:7px}.name-row input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;background:#fafaf5;width:100%;font:inherit;padding:9px;color:var(--ink)}label{font-size:12px;color:#7b8877}.name-row button{padding:8px;font-size:12px;white-space:nowrap}.stat{margin-top:21px;font-size:12px}.stat span{display:flex;justify-content:space-between}.stat b{font-weight:400;color:#839375}.stat progress{display:block;width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;margin-top:8px;background:#eceee1}.stat progress::-webkit-progress-bar{background:#eceee1}.stat progress::-webkit-progress-value{background:#d9b775;border-radius:10px}.mood progress::-webkit-progress-value{background:#96b18a}.stat progress::-moz-progress-bar{background:#96b18a}.bond{display:flex;justify-content:space-between;gap:5px;margin:20px 0;font-size:12px}.bond b{color:#d39377;letter-spacing:2px;font-weight:400}.action{display:block;width:100%;font-size:15px;text-align:left;margin-top:9px;border:0;padding:13px 15px}.action span{font-size:20px;margin-right:7px;vertical-align:middle}.action small{display:block;font-size:10px;font-weight:400;margin:3px 0 0 32px;color:#688064}.feed{background:#e8edd9}.play{background:#f6e9d0}.gentle{font-size:11px;line-height:1.7;color:#8a9481;margin:17px 0 0}.collection{padding-top:30px}.collection-head{display:flex;justify-content:space-between;align-items:center}.collection-head h2{font-size:23px;margin:0}.collection-head>p{font-size:12px;color:var(--muted)}#animal-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px;margin-top:18px}.animal-card{padding:8px 5px 10px;background:#ffffff70;border:1px solid var(--line);border-radius:15px;min-width:0;font-size:11px;overflow:hidden}.animal-card.selected{border:2px solid #789571;background:#edf2e2}.animal-card svg{width:100%;height:70px;display:block}.animal-card .unknown{height:70px;display:grid;place-items:center;font-size:30px;color:#b8c3ad}.animal-card .animal-label{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.animal-card small{display:block;color:#87947d;font-size:9px;margin-top:4px}.animal-card.locked{background:#efeee4;color:#8c9987}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:30px;padding:20px 0;font-size:11px;color:#87917f}footer>div{display:flex;gap:15px;align-items:center}footer button{font-size:11px;border:0;background:none;padding:4px}#pet-stage{position:absolute;width:240px;height:230px;left:50%;bottom:40px;transform:translateX(-50%)}#pet-body{position:absolute;inset:0;background:none;border:0;padding:0;transform-origin:50% 85%;animation:breathe 3s ease-in-out infinite}#pet-body svg{width:100%;height:100%;overflow:visible}.pet-shadow{position:absolute;width:135px;height:22px;bottom:9px;left:50%;transform:translateX(-50%);background:#57684b22;border-radius:50%}.animal-svg .eyes{transform-origin:center;animation:blink 6s infinite}.animal-svg .mouth{transform-origin:100px 117px}.animal-svg .tail{transform-origin:130px 150px}#scene-hint{position:absolute;bottom:9px;text-align:center;width:100%;font-size:11px;color:#5e794f}#food{display:none;position:absolute;bottom:12px;left:77px;width:87px;height:44px;font-size:33px;text-align:center;z-index:2}#food:after{content:'';display:block;position:absolute;width:78px;height:19px;background:#d68f69;border-radius:4px 4px 28px 28px;bottom:-3px;left:5px;z-index:-1;box-shadow:inset 0 5px #edbf96}#ball{display:none;position:absolute;width:31px;height:31px;bottom:9px;left:20px;border-radius:50%;background:conic-gradient(#eab780 0 33%,#fff8e7 33% 66%,#89aba7 66%);border:2px solid #ffffff80;z-index:3}#sparkles{position:absolute;inset:0;pointer-events:none;display:none;color:#d8997b}#sparkles span{position:absolute;top:60px;left:30px;font-size:25px;animation:float-up 1s ease-out both}#sparkles span:nth-child(2){left:190px;top:90px;animation-delay:.12s;color:#f1c65d}#sparkles span:nth-child(3){left:120px;top:20px;animation-delay:.25s;font-size:19px}#pet-stage.feeding #food{display:block;animation:food-in 1.15s both}#pet-stage.feeding #pet-body{animation:nibble 1.15s ease-in-out both}#pet-stage.feeding .mouth{animation:chew .16s 7}#pet-stage.playing #ball{display:block;animation:roll-ball 1.3s ease-in-out both}#pet-stage.playing #pet-body{animation:chase 1.3s ease-in-out both}#pet-stage.playing .tail{animation:wag .16s 8 alternate}#pet-stage.greeting #pet-body{animation:hop .75s both}#pet-stage.feeding #sparkles,#pet-stage.playing #sparkles,#pet-stage.greeting #sparkles{display:block}.search-spot{position:absolute;width:110px;height:105px;border:0;background:none!important;padding:0;transform-origin:bottom;z-index:3}.search-spot:hover{transform:rotate(-4deg)}.search-spot svg{width:100%;height:80px}.search-spot span{display:block;font-size:11px;background:#fffaf0e6;border:1px solid #dae0cd;border-radius:20px;padding:4px 6px;white-space:nowrap}.search-spot.found{opacity:.55}.search-spot:nth-child(1){left:8%;bottom:44px}.search-spot:nth-child(2){left:42%;bottom:95px}.search-spot:nth-child(3){right:5%;bottom:35px}.exploring #pet-stage{display:none}
@keyframes breathe{50%{transform:translateY(-3px)}}@keyframes blink{0%,43%,47%,100%{opacity:1}45%{opacity:.1}}@keyframes nibble{0%,100%{transform:translateY(0)}25%,75%{transform:translateY(13px) rotate(3deg)}50%{transform:translateY(9px) rotate(-2deg)}}@keyframes chew{50%{transform:scaleY(1.5)}}@keyframes food-in{0%{opacity:0;transform:translateY(25px)}25%,70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:scale(.65)}}@keyframes chase{0%,100%{transform:translateX(0)}30%{transform:translate(-40px,-18px) rotate(-8deg)}65%{transform:translate(45px,-37px) rotate(8deg)}}@keyframes roll-ball{0%{transform:translateX(0) rotate(0);opacity:0}20%{opacity:1}55%{transform:translate(175px,-35px) rotate(270deg)}100%{transform:translate(15px,0) rotate(540deg);opacity:0}}@keyframes wag{to{transform:rotate(15deg)}}@keyframes hop{50%{transform:translateY(-30px) rotate(-5deg)}}@keyframes float-up{to{transform:translateY(-40px) rotate(15deg);opacity:0}}@media(max-width:1100px){main{padding:24px}.game-layout{grid-template-columns:155px minmax(0,1fr) 220px;gap:12px}.care-panel{padding:18px 14px}.scene-top{padding:16px;flex-wrap:wrap}.scene{height:365px}#animal-list{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:800px){header{padding:15px 20px}.crumb{display:none}nav{gap:10px;font-size:12px}main{padding:20px}.heading{margin-bottom:24px}.totals{gap:15px}.totals b{font-size:24px}.game-layout{grid-template-columns:minmax(0,1fr) 220px}.maps{grid-column:1/-1;padding:0}.maps h2{margin-bottom:10px}#map-list{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.map-button{padding:9px 6px;margin:0;gap:6px}.map-icon{width:26px;height:26px;font-size:19px}.map-button b{font-size:12px}.map-button small{font-size:9px}.map-tip{margin:12px 0;font-size:11px}.save-note{display:none}.scene{height:355px}.scene-top h2{font-size:17px}.mode-switch{width:100%;justify-content:center}.search-spot{width:82px}.search-spot:nth-child(2){left:35%}}@media(max-width:580px){main{padding:20px 14px}header{padding:12px 14px}.brand{font-size:11px;gap:5px}nav a{font-size:11px}nav button{font-size:11px;padding:7px}h1{font-size:29px}.heading{gap:10px}.intro{font-size:12px}.totals{gap:10px;font-size:10px}.totals b{font-size:22px}.game-layout{display:block}.maps{margin-bottom:12px}.map-button{display:block;text-align:center}.map-icon{margin:0 auto 5px}.map-button small{font-size:9px}.map-tip{min-height:20px}.scene-top{flex-wrap:nowrap;align-items:center;padding:16px 14px}.scene-top h2{font-size:16px}.mode-switch{width:auto}.mode-switch button{font-size:11px;padding:8px}.scene{height:300px}#pet-stage{bottom:29px;width:220px;height:215px}.message{min-height:65px}.care-panel{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:20px}.care-panel>.eyebrow{grid-column:1/-1;margin:0}.care-panel h2{font-size:24px;margin:0;align-self:center}.care-panel form{grid-column:1/-1;grid-row:3}.stat{margin-top:4px}.bond{margin:0;align-self:center;font-size:11px;display:block}.bond b{display:block;margin-top:6px}.action{margin:0;font-size:14px}.gentle{grid-column:1/-1;margin:0}.collection-head>p{font-size:10px}#animal-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.animal-card svg,.animal-card .unknown{height:65px}footer{display:block}footer>div{margin-top:10px}.search-spot:nth-child(2){left:37%;bottom:95px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}