/* Keep short decks on a full-height table; long decks extend normal flow. */
body {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  position: relative;
  isolation: isolate;
}

.stage-container { width: 100%; flex: 0 0 auto; margin: 0 auto; }
.site-footer { width: 100%; flex: 0 0 auto; margin: auto auto 0; }

/* Ink in the table surface, uncovered as the cards move. The name carries the
   line; the discipline sits under it the way it does on the card. */
.table-imprint {
  position: absolute;
  top: clamp(280px, 41vh, 600px);
  left: 50%;
  transform: translateX(-50%) rotate(-.6deg);
  z-index: -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(4px, .9vw, 18px);
  font-family: var(--font-title);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
.imprint-name, .imprint-discipline {
  position: relative;
  display: block;
  color: #ffffff08;
  text-shadow: 0 1px 0 #0005;
}
.imprint-name { font-size: clamp(30px, 7.3vw, 152px); letter-spacing: .15em; }
.imprint-discipline { font-size: clamp(13px, 2.9vw, 60px); letter-spacing: .42em; }

/* A second ink layer keeps the metal reveal crisp without moving the lettering. */
.imprint-name::after, .imprint-discipline::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  color: transparent;
  background-image: var(--grain), linear-gradient(117deg, #6b5229 0%, #c3a266 19%, #e1c586 27%, #8f713d 37%, #ba9654 48%, #e8cf94 51%, #9b793f 59%, #c4a363 79%, #73582c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-shadow: none;
  filter: url('#felt-print') drop-shadow(0 -.6px .3px #ead59d44) drop-shadow(0 1px 1px #000c);
  opacity: 0;
  transition: opacity 240ms ease-out;
}
.table-imprint.is-gold .imprint-name::after,
.table-imprint.is-gold .imprint-discipline::after { opacity: .88; }

/* While a deck is being swept away nothing new should catch a stray click. */
.cards-grid.is-navigating { pointer-events: none; }

@media (prefers-reduced-motion: reduce) {
  .imprint-name::after, .imprint-discipline::after { transition: none; }
}

/* The same gold impression as the revealed identity, stamped into label stock. */
.heading-card .tc-title, .deck-heading-title {
  font-weight: 650;
  color: #c3a266;
  background-image: var(--grain), linear-gradient(117deg, #6b5229 0%, #c3a266 19%, #e1c586 27%, #8f713d 37%, #ba9654 48%, #e8cf94 51%, #9b793f 59%, #c4a363 79%, #73582c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 -.6px .3px #ead59d44) drop-shadow(0 1px 1px #000c);
}