/* Original Lucky 7 inventory. The parent timeline owns every object pose.
   No CSS clock or transform transition: seeking and still mode stay exact. */
.pawn-showcase {
  --pawn-accent: #ff5cbb;
  container: pawn-showcase / inline-size;
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 620px;
  min-width: 0;
  margin: 0 auto;
  color: #f7e9ff;
  font-family: Jost, 'Century Gothic', sans-serif;
  text-align: center;
}
.pawn-showcase,
.pawn-showcase * { box-sizing: border-box; }

.pawn-showcase .pawn-scene {
  position: relative;
  width: 100%;
  aspect-ratio: 1000 / 760;
  overflow: hidden;
  border-radius: 50% / 38%;
  background:
    radial-gradient(ellipse at 50% 46%, #ff5cbb1c 0%, #ff5cbb09 34%, transparent 65%),
    radial-gradient(ellipse at 69% 66%, #38e4e810, transparent 46%),
    radial-gradient(ellipse at 27% 28%, #ffb0000e, transparent 42%);
}
.pawn-showcase .pawn-scene::after {
  content: '';
  position: absolute;
  inset: auto 27% 7%;
  height: 5%;
  border-radius: 50%;
  background: #08050c;
  filter: blur(12px);
  opacity: .65;
  pointer-events: none;
}
.pawn-showcase .pawn-art {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  max-width: 100%;
  overflow: visible;
  pointer-events: none;
}
/* Presentation attributes alone lose to the site's global svg path reset. */
.pawn-showcase .pawn-paint {
  fill: var(--pawn-fill, none);
  stroke: var(--pawn-stroke, none);
  stroke-width: var(--pawn-line, 1);
}
.pawn-showcase .pawn-letter {
  fill: var(--pawn-fill, #f7e9ff);
  stroke: none;
  font-family: Jost, 'Century Gothic', sans-serif;
  font-weight: 600;
  letter-spacing: 0;
}
.pawn-showcase .pawn-object {
  filter: drop-shadow(0 12px 9px #07040db3);
  /* SVG transform, opacity, and painter order are supplied by render(). */
}
.pawn-showcase .pawn-object[data-featured='true'] {
  filter: drop-shadow(0 18px 11px #07040dcc) drop-shadow(0 0 9px #ffd3ed26);
}
.pawn-showcase .pawn-orbits { opacity: .7; }
.pawn-showcase .pawn-sparkles { filter: drop-shadow(0 0 5px #ffb00080); }

.pawn-showcase .pawn-caption {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0 12px 12px;
}
.pawn-showcase .pawn-feature {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3px 12px;
  min-height: 39px;
  margin: 0 0 10px;
}
.pawn-showcase .pawn-feature strong {
  color: var(--pawn-accent);
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -.025em;
}
.pawn-showcase .pawn-feature span {
  color: #eed8f5;
  font-size: 14px;
  line-height: 1.4;
}
.pawn-showcase .pawn-categories {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
  max-width: 470px;
  margin: 0 auto 12px;
  padding: 0;
  list-style: none;
}
.pawn-showcase .pawn-categories li {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 5px 4px;
  border: 1px solid #79516b;
  border-radius: 999px;
  background: #211327;
  color: #dcc4e7;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: .02em;
  white-space: nowrap;
}
.pawn-showcase .pawn-categories li[data-featured='true'] {
  border-color: var(--pawn-accent);
  background: var(--pawn-accent);
  color: #140b17;
  font-weight: 700;
  box-shadow: 0 0 18px #ff5cbb20;
}
.pawn-showcase .pawn-promise {
  max-width: none;
  margin: 0;
  color: #f0deef;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0;
}
.pawn-showcase .pawn-disclaimer {
  max-width: none;
  margin: 5px 0 0;
  color: #c4a9ce;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: .015em;
}
/* Respond to the host, including a narrow column on a wide desktop. */
@container pawn-showcase (max-width: 420px) {
  .pawn-showcase .pawn-caption { padding: 0 3px 12px; }
  .pawn-showcase .pawn-feature {
    flex-direction: column;
    align-items: center;
    gap: 2px;
    min-height: 59px;
    margin-bottom: 10px;
  }
  .pawn-showcase .pawn-feature strong { font-size: 25px; }
  .pawn-showcase .pawn-feature span { font-size: 13px; }
  .pawn-showcase .pawn-categories { gap: 5px; }
  .pawn-showcase .pawn-categories li { font-size: 11px; padding: 6px 2px; }
  .pawn-showcase .pawn-promise { font-size: 12px; }
  .pawn-showcase .pawn-disclaimer { font-size: 10px; }
  .pawn-showcase .pawn-object { filter: drop-shadow(0 9px 7px #07040db3); }
  .pawn-showcase .pawn-object[data-featured='true'] {
    filter: drop-shadow(0 13px 8px #07040dcc) drop-shadow(0 0 7px #ffd3ed26);
  }
}
/* Item receipts occupy their own grid row: adjacent, never covering merchandise. */
.pawn-network-items button { display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:8px; }
.pawn-network-items button:focus-visible { outline:2px solid #ffce72;outline-offset:2px; }
.pawn-network-items [data-selected='true'] .pawn-network-icon { transform:scale(1.16);filter:drop-shadow(0 8px 7px #08040c) drop-shadow(0 0 12px #ffbb65aa); }
.pawn-network-items .pawn-network-icon { transition:transform .24s ease-out,filter .24s ease-out; }
.pawn-network-items [data-selected='true'] button>span { color:#ffdf98; }
.pawn-network .pawn-ticket { display:block;height:auto;grid-column:1 / -1;position:relative;margin:18px 0 20px;padding:20px;background:#f5e9d0;color:#2d1b29;box-shadow:0 14px 26px #09050e66;border-radius:3px;min-width:0;text-align:left; }
.pawn-network .pawn-ticket[hidden] { display:none; }
/* Receipt controls are not full-height merchandise tiles. */
.pawn-network .pawn-ticket-close { width:auto;height:auto;min-width:112px;min-height:44px;margin:0 0 14px auto;padding:9px 14px;border:1px solid currentColor;border-radius:3px;background:transparent;color:inherit;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap; }
.pawn-ticket::before { content:'';position:absolute;bottom:100%;left:var(--ticket-anchor,16.6%);height:20px;width:1px;background:#ffce72; }
.pawn-ticket::after { content:'';position:absolute;top:-5px;left:calc(var(--ticket-anchor,16.6%) - 5px);width:10px;height:10px;background:#f5e9d0;transform:rotate(45deg); }
.pawn-network .pawn-ticket-title h4 { margin:0 0 4px;font-size:23px;line-height:1.15;color:#2d1b29; }
.pawn-network .pawn-ticket-title span { padding:0;background:none;color:#643955;font-size:13px; }
.pawn-network .pawn-ticket-id { margin:14px 0 8px;font-size:12px;color:#643955;line-height:1.5; }
.pawn-ticket-id b { color:#2d1b29;font-weight:600;white-space:nowrap; }
.pawn-ticket dl { margin:0;padding:0;border-top:1px dashed #a7907c; }
.pawn-ticket dl>div { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:9px 0;border-bottom:1px dashed #c4b29c; }
.pawn-ticket dt { font-size:13px;line-height:1.4; }
.pawn-ticket dd { margin:0;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap; }
.pawn-network .pawn-ticket small { display:block;font-size:11px;line-height:1.5;color:#643955;margin-top:12px; }
/* Read-only receipt details retain the existing paper and glowing merchandise. */
.pawn-network .pawn-ticket, .pawn-network .pawn-ticket [role="tab"], .pawn-network .pawn-ticket-panel { scroll-margin-top:150px; }
.pawn-network .pawn-ticket p { font-size:13px;line-height:1.6;color:#3e2836;margin:10px 0; }
.pawn-network .pawn-ticket-status { font-weight:600; }
.pawn-network .pawn-ticket-summary { margin-top:12px; }
.pawn-network .pawn-ticket-summary dd { font-size:13px;white-space:normal;text-align:right; }
.pawn-network .pawn-ticket-tabs { display:flex;gap:4px;margin-top:20px;border-bottom:1px solid #a7907c; }
.pawn-network .pawn-ticket-tabs button { flex:1;min-width:0;min-height:48px;height:auto;padding:8px 4px;color:#643955;border-radius:2px 2px 0 0;font-family:inherit;line-height:1.4;font-size:12px;font-weight:600; }
.pawn-network .pawn-ticket-tabs button[aria-selected='true'] { background:#dfcdae;color:#2d1b29;box-shadow:inset 0 -3px #643955; }
.pawn-network .pawn-ticket :is(button,[role='tabpanel']):focus-visible { outline:2px solid #643955;outline-offset:2px; }
.pawn-network .pawn-ticket-panel { padding-top:8px;overflow-wrap:anywhere; }
.pawn-network .pawn-ticket-panel[hidden] { display:none; }
.pawn-network .pawn-ticket-panel h5 { font-size:14px;line-height:1.4;margin:18px 0 5px;color:#2d1b29;font-weight:600; }
.pawn-network .pawn-ticket-panel dd { white-space:normal;font-size:13px;text-align:right; }
.pawn-network .pawn-ticket-panel dl>div { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.pawn-network .pawn-ticket table { width:100%;border-collapse:collapse;font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums; }
.pawn-network .pawn-ticket :is(th,td) { padding:9px 3px;border-bottom:1px dashed #a7907c;text-align:left; }
.pawn-network .pawn-ticket :is(th,td):last-child { text-align:right; }
.pawn-network .pawn-ticket caption { text-align:left;font-size:12px;margin:8px 0; }
/* Still mode retains all artwork, categories and depth; no alternate clock. */
/* Receipt row relocation must not anchor the viewport to moving inventory. */
.pawn-network { max-width: 900px; text-align: left; overflow-anchor: none; }
.pawn-network-heading h3 { font-size: clamp(24px,2.4vw,34px); line-height: 1.15; font-weight: 600; margin: 0 0 8px; color: #ffe3f5; }
.pawn-network-heading p { font-size: 14px; line-height: 1.5; color: #d9bfdc; max-width: 52ch; margin: 0 0 22px; }
.pawn-network-layout { display: grid; grid-template-columns: minmax(0,1fr) 145px; gap: 22px; align-items: start; }
.pawn-web { position: relative; min-width: 0; }
.pawn-network .pawn-connections { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.pawn-network .pawn-connections path { fill: none; stroke: #af729f; stroke-width: 1; stroke-dasharray: 5 4; vector-effect: non-scaling-stroke; opacity: .8; }
.pawn-network .pawn-connections path:nth-child(3n) { stroke: #62cdcc; }
.pawn-network-items { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); position: relative; list-style: none; margin: 0; padding: 0; }
.pawn-network-items li[data-network-item] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; height: 117px; margin: 0; padding: 4px; }
.pawn-network .pawn-network-icon { display: block; width: 82px; height: 82px; max-width: 100%; overflow: visible; filter: drop-shadow(0 5px 5px #08040c); }
.pawn-network-items span { position: relative; background: #1b1021; padding: 3px 5px; border-radius: 3px; color: #faeafb; font-size: 13px; line-height: 1.25; text-align: center; font-weight: 500; }
.pawn-redemptions { border-left: 1px solid #835271; padding-left: 17px; margin: 4px 0 0; }
/* Text-sized backplates keep spectral lettering visible between entries. */
.pawn-redemptions :is(h4,p,strong,li span,small) { width: fit-content; max-width: 100%; background: #1b1021e6; box-decoration-break: clone; -webkit-box-decoration-break: clone; text-shadow: 0 1px 2px #100918; }
.pawn-redemptions h4 { color: #ffce72; font-weight: 600; font-size: 19px; margin: 0 0 7px; line-height: 1.25; }
.pawn-redemptions p,.pawn-redemptions small { display: block; color: #d9bfdc; font-size: 12px; line-height: 1.5; margin: 0; }
.pawn-redemptions ul { list-style: none; padding: 0; margin: 12px 0 16px; }
.pawn-redemptions li { padding: 10px 0; border-bottom: 1px solid #53354e; margin: 0; }
.pawn-redemptions svg { display: block; width: 82px; height: 90px; max-width: 100%; margin: 0 0 6px; }
.pawn-redemptions strong { display: block; font-size: 13px; line-height: 1.3; font-weight: 500; color: #f7e9ff; }
.pawn-redemptions li span { display: block; font-size: 11px; color: #9fe1cb; line-height: 1.5; margin-top: 4px; }
#lucky .lk-burst:has(.pawn-network) { height: auto; min-height: 0; }
#lucky .lk-burst:has(.pawn-network)>canvas { display: none; }
#lucky-inventory:has(.pawn-network) { min-height: 0; }
#lucky-inventory:has(.pawn-network)>.cinematic-fallback { display: none; }
@media(min-width:1000px) { #lucky .lk-hero { grid-template-columns: .72fr 1.28fr; gap: 36px; } }
@container pawn-showcase (max-width: 490px) {
  .pawn-network-layout { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .pawn-redemptions { border-left: 0; border-top: 1px solid #835271; padding: 18px 0 0; }
  .pawn-redemptions ul { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
  .pawn-redemptions p br { display: none; }
  .pawn-network-items li[data-network-item] { height: 115px; }
}
.pawn-showcase[data-still='true'] *,
.pawn-showcase[data-still='true']::before,
.pawn-showcase[data-still='true']::after { animation: none; transition: none; }
@media (prefers-reduced-motion: reduce) {
  .pawn-showcase *, .pawn-showcase::before, .pawn-showcase::after {
    animation: none;
    transition: none;
  }
}