.living-garden{margin:0 0 22px;border:1px solid #dce6d2;border-radius:27px;background:#fffdf6;padding:10px;box-shadow:0 5px 0 #e3e9d766;overflow:hidden}
.living-garden-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px 16px}.living-garden-toolbar h2{font-size:18px;line-height:1.9}.living-eyebrow{font-size:10px;color:#7c906d;letter-spacing:.12em}.living-pause{border:1px solid #dde5d4;background:#f1f5e8;border-radius:14px;padding:8px 12px;min-height:44px;white-space:nowrap;font-size:12px;line-height:1.7}
.living-scene{position:relative;height:430px;isolation:isolate;overflow:hidden;border-radius:20px;background:#dceacc}.living-landscape{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.living-scene-light{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#ffffee08,#ecedbd14 70%,#c7d8aa24)}.living-scene[data-habitat=starlight] .living-scene-light{background:linear-gradient(#b8c6df05,#929bd610)}.living-props{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.living-actor{position:absolute;left:var(--garden-x);top:var(--garden-y);width:clamp(85px,14vw,142px);height:155px;transform:translate(-50%,-75%);animation:garden-stroll var(--garden-duration) ease-in-out var(--garden-delay) infinite}.living-pet{width:100%;height:100%;padding:0;border:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:transparent;overflow:visible;touch-action:manipulation}.living-pet:not(:disabled):active{transform:none}.living-pet:focus-visible{outline:3px solid #a58c62;outline-offset:8px;border-radius:28px}.living-pet-art{position:relative;display:block;width:100%;height:122px;z-index:2;transform-origin:50% 92%;animation:garden-breathe 4.4s ease-in-out var(--garden-delay) infinite;filter:drop-shadow(0 3px 2px #54774818)}.living-pet-art>svg,.living-pet-art>.dressed-pet,.living-pet-art>span,.living-pet-art>div{display:block;width:100%;height:100%}.living-pet-art svg{max-width:100%;max-height:100%;overflow:visible}.living-pet-shadow{position:absolute;width:58%;height:12px;bottom:30px;border-radius:50%;background:#4e724c2d;filter:blur(2px);z-index:0}.living-pet-name{position:relative;z-index:3;border:1px solid #fff8;background:#fffbeaee;color:#526b4f;border-radius:30px;padding:2px 10px;font-size:11px;font-weight:700;line-height:1.6;max-width:135%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 3px #486b3910}.living-activity{color:#59794f;background:#ffffecb8;font-size:9px;line-height:1.7;padding:0 7px;border-radius:0 0 10px 10px;white-space:nowrap}.living-bubble{position:absolute;right:0;top:-12px;min-width:26px;min-height:26px;padding:1px 6px;border-radius:16px;background:#fffdefe8;border:1px solid #fff;color:#b99360;z-index:5;font-size:18px;line-height:1.4;box-shadow:0 3px 7px #5e7f4210;transform-origin:50% 100%;animation:garden-thought 5.7s ease-in-out var(--garden-delay) infinite;pointer-events:none}.living-bubble:after{content:"";position:absolute;bottom:-5px;left:8px;border:5px solid transparent;border-top-color:#fffdef;border-bottom:0;transform:rotate(13deg)}
.living-actor[data-activity=hop] .living-pet-art{animation:garden-hop 3.1s ease-in-out var(--garden-delay) infinite}.living-actor[data-activity=hop] .living-pet-shadow{animation:garden-shadow-hop 3.1s ease-in-out var(--garden-delay) infinite}.living-actor[data-activity=nap]{animation:none}.living-actor[data-activity=nap] .living-pet-art{animation:garden-nap 4.8s ease-in-out var(--garden-delay) infinite}.living-actor[data-activity=nap] .living-bubble{font-size:14px;letter-spacing:3px;color:#8797b2}.living-actor[data-activity=look] .living-pet-art{animation:garden-look 7s ease-in-out var(--garden-delay) infinite}.living-actor[data-activity=dance] .living-pet-art{animation:garden-dance 4.6s ease-in-out var(--garden-delay) infinite}.living-actor[data-activity=sniff] .living-pet-art{animation:garden-sniff 6.3s ease-in-out var(--garden-delay) infinite}.living-actor[data-activity=greet] .living-pet-art{animation:garden-greet 6.4s ease-in-out var(--garden-delay) infinite}.living-actor[data-activity=sway] .living-pet-art{animation:garden-sway 5.2s ease-in-out var(--garden-delay) infinite}.living-actor.living-reaction{animation-play-state:paused}.living-actor.living-reaction .living-pet-art{animation:garden-petted .62s ease-in-out 0s 3}.living-actor.living-reaction .living-bubble{animation:garden-heart 1.1s ease-out 0s 3;color:#c88388;background:#fff4ed;opacity:1}
.living-firefly{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff6c6;box-shadow:0 0 8px 3px #fff7c366;opacity:.55;pointer-events:none;animation:garden-firefly 12s ease-in-out infinite}.firefly-one{left:30%;top:23%}.firefly-two{left:74%;top:28%;animation-delay:-6s}.living-scene[data-habitat=starlight] .living-firefly{background:#fef5ad;opacity:.9}
.living-toy{position:absolute;left:50%;top:64%;transform:translate(-50%,-50%);z-index:55;background:transparent;width:75px;min-height:60px;padding:0;filter:drop-shadow(0 4px 2px #59733e24)}.living-toy>img{width:60px;height:60px;object-fit:contain;display:block;margin:auto}.living-toy>span{display:block;font-size:10px;background:#fffbedc9;border-radius:12px;padding:1px 4px;line-height:1.6}.living-toy:not(:disabled):active{transform:translate(-50%,-50%) scale(.94)}
.living-garden-note{min-height:86px;padding:13px 10px 6px;text-align:center}.living-garden-note>p:first-child{font-size:11px;color:#7f8c70;line-height:2}.living-garden-status{font-size:13px;line-height:2;min-height:28px;margin-top:4px}.living-visit{border-radius:17px;background:#e8f0dc;border:1px solid #d7e3c7;margin-top:9px;padding:7px 17px;min-height:44px;font-size:12px;font-weight:700}.living-visit[hidden]{display:none}.living-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:12px 0 6px}.living-pagination button{width:44px;height:44px;border-radius:50%;background:#eaf0e0;border:1px solid #dbe5cf;font-size:20px}.living-pagination button:disabled{opacity:.35}.living-pagination p{text-align:center;font-size:13px;font-weight:700;line-height:1.7}.living-pagination small{display:block;font-size:10px;font-weight:400;color:#7c8b70}.living-card-guide{text-align:center;color:#7d8b6f;font-size:11px;line-height:2;padding:7px 12px 5px}
.living-paused *,body:has(dialog[open]) .living-garden *{animation-play-state:paused!important}
.living-pet-art>.dressed-pet{width:100%!important;height:100%!important}
.living-pagination{gap:9px}.living-pagination button{width:auto;min-width:105px;border-radius:15px;padding:8px 11px;font-size:11px}.living-pagination p{min-width:35px}
@keyframes garden-stroll{0%,100%{transform:translate(calc(-50% - 10px),-75%)}50%{transform:translate(calc(-50% + 10px),-75%)}}
@keyframes garden-breathe{0%,100%{transform:translateY(0) scale(1,1)}50%{transform:translateY(-2px) scale(1.015,.98)}}
@keyframes garden-hop{0%,12%,28%,44%,100%{transform:translateY(0) scale(1,1)}17%,34%{transform:translateY(1px) scale(1.06,.93)}22%,39%{transform:translateY(-14px) scale(.97,1.03)}}
@keyframes garden-shadow-hop{0%,12%,28%,44%,100%{transform:scaleX(1);opacity:1}22%,39%{transform:scaleX(.8);opacity:.55}}
@keyframes garden-nap{0%,100%{transform:rotate(-5deg) scale(1,.89)}50%{transform:rotate(-4deg) scale(1.02,.93)}}
@keyframes garden-look{0%,20%,85%,100%{transform:rotate(0)}32%,42%{transform:rotate(-7deg)}58%,70%{transform:rotate(6deg)}}
@keyframes garden-dance{0%,100%{transform:rotate(0)}18%,55%{transform:rotate(-8deg) translateY(-3px)}38%,75%{transform:rotate(8deg) translateY(-3px)}}
@keyframes garden-sniff{0%,30%,75%,100%{transform:rotate(0)}40%,60%{transform:rotate(9deg) translateY(4px)}50%{transform:rotate(7deg) translateY(2px)}}
@keyframes garden-greet{0%,28%,68%,100%{transform:rotate(0)}38%,57%{transform:rotate(-9deg) translateY(-3px)}47%{transform:rotate(6deg) translateY(-4px)}}
@keyframes garden-sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}
@keyframes garden-thought{0%,20%,85%,100%{opacity:0;transform:translateY(6px) scale(.8)}35%,65%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes garden-petted{0%,100%{transform:scale(1) translateY(0)}35%{transform:scale(1.07,.94) translateY(2px)}65%{transform:scale(.98,1.04) translateY(-9px)}}
@keyframes garden-heart{0%{transform:translateY(3px) scale(.8)}45%{transform:translateY(-7px) scale(1.15)}100%{transform:translateY(-13px) scale(.95)}}
@keyframes garden-firefly{0%,100%{transform:translate(0,0);opacity:.15}50%{transform:translate(18px,-12px);opacity:.7}}
@media(max-width:730px){.living-garden-toolbar{padding:7px 5px 13px;gap:8px}.living-garden-toolbar h2{font-size:14px}.living-pause{font-size:10px;padding:7px 8px}.living-scene{height:380px}.living-actor{width:clamp(68px,19vw,118px);height:132px}.living-pet-art{height:101px}.living-pet-name{font-size:10px;padding:2px 7px}.living-activity{font-size:8px}.living-pet-shadow{bottom:28px}.living-bubble{font-size:15px;min-width:23px;min-height:23px;right:-2px;top:0}.living-garden-note{padding-left:1px;padding-right:1px}.living-garden-status{font-size:12px}.living-card-guide{font-size:10px}.living-toy{width:57px}.living-toy>img{width:47px;height:47px}.living-toy>span{font-size:9px}}
@media(max-width:380px){.living-scene{height:345px}.living-actor{width:65px;height:117px}.living-pet-art{height:88px}.living-pet-name{font-size:9px;padding:2px 6px;max-width:120%}.living-activity{font-size:8px}.living-garden-toolbar{flex-wrap:wrap}.living-pause{margin-left:auto}.living-bubble{top:0;right:-3px}.living-pet-shadow{height:9px;bottom:27px}.living-eyebrow{font-size:9px}.living-toy{top:66%}.living-toy>img{height:43px;width:43px}}
@media(prefers-reduced-motion:reduce){.living-garden *{animation:none!important}.living-bubble{opacity:0}.living-reaction .living-bubble{opacity:1;transform:none}.living-firefly{display:none}}