html, body { margin: 0; min-height: 100%; background: #062017; }
.dw-invite-page .dw-screen { position: fixed; }
/* "Welcome to Deepwater Creek" on one line: a wider card, and a size that scales with the screen (about 14.5 em of
   bold Georgia fits in 780 px at full size, and in the padded width down to a 320 px phone). Exceptionally narrow
   screens wrap it in balanced lines instead of clipping. */
.dw-invite-page .dw-screen-card { width: min(100%, 780px); }
.dw-invite-page .dw-screen-title { font-size: clamp(1.15rem, 5.6vw, 3.1rem); text-wrap: balance; }
.dw-invite-form { display: grid; gap: 10px; width: min(100%, 360px); margin: 6px auto 0; text-align: left; }
.dw-invite-form label { font-size: .95rem; color: #d9cfb3; }
.dw-invite-form input {
    box-sizing: border-box; width: 100%; min-height: 48px; padding: 10px 14px; border-radius: 8px;
    border: 1px solid #d6bd83aa; background: #f3e8cc14; color: #f3e8cc; font: 16px system-ui, sans-serif;
}
.dw-invite-form input:focus-visible { outline: 2px solid #f0cf83; outline-offset: 2px; }
.dw-invite-form button { margin-top: 6px; width: 100%; min-height: 50px; font: 1.08rem Georgia, serif !important; background: #1f4434 !important; }
.dw-invite-form button:disabled { opacity: .6; cursor: default; }
.dw-invite-message { min-height: 1.5em; margin: 6px 0 0; text-align: center; color: #f0cf9a; font: italic .98rem/1.4 Georgia, serif; }