.invite{min-height:100dvh;color:var(--invite-text,var(--color-text));font-family:var(--invite-font,var(--font-sans))}.invite-inner{width:100%;max-width:var(--content-width);padding:max(var(--space-4), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-6), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));margin:0 auto}.invite-actions{justify-items:center;gap:var(--space-2);margin:var(--space-6) 0;text-align:center;display:grid}.invite-instructions{max-width:22rem;margin:0;font-weight:600}.invite-details{margin-top:var(--space-6)}.invite-details:focus{outline:none}.invite-footer{margin-top:var(--space-8);color:var(--invite-muted,var(--color-muted));font-size:var(--text-sm);text-align:center}.invite-game{z-index:10;background:var(--invite-bg,var(--color-bg));position:fixed;inset:0}.invite-game[hidden]{display:none}.invite-game canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.invite-game canvas:focus-visible{outline-offset:-4px}.game-hud{justify-content:space-between;align-items:center;gap:var(--space-3);padding:max(var(--space-3), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) var(--space-3) max(var(--space-4), env(safe-area-inset-left));pointer-events:none;display:flex;position:absolute;inset:0 0 auto}.game-hud>*{pointer-events:auto}.game-progress{min-width:4.5rem;padding:var(--space-1) var(--space-3);font-variant-numeric:tabular-nums;text-align:center;background:#ffffffd9;border-radius:999px;font-weight:800}.game-hud .btn-link{min-height:var(--tap-size);padding:0 var(--space-4);background:#ffffffd9;border-radius:999px;text-decoration:none}.game-done{color:var(--invite-accent,var(--color-accent));text-shadow:0 4px #fff;pointer-events:none;place-items:center;margin:0;font-size:clamp(2.5rem,12vw,4rem);font-weight:900;display:grid;position:absolute;inset:0}.game-done[hidden],html:not(.js) .invite-actions,.js .invite[data-state=cover] .invite-details,.js .invite[data-state=cover] .invite-footer,.js .invite[data-state=revealed] .invite-actions{display:none}.js .invite[data-state=revealed] .invite-details{animation:.6s ease-out both invite-reveal}@keyframes invite-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.editable{border-radius:var(--radius-md);outline-offset:4px;outline:2px dashed #0000002e;position:relative}.editable-button{width:var(--tap-size);height:var(--tap-size);background:var(--color-accent);color:var(--color-accent-contrast);border:0;border-radius:999px;font-size:1.1rem;position:absolute;top:-12px;right:-12px;box-shadow:0 4px 12px #0003}.invite-topbar{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.invite-greeting{margin:0;font-weight:700}.invite-langs{gap:var(--space-1);flex-wrap:wrap;margin-left:auto;display:flex}.invite-langs a,.invite-langs span{min-height:var(--tap-size);padding:0 var(--space-2);border-radius:var(--radius-sm);color:inherit;font-size:var(--text-sm);align-items:center;display:inline-flex}.invite-langs span[aria-current]{background:var(--invite-surface,var(--color-surface));font-weight:700}.rsvp{margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--invite-surface,var(--color-surface));scroll-margin-top:var(--space-4);box-shadow:0 6px 20px #00000014}.rsvp h2{font-size:var(--text-2xl)}.rsvp-form{gap:var(--space-4);display:grid}.rsvp-field{gap:var(--space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.rsvp-field>label,.rsvp-field>legend{padding:0;font-weight:700}.rsvp-field input[type=text],.rsvp-field select,.rsvp-field textarea{width:100%;min-height:var(--tap-size);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#fff;border:1.5px solid #0000002e;font-size:1rem}.rsvp-field [aria-invalid=true]{border-color:#c62828}.rsvp-choices{gap:var(--space-2);display:grid}.rsvp-choices-attending{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.rsvp-choice{align-items:center;gap:var(--space-3);min-height:var(--tap-size);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;background:#fff;border:1.5px solid #00000026;display:flex}.rsvp-choice input{width:1.25rem;height:1.25rem;accent-color:var(--invite-accent,var(--color-accent));margin:0}.rsvp-choice:has(input:checked){border-color:var(--invite-accent,var(--color-accent));box-shadow:inset 0 0 0 1px var(--invite-accent,var(--color-accent))}.rsvp-optional,.rsvp-hint{color:var(--invite-muted,var(--color-muted));font-size:var(--text-sm);font-weight:400}.rsvp-hint{margin:0}.rsvp-error{color:#c62828;font-size:var(--text-sm);margin:0;font-weight:600}.rsvp-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#0000000d}.rsvp-banner p{margin:0}.rsvp-banner a{margin-top:var(--space-2);display:inline-block}.rsvp-banner-success{margin-bottom:var(--space-4);color:#1b5e20;background:#e3f6e8;font-weight:600}.rsvp-banner-error{color:#8e1c1c;background:#fdecea;font-weight:600}.rsvp-attending-only{gap:var(--space-4);display:grid}.rsvp-form:has(input[name=attending][value=no]:checked) .rsvp-attending-only{display:none}.rsvp-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.rsvp-submit{justify-self:stretch}.rsvp-submit[aria-busy=true]{opacity:.6}.message-page{padding-top:var(--space-8)}.rsvp-field select{appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23555' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center}
