/* MULLIGAN invite card: made to be screenshotted. */
.av.xl { width: 120px; height: 120px; border-radius: 34px; font-size: 64px; border: 4px solid var(--cash); box-shadow: 0 8px 0 rgba(0, 0, 0, .45), 0 0 40px rgba(57, 229, 140, .35); }
.invite-card { color: #fff; position: relative; overflow: hidden; display: grid; justify-items: center; gap: 4px; padding: 26px 20px 24px; text-align: center; border-radius: 30px; border: 3px solid rgba(255, 255, 255, .18); background: radial-gradient(circle at 85% 8%, rgba(255, 200, 61, .22), transparent 40%), radial-gradient(circle at 10% 90%, rgba(121, 123, 128, .3), transparent 45%), linear-gradient(160deg, #3d3f41, #0a0612 75%); box-shadow: 0 10px 0 var(--lip), 0 30px 60px rgba(0, 0, 0, .5); }
.invite-card::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(30deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 48px), repeating-linear-gradient(-30deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 48px); pointer-events: none; }
.invite-card > * { position: relative; }
.ic-top { font: 800 26px var(--f-serif); letter-spacing: .12em; color: var(--gold); margin-bottom: 10px; }
.ic-name { font: 900 clamp(48px, 14vw, 76px)/.95 var(--f-serif); letter-spacing: .03em; margin-top: 14px; text-shadow: 0 4px 0 rgba(0, 0, 0, .45); word-break: break-word; }
.ic-says { font: 700 clamp(18px, 5vw, 24px) var(--f-chunk); color: #f6f0e4; }
.ic-pool { font: 800 clamp(32px, 9vw, 46px)/1 var(--f-head); letter-spacing: .04em; color: #c2c6cf; text-shadow: 0 0 14px rgba(121, 123, 128, .7); margin-top: 18px; word-break: break-word; }
.ic-chips { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin: 8px 0 16px; }
.ic-chips span { padding: 5px 12px; border-radius: 999px; background: rgba(255, 255, 255, .1); font: 700 12px var(--f-chunk); letter-spacing: .06em; }
.ic-code-l { font: 600 11px var(--f-chunk); letter-spacing: .3em; color: #b9bdc6; }
.ic-code { font: 800 clamp(60px, 20vw, 96px)/1 var(--f-head); letter-spacing: .22em; padding-left: .22em; color: var(--gold); padding-top: 4px; text-shadow: 0 5px 0 rgba(0, 0, 0, .4); }
.ic-pw { color: #b9bdc6; font-size: 14px; }
.ic-pw b { color: #fff; font-family: var(--f-chunk); }
.ic-foot { margin-top: 14px; font-size: 12px; color: #b9bdc6; line-height: 1.4; }
.ic-foot b { color: #f6f0e4; }