/* The Altar (systems/altar.js): shiny cards, sacrificed to summon their shiny. The window is the
   Poké Mart's (shop.css); this is what's its own. */
.altar-box { width: min(520px, calc(calc(100vw / var(--ui-zoom, 1)) - 24px)); }
.altar-about { margin: 0 0 10px; }
.altar-list { display: flex; flex-direction: column; gap: 8px; }
.altar-row, .altar-waiting {
  display: flex; align-items: center; gap: 10px; padding: 8px 10px;
  background: #0b1424; border: 1px solid var(--line); border-radius: 10px;
}
.altar-waiting { border-color: #8a6d1f; box-shadow: inset 0 0 0 1px #ffd23f33; }
.altar-card { position: relative; flex-shrink: 0; width: 40px; height: 40px; display: grid; place-items: center; }
.altar-card img { max-width: 40px; max-height: 40px; image-rendering: pixelated; }
.altar-card .item-count { position: absolute; top: -4px; right: -6px; }
.altar-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.altar-info b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.altar-why { color: #ff9f43; }
.altar-row .btn, .altar-waiting .btn { flex-shrink: 0; }