.mgta-welcome{--offer-violet:#bc81ff;--offer-silver:#f8f3ff;box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-width:460px;max-height:calc(100dvh - 32px);margin:auto;padding:27px 33px 25px;border:1px solid #8762ad7a;border-radius:25px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9463c5 #110b1b;color:var(--offer-silver);background:radial-gradient(ellipse at 50% -10%,#8046bf39,transparent 60%),linear-gradient(145deg,#191022,#100b19 60%,#0d0913);box-shadow:0 30px 110px #0009,0 0 65px #7c34b01c,inset 0 1px #ffffff12;text-align:center;font-family:Rajdhani,system-ui,sans-serif;isolation:isolate}
.mgta-welcome *{box-sizing:border-box}.mgta-welcome::backdrop{background:#06030bbe;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.mgta-welcome[open]{animation:mgta-welcome-in .42s cubic-bezier(.16,1,.3,1) both}.mgta-welcome[open]::backdrop{animation:mgta-backdrop-in .3s ease both}
.mgta-welcome-light{position:absolute;left:22%;right:22%;top:0;height:2px;background:linear-gradient(90deg,transparent,#d4a6ff,transparent);box-shadow:0 0 20px #b573ff88;pointer-events:none}
.mgta-welcome-close{position:absolute;right:12px;top:12px;z-index:2;display:grid;place-items:center;width:40px;height:40px;min-height:40px;max-height:40px;padding:0;margin:0;border:1px solid #b593d83b;border-radius:12px;background:#ffffff04;color:#ccb9dc;line-height:1;cursor:pointer;transition:background .18s,color .18s,border-color .18s,translate .18s}
.mgta-welcome-close:hover{background:#b178ec18;border-color:#ba89e56b;color:white;translate:0 -1px}
.mgta-welcome .mgta-welcome-close svg{display:block;width:18px;height:18px;margin:0;padding:0;flex:none;stroke-width:1.8}
.mgta-welcome-close svg,.mgta-welcome-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mgta-welcome :is(button,a,input):focus-visible{outline:2px solid #d1a6ff;outline-offset:4px}
.mgta-welcome-art{position:relative;width:166px;height:86px;margin:0 auto 13px;display:grid;place-items:center;pointer-events:none}
.mgta-welcome-art img{position:absolute;width:160px;height:160px;max-width:none;object-fit:contain;filter:drop-shadow(0 7px 18px #782fba44);animation:mgta-emblem-float 6s ease-in-out infinite}
.mgta-welcome-still{display:none}.mgta-welcome-aura{position:absolute;width:123px;height:75px;border-radius:50%;background:#903be52c;filter:blur(22px);animation:mgta-aura 5s ease-in-out infinite}
.mgta-welcome-art i{position:absolute;left:11px;top:33px;width:3px;height:3px;border-radius:50%;background:#d7acff;box-shadow:0 0 10px #d7acff88;animation:mgta-spark 5s ease-in-out infinite}
.mgta-welcome-art i:nth-of-type(2){left:auto;right:8px;top:69px;animation-delay:-1.8s;width:2px;height:2px}.mgta-welcome-art i:nth-of-type(3){left:33px;top:93px;width:2px;height:2px;animation-delay:-3.4s}
.mgta-welcome-eyebrow{margin:0 0 13px;color:#c6a4e8;font:700 10px/1.5 Orbitron,system-ui,sans-serif;letter-spacing:1.45px;text-transform:uppercase}
.mgta-welcome h2{margin:0;color:#faf7ff;font:800 clamp(28px,7vw,35px)/1.24 Orbitron,system-ui,sans-serif;letter-spacing:-1.2px}
/* The heading receives focus to announce the dialog, but is not a control. */
.mgta-welcome #mgtaWelcomeTitle:focus{outline:none}
.mgta-welcome h2 span{display:inline-block;margin-top:2px;background:linear-gradient(100deg,#efe0ff 8%,#c18aff 70%,#a467ef);-webkit-background-clip:text;background-clip:text;color:transparent}
.mgta-welcome-copy{max-width:330px;margin:18px auto 23px;color:#c5b8d4;font-size:17px;line-height:1.55;font-weight:500}.mgta-welcome-copy strong{color:#eee2fb;font-weight:700}
.mgta-welcome-ticket{position:relative;display:grid;justify-items:center;gap:0;padding:20px 21px 18px;margin:0 0 20px;border:1px solid #a878d35c;border-radius:18px;background:radial-gradient(ellipse at 50% 25%,#9c4fe925,transparent 75%),linear-gradient(135deg,#b482e00f,#ffffff02);box-shadow:inset 0 1px #ead4ff0a,0 10px 30px #00000015;text-align:center;overflow:hidden}
.mgta-welcome-ticket::before{content:"";position:absolute;left:21px;right:21px;top:0;height:1px;background:linear-gradient(90deg,#d4a0f300,#d4a0f38c,#d4a0f300);pointer-events:none}
.mgta-welcome-code{position:relative;min-width:0;width:100%;text-align:center}
.mgta-welcome-ticket>div>span{display:block;margin-bottom:6px;color:#c1a2dc;font-size:10px;letter-spacing:1.2px;font-weight:700;text-transform:uppercase}
.mgta-welcome-code small{display:block;margin-top:4px;color:#b19ac5;font-size:12px;line-height:1.3;font-weight:500}
.mgta-welcome-ticket input{display:block;width:100%;max-width:100%;height:39px;min-height:0;margin:0 auto;padding:0 0 0 5px;border:0;border-radius:0;box-shadow:none;outline:none;background:transparent;color:#f6f0ff;font:800 29px/1.25 Orbitron,system-ui,sans-serif;letter-spacing:5px;text-align:center;cursor:text}
.mgta-welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mgta-welcome-actions :is(button,a){display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:50px;padding:12px 10px;border-radius:12px;font:700 16px/1.2 Rajdhani,system-ui,sans-serif;letter-spacing:.1px;text-decoration:none!important;cursor:pointer;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}
.mgta-welcome-copy-button{position:relative;overflow:hidden;border:1px solid #b27af29c;background:linear-gradient(110deg,#a349ed,#7932c4);color:white;box-shadow:0 7px 20px #7729c32b}
.mgta-welcome-copy-button::after{content:"";position:absolute;inset:-50% -80%;pointer-events:none;background:linear-gradient(100deg,transparent 43%,#fff2 50%,transparent 57%);transform:translateX(-50%);animation:mgta-button-sweep 8s ease-in-out infinite}
.mgta-welcome-copy-button:hover{transform:translateY(-2px);box-shadow:0 9px 27px #8a39d24a;background:linear-gradient(110deg,#ae55f2,#8840d1)}
.mgta-welcome-copy-button.is-copied{background:linear-gradient(110deg,#7741a8,#61318e)}
.mgta-welcome-shop{border:1px solid #b49dc03b;background:#ffffff04;color:#f5eefc!important}.mgta-welcome-shop:hover{transform:translateY(-2px);border-color:#c994f587;background:#ae6deb10;box-shadow:0 8px 20px #0002}
.mgta-welcome-status{min-height:17px;margin:10px 0 2px;font-size:12px;font-weight:600;line-height:1.4;color:#d2afea}.mgta-welcome-terms{margin:0;color:#9e8cad;font-size:11px;line-height:1.4;font-weight:500}
@keyframes mgta-welcome-in{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes mgta-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes mgta-emblem-float{0%,100%{transform:perspective(600px) translateY(2px) rotateY(-5deg) rotateZ(-1deg)}50%{transform:perspective(600px) translateY(-5px) rotateY(5deg) rotateZ(1deg)}}
@keyframes mgta-aura{0%,100%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}
@keyframes mgta-spark{0%,100%{opacity:.2;transform:translateY(3px)}50%{opacity:.8;transform:translateY(-7px)}}
@keyframes mgta-button-sweep{0%,65%{transform:translateX(-50%)}85%,100%{transform:translateX(50%)}}
@media(max-width:480px){.mgta-welcome{width:calc(100vw - 28px);padding:27px 23px 21px;border-radius:22px;max-height:calc(100dvh - 28px)}.mgta-welcome-art{height:78px;margin-bottom:13px}.mgta-welcome-copy{font-size:16px;margin:16px auto 20px}.mgta-welcome-ticket{padding:18px 17px 16px;margin-bottom:17px}.mgta-welcome-eyebrow{font-size:9px;letter-spacing:1px;margin-inline:auto;max-width:calc(100% - 46px)}.mgta-welcome h2{font-size:30px}.mgta-welcome-actions{gap:8px}.mgta-welcome-actions :is(button,a){font-size:15px;min-height:49px}}
@media(max-height:650px){.mgta-welcome{padding-top:20px;padding-bottom:19px}.mgta-welcome-art{height:64px;margin-bottom:15px}.mgta-welcome-art img{width:122px;height:122px}.mgta-welcome-copy{margin:14px auto 17px}.mgta-welcome h2{font-size:29px}.mgta-welcome-eyebrow{margin-bottom:9px}.mgta-welcome-ticket{padding-top:12px;padding-bottom:12px;margin-bottom:14px}}
@media(max-width:360px){.mgta-welcome-actions :is(button,a){font-size:14px;gap:6px;padding-inline:7px;white-space:nowrap}.mgta-welcome-ticket input{font-size:27px;letter-spacing:3px;padding-left:3px}.mgta-welcome-ticket>div>span{font-size:9px;letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){.mgta-welcome,.mgta-welcome::backdrop,.mgta-welcome *,.mgta-welcome *::after{animation:none!important;transition:none!important}.mgta-welcome-motion{display:none}.mgta-welcome-still{display:block}.mgta-welcome-art i{display:none}}