/* Selected welcome: Friendly wave, 1.5x, warm smile, neutral sky/sunshine palette. */
.welcome.welcome-colorful{background:linear-gradient(150deg,#dff3ff 0%,#f3fcf4 54%,#fff0c4 100%);color:#173e3d;overflow-y:auto;padding:24px 20px;--cream:#fffdf3;--green:#176976;--green-2:#257783;--text:#173e3d;--muted:#426661;--on-dark:#426661;--on-dark-2:#54756b}
.welcome-colorful .welcome-inner{max-width:400px;gap:10px;margin:auto}
.welcome-colorful .bubble{background:#ffffffd9;color:#173e3d;box-shadow:0 4px 18px #224e4310;font-weight:500;font-size:14px;padding:16px 22px}
.welcome-colorful .bubble::after{background:#ffffffd9}
.welcome-colorful .bubble-hi{font:500 32px/1.15 var(--serif)}
.welcome-scene{position:relative;width:100%;height:280px;flex:none}
.welcome-scene canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.welcome-fallback{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}
.welcome-3d-ready .welcome-fallback{display:none}
.welcome-colorful .welcome-sub{color:#426661;max-width:340px;line-height:1.6;font-size:14px}
.welcome-colorful .welcome-go{background:#176976;color:#fff;border:1px solid #176976;border-radius:14px;min-height:48px;min-width:220px}
.welcome-colorful .welcome-name{margin-top:4px;gap:10px}
.welcome-colorful .welcome-name input{background:#ffffffd9;color:#173e3d;border:1px solid #a6c8c4}
.welcome-colorful .welcome-name input::placeholder{color:#526e68}
.welcome-colorful .welcome-skip{color:#426661}
.welcome-colorful .welcome-brand{color:#54756b}
.welcome-colorful.leaving{transform:none}
@media(max-height:650px){.welcome.welcome-colorful{padding:12px 18px}.welcome-scene{height:210px}.welcome-colorful .welcome-inner{gap:7px}.welcome-colorful .bubble{padding:10px 16px}.welcome-colorful .bubble-hi{font-size:27px}}
@media(prefers-reduced-motion:reduce){.welcome-colorful,.welcome-colorful *{animation:none!important;transition:none!important}}