/* Boost (systems/boost.js): the "+N" next to a pokemon's name and its part of the Melhorias box */
.boost-tag {
  display: inline-block; margin-left: 4px; padding: 0 5px; border-radius: 5px; vertical-align: 1px;
  font-family: var(--pixel); font-size: 0.72rem; line-height: 1.4; color: #2a1a00;
  background: linear-gradient(180deg, #ffe27a, #f5b52e); box-shadow: 0 0 6px #ffcf4a55;
}
.boost-tag.max { color: #fff; background: linear-gradient(180deg, #ff7ad9, #b02ad8); box-shadow: 0 0 8px #ff7ad977; }

.boost-box {
  display: grid; gap: 6px; margin-top: 8px; padding: 10px; border-radius: 10px;
  border: 1px solid #8a6d1f; background: linear-gradient(180deg, #2a2210, #14110a);
}
.boost-head { display: flex; align-items: center; gap: 10px; }
.boost-level { font-family: var(--pixel); font-size: 1.4rem; color: #ffd75e; min-width: 48px; text-align: center; }
.boost-what { display: grid; gap: 1px; }
.boost-what > span:first-child { font-family: var(--pixel); color: #ffd75e; }
.boost-bar { height: 6px; border-radius: 6px; background: #050a14; border: 1px solid #5a4818; overflow: hidden; }
.boost-bar i { display: block; height: 100%; background: linear-gradient(90deg, #f5b52e, #ff7ad9); transition: width 0.3s; }
.boost-pay { display: grid; gap: 4px; }
.boost-cost { color: #ffd75e; font-weight: 700; }
.boost-stone {
  display: grid; grid-template-columns: 24px minmax(0, 1fr) auto auto; align-items: center; gap: 8px;
  padding: 4px 6px 4px 8px; border-radius: 8px; background: #0b1424; border: 1px solid #3a3018;
}
.boost-stone.ok { border-color: #2f8a4a; }
.boost-stone img { width: 22px; height: 22px; object-fit: contain; image-rendering: pixelated; }
.boost-stone-name { font-size: 0.85rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.boost-stone b { font-size: 0.8rem; color: #6dff8b; }
.boost-stone b.miss { color: #ff8fa3; }