.first-welcome{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;background:linear-gradient(155deg,rgba(35,72,59,.94),rgba(14,40,32,.98));overflow:hidden}
.first-welcome[hidden]{display:none}
.first-welcome-card{position:relative;z-index:3;width:min(100%,430px);padding:27px 25px 25px;background:#fffdf8;border:1px solid #ddc999;text-align:center;box-shadow:0 24px 70px #0006;animation:welcome-arrive .65s cubic-bezier(.2,.9,.3,1.15)}
.first-welcome-landmark{display:block;width:210px;height:210px;margin:-13px auto -6px;object-fit:contain;animation:welcome-landmark .8s cubic-bezier(.2,.9,.3,1.12) both}
.first-welcome-title{font:700 35px/1.05 Georgia,serif;color:#23483b;margin:2px 0 12px}
.first-welcome-copy{max-width:310px;margin:0 auto 20px;color:#625f57;font-size:17px;line-height:1.45}
.first-welcome-start{width:100%;min-height:52px;border:0;background:#23483b;color:#fff;font-size:17px;font-weight:800;cursor:pointer}
.first-welcome-rose{position:absolute;top:-90px;width:62px;height:62px;object-fit:contain;animation:welcome-fall var(--duration) linear var(--delay) infinite;pointer-events:none}
.first-welcome-rose.r1{left:1%;--duration:5.1s;--delay:-1s}.first-welcome-rose.r2{left:16%;--duration:6.2s;--delay:-4s}.first-welcome-rose.r3{left:31%;--duration:5.6s;--delay:-2.3s}.first-welcome-rose.r4{left:48%;--duration:6.7s;--delay:-5s}.first-welcome-rose.r5{left:64%;--duration:5.3s;--delay:-.4s}.first-welcome-rose.r6{left:78%;--duration:6s;--delay:-3.1s}.first-welcome-rose.r7{left:91%;--duration:5.7s;--delay:-1.6s}
@keyframes welcome-arrive{from{opacity:0;transform:translateY(35px) scale(.93)}to{opacity:1;transform:none}}
@keyframes welcome-landmark{from{opacity:0;transform:translateY(24px) scale(.85)}to{opacity:1;transform:none}}
@keyframes welcome-fall{from{transform:translateY(-80px) rotate(0)}to{transform:translateY(115vh) translateX(48px) rotate(390deg)}}
@media(max-width:390px){.first-welcome-landmark{width:180px;height:180px}.first-welcome-card{padding:22px 21px}.first-welcome-title{font-size:32px}}
@media(prefers-reduced-motion:reduce){.first-welcome-rose{display:none}.first-welcome-card,.first-welcome-landmark{animation:none}}