/* FormyDog polish v6: controles, iconos y barra de boosters */
.boosters .booster,.boosters .mini-btn{position:relative;isolation:isolate}
.boosters .booster img,.resources img,.brand-avatar img{display:block;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important;image-rendering:auto!important}
.boosters .booster img{filter:drop-shadow(0 2px 3px rgba(15,64,101,.18));transform:none!important}
.boosters .mini-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;overflow:hidden}
.boosters .mini-btn::before{content:"";display:block;flex:0 0 25px;width:25px;height:25px;background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none}
.boosters .sound::before{background-image:url('./ui-icons/effects.png')!important}
.boosters .store::before{background-image:url('./ui-icons/store.png')!important}
.boosters .fd-menu-btn::before{background-image:url('./ui-icons/menu.png')!important}
.boosters .fd-notify-btn::before{content:"🔔"!important;width:25px;height:25px;display:grid;place-items:center;background:none!important;font-size:20px;line-height:1;filter:none!important}
.boosters .booster.active{border-color:#0a72d6!important;background:linear-gradient(145deg,#eefaff,#bfeaff)!important;box-shadow:0 0 0 3px rgba(67,183,243,.35),0 3px 0 #0a579e!important;transform:translateY(-1px)}
.boosters .booster.active::after{content:"LISTO";position:absolute;left:7px;bottom:3px;padding:2px 5px;border-radius:99px;background:#0867c9;color:#fff;font-size:5px;font-weight:1000;letter-spacing:.08em;pointer-events:none}
.boosters .booster:disabled{opacity:.48!important;filter:saturate(.55)}
.boosters .booster:disabled img{filter:grayscale(.45) opacity(.72)}
.boosters .mini-btn:hover{border-color:#56bff2;background:#e5f7ff}
.boosters .store{background:linear-gradient(#1787ee,#0759b5)!important;color:#fff!important;border-color:#0759b5!important}
.boosters .store::before{filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
.boosters .fd-menu-btn{background:#f4fbff!important;color:#0758aa!important}
.boosters .fd-notify-btn{background:#fffaf0!important;border-color:#f1ce78!important;color:#855d00!important}

/* Evita que los recursos o iconos se deformen al cambiar de viewport. */
.resource,.booster,.mini-btn{min-width:0}
.resource img{aspect-ratio:1/1}
.brand-avatar{overflow:hidden}
.brand-avatar img{width:88%!important;height:88%!important}

/* Los modales siempre quedan por encima del canvas y conservan scroll táctil. */
.fd-modal{z-index:24000!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.fd-modal .fd-card{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

@media(min-width:901px){
  .boosters .mini-btn{min-height:38px!important;padding:5px 9px!important;font-size:8px!important;letter-spacing:.05em}
  .boosters .booster img{width:39px!important;height:39px!important}
  .boosters .fd-notify-btn::before{font-size:18px}
}

@media(max-width:900px){
  .boosters{overflow:visible!important}
  .boosters .booster,.boosters .mini-btn{overflow:visible!important;background:#f9fdff!important;border:1px solid #9bdcff!important;box-shadow:0 2px 0 #64abd7!important}
  .boosters .booster{padding:3px!important}
  .boosters .booster img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;margin:auto!important}
  .boosters .mini-btn{font-size:0!important;padding:3px!important}
  .boosters .mini-btn::before{width:29px;height:29px;flex-basis:29px}
  .boosters .fd-notify-btn::before{font-size:22px}
  .boosters .store{background:linear-gradient(#1b8df2,#0960bb)!important;border-color:#0a5cb2!important}
  .boosters .booster em{display:grid!important;place-items:center!important;position:absolute!important;right:2px!important;top:2px!important;width:16px!important;height:16px!important;margin:0!important;border-radius:50%!important;background:#fff!important;border:1px solid #86d2f7!important;color:#0758aa!important;font-size:0!important;font-style:normal!important;font-weight:1000!important;line-height:1!important;z-index:3!important;box-shadow:0 1px 3px rgba(0,35,75,.16)!important}
  .boosters .booster em i{display:block!important;font-style:normal!important;font-size:8px!important;color:inherit!important}
  .boosters .booster.active::after{display:none}
  .boosters .booster.active{box-shadow:0 0 0 3px #5ac9ff,0 3px 0 #07509a!important}
}

@media(max-width:430px){
  .boosters .booster img{width:29px!important;height:29px!important;max-width:29px!important;max-height:29px!important}
  .boosters .mini-btn::before{width:27px;height:27px;flex-basis:27px}
  .boosters .fd-notify-btn::before{font-size:20px}
}