.welcome-video{position:fixed;right:24px;bottom:24px;z-index:90;color:#18313a;font-family:Arial,sans-serif}
.welcome-video[hidden]{display:none}
.welcome-launcher{display:flex;align-items:center;background:#fffdf8;border:1px solid #d8d0c3;border-radius:12px;box-shadow:0 6px 28px #18313a30;overflow:hidden}
.welcome-open{display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;color:inherit;cursor:pointer;text-align:left}
.welcome-open img{object-fit:cover;object-position:50% 22%;width:64px;height:76px}
.welcome-open strong{display:block;font:700 16px/1.3 Georgia,serif}
.welcome-open small{display:block;font-size:11px;margin-top:7px;color:#a12730}
.welcome-dismiss,.welcome-close{border:0;background:transparent;color:inherit;font-size:26px;cursor:pointer;min-width:44px;min-height:44px;padding:0}
.welcome-video button:focus-visible,.welcome-video a:focus-visible{outline:3px solid #155f78;outline-offset:-3px}
#welcome-dialog{position:fixed;inset:auto 24px 24px auto;margin:0;width:320px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #d8d0c3;border-radius:14px;background:#fffdf8;color:#18313a;box-shadow:0 12px 50px #0004;overflow:auto}
#welcome-dialog::backdrop{background:#10242b66}
#welcome-dialog header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 4px 18px}
#welcome-dialog h2{font:700 17px/1.2 Georgia,serif;margin:0}
/* Reserve room for the heading, sound control, CTA, and phone safe areas. */
#welcome-dialog video{display:block;width:100%;height:min(480px,calc(100dvh - 240px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));object-fit:contain;background:#10242b}
.welcome-actions{padding:14px 18px;text-align:center}
.welcome-actions a{display:block;background:#b52b32;color:#fff;padding:13px 18px;border-radius:4px;text-decoration:none;font-size:15px;font-weight:700}
.welcome-actions a:hover{background:#94222a}
.welcome-sound{display:block;width:100%;border:0;background:transparent;color:#18313a;text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:13px;min-height:44px;margin:0 0 8px;cursor:pointer}
.welcome-sound[hidden]{display:none}
.welcome-error{padding:0 18px;font-size:13px}
@media(max-width:600px){.welcome-video{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.welcome-open img{width:48px;height:58px}.welcome-open strong{font-size:14px}.welcome-open small{font-size:10px;margin-top:4px}#welcome-dialog{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}}