/* Plaquinha pintada, céu pincelado e sulcos de terra: referência do Afreim. */
.field.garden-field{padding:0;background:none;border:0;border-radius:0;box-shadow:none;min-width:0;transition:transform .15s}
.garden-field .garden-sign{position:relative;display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:38px;padding:6px 13px;margin:0 3px 7px;background:#AA6D37;color:#FFF3BE;border:3px solid #2E1F52;border-radius:8px 11px 7px 9px;box-shadow:0 3px 0 #684431;font:600 17px/1.2 Fredoka,Nunito,sans-serif;text-transform:none;letter-spacing:0;text-shadow:0 1px 0 #684431}
.garden-sign::before,.garden-sign::after{content:'';position:absolute;top:5px;width:4px;height:4px;border-radius:50%;background:#4F3440}
.garden-sign::before{left:4px}.garden-sign::after{right:4px}
.garden-field .garden-value{display:flex;align-items:center;gap:3px;color:#FFE39B;font-size:13px;white-space:nowrap}
.garden-value .coin{width:11px;height:11px;display:inline-block}
.garden-scene{position:relative;height:190px;overflow:hidden;border:3px solid #2E1F52;border-radius:15px 12px 13px 14px;box-shadow:0 5px 0 #2E1F52;background:#9CDBEE;isolation:isolate}
.garden-landscape{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-1}
.garden-stats{position:absolute;inset:8px 10px auto;display:flex;justify-content:space-between;gap:5px;color:#253B56;line-height:1.1}
.garden-quantity,.garden-progress{display:flex;flex-direction:column;gap:2px}
.garden-progress{text-align:right}
.garden-stats b{font:600 23px/1 Fredoka,Nunito,sans-serif}
.garden-stats small{font:800 12px/1.2 Nunito,sans-serif}
.garden-crop{position:absolute;left:50%;top:47%;transform:translate(-50%,-35%);width:95px;height:110px;filter:drop-shadow(0 3px 0 #50314C44)}
.garden-crop svg{width:100%;height:100%;display:block}
.garden-crop-empty{width:65px;height:80px;top:52%}
.garden-field .garden-name{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);max-width:calc(100% - 12px);padding:3px 10px;background:#FFF0CB;color:#3F2A45;border:2px solid #6F4836;border-radius:7px;font:600 16px/1.15 Fredoka,Nunito,sans-serif;text-shadow:none;white-space:nowrap}
.field.garden-field.plantable .garden-scene{border-color:#B9ED73;box-shadow:0 0 0 2px #2E1F52,0 5px 0 #2E1F52}
.field.garden-field .field-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}
.field.garden-field .field-actions button{min-height:44px;flex:1;min-width:0;font-size:12px}
.field.garden-field .protection{font-size:10px;text-align:center;color:#FFF0CB;margin-top:5px}
.opponent-fields .garden-field .garden-sign{font-size:13px;min-height:30px;padding:5px 8px;margin-bottom:6px;border-width:2px}
.opponent-fields .garden-scene{height:135px;border-width:2px}
.opponent-fields .garden-stats{inset:7px 7px auto}
.opponent-fields .garden-stats b{font-size:17px}
.opponent-fields .garden-stats small{font-size:10px}
.opponent-fields .garden-crop{width:62px;height:70px;top:46%}
.opponent-fields .garden-crop-empty{width:44px;height:55px;top:54%}
.opponent-fields .garden-field .garden-name{font-size:12px;padding:2px 6px;bottom:5px}
.field.garden-field.planting .garden-crop svg{animation:cardDrop .5s ease}
.showcase-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
@media(max-width:800px){.showcase-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .garden-field .garden-sign{font-size:12px;min-height:32px;padding:5px 7px;border-width:2px;margin:0 1px 6px}
 .garden-field .garden-value{font-size:11px}
 .garden-scene{height:158px;border-width:2px}
 .garden-stats{inset:8px 6px auto}
 .garden-stats b{font-size:20px}
 .garden-stats small{font-size:10px}
 .garden-crop{width:70px;height:85px;top:46%}
 .garden-crop-empty{width:48px;height:65px;top:53%}
 .garden-field .garden-name{font-size:12px;padding:3px 5px;bottom:6px}
 .field.garden-field .field-actions{flex-direction:column;gap:5px}
 .field.garden-field .field-actions button{font-size:11px;padding:5px 3px}
 .opponent-fields .garden-field .garden-sign{font-size:10px;padding:4px 6px;min-height:28px}
 .opponent-fields .garden-scene{height:112px}
 .opponent-fields .garden-stats{inset:5px 4px auto}
 .opponent-fields .garden-stats b{font-size:15px}
 .opponent-fields .garden-stats small{font-size:8px}
 .opponent-fields .garden-crop{width:45px;height:58px}
 .opponent-fields .garden-field .garden-name{font-size:10px;padding:2px 4px}
 .opponents.many .opponent-fields .garden-scene{height:125px}
 .opponents.many .opponent-fields .garden-crop{width:60px;height:70px}
 .opponents.many .opponent-fields .garden-field .garden-sign{font-size:12px}
 .showcase-fields{grid-template-columns:1fr}
 .showcase-fields .garden-scene{height:200px}
 .showcase-fields .garden-crop{width:100px;height:115px}
 .showcase-fields .garden-field .garden-sign{font-size:18px}
 .showcase-fields .garden-stats b{font-size:23px}
 .showcase-fields .garden-stats small{font-size:12px}
 .showcase-fields .garden-field .garden-name{font-size:16px}
}

/* Mesmo desenho de moeda no jogo, nas cartas e na vitrine. */
body .coin,body .coins:before{background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2217%22%20r%3D%2214%22%20fill%3D%22%23b97918%22%20stroke%3D%22%23684016%22%20stroke-width%3D%222%22/%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2215%22%20r%3D%2213%22%20fill%3D%22%23ffd65a%22%20stroke%3D%22%23805013%22%20stroke-width%3D%222%22/%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2215%22%20r%3D%229.5%22%20fill%3D%22%23f2b832%22%20stroke%3D%22%23fff09b%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M6%2012a11%2011%200%200%201%205-6%22%20fill%3D%22none%22%20stroke%3D%22%23fff7c8%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E") center/contain no-repeat;border:0!important;border-radius:0;box-shadow:none!important;flex-shrink:0}
body .coins:before{width:22px;height:22px;content:"";display:inline-block}
body .bean-card .bean-meter small .coin{width:14px;height:14px;margin-left:1px;vertical-align:-3px}
body .garden-value .coin{width:16px;height:16px;vertical-align:-3px}
body .harvest-button .coin{width:18px;height:18px;vertical-align:-4px}

body .bean-card .bean-meter small{display:flex;align-items:center;justify-content:center;gap:0;white-space:nowrap}
@media(max-width:767px){
 .playing-match .my-area .garden-scene{height:88px}
 .playing-match .my-area .garden-sign{min-height:26px;padding:3px 6px;margin-bottom:4px;font-size:11px}
 .playing-match .my-area .garden-stats{inset:4px 5px auto}
 .playing-match .my-area .garden-stats b{font-size:17px}
 .playing-match .my-area .garden-stats small{font-size:9px}
 .playing-match .my-area .garden-crop{width:44px;height:51px;top:49%}
 .playing-match .my-area .garden-name{font-size:10px;padding:1px 5px;bottom:3px}
 .playing-match .my-area .field-actions{margin-top:7px;gap:3px}
 .playing-match .my-area .field-actions button{font-size:11px}
 .playing-match .my-area{padding-bottom:0}
 .playing-match .hand-heading{margin:7px 0 2px}
 .playing-match #hand{padding-top:4px;padding-bottom:44px}
 .playing-match #hand .card-order{top:calc(100% + 8px);min-height:26px;font-size:10px;padding:2px}
 .playing-match #hand .bean-card,.playing-match #market .bean-card{height:110px;width:100px;padding:4px}
 .playing-match #hand .bean-art,.playing-match #market .bean-art{height:43px;min-height:0;padding:0}
 .playing-match .bean-card .card-head{min-height:20px}
 .playing-match .table-middle{padding:3px 0;margin:0 0 8px;gap:8px}
 .playing-match .zone-label{margin-bottom:3px}
 .playing-match .player-label{margin-bottom:6px}
}
@media(max-width:767px){
 .playing-match #market{gap:5px}
 .playing-match #market .bean-card{width:calc((100% - 10px)/3);min-width:82px}
 .playing-match #market .bean-name{font-size:10px}
 .playing-match #market .card-count{min-width:16px;font-size:9px;padding:1px 2px}
}
@media(max-width:767px) and (max-height:740px){
 .playing-match .my-area .garden-scene{height:68px}
 .playing-match .my-area .garden-crop{height:37px;width:34px}
 .playing-match .my-area .garden-stats small{font-size:8px}
 .playing-match #hand .bean-card,.playing-match #market .bean-card{height:96px}
 .playing-match #hand .bean-art,.playing-match #market .bean-art{height:29px}
 .playing-match #hand{padding-bottom:38px}
}
@media(max-width:767px){
 .playing-match .piles{gap:5px}
 .playing-match .deck-card{height:48px;min-height:0}
 .playing-match .discard-pile .bean-card{height:43px}
 .playing-match .discard-pile .bean-art{height:24px}
 .playing-match .discard-pile .card-head{min-height:12px}
 .playing-match .pile-caption{margin-top:2px;font-size:8px}
}
@media(max-width:767px) and (max-height:740px){
 .playing-match .topbar{min-height:48px;padding-top:2px;padding-bottom:2px}
 .playing-match #game>.table-heading{top:13px}
 .playing-match .my-area .garden-scene{height:60px}
 .playing-match #hand{padding-bottom:32px}
 .playing-match #hand .bean-card,.playing-match #market .bean-card{height:90px}
 .playing-match #hand .bean-art,.playing-match #market .bean-art{height:23px}
}
@media(max-width:767px) and (max-height:740px){.playing-match .player-label{margin-bottom:2px}.playing-match .hand-heading{margin-top:3px}}

/* Quatro rendimentos sempre cabem na largura interna da carta. */
body .bean-card .bean-meter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;min-width:0}
body .bean-card .bean-meter>span{min-width:0;align-items:center}
body .bean-card .bean-meter small{font-size:8px;line-height:1.25;gap:1px;letter-spacing:0}
body .bean-card .bean-meter small .coin{width:10px;height:10px;margin:0;flex:0 0 10px;vertical-align:0}
@media(max-width:767px){body .bean-card .bean-meter small .coin{width:9px;height:9px;flex-basis:9px}}

/* Folga vertical para arte e rendimentos não encostarem na borda. */
body .hand .bean-card,body .market .bean-card{height:160px}
@media(max-width:767px){
 body.playing-match #hand .bean-card,body.playing-match #market .bean-card{height:120px}
}
@media(max-width:767px) and (max-height:740px){
 body.playing-match #hand .bean-card,body.playing-match #market .bean-card{height:100px}
 .playing-match #hand{padding-bottom:30px}
 .playing-match .hand-heading{margin-top:1px;margin-bottom:0}
 .playing-match .turn-guide,.playing-match .turn-guide.hand-stage{padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom));gap:3px}
}
/* Mais folga, inclusive para a seleção dentro do trilho horizontal. */
body .hand .bean-card,body .market .bean-card{height:168px}
@media(max-width:767px){
 body.playing-match #hand .bean-card,body.playing-match #market .bean-card{height:128px}
 .playing-match #hand,.playing-match #market{padding-top:8px}
 .playing-match .bean-card.selectable:hover,.playing-match .bean-card.selected{transform:none}
}
@media(max-width:767px) and (max-height:740px){
 body.playing-match #hand .bean-card,body.playing-match #market .bean-card{height:108px}
 .playing-match #hand .card-order{top:calc(100% + 5px);min-height:23px;font-size:9px}
 .playing-match #hand{padding-bottom:27px}
 .playing-match .topbar{min-height:44px}
 .playing-match .my-area .garden-scene{height:54px}
 .playing-match .turn-guide h2{font-size:13px}
}
@media(max-width:767px) and (max-height:660px){.playing-match .hand-heading{display:none}}

/* Conteúdo dentro da moldura: a faixa das moedas nunca ocupa a borda. */
body #hand .bean-card,body #market .bean-card{padding:8px 8px 12px;isolation:isolate}
body #hand .bean-card::before,body #market .bean-card::before{z-index:-1}
body #hand .bean-card .bean-art,body #market .bean-card .bean-art{flex:1 1 0;min-height:0;height:auto;padding:0}
body #hand .bean-card .bean-art svg,body #market .bean-card .bean-art svg{height:100%;max-height:100%}
body #hand .bean-card .bean-meter,body #market .bean-card .bean-meter{flex:0 0 auto;position:relative;margin-top:3px;padding-top:3px;padding-bottom:1px;line-height:1.25}
body #hand .bean-card .card-head,body #market .bean-card .card-head{flex-shrink:0}
body.playing-match #hand .bean-card,body.playing-match #market .bean-card{padding:8px 8px 12px}
/* Moldura natalina como camada decorativa, sem cobrir arte/valores. */
.christmas-border #hand .bean-card::before,.christmas-border #market .bean-card::before{border-color:transparent}
.christmas-border #hand .bean-card::after,.christmas-border #market .bean-card::after{content:"";position:absolute;inset:-4px;pointer-events:none;background:url('/christmas/card-border.png') center/100% 100% no-repeat;padding:15px 9px 11px;border-radius:16px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;z-index:-1}
body.snow-effect.in-match::before{content:"";position:fixed;inset:0;background:url('/christmas/snow.png') center top/700px auto repeat;opacity:.22;pointer-events:none;z-index:-1;animation:holidaySnow 28s linear infinite}
body.snow-effect.in-match{isolation:isolate}
@keyframes holidaySnow{to{background-position:center 700px}}
@media(prefers-reduced-motion:reduce){body.snow-effect.in-match::before{animation:none}}

.retro16-border #hand .bean-card::before,.retro16-border #market .bean-card::before{border-color:transparent}
.retro16-border #hand .bean-card::after,.retro16-border #market .bean-card::after{content:"";position:absolute;inset:-4px;pointer-events:none;background:url('/retro16/card-border.png') center/100% 100% no-repeat;padding:15px 9px 11px;border-radius:16px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;z-index:-1}
body.retro16-effect.in-match::before{content:"";position:fixed;inset:0;background:url('/retro16/effects.png') center top/700px auto repeat;opacity:.22;pointer-events:none;z-index:-1;animation:holidaySnow 28s linear infinite}
body.retro16-effect.in-match{isolation:isolate}
@keyframes holidaySnow{to{background-position:center 700px}}

@media(prefers-reduced-motion:reduce){body.retro16-effect.in-match::before{animation:none}}

.anime-border #hand .bean-card::before,.anime-border #market .bean-card::before{border-color:transparent}
.anime-border #hand .bean-card::after,.anime-border #market .bean-card::after{content:"";position:absolute;inset:-4px;pointer-events:none;background:url('/anime/card-border.png') center/100% 100% no-repeat;padding:15px 9px 11px;border-radius:16px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;z-index:-1}
body.anime-effect.in-match::before{content:"";position:fixed;inset:0;background:url('/anime/effects.png') center top/700px auto repeat;opacity:.22;pointer-events:none;z-index:-1;animation:holidaySnow 28s linear infinite}
body.anime-effect.in-match{isolation:isolate}
@keyframes holidaySnow{to{background-position:center 700px}}

@media(prefers-reduced-motion:reduce){body.anime-effect.in-match::before{animation:none}}

.rabisco-border #hand .bean-card::before,.rabisco-border #market .bean-card::before{border-color:transparent}
.rabisco-border #hand .bean-card::after,.rabisco-border #market .bean-card::after{content:"";position:absolute;inset:-4px;pointer-events:none;background:url('/rabisco/card-border.png') center/100% 100% no-repeat;padding:15px 9px 11px;border-radius:16px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;z-index:-1}
body.rabisco-effect.in-match::before{content:"";position:fixed;inset:0;background:url('/rabisco/effects.png') center top/700px auto repeat;opacity:.22;pointer-events:none;z-index:-1;animation:holidaySnow 28s linear infinite}
body.rabisco-effect.in-match{isolation:isolate}
@keyframes holidaySnow{to{background-position:center 700px}}

@media(prefers-reduced-motion:reduce){body.rabisco-effect.in-match::before{animation:none}}
/* Arte LED original, enquadrada via SVG para remover apenas a margem transparente. */
.garden-field .garden-sign.sign-led,.sign-thumbnail.sign-led{background:transparent url('/signs/led.svg') center/100% 100% no-repeat;border:0;box-shadow:none;border-radius:0;color:#FFF8DE;text-shadow:0 1px 2px #080F30;padding-left:14px;padding-right:14px}
.garden-sign.sign-led::before,.garden-sign.sign-led::after{display:none}
.garden-field .garden-sign.sign-led .garden-value{color:#FFF3B5}

/* O vegetal termina na terra do pneu; medidas acompanham canteiros compactos. */
body .garden-field .garden-scene[data-bed="pneu"] .garden-crop{
 left:50%;top:auto;bottom:35%;width:46%;height:42%;
 transform:translateX(-50%);
}
body .garden-field .garden-scene[data-bed="pneu"] .garden-crop svg{
 width:100%;height:100%;overflow:hidden;
}

.rosa-border #hand .bean-card::before,.rosa-border #market .bean-card::before{border-color:transparent}
.rosa-border #hand .bean-card::after,.rosa-border #market .bean-card::after{content:"";position:absolute;inset:-4px;pointer-events:none;background:url('/rosa/card-border.png') center/100% 100% no-repeat;padding:15px 9px 11px;border-radius:16px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;z-index:-1}
body.rosa-effect.in-match::before{content:"";position:fixed;inset:0;background:url('/rosa/effects.png') center top/700px auto repeat;opacity:.22;pointer-events:none;z-index:-1;animation:holidaySnow 28s linear infinite}
body.rosa-effect.in-match{isolation:isolate}
@keyframes holidaySnow{to{background-position:center 700px}}

@media(prefers-reduced-motion:reduce){body.rosa-effect.in-match::before{animation:none}}

.garden-field .garden-sign.sign-rosa,.sign-thumbnail.sign-rosa{background:transparent url('/signs/rosa.svg') center/100% 100% no-repeat;border:0;box-shadow:none;color:#5C1235;text-shadow:none;padding-left:14px;padding-right:14px}
.garden-sign.sign-rosa::before,.garden-sign.sign-rosa::after{display:none}
.garden-field .garden-sign.sign-rosa .garden-value{color:#5C1235}
.garden-sign.sign-rosa>span:first-child{white-space:nowrap}
@media(max-width:600px){.garden-field .garden-sign.sign-rosa{padding-left:8px;padding-right:8px;font-size:10px;gap:2px}}

.bloquinhos-border #hand .bean-card::before,.bloquinhos-border #market .bean-card::before{border-color:transparent}
.bloquinhos-border #hand .bean-card::after,.bloquinhos-border #market .bean-card::after{content:"";position:absolute;inset:-4px;pointer-events:none;background:url('/bloquinhos/card-border.png') center/100% 100% no-repeat;padding:15px 9px 11px;border-radius:16px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;z-index:-1}
body.bloquinhos-effect.in-match::before{content:"";position:fixed;inset:0;background:url('/bloquinhos/effects.png') center top/700px auto repeat;opacity:.22;pointer-events:none;z-index:-1;animation:holidaySnow 28s linear infinite}
body.bloquinhos-effect.in-match{isolation:isolate}
@keyframes holidaySnow{to{background-position:center 700px}}

@media(prefers-reduced-motion:reduce){body.bloquinhos-effect.in-match::before{animation:none}}


.garden-field .garden-sign.sign-bloquinhos,.sign-thumbnail.sign-bloquinhos{background:transparent url('/signs/bloquinhos.svg') center/100% 100% no-repeat;border:0;box-shadow:none;color:#30244E;text-shadow:none;padding:10px 14%;min-height:42px}
.garden-sign.sign-bloquinhos::before,.garden-sign.sign-bloquinhos::after{display:none}
.garden-sign.sign-bloquinhos>span:first-child{white-space:nowrap}
.garden-field .garden-sign.sign-bloquinhos .garden-value{color:#30244E}
@media(max-width:600px){.garden-field .garden-sign.sign-bloquinhos{font-size:9px;padding:7px 12%;gap:1px}.garden-field .garden-sign.sign-bloquinhos .garden-value{font-size:9px}.garden-field .garden-sign.sign-bloquinhos .coin{width:11px;height:11px}}

/* Uma única plaquinha: jogo, miniaturas e prévias escalam pela largura real. */
.field.garden-field{container-type:inline-size}
body .field.garden-field .garden-sign{
 --sign-ratio:5.6;--sign-inset:7%;
 box-sizing:border-box;width:100%;height:auto;min-height:0;aspect-ratio:var(--sign-ratio);
 margin:0 0 7px;padding:0 var(--sign-inset);
 display:flex;align-items:center;justify-content:space-between;gap:2px;
 font-size:clamp(8px,7.6cqw,18px);line-height:1;white-space:nowrap;
}
body .field.garden-field .garden-sign.sign-rosa{--sign-ratio:5.24;--sign-inset:8%}
body .field.garden-field .garden-sign.sign-led{--sign-ratio:5.6;--sign-inset:6%}
body .field.garden-field .garden-sign.sign-bloquinhos{--sign-ratio:4.07;--sign-inset:13%;font-size:clamp(7px,6.8cqw,17px)}
body .field.garden-field .garden-value{font-size:inherit;gap:2px;flex-shrink:0}
body .field.garden-field .garden-value .coin{width:clamp(9px,9cqw,20px);height:clamp(9px,9cqw,20px)}
body .field.garden-field .garden-sign>span:first-child{white-space:nowrap;min-width:0}
.sign-preview{width:100%;max-width:320px}
.sign-preview .garden-sign{margin-bottom:0!important}