/* Homepage welcome: native dialog supplies keyboard containment and Escape. */
.welcome-dialog:not([open]){display:none}
.welcome-dialog{box-sizing:border-box;width:min(580px,calc(100% - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:clamp(26px,5vw,40px);overflow:auto;background:var(--paper,#fbf8f0);color:var(--ink,#121310);border:3px solid var(--olive-dark,#4e582a);border-top:8px solid var(--red,#c51e22);box-shadow:8px 8px 0 #4e582a45}
.welcome-dialog::backdrop{background:rgba(18,19,16,.65)}
.welcome-dialog .welcome-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--olive-dark);font:400 34px/1 "DM Sans",sans-serif;cursor:pointer}
.welcome-dialog .welcome-mascot{width:54px;height:auto;margin:0 0 16px}
.welcome-dialog h2{margin:0 22px 20px 0;font:400 clamp(32px,5vw,44px)/1.1 Anton,Impact,sans-serif;letter-spacing:0;text-transform:none;color:var(--olive-dark)}
.welcome-dialog p{margin:0 0 16px;font:400 16px/1.65 "DM Sans",sans-serif}
.welcome-dialog p a{color:var(--olive-dark);text-decoration:underline;text-underline-offset:3px;font-weight:700}
.welcome-dialog .welcome-thanks{margin:22px 0 26px;font-size:15px}
.welcome-dialog .welcome-actions{display:flex;gap:12px;flex-wrap:wrap}
.welcome-dialog .welcome-actions .button{flex:1;min-width:180px;font-size:12px;letter-spacing:.04em}
.welcome-dialog button:focus-visible,.welcome-dialog a:focus-visible{outline:3px solid var(--olive-dark);outline-offset:4px}
body:has(.welcome-dialog[open]){overflow:hidden}
@media(max-width:480px){.welcome-dialog .welcome-actions{flex-direction:column}.welcome-dialog .welcome-actions .button{width:100%;min-width:0}.welcome-dialog h2{font-size:32px}.welcome-dialog p{font-size:15px}}