.site-welcome{display:none}
.welcome-pending .site-welcome{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;width:100%;height:100%;min-height:100svh;padding:24px;border:0;border-radius:0;background:#fff;color:#654637;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:welcome-safety 0s 6s forwards}
.welcome-mark{display:flex;flex-direction:column;align-items:center;gap:14px;opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .55s ease}
.welcome-ready .welcome-mark{opacity:1;transform:translateY(0)}
.welcome-mark img{display:block;width:130px;height:auto;max-height:36svh;object-fit:contain;animation:welcome-bob 1.35s ease-in-out .4s both}
.welcome-name{font:700 22px/1.4 "Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;letter-spacing:.16em;padding-left:.16em}
.welcome-speech{position:relative;margin-bottom:10px;padding:16px 28px;border:2px solid #8e6c56;border-radius:48% 48% 46% 46%;background:#fffdf5;font:700 17px/1.65 "Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;letter-spacing:.06em;text-align:center;box-shadow:0 3px 0 #f2e5d7}
.welcome-speech::after{content:"";position:absolute;width:14px;height:14px;background:#fffdf5;border-right:2px solid #8e6c56;border-bottom:2px solid #8e6c56;left:calc(50% - 7px);bottom:-9px;transform:rotate(45deg)}
.site-welcome.is-leaving{opacity:0;pointer-events:none;transition:opacity .4s ease}
.site-welcome:focus-visible{outline:3px solid #d78ca8;outline-offset:-8px}
@keyframes welcome-bob{0%,100%{transform:translateY(0)}45%{transform:translateY(-8px)}}
@keyframes welcome-safety{to{visibility:hidden;pointer-events:none}}
@media(max-width:700px){.welcome-mark img{width:110px}.welcome-name{font-size:20px}.welcome-speech{font-size:15px;padding:12px 23px}.welcome-mark{gap:12px}}
@media(prefers-reduced-motion:reduce){.welcome-mark,.site-welcome.is-leaving{transition:none;transform:none}.welcome-mark img{animation:none}}