/* THE WORDS OF GRATITUDE — the card that answers an offering */
.gpx-thanks-card { position: fixed; left: 50%; bottom: calc(18px + env(safe-area-inset-bottom)); transform: translate(-50%, 30px); z-index: 940; width: min(560px, calc(100vw - 28px)); background: linear-gradient(165deg, rgba(24,20,10,.97), rgba(6,6,9,.98) 60%); border: 1px solid rgba(216,181,106,.65); border-radius: 20px; padding: 26px 24px 20px; text-align: center; box-shadow: 0 18px 60px rgba(0,0,0,.65), 0 0 34px rgba(216,181,106,.22); opacity: 0; transition: opacity .5s ease, transform .5s cubic-bezier(.2,1.4,.4,1); }
.gpx-thanks-card.on { opacity: 1; transform: translate(-50%, 0); }
.gpx-thanks-card .gt-crest { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; margin: 0 auto 12px; border-radius: 50%; border: 1px solid var(--gold, #d8b56a); color: var(--gold, #d8b56a); font-family: 'Cinzel', serif; font-weight: 800; font-size: 22px; box-shadow: 0 0 18px rgba(216,181,106,.35); }
.gpx-thanks-card .gt-en { font-family: 'Berkshire Swash', cursive; font-size: 17.5px; line-height: 1.75; color: #f5e7bd; }
.gpx-thanks-card .gt-jp { font-family: 'Shippori Mincho B1', serif; font-size: 14px; line-height: 2.05; color: #e8e2d4; margin-top: 12px; }
.gpx-thanks-card .gt-close { margin-top: 18px; background: var(--gold, #d8b56a); color: #000; border: 0; border-radius: 999px; padding: 11px 28px; font-weight: 800; letter-spacing: .12em; font-size: 13px; cursor: pointer; }