/* Crates (/boosters), the crate scene and the item page: what the prototype's globals.css did not have. */

/* The scene's buttons come and go with its phases (the buttons' own display would beat [hidden]). */
.carton-actions > [hidden] { display: none; }

/* "+1 → Album 4/12": the sleeve advances a record the player has started (crate scene and draw list). */
.carton-present__progress {
  padding: 0.2em 0.55em 0.15em;
  background: var(--paper);
  color: var(--ink);
  border: 1.5px solid var(--ink);
  box-shadow: 3px 3px 0 var(--stamp);
  font: 600 clamp(0.68rem, 2vw, 0.86rem)/1.25 var(--font-mono);
  letter-spacing: 0.06em;
  overflow-wrap: anywhere;
  rotate: 1deg;
}
.carton-present[data-shown] .carton-present__progress { animation: pop-in 320ms var(--ease-pop) 320ms both; }
.carton-present__progress i,
.draw-progress i { font-style: normal; font-weight: 700; }
.draw-progress { color: var(--stamp); }

@media (prefers-reduced-motion: reduce) {
  .carton-present[data-shown] .carton-present__progress { animation: none; }
}

/* The full catalogue has very long titles (classical works): three lines at most on the reveal label,
 * the full title stays in its tooltip and on the item page. The clamp sits on an inner span: clipped, the
 * label itself would shrink to nothing in its 0-high card and lose its lines. */
.carton-present__title { max-width: min(34rem, 92vw); }
.carton-present__title-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.carton-present__title[data-long] { font-size: clamp(1.1rem, 3vw, 1.6rem); }