.welcome{width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #b589ff80;border-radius:28px;background:#100b1c;color:#f7f4ff;box-shadow:0 0 90px #8a3fff45,0 30px 100px #0009;overflow:auto;font-family:inherit}.welcome[open]{animation:portal-in .8s cubic-bezier(.16,1,.3,1) both}.welcome::backdrop{background:#05030bbb;backdrop-filter:blur(12px);animation:veil-in .45s ease both}.welcome-inner{position:relative;overflow:hidden;text-align:center;padding:45px 30px 30px;background:radial-gradient(ellipse at 50% 26%,#6331a94a,transparent 65%)}.welcome-inner:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#bb94ff08 1px,transparent 1px),linear-gradient(90deg,#bb94ff08 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#000,transparent)}.welcome-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff08;color:#d9c8f4;font-size:22px;cursor:pointer;z-index:2}.welcome button:focus-visible{outline:3px solid #e4d5ff;outline-offset:4px}.portal{position:relative;width:156px;height:156px;margin:10px auto 28px;display:grid;place-items:center}.portal:before,.portal:after{content:'';position:absolute;border-radius:50%;inset:0;border:1px solid #bb90ff70;box-shadow:0 0 25px #a25cff25,inset 0 0 25px #a25cff18}.portal:before{border-top:3px solid #e0caff;border-bottom:3px solid #8651e7;animation:orbit-spin 9s linear infinite}.portal:after{inset:12px;border-style:dashed;animation:orbit-spin 20s linear infinite reverse}.portal-letter{font-size:84px;font-weight:700;font-style:italic;color:#ddcaff;text-shadow:0 0 28px #a66aff;animation:float-logo 4s ease-in-out infinite}.portal-spark{position:absolute;right:1px;top:12px;color:#ecdfff;font-size:23px;text-shadow:0 0 15px #b480ff}.welcome-kicker{font-size:10px;letter-spacing:3px;color:#b79add;margin:0 0 15px}.welcome h2{font-size:49px;line-height:1.1;letter-spacing:-3px;margin:0 0 15px}.welcome h2 span{color:#bc91ff}.welcome-copy{color:#b8acc9;font-size:14px;line-height:1.9;margin:0 0 28px}.welcome-enter{position:relative;width:100%;border:1px solid #d3b4ff70;border-radius:13px;padding:16px 20px;background:linear-gradient(110deg,#7942cf,#aa72f1);color:white;font:600 15px 'Noto Sans Thai',sans-serif;cursor:pointer;box-shadow:0 6px 28px #8e44dd40;overflow:hidden;transition:filter .2s,transform .2s}.welcome-enter:after{content:'';position:absolute;inset:-50% auto -50% -70%;width:45%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);transform:skew(-25deg);animation:button-shine 3.5s ease-in-out 1s infinite}.welcome-enter:hover{filter:brightness(1.15);transform:translateY(-2px)}.welcome-foot{font-size:9px;letter-spacing:2px;color:#827190;margin:20px 0 0}.welcome.closing{animation:portal-out .24s ease-in both}.welcome.closing::backdrop{animation:veil-in .24s ease reverse both}html.welcome-open{overflow:hidden}@keyframes portal-in{0%{opacity:0;transform:translateY(55px) scale(.72) rotate(-4deg);filter:blur(10px)}65%{opacity:1;transform:translateY(-5px) scale(1.025) rotate(.5deg);filter:blur(0)}100%{transform:none}}@keyframes portal-out{to{opacity:0;transform:translateY(16px) scale(.92)}}@keyframes veil-in{from{opacity:0}to{opacity:1}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes float-logo{50%{transform:translateY(-6px)}}@keyframes button-shine{0%,50%{left:-70%}100%{left:145%}}@media(max-width:400px){.welcome-inner{padding:36px 23px 24px}.portal{width:124px;height:124px;margin-bottom:22px}.portal-letter{font-size:70px}.welcome h2{font-size:42px}}@media(prefers-reduced-motion:reduce){.welcome,.welcome::backdrop,.welcome *, .welcome *:before,.welcome *:after{animation:none!important;transition:none!important}}