.welcome-dialog { box-sizing:border-box; width:min(940px,calc(100% - 32px)); max-height:calc(100dvh - 40px); padding:0 28px 28px; border:1px solid #d6b47770; border-radius:24px; background:radial-gradient(ellipse at 100% 0,#58412a33,transparent 65%),#14141c; color:#f6efe2; box-shadow:0 28px 100px #000b; overscroll-behavior:contain; }
.welcome-dialog::backdrop { background:#05060bd9; backdrop-filter:blur(9px); }
.welcome-dialog-header { position:sticky; top:0; z-index:10; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 0; background:#14141cf5; }
.welcome-dialog-header .kicker { color:#c5a779; font-size:10px; letter-spacing:2px; }
.welcome-dialog-close { flex:0 0 44px; height:44px; border:1px solid #e9ce9c40; border-radius:50%; color:#f6e5c7; background:#ffffff08; font-size:28px; cursor:pointer; }
.welcome-dialog h2 { margin:12px 0; font-size:clamp(23px,4vw,32px); line-height:1.3; letter-spacing:-.8px; }
.signup-dialog-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:32px; }
.signup-dialog-form { min-width:0; }
.signup-dialog-form > p { color:#c0b5a7; font-size:13px; line-height:1.8; }
.signup-dialog-form .reward-badge { position:static; display:inline-flex; font-size:10px; }
.signup-dialog-form form { margin-top:22px; }
.signup-dialog-form .button { width:100%; }
.signup-dialog-art { min-width:0; text-align:center; overflow:hidden; padding:24px 0; border-radius:18px; background:radial-gradient(ellipse,#bf925c20,transparent 70%); }
.signup-dialog-art > .kicker { color:#d3b57d; font-size:9px; letter-spacing:2px; }
.signup-dialog-art .skin-deck { height:310px; }
.signup-dialog-art .skin-stage { padding-top:20px; }
.signup-dialog-art .rotation-controls button { width:44px; height:44px; }
.catalog-placeholder { width:190px; max-width:80%; margin-top:24px; border:1px solid #d6b47780; border-radius:14px; transform:rotate(-5deg); }
.video-dialog { width:min(800px,calc(100% - 32px)); }
.video-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:20px 0; }
.video-choice { display:flex; flex-direction:column; gap:10px; padding:14px 12px; border:1px solid #ffffff20; border-radius:12px; background:linear-gradient(135deg,#292534,#191820); color:#b7b2be; text-align:left; font:inherit; font-size:12px; cursor:pointer; }
.video-choice-number { color:#cfb17a; font-size:19px; letter-spacing:3px; }
.video-choice[aria-pressed=true] { border-color:#e7c58b; color:#fff2d9; background:linear-gradient(135deg,#51412f,#26202b); }
[data-video-player] { min-height:200px; border-radius:16px; overflow:hidden; background:#08090e; }
[data-video-player] .welcome-x-video { margin:0; padding:16px; }
[data-video-player] iframe { max-width:100%; }
.welcome-dialog :focus-visible { outline:2px solid #f6d89b; outline-offset:4px; }
@media(max-width:640px) {
  .welcome-dialog { width:calc(100% - 16px); max-height:calc(100dvh - 16px); padding:0 18px 24px; border-radius:18px; }
  .signup-dialog-grid { grid-template-columns:1fr; gap:12px; }
  .welcome-dialog-header { padding:10px 0; }
  .signup-dialog-art { padding-top:20px; }
  .video-choices { gap:6px; }
  .video-choice { padding:10px 8px; font-size:11px; }
}