.welcome-intro{width:100%;max-width:none;height:100dvh;max-height:none;padding:max(32px, env(safe-area-inset-top)) 24px max(32px, env(safe-area-inset-bottom));color:#fff;text-align:center;background:radial-gradient(at 50% 42%,#164d70 0%,#08263e 48%,#041522 100%);border:0;margin:0;position:fixed;inset:0}.welcome-intro[open]{flex-direction:column;justify-content:center;align-items:center;display:flex}.welcome-intro::backdrop{background:#041522}.welcome-intro.is-leaving,.welcome-intro.is-leaving::backdrop{animation:.35s ease-in forwards welcomeExit}.welcome-intro-content{width:min(100%,620px)}.welcome-intro[open] .welcome-intro-content img{animation:.65s cubic-bezier(.2,.7,.3,1) both welcomeLogo}.welcome-intro[open] .welcome-intro-rule{animation:.4s ease-out .25s both welcomeEnter}.welcome-intro[open] .welcome-intro-year,.welcome-intro[open] .welcome-intro-title{animation:.55s ease-out .4s both welcomeEnter}.welcome-intro[open] .welcome-intro-theme,.welcome-intro[open] .welcome-intro-place{animation:.45s ease-out .7s both welcomeEnter}.welcome-intro-content img{width:min(80%,330px);height:auto;margin:0 auto 28px;display:block}.welcome-intro-rule{background:#8ed5df;width:36px;height:2px;margin:0 auto 28px}.welcome-intro-year{color:#a5dce6;letter-spacing:.2em;margin:0 0 12px;font-size:22px}.welcome-intro-title{font-family:var(--font-ci), sans-serif;letter-spacing:-.03em;margin:0;font-size:clamp(34px,8vw,64px);font-weight:500;line-height:1.25}.welcome-intro-theme{font-family:var(--font-ci), sans-serif;color:#d8ecf3;margin:22px 0 0;font-size:clamp(16px,4vw,22px)}.welcome-intro-place{color:#a9c3d3;margin:24px 0 0;font-size:13px;line-height:1.8}.welcome-intro-skip{bottom:max(32px, env(safe-area-inset-bottom));color:#08263e;background:#a5dce6;border:1px solid #a5dce6;border-radius:14px;justify-content:center;align-items:center;gap:24px;width:min(320px,100% - 48px);min-height:54px;padding:14px 24px;font-size:16px;font-weight:700;display:flex;position:absolute}.welcome-intro-skip:hover{background:#c4edf3}.welcome-intro-skip:focus-visible{outline-offset:4px;border-radius:6px;outline:1px solid #b4cbd9}@keyframes welcomeEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes welcomeLogo{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes welcomeExit{to{opacity:0}}@media (prefers-reduced-motion:reduce){.welcome-intro[open] .welcome-intro-content>*,.welcome-intro[open],.welcome-intro::backdrop{animation:none}}@media (max-height:560px){.welcome-intro-content img{width:200px;margin-bottom:14px}.welcome-intro-rule,.welcome-intro-place{display:none}.welcome-intro-title{font-size:32px}.welcome-intro-theme{margin-top:12px}}