
.claim-app{display:grid;gap:1.4rem;margin-top:2rem}
.claim-card{position:relative;padding:1.4rem 1.4rem 1.2rem;border:1px solid rgba(218,195,141,.35);border-top:3px solid var(--brass-night);background:#0b0a09;clip-path:polygon(0 14px,14px 0,100% 0,100% 100%,0 100%)}
.claim-card h2{margin:.2rem 0 .4rem;font:800 clamp(1.6rem,4vw,2.4rem)/1 var(--display);text-transform:uppercase}
.claim-card .kicker{font:500 .75rem/1.2 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--brass-night)}
.claim-card p{margin:.5rem 0 0;max-width:46rem}
.claim-meta{font:500 .8rem/1.6 var(--mono);color:var(--mute-night);overflow-wrap:anywhere}
.claim-ways{list-style:none;counter-reset:way;display:grid;gap:.7rem;padding:0;margin:1rem 0 0}
.claim-ways li{counter-increment:way;position:relative;padding:1rem 1rem 1rem 3.4rem;border:1px solid rgba(218,195,141,.22)}
.claim-ways li::before{content:counter(way,upper-roman);position:absolute;left:1rem;top:.9rem;font:800 1.4rem/1 var(--display);color:var(--brass-night)}
.claim-ways li[data-best]{border-color:var(--brass-night);background:linear-gradient(90deg,rgba(226,167,44,.09),transparent 60%)}
.claim-ways b{display:block;font:700 1rem/1.3 var(--display);letter-spacing:.06em;text-transform:uppercase}
.claim-ways span{display:block;margin-top:.3rem;font-size:.92rem;color:var(--mute-night)}
.claim-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}
.claim-note{margin-top:1rem;padding:.8rem 1rem;border-left:3px solid var(--brass-night);background:rgba(226,167,44,.06);font-size:.95rem}
.claim-note[data-tone="warn"]{border-left-color:#e53935;background:rgba(229,57,53,.07)}
.claim-note code{font:500 .85rem var(--mono);overflow-wrap:anywhere}
.claim-form{display:grid;gap:.8rem;margin-top:1rem;max-width:40rem}
.claim-form label{display:grid;gap:.3rem;font:500 .75rem/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute-night)}
.claim-form input,.claim-form textarea{font:400 1rem/1.4 var(--body,inherit);padding:.7rem .8rem;border:1px solid rgba(218,195,141,.35);background:#050504;color:var(--bone-night);border-radius:0;min-height:44px}
.claim-form input:focus-visible,.claim-form textarea:focus-visible{outline:2px solid var(--brass-night);outline-offset:1px}
.ladder b[data-count]{transition:opacity .4s}.ladder b[data-pending]{opacity:.45}
.stated{margin-top:.2rem}.stated dt{font:500 .75rem/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-night)}
.stated dd{margin:.2rem 0 .8rem;white-space:pre-line}
.invite{display:grid;justify-items:center;gap:1.2rem;padding:2.4rem 0 3rem}
.invite-card{width:min(100%,34rem);aspect-ratio:7/5;display:grid;grid-template-columns:1fr auto;gap:1.2rem;align-items:center;padding:1.6rem;
  background:#050504;color:var(--bone-night);border:1px solid var(--brass-night);outline:1px solid rgba(226,167,44,.35);outline-offset:-8px;
  clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px))}
.invite-card .kicker{font:500 .7rem/1.2 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--brass-night)}
.invite-card h1{margin:.4rem 0 .3rem;font:800 clamp(1.4rem,4.4vw,2.1rem)/1 var(--display);text-transform:uppercase;overflow-wrap:anywhere}
.invite-card p{margin:.3rem 0 0;font-size:.9rem;line-height:1.45}
.invite-card .invite-url{margin-top:.8rem;font:600 .8rem/1.35 var(--mono);color:var(--brass-night);overflow-wrap:anywhere}
.invite-card .invite-qr{width:8.5rem;height:8.5rem;background:#fff;padding:.3rem}
.invite-card .invite-qr svg{display:block;width:100%;height:100%}
@media (max-width:520px){.invite-card{grid-template-columns:1fr;aspect-ratio:auto}.invite-card .invite-qr{justify-self:start}}
@media print{body>*:not(main),header,footer,nav,.invite-tools,.skip{display:none!important}main{padding:0!important}
  .invite{padding:0}.invite-card{-webkit-print-color-adjust:exact;print-color-adjust:exact;width:14cm;break-inside:avoid}}
