/* Donation-page presentation only. No looping effects or game-renderer work. */
.page-donate .donate-hero { padding-top: 48px; }
.page-donate .donate-hero h1 { font-size: clamp(32px, 4.5vw, 56px); }
.page-donate .donate-hero > p:last-of-type { max-width: 680px; line-height: 1.75; }
.page-donate .donate-journey { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px 30px; list-style: none; margin: 28px 0 0; padding: 0; color: var(--muted); font-size: 13px; }
.page-donate .donate-journey li { display: flex; align-items: center; gap: 8px; }
.page-donate .donate-journey span { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--line); border-radius: 50%; color: var(--gold); }
.page-donate .donate-page { max-width: 1180px; }
.page-donate .gold-text { animation: none; }
.page-donate input, .page-donate .meter > div { transition: none; }
.page-donate .form-card { background: linear-gradient(135deg, #14213a, #0d172a); backdrop-filter: none; -webkit-backdrop-filter: none; }
.page-donate .countdown { max-width: none; margin: 0 0 22px; }
.page-donate .donate-intro { display: grid; grid-template-columns: 1.15fr 1fr; gap: 22px; align-items: stretch; }
.page-donate .donate-intro:has(.donate-login[hidden]) { grid-template-columns: 1fr; }
.page-donate .donate-intro .form-card { margin: 0; }
.page-donate .donate-login h2 { margin-bottom: 10px; }
/* heading block centered (owner 2026-10-26); labels and inputs stay left-aligned */
.page-donate .donate-login .eyebrow { display: flex; justify-content: center; }
.page-donate .donate-login h2, .page-donate .donate-login > .hint, .page-donate .donate-login .login-note { text-align: center; }
.page-donate .donate-login .login-note { margin: 16px 0 0; font-size: 12px; }
.page-donate .meter-big { display: flex; flex-direction: column; }
.page-donate .meter-big .panel-title { flex-wrap: wrap; }
.page-donate .meter-big .meter { margin-top: 20px; }
.page-donate .meter-big .goal-list { margin: 26px 0 22px; }
.page-donate .meter-big .goal-list li { grid-template-columns: 96px 1fr; font-size: 13.5px; }
.page-donate .meter-big .support-text-link { margin-top: auto; padding-top: 18px; border-top: 1px solid var(--line); }
.page-donate .meter-big h2 { font-size: 20px; }
.page-donate .meter-big .total { font: 700 30px var(--head); color: var(--gold); margin-top: 22px; }
.page-donate .support-text-link { display: inline-block; margin-top: 12px; font-size: 13px; }
.page-donate .donor-account { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 26px 0 18px; padding: 16px 20px; border: 1px solid var(--line); border-radius: 12px; background: #101d32; }
.page-donate .donor-account b { color: var(--gold); overflow-wrap: anywhere; }
.page-donate .donor-account a { flex-shrink: 0; font-size: 13px; }
.page-donate .donation-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 22px; align-items: start; }
.page-donate .donation-options { min-width: 0; }
.page-donate .checkout-card { position: sticky; top: 90px; margin: 0; min-width: 0; border-color: rgba(255, 210, 127, .38); }
.page-donate .checkout-card h2 { font-size: 21px; line-height: 1.6; }
.page-donate .methods { grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); margin-top: 18px; }
.page-donate .pkgs { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 20px; }
.page-donate .pkg span { height: 100%; padding: 16px 8px; font-size: 12px; transition: none; }
.page-donate .pkg b { font-family: var(--body); font-size: 16px; margin-bottom: 5px; }
.page-donate .pkg input:checked + span { background: rgba(255, 210, 127, .12); box-shadow: 0 0 0 1px var(--gold); }
.page-donate .methods .pkg b { color: var(--frost); }
.page-donate .bonus-tiers { margin: 18px 0 0; font-size: 12px; }
.page-donate .custom { margin-top: 18px; }
.page-donate .youget { margin: 20px 0; border: 0; background: rgba(255, 210, 127, .07); padding: 18px; line-height: 1.7; }
.page-donate .youget b { display: block; font-size: 25px; }
.page-donate .youget .hint { display: block; }
.page-donate .checkout-amount { display: grid; gap: 4px; margin: 18px 0; }
.page-donate .checkout-amount .amount { color: var(--frost); font-size: 25px; }
.page-donate .provider-message { border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); padding: 0 0 14px; }
.page-donate .username-copy { display: flex; gap: 8px; align-items: stretch; }
.page-donate .username-copy input { min-width: 0; flex: 1; margin: 0; font-weight: 700; color: var(--gold); }
.page-donate .username-copy button { flex-shrink: 0; font-size: 12px; padding: 10px 12px; margin: 0; }
.page-donate .provider-message .hint { font-size: 12px; margin-bottom: 0; }
.page-donate #copyStatus:empty { display: none; }
.page-donate .kofi-steps { margin: 18px 0; }
.page-donate .kofi-steps li + li { margin-top: 8px; }
.page-donate .checkout-hint { text-align: center; margin-bottom: 0; font-size: 12px; }
.page-donate #kofiLink { text-align: center; margin-top: 4px; }
.page-donate #kofiLink[aria-disabled=true] { pointer-events: none; }
.page-donate .qr { justify-content: center; gap: 16px; }
.page-donate .qr > div:last-child { width: 100%; }
.page-donate .qr .amount { margin-bottom: 12px; }
.page-donate .manual-review { margin: 22px 0; }
.page-donate .manual-review summary { cursor: pointer; color: var(--frost); font-weight: 700; line-height: 1.8; }
.page-donate .manual-review summary .hint { display: inline-block; margin-left: 12px; font-weight: 400; }
.page-donate .manual-review[open] summary { margin-bottom: 20px; }
.page-donate .donation-history { margin-top: 22px; }
.page-donate .support-perks { margin-top: 48px; text-align: center; scroll-margin-top: 90px; }
.page-donate .support-perks h2 { margin-bottom: 22px; }
.page-donate .perk-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; text-align: left; }
.page-donate .perk-grid .form-card { margin: 0; padding: 24px; }
.page-donate .perk-grid h3 { font-size: 18px; margin: 14px 0 10px; }
.page-donate .perk-grid p { color: var(--muted); font-size: 14px; margin-bottom: 0; line-height: 1.75; }
.page-donate .perk-symbol { color: var(--gold); font-size: 30px; }
.page-donate .btn { transition: transform .15s, opacity .15s; }
@media (max-width: 900px) {
  .page-donate .donate-intro, .page-donate .donation-layout { grid-template-columns: 1fr; }
  .page-donate .checkout-card { position: static; }
  .page-donate .perk-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .page-donate .donate-hero { padding-top: 30px; }
  .page-donate .donate-journey { gap: 12px; font-size: 11px; }
  .page-donate .donate-journey span { width: 20px; height: 20px; }
  .page-donate .pkgs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-donate .donor-account { padding: 14px; font-size: 13px; }
  .page-donate .username-copy { flex-wrap: wrap; }
  .page-donate .username-copy input { flex-basis: 100%; }
  .page-donate .username-copy button { width: 100%; }
  .page-donate .manual-review summary .hint { display: block; margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .page-donate .btn { transition: none; transform: none; }
}