.pet4-page{max-width:1080px;margin:auto}.pet4-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.pet4-head h1{margin:.15rem 0}.pet4-kicker{display:block;font-size:.72rem;font-weight:900;letter-spacing:.12em;color:var(--text-muted)}.pet4-head-state{min-width:145px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface-1);display:grid;text-align:center}.pet4-head-state>span{font-size:34px}.pet4-head-state small{color:var(--text-muted)}.pet4-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.pet4-overview>div{padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface-1);display:flex;flex-direction:column}.pet4-overview>div>span{font-size:22px}.pet4-overview small{color:var(--text-muted)}.pet4-card{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface-1)}.pet4-card h2{margin:.1rem 0 .6rem}.pet4-card-title{display:flex;align-items:flex-start;gap:10px}.pet4-card-title>span{font-size:31px}.pet4-card-title h2,.pet4-card-title p{margin:.1rem 0}.pet4-highlight{border-width:2px}.pet4-offline-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.pet4-offline-cards>div,.pet4-events>div{padding:10px;border-radius:12px;background:var(--surface-2);display:flex;gap:8px;align-items:flex-start}.pet4-offline-cards span,.pet4-events span{font-size:23px}.pet4-offline-cards p,.pet4-events p{margin:0}.pet4-choice-row,.pet4-choice-grid{display:flex;gap:7px;flex-wrap:wrap}.pet4-choice-grid button{flex:1;min-width:150px}.pet4-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pet4-traits{display:grid;gap:7px}.pet4-traits>div{display:grid;grid-template-columns:130px 1fr 28px;gap:7px;align-items:center}.pet4-traits i,.pet4-progress{height:9px;border-radius:99px;background:var(--surface-3,#ddd);overflow:hidden}.pet4-traits i b,.pet4-progress i{display:block;height:100%;background:currentColor;opacity:.48}.pet4-dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pet4-dl dt{color:var(--text-muted)}.pet4-dl dd{margin:0;font-weight:800}.pet4-room{position:relative;min-height:330px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(#e8f4d6 0 69%,#d7bd91 69%);margin:10px 0}.pet4-window{position:absolute;left:8%;top:12%;font-size:54px}.pet4-plant{position:absolute;right:9%;top:18%;font-size:44px}.pet4-plant small{display:block;font-size:11px;text-align:center}.pet4-character{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-size:82px;transition:left .6s ease,top .6s ease,transform .6s ease;filter:drop-shadow(0 5px 5px #0002);text-align:center}.pet4-character small{display:block;font-size:12px;padding:3px 7px;background:#fffce8dd;border-radius:12px;white-space:nowrap}.pet4-object{position:absolute;margin:0}.pet4-object button{display:flex;flex-direction:column;align-items:center;border:0;background:transparent;font-size:44px;padding:4px}.pet4-object button small{font-size:10px;background:#fffbdcdd;border-radius:8px;padding:2px 4px}.pet4-bed{left:4%;bottom:4%}.pet4-tv{right:5%;bottom:13%}.pet4-fridge{right:5%;top:42%}.pet4-desk{left:28%;bottom:6%}.pet4-toy{left:48%;bottom:4%}.pet4-plant-button{right:19%;top:17%}.pet4-room[data-pet-spot="bed"] .pet4-character{left:17%;top:73%}.pet4-room[data-pet-spot="tv"] .pet4-character{left:72%;top:63%}.pet4-room[data-pet-spot="fridge"] .pet4-character{left:78%;top:47%}.pet4-room[data-pet-spot="desk"] .pet4-character{left:36%;top:68%}.pet4-room[data-pet-spot="toy"] .pet4-character{left:54%;top:68%}.pet4-room[data-pet-spot="window"] .pet4-character{left:22%;top:39%}.pet4-help{color:var(--text-muted)}.pet4-events{display:grid;gap:6px}.pet4-events b{font-size:10px}.pet4-friends{display:grid;gap:5px;margin-bottom:8px}.pet4-friends a{display:flex;justify-content:space-between;padding:7px;border-radius:10px;background:var(--surface-2);text-decoration:none;color:inherit}.pet4-friends span{color:var(--text-muted)}.pet4-setting{display:flex;gap:8px;align-items:center;justify-content:space-between}.pet4-timeline{display:grid;gap:7px;max-height:440px;overflow:auto}.pet4-timeline>div{display:flex;gap:8px;padding-bottom:7px;border-bottom:1px dotted var(--line)}.pet4-timeline p{margin:0;display:flex;flex-direction:column}.pet4-timeline small{color:var(--text-muted)}.pet4-collectibles{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.pet4-collectibles>div{padding:8px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:auto 1fr;gap:4px 7px}.pet4-collectibles span{font-size:24px;grid-row:1/3}.pet4-collectibles small{color:var(--text-muted)}.pet4-engine-note{font-size:.9rem}.pet4-progress{margin:8px 0}.pet4-story{border-width:2px}.pet4-request{box-shadow:0 6px 22px #0001}@media(max-width:760px){.pet4-overview{grid-template-columns:1fr 1fr}.pet4-two{grid-template-columns:1fr}.pet4-offline-cards{grid-template-columns:1fr}.pet4-room{min-height:300px}.pet4-head{align-items:flex-start}.pet4-head-state{min-width:110px}}@media(max-width:480px){.pet4-page{padding-left:10px!important;padding-right:10px!important}.pet4-head{display:block}.pet4-head-state{margin-top:8px;display:flex;align-items:center;gap:8px;text-align:left}.pet4-head-state>span{font-size:28px}.pet4-overview{grid-template-columns:1fr 1fr}.pet4-traits>div{grid-template-columns:105px 1fr 25px;font-size:.82rem}.pet4-choice-row,.pet4-choice-grid{display:grid;grid-template-columns:1fr}.pet4-choice-grid button{min-width:0}.pet4-room{min-height:280px}.pet4-character{font-size:66px}.pet4-object button{font-size:36px}.pet4-collectibles{grid-template-columns:1fr}.pet4-setting{display:grid}.pet4-dl{font-size:.88rem}}.pet4-aquarium{position:absolute;right:28%;top:22%;font-size:42px}.pet4-aquarium small{display:block;font-size:11px;text-align:center}.pet4-aquarium-button{right:30%;top:22%}.pet4-community-actions{display:grid;gap:8px;margin-top:8px}@media(max-width:480px){.pet4-aquarium{right:25%;top:23%;font-size:34px}.pet4-aquarium-button{right:27%;top:22%}}