:root{font-family:Arial,Helvetica,sans-serif;color:#293d2c;background:#edf0e6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #8b593e;outline-offset:5px}header{max-width:1320px;margin:auto;padding:30px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cdd5c6}.wordmark{font-size:30px;letter-spacing:-1.8px;font-weight:800;text-decoration:none;color:inherit}.wordmark span{font-size:13px;vertical-align:top;margin-left:3px}.edition,.eyebrow,.scene-top,.scene-bottom,.meters span{font-size:10px;letter-spacing:1.7px}.pill{border:1px solid #bcc9b4;border-radius:30px;background:none;padding:11px 18px}main{max-width:1210px;margin:auto;padding:42px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}h1{font-size:clamp(45px,6vw,78px);font-weight:400;letter-spacing:-4px;line-height:1.02;margin:20px 0 0}h1 em{font-family:Georgia,serif;color:#718744;font-weight:400}.intro p{font-size:14px;line-height:1.7;color:#6c7968}.habitat{background:#dce6cb;border:1px solid #c7d2ba;border-radius:16px;overflow:hidden;transition:background 1s}.scene-top,.scene-bottom{display:flex;justify-content:space-between;padding:23px 27px;color:#627353;letter-spacing:1px}.scene-top i{display:inline-block;width:7px;height:7px;background:#719347;border-radius:50%;margin-right:7px}.scene-bottom{font-size:9px}.dot{padding:0 12px}#world{position:relative;max-width:1000px;margin:-35px auto -24px}svg{display:block;width:100%}#pet-target{position:absolute;left:45%;top:58%;width:10%;height:16%;background:none;border:0;border-radius:50%}#bubble{position:absolute;top:48%;left:50%;transform:translateX(-50%);background:#fffdf0;padding:12px 18px;border-radius:20px;font-size:12px;box-shadow:0 5px 20px #26391d0d;white-space:nowrap;transition:opacity .5s;pointer-events:none}#bubble:after{content:'';position:absolute;bottom:-6px;left:48%;border-top:7px solid #fffdf0;border-right:7px solid transparent}.controls{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid #ccd5c5}.profile{display:flex;gap:15px;align-items:center}.avatar{background:#dde5cf;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#6d8649}#rename{border:0;background:none;padding:0;font-size:20px}#rename span{font-size:13px;color:#879277}.profile p{font-size:12px;color:#7a8673;margin:6px 0 0}.actions{display:flex;gap:10px}.actions button,.items button{border:1px solid #c6d0bd;border-radius:8px;background:#f4f5ed;padding:13px 16px;font-size:13px}.actions button:last-child{background:#2e4632;color:#f1f4e8;border-color:#2e4632}.actions button:hover,.items button:hover{transform:translateY(-2px)}.meters{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:28px 0}.meters span{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;margin-bottom:8px}.meters b{font-weight:400;color:#7d8b6f}meter{display:block;width:100%;height:7px;border:0;background:#d4ddc9;border-radius:5px}meter::-webkit-meter-bar{background:#d4ddc9;border:0}meter::-webkit-meter-optimum-value{background:#839c5d}meter::-moz-meter-bar{background:#839c5d}footer{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:32px 0 0;font-size:10px;color:#7b8775}footer a{color:inherit}footer button{border:0;background:none;font-size:10px;text-decoration:underline;color:inherit}#shelf{padding:25px 0;border-bottom:1px solid #ccd5c5}#shelf p{font-size:13px}.items{display:flex;flex-wrap:wrap;gap:8px}.items .selected{background:#d7e3c3;border-color:#58743c}.night .habitat{background:#263c39}.night .scene-top,.night .scene-bottom{color:#c7d8ba}.night #garden{filter:brightness(.8)}.pet-body{animation:breathe 3s ease-in-out infinite;transform-origin:center}.celebrate .pet-body{animation:hop .45s ease-in-out 3}.plant{transform-box:fill-box;transform-origin:bottom;animation:sway 5s ease-in-out infinite}dialog{border:1px solid #bbc9b0;border-radius:16px;padding:30px;max-width:420px;width:90%;background:#f4f5ed;color:#293d2c}dialog::backdrop{background:#1c332566;backdrop-filter:blur(5px)}dialog h2{font-family:Georgia,serif;font-size:30px;font-weight:400}dialog label{display:block;font-size:12px;margin-bottom:8px}dialog input{width:100%;padding:12px;border:1px solid #bac7ad;border-radius:6px;font:inherit}dialog form>div{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}dialog button{padding:11px;border:0;border-radius:5px;background:#dce5cf}dialog button:last-child{background:#2e4632;color:white}@keyframes breathe{50%{transform:translateY(-3px) scaleY(1.03)}}@keyframes hop{50%{transform:translateY(-22px)}}@keyframes sway{50%{transform:rotate(3deg)}}@media(max-width:700px){header{padding:22px}.edition{display:none}main{padding:28px 20px}.intro{display:block}h1{letter-spacing:-2px}.intro p{margin-top:22px}.scene-top,.scene-bottom{padding:18px 15px;font-size:8px}.scene-bottom>span:last-child{display:none}#world{margin:0 -45px -5px}.controls{align-items:flex-start;gap:20px;flex-direction:column}.actions{width:100%}.actions button{flex:1;padding:12px 8px;font-size:12px}.meters{gap:18px}.meters span{font-size:8px;letter-spacing:0}footer{flex-wrap:wrap;line-height:1.6}#bubble{font-size:10px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}