.pixel-intro{--welcome-accent:#b9a7ff;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:24px clamp(24px,5vw,76px);border:0!important;border-radius:0!important;overflow:auto;isolation:isolate;background:#0b0d19!important;color:#eff0ff!important;box-sizing:border-box;overscroll-behavior:contain;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.pixel-intro[open]{display:flex;flex-direction:column}.pixel-intro::backdrop{background:#0b0d19}.pixel-intro *{box-sizing:border-box}.welcome-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 32%,#7c5ed020,transparent 42%),radial-gradient(ellipse at 10% 90%,#5396b00b,transparent 35%),#0b0d19;overflow:hidden}.welcome-atmosphere:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#b6a7e805 1px,transparent 1px),linear-gradient(90deg,#b6a7e805 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 65%)}.welcome-atmosphere:after{content:'';position:absolute;width:600px;height:600px;border:1px solid #b9a7ff08;border-radius:50%;left:50%;top:15%;transform:translateX(-50%)}.welcome-top,.welcome-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.welcome-top{height:50px}.welcome-brand{display:flex;gap:12px;align-items:center}.welcome-logo{display:grid;place-items:center;width:34px;height:34px;background:#b9a7ff0c;color:var(--welcome-accent);border:1px solid #b9a7ff33;border-radius:11px}.welcome-logo .ui-glyph{width:19px;height:19px}.welcome-brand strong{font-size:19px;letter-spacing:-.8px;font-weight:550;color:#eff0ff}.pixel-intro button{font-family:inherit;cursor:pointer;box-shadow:none;transform:none;transition:background .2s,border-color .2s,color .2s;letter-spacing:0}
.pixel-intro .welcome-skip,.pixel-intro .welcome-motion{display:grid;place-items:center;width:42px;height:42px;min-width:42px;min-height:42px;padding:0;border:1px solid #a9a9cf24!important;border-radius:12px;background:#a9a9cf06!important;color:#b7b9cf!important}.pixel-intro .welcome-skip .ui-glyph,.pixel-intro .welcome-motion .ui-glyph{width:20px;height:20px;min-width:20px;min-height:20px}.pixel-intro .welcome-skip:hover,.pixel-intro .welcome-motion:hover{background:#b9a7ff16!important;color:#eff0ff!important;border-color:#b9a7ff4d!important}.welcome-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:630px;position:relative;z-index:2;padding:8px 0 32px;gap:0}.welcome-art{width:100%;max-width:900px;height:245px;flex:0 0 245px;position:relative;animation:portal-reveal 1.2s ease both}.welcome-canvas{width:100%;height:100%;display:block;max-width:none;aspect-ratio:auto;cursor:grab;touch-action:pan-y;outline-offset:-4px!important;border-radius:20px}.welcome-canvas.is-dragging{cursor:grabbing}.welcome-copy{width:100%;max-width:850px;text-align:center;position:relative;z-index:2;animation:welcome-rise .9s .15s var(--ui-ease,cubic-bezier(.2,.7,.2,1)) both}.welcome-eyebrow{font-size:8px;font-weight:500;letter-spacing:2.3px;color:#9295b4;line-height:1.8;margin:0 0 18px}.pixel-intro h1{font-family:inherit!important;font-weight:450!important;font-size:clamp(52px,5.6vw,84px)!important;line-height:1.06!important;letter-spacing:-4px!important;margin:0 0 22px!important;color:#f1f0ff!important}.pixel-intro h1 em{font-family:inherit;font-style:normal;font-weight:450;color:var(--welcome-accent);letter-spacing:inherit}.welcome-copy p{font-size:12px!important;line-height:1.85!important;color:#999db9!important;margin:0 0 26px!important}.welcome-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.pixel-intro .welcome-enter{background:var(--welcome-accent)!important;color:#161127!important;border:1px solid var(--welcome-accent)!important;border-radius:13px!important;min-height:48px;display:inline-flex;gap:32px;align-items:center;padding:13px 19px!important;font-weight:600;font-size:12px}.welcome-enter-icon{display:grid;place-items:center}.welcome-enter-icon .ui-glyph{width:18px;height:18px;min-width:18px;min-height:18px}.pixel-intro .welcome-enter:hover{box-shadow:0 8px 40px #b9a7ff20;background:#cbbbff!important}.pixel-intro .welcome-setup{display:inline-flex;align-items:center;gap:20px;min-height:48px;border:1px solid #b6b4db26!important;border-radius:13px!important;padding:13px 19px!important;background:#b6b4db04!important;color:#b9b9d0!important;font-size:11px}.pixel-intro .welcome-setup:hover{background:#b9a7ff12!important;color:#eff0ff!important;border-color:#b9a7ff50!important}.welcome-bottom{height:62px;border-top:1px solid #a9a9cf1a;padding-top:18px}.welcome-modes{display:flex;gap:6px}.pixel-intro .welcome-modes button{height:38px;min-height:38px;padding:8px 13px;border:1px solid transparent!important;border-radius:10px!important;color:#6e728e!important;background:transparent!important;font-size:8px;font-variant-numeric:tabular-nums}.welcome-modes button span{font-size:10px;margin-left:8px;color:#9b9db9}.pixel-intro .welcome-modes button[aria-pressed=true]{background:#b9a7ff0b!important;border-color:#b9a7ff3a!important;color:var(--welcome-accent)!important}.welcome-modes button[aria-pressed=true] span{color:var(--welcome-accent)}.welcome-hint{font-size:7px;letter-spacing:1.6px;color:#626783}.welcome-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pixel-intro :focus-visible{outline:2px solid var(--welcome-accent)!important;outline-offset:4px}.welcome-leaving{pointer-events:none;animation:welcome-exit .5s ease both}.welcome-leaving .welcome-art{animation:portal-out .5s ease both}.welcome-still .welcome-copy,.welcome-still .welcome-art{animation:none}
@keyframes portal-reveal{from{opacity:0;transform:scale(.8) translateY(15px)}to{opacity:1;transform:none}}@keyframes welcome-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes welcome-exit{to{opacity:0}}@keyframes portal-out{to{transform:scale(1.15);filter:blur(6px);opacity:0}}
@media(max-height:800px) and (min-width:761px){.pixel-intro{padding-top:18px;padding-bottom:18px}.welcome-stage{min-height:530px;padding:0 0 20px}.welcome-art{height:185px;flex-basis:185px}.pixel-intro h1{font-size:64px!important;letter-spacing:-3px!important;margin-bottom:16px!important}.welcome-eyebrow{margin-bottom:12px}.welcome-copy p{margin-bottom:20px!important}.welcome-bottom{height:54px;padding-top:12px}}
@media(max-width:760px){.pixel-intro{padding:18px 22px}.welcome-top{height:44px}.welcome-brand strong{font-size:17px}.welcome-logo{width:32px;height:32px}.pixel-intro .welcome-skip,.pixel-intro .welcome-motion{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:11px}.welcome-stage{min-height:600px;padding:5px 0 27px}.welcome-art{height:225px;flex-basis:225px}.welcome-copy{max-width:430px}.welcome-eyebrow{font-size:6px;letter-spacing:1.7px;margin-bottom:16px}.pixel-intro h1{font-size:clamp(41px,10.2vw,65px)!important;letter-spacing:-2.2px!important;line-height:1.09!important;margin-bottom:19px!important}.welcome-copy p{font-size:11px!important;margin-bottom:24px!important}.welcome-actions{gap:10px;flex-direction:column}.pixel-intro .welcome-enter{min-height:46px;padding:12px 18px!important;font-size:11px;gap:32px}.pixel-intro .welcome-setup{border:0!important;background:transparent!important;min-height:38px;padding:8px 13px!important;font-size:10px}.welcome-bottom{gap:8px;height:60px;padding-top:15px;flex-wrap:nowrap}.welcome-hint{display:none}.welcome-modes{gap:2px}.pixel-intro .welcome-modes button{padding:8px 10px;font-size:7px;min-height:36px;height:36px}.welcome-modes button span{font-size:9px;margin-left:6px}}
@media(max-height:740px) and (max-width:760px){.welcome-stage{min-height:510px}.welcome-art{height:165px;flex-basis:165px}.pixel-intro h1{font-size:42px!important}.welcome-eyebrow{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.pixel-intro,.pixel-intro *{animation:none!important;transition:none!important}}