.yard-wrap{min-height:100vh}
.yard-doors{padding:16px 16px 4px;background:linear-gradient(#e2efb2,#f2d892 48%,#b5e6df)}
.yard-door{display:block;overflow:hidden;border:3px solid #3b2a1a;border-radius:24px;background:#fff8e6;text-decoration:none;box-shadow:0 5px 0 #3b2a1a;transition:transform .15s}
.yard-door:hover{transform:translateY(-2px)}
.yard-door:focus-visible{outline:4px solid #1471b5;outline-offset:5px}
.yard-door svg{display:block;width:100%;height:auto}
.door-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-top:3px solid #3b2a1a;color:#3b2a1a}
.door-label h2{margin:0 0 4px;font-size:22px;letter-spacing:2px}
.door-label p{margin:0;font-size:12px;line-height:1.6}
.door-go{flex-shrink:0;padding:10px;border:2px solid #3b2a1a;border-radius:14px;background:#ffd24a;font-size:13px;font-weight:900;box-shadow:0 2px 0 #3b2a1a}
.aquarium .door-go{background:#a5e5ec}
.yard-path{text-align:center;color:#6e683b;font-size:13px;letter-spacing:2px;margin:19px 0 14px}
.yard-note{margin:0;padding:20px 10px 26px;text-align:center;background:#b5e6df;color:#3b2a1a;font-size:13px}
.yard-bob{animation:yard-bob 2.8s ease-in-out infinite}
.yard-sway{animation:yard-sway 3.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom}
.yard-swim{animation:yard-swim 4.6s ease-in-out infinite}.yard-swim.slow{animation-delay:-2s;animation-duration:5.8s}
.yard-bubbles{animation:yard-bob 3.5s ease-in-out infinite}
.yard-paused *{animation-play-state:paused!important}
@keyframes yard-bob{50%{transform:translateY(-5px)}}
@keyframes yard-sway{50%{transform:rotate(3deg)}}
@keyframes yard-swim{50%{transform:translate(12px,-4px)}}
@media(prefers-reduced-motion:reduce){.yard-doors *{animation:none!important}.yard-door{transition:none}}
@media(max-width:360px){.yard-doors{padding-inline:10px}.door-label{padding:10px}.door-label p{font-size:11px}.door-go{padding:9px 7px}}