.trivia-invitation{color:var(--color-ink);background:#f2dce0;border-radius:16px;justify-content:space-between;align-items:center;gap:24px 48px;margin-block:48px 64px;padding:clamp(24px,4vw,48px);display:flex}.trivia-invitation:not(.trivia-invitation--compact){grid-template-columns:120px minmax(0,1fr) auto;column-gap:24px;display:grid}.trivia-invitation .trivia-invitation-art{width:120px}.trivia-invitation .eyebrow,.trivia-invitation-question{color:var(--color-red-text);align-items:center;gap:10px;display:flex}.trivia-invitation h2,.trivia-interest h2{font:600 clamp(26px, 3vw, 38px)/1.1 "Clash Display", var(--font-sans);letter-spacing:-.025em;margin-block:12px 16px}.trivia-invitation p:not(.eyebrow){max-width:60ch;margin-bottom:0;line-height:1.6}.trivia-invitation>.button{flex-shrink:0}.trivia-invitation--compact{border-radius:12px;margin-block:16px 0;padding:10px 20px}.trivia-invitation--compact .trivia-invitation-question{font:500 14px/1.4 var(--font-sans);margin:0}.trivia-invitation-question .trivia-invitation-icon{flex-shrink:0;width:44px;height:44px}.trivia-interest-link{min-height:44px;font:600 14px/1.4 var(--font-sans);text-underline-offset:4px;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:4px 0;text-decoration:underline;display:inline-flex}.trivia-interest-link:disabled{opacity:.6;cursor:wait}.trivia-interest-link:focus-visible{outline:2px solid var(--color-red-text);outline-offset:4px}.trivia-interest{border:1px solid var(--color-line);background:#f2dce0;border-radius:16px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px 64px;margin-block:64px;padding:clamp(24px,4vw,48px);scroll-margin-top:100px;display:grid}.trivia-interest[data-state=announce]{background:url(/trivia/landing/invitation-paper.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);margin-block:0;padding:clamp(32px,5vw,64px)}.trivia-interest .eyebrow{color:var(--color-red-text)}.trivia-interest-copy>p{max-width:58ch;line-height:1.6}.trivia-interest-action{text-align:center;flex-direction:column;align-self:center;align-items:center;gap:12px;min-width:0;display:flex}.trivia-interest-action>p{margin:0;line-height:1.5}.trivia-interest-action .button{gap:24px;width:100%;max-width:320px;min-height:48px}.trivia-interest-count{justify-items:center;gap:4px;font-size:14px;display:grid}.trivia-interest-total{justify-content:center;align-items:center;gap:12px;display:flex}.trivia-interest-total strong{font:600 44px/1 "Clash Display", var(--font-sans);font-variant-numeric:tabular-nums}.trivia-interest-total svg{flex-shrink:0;width:28px;height:28px}.trivia-interest-confirmation svg{flex-shrink:0;width:20px;height:20px}.trivia-interest-confirmation{justify-content:center;align-items:center;gap:8px;font-weight:650;display:flex}@media (width<=700px){.trivia-invitation:not(.trivia-invitation--compact){grid-template-columns:minmax(0,1fr) 80px;gap:20px 12px}.trivia-invitation .trivia-invitation-art{grid-area:1/2;align-self:start;width:80px}.trivia-invitation:not(.trivia-invitation--compact) .trivia-invitation-copy{grid-area:1/1}.trivia-invitation>.button{grid-column:1/-1;justify-self:start}.trivia-invitation--compact{flex-wrap:wrap;gap:0 16px;padding:12px 16px}.trivia-invitation-question .trivia-invitation-icon{width:32px;height:32px}.trivia-interest,.trivia-interest[data-state=announce]{grid-template-columns:minmax(0,1fr);gap:16px;margin-block:40px}.trivia-interest-action{border-top:1px solid var(--color-line);padding-top:16px}}@media (width<=600px){.trivia-interest[data-state=announce]{background-image:url(/trivia/landing/invitation-paper-mobile.webp)}}@media (forced-colors:active){.trivia-interest[data-state=announce]{background:canvas;border:1px solid canvastext}}