.welcome-dialog{width:min(880px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #efb44770;border-radius:20px;background:#102d40;color:#f6f0e2;box-shadow:0 30px 100px #0007;overflow:auto;overscroll-behavior:contain;margin:auto}.welcome-dialog::backdrop{background:rgba(5,18,28,.8);backdrop-filter:blur(5px)}.welcome-shell{padding:26px 34px 30px;position:relative}.welcome-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.welcome-brand{font-weight:bold;font-size:18px;letter-spacing:.1em;direction:ltr}.welcome-brand span{color:#efb447}.welcome-close{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #ffffff60;border-radius:50%;background:#ffffff0b;color:white;font-size:29px;line-height:1}.welcome-close:hover{background:#ffffff20}.welcome-title{font:400 clamp(25px,3.8vw,42px)/1.22 Georgia,serif;letter-spacing:-.025em;text-align:center;margin:0 auto 12px;max-width:720px}.welcome-title em{color:#efb447;font-style:normal}.welcome-intro{text-align:center;font-size:15px;color:#d2dfdf;margin-bottom:22px}.welcome-video{display:block;width:100%;aspect-ratio:910/512;object-fit:contain;background:#071723;border:1px solid #ffffff25;border-radius:12px}.welcome-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}.welcome-sound{background:transparent;color:#f6f0e2;border:1px solid #ffffff55;border-radius:6px;padding:10px 15px;font-size:13px}.welcome-hint{font-size:11px;color:#b6c8ce;margin-top:8px}.welcome-start{border-radius:6px;gap:25px;padding:14px 24px}.welcome-open{overflow:hidden}[dir=rtl] .welcome-title{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.55}[dir=rtl] .welcome-intro{line-height:1.8}[dir=rtl] .welcome-brand{letter-spacing:.05em}
@media(max-width:600px){.welcome-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:15px}.welcome-shell{padding:16px 14px 20px}.welcome-top{margin-bottom:20px}.welcome-close{width:40px;height:40px}.welcome-title{font-size:26px}.welcome-intro{font-size:13px;margin-bottom:18px}.welcome-bottom{flex-direction:column-reverse;align-items:stretch;gap:14px}.welcome-start{width:100%;font-size:14px;padding:14px}.welcome-sound{width:100%}.welcome-hint{text-align:center}.welcome-video{border-radius:8px}}

.welcome-dialog[dir=ltr] .welcome-title{font-family:Georgia,serif;letter-spacing:-.025em;line-height:1.22}.welcome-dialog[dir=ltr] .welcome-intro{line-height:1.65}.welcome-dialog[dir=ltr] .welcome-brand{letter-spacing:.1em}