/* Fourth tier (Elite) and the two row wall for a large collection. Loaded after vault.css and cinema.css. */
.tiers { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
@media (min-width: 901px) and (max-width: 1180px) { .tiers { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) { .tiers { grid-template-columns: 1fr; } }

.plq.t-elite .plq-face { background:
    radial-gradient(120% 80% at 30% 0%, rgba(255,230,170,.10), rgba(0,0,0,0) 60%),
    linear-gradient(162deg, #16120c, #070605 55%, #1c160d);
  --bevel: inset 0 0 0 1px rgba(255,236,180,.9), inset 0 0 0 3px #a37a2c, inset 0 0 0 5px rgba(255,226,150,.55), inset 0 0 0 6px rgba(0,0,0,.8), inset 0 0 26px rgba(0,0,0,.9); }
.plq.t-elite .plq-in { color: #f0d386; text-shadow: 0 0 10px rgba(240,200,110,.35), 0 -1px 0 rgba(0,0,0,.8); border-color: rgba(240,211,134,.35); box-shadow: inset 0 0 0 1px rgba(0,0,0,.5); }
.plq.t-elite .plq-mark { border-color: #e6c878; box-shadow: 0 0 8px rgba(230,200,120,.4); }
.plq.t-elite .plq-mark::after { background: #e6c878; box-shadow: 0 0 8px #e6c878; }
.plq.t-elite .plq-rule { background: rgba(240,211,134,.55); box-shadow: none; }
.plq.t-elite .plq-spec { background: radial-gradient(circle at var(--mx) var(--my), rgba(255,246,220,.45), rgba(255,236,190,.12) 18%, rgba(255,236,190,0) 45%); }
.plq.t-elite .plq-edge { background: linear-gradient(162deg, #6b4c1a, #c79d45 45%, #5a3f12); }
/* Elite: the same black glass, set in brighter gold. */
.plq.t-elite .plq-edge { background: linear-gradient(162deg, #8a6420, #f0cf7a 45%, #7a5716); }
.plq.t-elite .plq-in { border-color: rgba(250,226,160,.6); }

/* Two rows once the collection is large. Width is capped by script so each row holds half. */
.gallery.rows { flex-wrap: wrap; row-gap: clamp(22px, 3.2vh, 40px); margin: 0 auto; width: 100%; padding: 26px 20px 50px; }
.gallery.rows .plq { width: clamp(128px, 10.2vw, 176px); }
.gallery.rows .plq-in { padding: 8% 7%; }
.gallery.rows .plq-mark { width: 20px; height: 20px; }
.gallery.rows .plq-tier { font-size: 7.5px; letter-spacing: .2em; margin-top: 6px; }
.gallery.rows .plq-title { font-size: clamp(14px, 1.1vw, 18px); margin-top: 4px; }
.gallery.rows .plq-foot { font-size: 7.5px; letter-spacing: .16em; }
.gallery { min-width: 0; }

/* No refunds line under a plaque's price when it is picked up in the Vault. */
.focus-info .price::after { content: 'All sales are final. No refunds on digital products or downloads.'; display: block; margin-top: 8px; font: 500 12px/1.4 var(--sans); letter-spacing: 0; color: rgba(236,228,212,.6); }
.tiers-final { margin-top: 10px; color: var(--gold); font-size: 13px; }
.room-link { margin-top: 18px; }

/* The Collection Room */
.chamber.collection { grid-template-rows: auto auto auto; align-content: start; row-gap: 36px; padding-bottom: 60px; }
.chamber .ch-copy .final-note { margin-top: 12px; font-size: 13px; color: #e6c878; }
.shop { position: relative; z-index: 3; display: flex; flex-wrap: wrap; justify-content: center; gap: 44px 28px;
  width: 100%; max-width: 1080px; margin: 0 auto; padding: 10px 24px 20px; perspective: 1300px; }
.shop-item { display: flex; flex-direction: column; align-items: center; gap: 30px; width: 220px; }
.chamber.collection .floor { top: 86%; }
.shop .plq { width: 100%; max-width: 210px; margin: 0 auto; transform: none; }
.shop .plq-in { padding: 9% 8%; }
.shop .plq-tag { display: -webkit-box; }
.shop-buy { width: 100%; max-width: 230px; text-align: center; position: relative; z-index: 5; }
.shop-price { font: 600 26px/1 var(--sans); color: #f6efe2; letter-spacing: -.02em; }
.shop-price small { font: 500 10px var(--mono); letter-spacing: .18em; color: rgba(236,228,212,.55); margin-left: 6px; text-transform: uppercase; }
.shop-buy .btn { margin-top: 12px; }
.shop-note { margin: 10px 0 0; font-size: 12px; color: rgba(236,228,212,.55); }
.shop-empty { grid-column: 1 / -1; text-align: center; color: rgba(236,228,212,.7); }
@media (max-width: 899px) {
  .shop { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 16px; padding: 0 14px 10px; }
  .shop-item { width: auto; }
  .shop .plq { width: 100%; max-width: 190px; transform: none; }
  .shop .plq-title { font-size: 17px; }
  .shop .plq-tier, .shop .plq-foot { font-size: 8px; }
  .shop .plq-tag { font-size: 10px; }
  .shop-price { font-size: 22px; }
}
@media (max-width: 380px) { .shop { grid-template-columns: 1fr; } }