/* Espaços pessoais e economia do Quintal dos Dogs. */
.yard-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.yard-navigation button[aria-pressed=true]{background:#275f48;color:#fff;border-color:#275f48}
.yard-wallet{margin-left:auto;padding:9px 14px;border:1px solid #e8cf7a;background:#fff8d9;color:#6e5015;border-radius:20px;font-size:13px}
.yard-neighbors{margin:14px 0;padding:14px;border:1px solid #d9e4ce;border-radius:16px;background:#f9fbf4}
.yard-neighbors>strong{font-size:13px;color:#395c42}
.yard-neighbor-list{display:flex;gap:10px;overflow-x:auto;padding-top:10px;padding-bottom:4px}
.yard-neighbor{flex:0 0 108px;display:grid;justify-items:center;gap:2px;padding:8px;border:1px solid #dbe5d1;border-radius:12px;background:#fffef8;color:#294a35}
.yard-neighbor .dog-art{display:block;width:52px;height:52px}
.yard-neighbor strong,.yard-neighbor small{max-width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.yard-neighbor strong{font-size:12px}.yard-neighbor small{font-size:10px}
.yard-neighbor[aria-pressed=true]{outline:2px solid #5d9167;outline-offset:-2px;background:#eff6e6}
#game .yard-panel #dog-chat-compose{position:relative;inset:auto;transform:none;width:100%;max-width:none;box-sizing:border-box;margin:12px 0;z-index:auto;background:#fffef9;border:1px solid #dce5d0;border-radius:14px;padding:14px}
#game .yard-panel #dog-chat-compose[hidden]{display:none}
.yard-work{margin:14px 0;padding:18px;border:1px solid #dce5d0;border-radius:18px;background:#fffef9;color:#294a35}
.yard-work-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.yard-work h3{font-size:17px;margin:0}.yard-work p{line-height:1.6}
.yard-task-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.yard-task{display:flex;flex-direction:column;text-align:left;gap:7px;border:1px solid #dce4c9;border-radius:12px;padding:14px;background:#f4f8e9;color:#355d3f}
.yard-task strong{font-size:13px}.yard-task small{font-size:11px}.yard-task-time{font-size:11px;font-weight:700;color:#67793b}
.yard-task:disabled{opacity:.65;cursor:default}
.yard-build-status{display:block;width:100%;margin-top:12px;padding:14px;background:#fff0d7;border:1px dashed #cda45b;border-radius:12px;color:#75532d;text-align:center;font-weight:700}
.yard-shop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.yard-shop-item{display:grid;justify-items:center;text-align:center;gap:5px;padding:14px 8px;border:1px solid #dfe5d3;border-radius:12px;background:#fff;color:#38503b}
.yard-shop-icon{font-size:32px}.yard-shop-item strong{font-size:12px}.yard-shop-item small{font-size:11px}.yard-shop-item:disabled{opacity:.6;cursor:default}

/* Objetos ilustrados: a obra e o objeto pronto compartilham a mesma âncora. */
.yard-art{display:block;width:100%;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.yard-ornaments{position:absolute;inset:0;pointer-events:none;z-index:3}
.yard-item:not(.yard-item-leaves),.yard-construction{
 position:absolute;display:block;left:var(--item-x);top:var(--item-y);right:auto;bottom:auto;
 width:var(--item-width);height:auto;transform:translate(-50%,-100%);margin:0;padding:0;border:0;background:none;
}
.yard-item-house,.yard-construction--house{--item-x:14%;--item-y:66%;--item-width:clamp(110px,13vw,180px)}
.yard-item-bowl,.yard-construction--bowl{--item-x:29%;--item-y:74%;--item-width:clamp(88px,9vw,130px)}
.yard-item-flowers,.yard-construction--flowers{--item-x:83%;--item-y:80%;--item-width:clamp(110px,12vw,170px)}
.yard-item-tree,.yard-construction--tree{--item-x:88%;--item-y:61%;--item-width:clamp(125px,16vw,220px)}
.yard-item-fence,.yard-construction--fence{--item-x:54%;--item-y:57%;--item-width:clamp(145px,18vw,250px)}
.yard-item-ball,.yard-construction--ball{--item-x:65%;--item-y:89%;--item-width:clamp(90px,10vw,145px)}
#yard[data-yard-view=mine] button.kennel{
 left:14%;top:66%;width:clamp(110px,13vw,180px);height:auto;transform:translate(-50%,-100%);scale:1;
}
#yard button.kennel{background:none;box-shadow:none;filter:none}
#yard .kennel-art{width:100%;height:auto;display:block}
#yard button.kennel .kennel-name{top:33%;left:35%;width:30%;height:10%;font-size:clamp(6px,.7vw,10px);line-height:2;color:#6a4a2d}
#yard[data-yard-view=plaza] button.kennel{width:clamp(100px,11vw,150px);height:auto}
.yard-item-leaves{position:absolute;left:40%;top:76%;font-size:25px;letter-spacing:16px}
#yard[data-yard-view=mine] .garden-bed,#yard[data-yard-view=visit] .garden-bed{display:none}
#yard[data-yard-view=plaza] .yard-ornaments{display:none}
#yard .kennel[hidden],#yard #new-world-portal[hidden]{display:none}
.yard-construction-layer{position:absolute;inset:0;z-index:21;pointer-events:none}
.yard-construction{color:#563c23;line-height:1.2;text-align:center;pointer-events:auto;isolation:isolate}
button.yard-construction:disabled{opacity:1;cursor:wait}
button.yard-construction.is-ready{cursor:pointer}
.construction-preview{display:block;opacity:.5;filter:sepia(.3);pointer-events:none}
.construction-label{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:94px;width:max-content;max-width:160px;padding:6px 10px;border:2px solid #a76f32;border-radius:12px;background:#fff6d9;box-shadow:0 3px 0 #7c542c25;z-index:4;pointer-events:none}
.construction-label:after{content:"";position:absolute;top:100%;left:calc(50% - 5px);width:8px;height:8px;background:#fff6d9;border-right:2px solid #a76f32;border-bottom:2px solid #a76f32;transform:translateY(-3px) rotate(45deg)}
.construction-name{display:block;color:#76552f;font-size:10px;font-weight:700;line-height:1.3;white-space:normal}
.construction-clock{display:block;font-size:18px;font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:.5px;margin-top:2px}
.construction-tools{position:absolute;inset:5% 0 0;z-index:2;pointer-events:none}
.construction-hammer{position:absolute;top:4%;width:34px;height:47px;transform-origin:50% 90%;animation:yard-hammer-hit .85s ease-in-out infinite}
.construction-hammer:before{content:"";position:absolute;left:12px;top:10px;width:9px;height:36px;border:1px solid #805023;border-radius:3px;background:linear-gradient(90deg,#bb793e,#edb56f,#ac6a32)}
.construction-hammer:after{content:"";position:absolute;left:0;top:1px;width:32px;height:15px;border:2px solid #52636a;border-radius:4px;background:linear-gradient(#ecf0ee,#9eafb5 55%,#758990);box-shadow:0 2px 0 #294c4433}
.hammer-one{left:12%;--hammer-rest:-42deg;--hammer-hit:16deg}
.hammer-two{right:9%;--hammer-rest:42deg;--hammer-hit:-16deg;animation-delay:-.425s}
.construction-impact{position:absolute;left:45%;top:44%;font-style:normal;font-size:25px;color:#ffdc62;text-shadow:0 1px 1px #865917;animation:yard-hammer-spark .425s ease-out infinite}
.construction-planks{position:absolute;left:5%;right:5%;bottom:0;height:9px;z-index:1;border:2px solid #9b6c3b;border-radius:3px;background:repeating-linear-gradient(90deg,#dfb379 0 17px,#a97a44 18px 20px);transform:rotate(-4deg);pointer-events:none}
.yard-construction.is-ready .construction-tools,.yard-construction.is-ready .construction-planks{display:none}
.yard-construction.is-ready .construction-preview{opacity:1;filter:none}
.yard-construction.is-ready .construction-label{background:#eef9df;border-color:#547e3b;color:#315e2e}
.yard-construction.is-ready .construction-label:after{background:#eef9df;border-color:#547e3b}
.yard-construction.is-ready .construction-name{color:#426538}
button.yard-construction:focus-visible{outline:3px solid #e8b545;outline-offset:5px;border-radius:10px}
@keyframes yard-hammer-hit{0%,15%,100%{transform:rotate(var(--hammer-rest))}48%,56%{transform:rotate(var(--hammer-hit)) translateY(3px)}70%{transform:rotate(var(--hammer-rest))}}
@keyframes yard-hammer-spark{0%,40%,100%{opacity:0;transform:scale(.3)}52%{opacity:1;transform:scale(1)}85%{opacity:0;transform:scale(1.3) translateY(-7px)}}

/* Loja com miniaturas dos mesmos objetos que aparecem no quintal. */
.yard-shop{gap:14px}
.yard-shop-item{position:relative;overflow:hidden;gap:7px;padding:12px 12px 14px;border-color:#d9dfc7;background:#fffdf5;box-shadow:0 3px 0 #e3e6d4;transition:border-color .18s,transform .18s}
.yard-shop-art{display:flex;align-items:center;justify-content:center;width:100%;height:115px;border-radius:10px;background:radial-gradient(ellipse at 50% 78%,#dae4c7 0,transparent 65%),#f0f3e3}
.yard-shop-art .yard-art{height:105px;width:145px;max-width:100%;object-fit:contain}
.yard-shop-item strong{font-size:13px;line-height:1.35;margin-top:3px}
.yard-shop-item small{color:#6b7356;line-height:1.5}
.yard-shop-item:disabled{opacity:1;background:#f9f9f1;cursor:default}
.yard-shop-item:disabled .yard-shop-action{background:#e8ebdf;color:#707863}
.yard-shop-item:not(:disabled):hover{transform:translateY(-2px);border-color:#86a16c}
.yard-shop-action{display:block;width:100%;border-radius:8px;background:#3f6b4b;color:#fffdf0;padding:7px 9px;margin-top:5px;font-size:11px;font-weight:750}
.yard-navigation{padding:9px;background:#f3f4e8;border:1px solid #dce2cd;border-radius:16px}
.yard-navigation button{border-radius:10px;min-height:41px;font-weight:750}
.yard-navigation button[aria-pressed=true]{box-shadow:0 3px 7px #2c513825}
#game .yard-work button:focus-visible,#game .yard-navigation button:focus-visible,.yard-neighbor:focus-visible{outline:3px solid #c5882a;outline-offset:3px}
@media(max-width:650px){
 .yard-navigation{gap:6px;padding:7px}.yard-navigation .secondary{font-size:11px;padding:9px}
 .yard-wallet{font-size:11px;padding:8px;margin-left:0}
 .yard-work{padding:12px}.yard-work-heading{align-items:flex-start}.yard-work h3{font-size:14px}
 .yard-task-list{grid-template-columns:1fr}.yard-task{display:grid;grid-template-columns:1fr auto;padding:12px}
 .yard-task strong{grid-column:1/-1}.yard-task-time{align-self:center}
 .yard-shop{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .yard-shop-item{padding:8px 8px 12px}.yard-shop-art{height:93px}.yard-shop-art .yard-art{height:85px}
 .yard-item-house,.yard-construction--house{--item-x:18%}
 #yard[data-yard-view=mine] button.kennel{left:18%}
 .yard-item-tree,.yard-construction--tree{--item-x:82%}
 .yard-item-flowers,.yard-construction--flowers{--item-x:81%}
 .construction-label{max-width:135px;padding:5px 8px}.construction-clock{font-size:16px}.construction-name{font-size:9px}
 .construction-hammer{scale:.82}
 #game .yard-panel #dog-chat-compose{padding:10px}
}
@media(prefers-reduced-motion:reduce){.construction-hammer,.construction-impact{animation:none!important}.construction-impact{display:none}.yard-shop-item{transition:none}}

/* Presença dos amigos, usando a consulta já existente do jogo. */
.yard-neighbor-avatar{position:relative;display:block;width:52px;height:52px}
.yard-neighbor-online{position:absolute;right:0;bottom:2px;width:13px;height:13px;border:2px solid #fffef8;border-radius:50%;background:#2fbd62;box-shadow:0 0 0 1px #238d4633;pointer-events:none}
.yard-neighbor-online[hidden]{display:none}

/* Coleção Jardim Aconchegante. */
.yard-item-bed,.yard-construction--bed{--item-width:clamp(94px,12vw,160px)}
.yard-item-food,.yard-construction--food{--item-width:clamp(80px,9vw,120px)}
.yard-item-path,.yard-construction--path{--item-width:clamp(90px,12vw,170px)}
.yard-item-lamp,.yard-construction--lamp{--item-width:clamp(65px,8vw,105px)}
.yard-item-pool,.yard-construction--pool{--item-width:clamp(115px,16vw,210px)}
.yard-item-path{z-index:-1}
.dog-verified{display:inline-block!important;width:17px!important;height:17px!important;max-width:none;vertical-align:-3px;margin-left:4px;flex-shrink:0;filter:drop-shadow(0 1px 1px #125d9d26)}
.neighbor-verified{position:absolute;top:0;right:-4px;margin:0;width:18px!important;height:18px!important}
.yard-level{font-size:12px;color:#71805b;margin:0 0 12px}
.yard-drink-button{margin-bottom:12px;background:#e6f5f2;border-color:#abd3cb;color:#356d6b}
.yard-work-heading{flex-wrap:wrap}
.yard-editor{padding:18px;border:1px solid #d6ddc4;border-radius:16px;background:linear-gradient(135deg,#faf8eb,#edf4e8)}
.yard-editor-kicker{display:block;font-size:10px;letter-spacing:2px;color:#728451;font-weight:800;margin-bottom:8px}
.yard-inventory{display:flex;gap:10px;overflow-x:auto;padding:8px 3px 15px}
.yard-inventory-item{display:flex;flex-direction:column;align-items:center;gap:5px;flex:0 0 116px;border:1px solid #d6ddc5;border-radius:13px;background:#fffdf5;padding:10px;color:#3d593d}
.yard-inventory-item .yard-art{height:72px;width:95px}
.yard-inventory-item span{font-size:11px;font-weight:750}.yard-inventory-item small{font-size:10px;color:#7c8566}
.yard-inventory-item[aria-pressed=true]{outline:2px solid #5e8964;background:#eef5e4}
.yard-placement-controls,.yard-editor-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.yard-placement-controls>strong{flex-basis:100%;font-size:12px}
.yard-placement-controls button{min-height:44px;min-width:44px}
.yard-editor-actions{border-top:1px solid #d9e1cd;padding-top:14px;margin-top:16px}
.yard-edit-layer{position:absolute;inset:0;z-index:35;pointer-events:none}
.yard-edit-layer[hidden]{display:none}
.yard-edit-handle{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border:2px solid #fff9e5;border-radius:50%;background:#416b4beb;color:#fff;box-shadow:0 2px 8px #25472840;pointer-events:auto;touch-action:none;cursor:grab;font-size:23px;padding:0}
.yard-edit-handle[aria-pressed=true]{background:#bd833e;outline:3px solid #f5db98}
.yard-edit-handle:active{cursor:grabbing}
#yard.is-decorating{outline:3px solid #91ad73;outline-offset:3px}
#yard.is-decorating .kennel,#yard.is-decorating .yard-dog{pointer-events:none}
.dog-drinking .sprite{animation:yard-drink .55s ease-in-out infinite;transform-origin:50% 85%}
@keyframes yard-drink{50%{translate:0 3px;rotate:3deg}}
@media(max-width:650px){.yard-editor{padding:12px}.yard-inventory-item{flex-basis:104px}.yard-work-heading button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.dog-drinking .sprite{animation:none}}