/* ANGELL FAZENDINHA VIP V1: layout provisório, isolado da sala padrão. */
#room-seats-grid[data-seat-mode="fazendinha_vip"]{height:300px!important;max-width:420px!important;border:1px solid #5f9364!important;border-radius:22px!important}
#room-seats-grid[data-seat-mode="fazendinha_vip"]>.room-seat{width:34%!important;max-width:140px!important;min-height:108px!important;z-index:2}
#room-seats-grid[data-seat-mode="fazendinha_vip"] .room-seat .seat-avatar{width:50px!important;height:50px!important}
#room-seats-grid[data-seat-mode="fazendinha_vip"] .room-seat .garden-vip-seat-progress{display:block;max-width:125px;margin:3px auto 0;text-align:center;pointer-events:none;color:#f7ffe8;white-space:normal}
.garden-vip-seat-progress>span:first-child{display:block;font-size:9px;font-weight:900;text-shadow:0 1px 3px #123f21}
.garden-vip-seat-progress .garden-vip-bar{display:block;height:6px;width:96%;margin:3px auto 1px;background:#0e271d;border-radius:9px;overflow:hidden}
.garden-vip-seat-progress .garden-vip-bar i{display:block;height:100%;background:linear-gradient(90deg,#66c47b,#bfea8d);border-radius:9px}
.garden-vip-seat-progress small{font-size:8px!important;color:#f4f8d4!important;white-space:normal!important}
#room-seats-grid[data-seat-mode="fazendinha_vip"] .room-seat.garden-vip-eliminated{opacity:.5;filter:grayscale(1)}
#garden-vip-scene{position:absolute;inset:30% 26% 30%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;pointer-events:none;z-index:0;color:#eafec5;text-shadow:0 2px 5px #102e1d}
#garden-vip-scene .garden-vip-tree{font-size:49px;line-height:1.05}
#garden-vip-scene strong{font-size:11px;white-space:nowrap}
#garden-vip-scene small{font-size:10px}
.garden-vip-open{display:block;margin:7px auto!important;padding:9px 20px;border:1px solid #89d591;border-radius:18px;background:linear-gradient(#386f4b,#245238);color:white;font-weight:900;font-size:12px;box-shadow:0 3px 0 #14341e}
#garden-vip-backdrop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:14px;background:#0b160ebd;backdrop-filter:blur(4px)}
#garden-vip-panel{width:min(420px,96vw);max-height:88dvh;overflow:auto;background:linear-gradient(165deg,#f7fff0,#d9f1d5);color:#2e513b;border:3px solid #f3e3a2;box-shadow:0 15px 40px #0005;border-radius:23px}
.garden-vip-popup-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(#e8f8cb,#c9eab6);border-bottom:2px solid #aacb8c}
.garden-vip-popup-head h2{margin:0;font-size:19px;color:#416346}.garden-vip-popup-head button{font-size:27px;color:#456449;background:none;border:0;cursor:pointer}
.garden-vip-popup-body{padding:14px;display:grid;gap:12px}
.garden-vip-status{display:flex;flex-direction:column;gap:3px;text-align:center}.garden-vip-status strong{font-size:17px}.garden-vip-status small{font-size:11px;color:#648068}
.garden-vip-mainplant{display:grid;place-items:center;gap:3px;background:linear-gradient(#effbdf,#c3e4a8);border-radius:18px;padding:12px;border:1px solid #a5c98d}.garden-vip-mainplant span{font-size:53px}.garden-vip-mainplant b{font-size:16px}.garden-vip-mainplant small{font-size:12px}
.garden-vip-people{display:grid;gap:9px}.garden-vip-person{border-radius:13px;padding:9px;background:#ffffffc4;border:1px solid #cce4ba}.garden-vip-person-top{display:flex;justify-content:space-between;font-size:12px;gap:8px}.garden-vip-person-top b{white-space:nowrap}.garden-vip-progress{height:8px;background:#e0ecd9;border-radius:10px;overflow:hidden;margin:7px 0 4px}.garden-vip-progress i{height:100%;display:block;background:linear-gradient(90deg,#64b87a,#8bd38b)}.garden-vip-person small{font-size:10px;color:#6c8873}
.garden-vip-buttons{display:grid;gap:8px}.garden-vip-buttons button{min-height:44px;border:0;border-radius:13px;font-weight:900;font-size:13px}.garden-vip-primary{background:#56a66f;color:white}.garden-vip-secondary{background:#e7c9bd;color:#7c4c46}.garden-vip-small{font-size:11px;line-height:1.5;color:#617a67;margin:0}.garden-vip-warning{background:#fff0d6;color:#80602c;border-radius:12px;padding:11px;font-size:12px}.garden-vip-last{display:grid;gap:5px;font-size:12px}.garden-vip-result{display:flex;align-items:center;gap:7px}.garden-vip-result img{width:30px;height:30px;object-fit:contain}
@media(max-height:700px){#room-seats-grid[data-seat-mode="fazendinha_vip"]{height:250px!important}#garden-vip-scene .garden-vip-tree{font-size:38px}#room-seats-grid[data-seat-mode="fazendinha_vip"]>.room-seat{min-height:92px!important}}


/* FAZENDINHA VIP VISUAL V2 — as imagens sao servidas do proprio frontend. */
#room-seats-grid[data-seat-mode="fazendinha_vip"]{
  position:relative!important;isolation:isolate;overflow:hidden!important;
  
  border:1px solid rgba(169,215,138,.8)!important;
  border-radius:22px!important;
}
#room-seats-grid[data-seat-mode="fazendinha_vip"] > .room-seat{
  position:absolute!important;background:transparent!important;overflow:visible!important;
  z-index:4!important;min-height:103px!important;
}
#room-seats-grid[data-seat-mode="fazendinha_vip"] > .room-seat > .garden-vip-seat-art{
  position:absolute;top:-15px;left:50%;transform:translateX(-50%);
  width:min(110px,100%);height:76px;object-fit:contain;
  z-index:0;pointer-events:none;max-width:none;
}
#room-seats-grid[data-seat-mode="fazendinha_vip"] > .room-seat > .seat-avatar,
#room-seats-grid[data-seat-mode="fazendinha_vip"] > .room-seat > strong,
#room-seats-grid[data-seat-mode="fazendinha_vip"] > .room-seat > small{
  position:relative;z-index:2;
}
#room-seats-grid[data-seat-mode="fazendinha_vip"] .garden-vip-seat-progress{
  position:relative;z-index:3;max-width:123px;margin:2px auto 0;
  line-height:1.1;
}
#room-seats-grid[data-seat-mode="fazendinha_vip"] .garden-vip-power{
  display:flex;align-items:center;justify-content:center;gap:3px;
  font-size:10px;white-space:nowrap;
}
#room-seats-grid[data-seat-mode="fazendinha_vip"] .garden-vip-power-icon{
  width:16px;height:16px;object-fit:contain;flex:none;
}
#room-seats-grid[data-seat-mode="fazendinha_vip"] .garden-vip-lock{
  position:absolute;width:26px;height:26px;object-fit:contain;top:-37px;right:10px;z-index:4;
}
#room-seats-grid[data-seat-mode="fazendinha_vip"] #garden-vip-scene{
  position:absolute!important;inset:0!important;display:block!important;
  z-index:0!important;overflow:hidden;pointer-events:none;
  text-shadow:0 1px 3px #24462f;
}
#garden-vip-scene .garden-vip-scenery{display:none!important;}
#garden-vip-scene .garden-vip-ground{
  position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);
  width:44%;height:45%;background:url('/assets/fazendinha/terreno-central.png') center/contain no-repeat;
}
#garden-vip-scene .garden-vip-center{
  position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);
  width:34%;height:49%;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:1px;text-align:center;z-index:1;
}
#garden-vip-scene .garden-vip-plant-visual{
  width:min(122px,100%);height:calc(100% - 34px);min-height:60px;
  display:grid;place-items:center;
}
#garden-vip-scene .garden-vip-plant{
  width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #163e3044);
}
#garden-vip-scene .garden-vip-fallback{
  display:none;font-size:47px;line-height:1;
}
#garden-vip-scene .garden-vip-art-missing .garden-vip-fallback{display:block}
#garden-vip-scene .garden-vip-center strong{
  font-size:10px;line-height:1.2;color:#fff9d5;white-space:nowrap;
  background:#285a38a8;border-radius:8px;padding:1px 4px;
}
#garden-vip-scene .garden-vip-center small{
  font-size:9px;line-height:1.2;color:white;background:#285a38a8;
  border-radius:8px;padding:1px 4px;white-space:nowrap;
}
#garden-vip-panel{
  background-image:linear-gradient(165deg,#f8fff1e8,#e5f7e3f0),url('/assets/fazendinha/painel-fazendinha.png');
  background-repeat:no-repeat;background-size:cover;background-position:center;
}
#garden-vip-panel .garden-vip-mainplant{
  background-image:linear-gradient(180deg,#eaffdac8,#c8e5a3d9),url('/assets/fazendinha/terreno-central.png');
  background-repeat:no-repeat;background-position:center;background-size:cover,contain;
}
#garden-vip-panel .garden-vip-popup-plant-visual{
  width:145px;height:140px;position:relative;display:grid;place-items:center;
}
#garden-vip-panel .garden-vip-popup-plant{
  width:100%;height:100%;object-fit:contain;
}
#garden-vip-panel .garden-vip-fallback{display:none;font-size:58px}
#garden-vip-panel .garden-vip-art-missing .garden-vip-fallback{display:block}
#garden-vip-panel .garden-vip-person-name{display:flex;align-items:center;gap:5px;min-width:0}
#garden-vip-panel .garden-vip-person-name .garden-vip-power-icon{width:21px;height:21px;object-fit:contain}
#garden-vip-panel .garden-vip-person-name span{min-width:0}
#garden-vip-panel .garden-vip-buttons .garden-vip-primary,
#garden-vip-open{
  background-image:linear-gradient(90deg,#23734066,#23734066),url('/assets/fazendinha/botao-cultivar.png')!important;
  background-color:#2e8a49!important;background-size:100% 100%!important;
  background-position:center!important;color:#fff!important;
  text-shadow:0 1px 3px #18472b;
}
@media(max-width:380px){
  #room-seats-grid[data-seat-mode="fazendinha_vip"] > .room-seat > .garden-vip-seat-art{
    width:92px;height:68px;top:-11px;
  }
  #garden-vip-scene .garden-vip-center strong{font-size:9px}
  #garden-vip-scene .garden-vip-center small{font-size:8px}
}


/* FAZENDINHA VIP — CORRECAO DE PROPORCOES V3 (somente neste modo)
   Evita cenario miudo em uma area enorme. Preserva avatares, voz e interacoes. */
#room-seats-grid[data-seat-mode="fazendinha_vip"] {
  width:100%!important;
  max-width:440px!important;
  height:clamp(280px,80vw,332px)!important;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box!important;
  border-radius:19px!important;
  overflow:hidden!important;
  
  border:1px solid rgba(179,217,146,.68)!important;

  background:url('/assets/fazendinha/cenario-fazendinha.png?v=20261102203401') center center / 205% 205% no-repeat!important;
}
/* Usa as coordenadas fixas dos quatro lugares para liberar o centro. */
#room-seats-grid[data-seat-mode="fazendinha_vip"] > .room-seat {
  width:27%!important;
  max-width:105px!important;
  min-width:0!important;
  min-height:101px!important;
  padding:1px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  transform:translate(-50%,-50%)!important;
  background:transparent!important;
  z-index:3!important;
}
#room-seats-grid[data-seat-mode="fazendinha_vip"] > .room-seat[data-seat-number="1"] {left:24%!important;top:23%!important}
#room-seats-grid[data-seat-mode="fazendinha_vip"] > .room-seat[data-seat-number="2"] {left:76%!important;top:23%!important}
#room-seats-grid[data-seat-mode="fazendinha_vip"] > .room-seat[data-seat-number="3"] {left:24%!important;top:77%!important}
#room-seats-grid[data-seat-mode="fazendinha_vip"] > .room-seat[data-seat-number="4"] {left:76%!important;top:77%!important}
#room-seats-grid[data-seat-mode="fazendinha_vip"] .room-seat .seat-avatar {
  width:clamp(39px,11.8vw,47px)!important;
  height:clamp(39px,11.8vw,47px)!important;
  max-width:47px!important;
  max-height:47px!important;
}
/* Molduras equipadas continuam sendo renderizadas pelo componente original. */
#room-seats-grid[data-seat-mode="fazendinha_vip"] > .room-seat > .garden-vip-seat-art {
  width:min(82px,95%)!important;
  height:59px!important;
  top:-9px!important;
  left:50%!important;
  object-fit:contain!important;
  max-width:none!important;
  opacity:.9;
}
#room-seats-grid[data-seat-mode="fazendinha_vip"] .garden-vip-seat-progress {
  max-width:100%!important;
  margin:2px auto 0!important;
  padding:0 1px!important;
}
#room-seats-grid[data-seat-mode="fazendinha_vip"] .garden-vip-power {
  gap:2px!important;
  font-size:9px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
#room-seats-grid[data-seat-mode="fazendinha_vip"] .garden-vip-power-icon {
  width:14px!important;height:14px!important;
}
#room-seats-grid[data-seat-mode="fazendinha_vip"] .garden-vip-seat-progress .garden-vip-bar {
  width:90%!important;height:5px!important;margin:3px auto 1px!important;
}
#room-seats-grid[data-seat-mode="fazendinha_vip"] .garden-vip-seat-progress small {
  font-size:8px!important;line-height:1.1!important;
}
/* PNG 7:5 possui margens transparentes internas: ampliar a AREA DESENHADA
   sem aumentar o quadro da sala nem deformar a imagem. */
#room-seats-grid[data-seat-mode="fazendinha_vip"] #garden-vip-scene {
  inset:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  z-index:0!important;
  pointer-events:none!important;
}
#garden-vip-scene .garden-vip-ground {
  left:50%!important;top:51%!important;
  width:100%!important;height:100%!important;
  transform:translate(-50%,-50%)!important;
  background-size:contain!important;
}
#garden-vip-scene .garden-vip-center {
  left:50%!important;top:49%!important;
  width:41%!important;height:55%!important;
  transform:translate(-50%,-50%)!important;
  gap:2px!important;
  overflow:visible!important;
}
#garden-vip-scene .garden-vip-plant-visual {
  width:min(145px,100%)!important;
  height:calc(100% - 35px)!important;
  min-height:72px!important;

  
  
  transform:translateY(16%) scale(1.20)!important;
  transform-origin:center center!important;
}
#garden-vip-scene .garden-vip-plant {
  display:block!important;width:100%!important;height:100%!important;
  object-fit:contain!important;
}
#garden-vip-scene .garden-vip-center strong,
#garden-vip-scene .garden-vip-center small {
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important;
  box-shadow:0 1px 3px #143b2688;
}
#garden-vip-scene .garden-vip-center strong {font-size:10px!important;padding:2px 5px!important}
#garden-vip-scene .garden-vip-center small {font-size:9px!important;padding:2px 5px!important}
/* Botao mais discreto e proporcional ao bloco da sala. */
#garden-vip-open {
  width:min(230px,76%)!important;
  min-height:41px!important;
  margin:8px auto!important;
  padding:8px 12px!important;
  background-size:100% 100%!important;
  font-size:12px!important;
}
@media(max-width:370px){
  #room-seats-grid[data-seat-mode="fazendinha_vip"] {height:clamp(270px,81vw,300px)!important}
  #room-seats-grid[data-seat-mode="fazendinha_vip"] > .room-seat {width:28%!important}
  #room-seats-grid[data-seat-mode="fazendinha_vip"] .garden-vip-power {font-size:8px!important}
  #room-seats-grid[data-seat-mode="fazendinha_vip"] .garden-vip-power-icon {width:13px!important;height:13px!important}
  #garden-vip-scene .garden-vip-center {width:39%!important}
}
@media(min-width:480px){
}