.hazplay-welcome{padding:0;border:1px solid #69887880;border-radius:24px;background:#10231c;color:#f6f3e9;width:min(820px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 32px 120px #000b}
.hazplay-welcome[open]{display:grid;grid-template-columns:.85fr 1fr;animation:welcome-enter .45s ease-out}
.hazplay-welcome::backdrop{background:#020b08cf;backdrop-filter:blur(9px)}
.welcome-close{position:absolute;right:12px;top:12px;z-index:3;border:1px solid #ffffff30;border-radius:50%;background:#0b171de0;color:white;font-size:26px;width:40px;height:40px;cursor:pointer}
.welcome-art{position:relative;overflow:hidden;min-height:520px;background:radial-gradient(ellipse at 50% 40%,#4e7959 0,#1b3c2e 45%,#0b1b16 85%)}
.welcome-orbit{position:absolute;width:290px;height:290px;border:1px solid #ddc48660;border-radius:50%;top:100px;left:calc(50% - 145px);box-shadow:0 0 0 28px #d8bd7410,0 0 0 65px #d8bd7408}
.welcome-card{position:absolute;width:154px;height:231px;object-fit:cover;border:1px solid #dfca9390;border-radius:14px;box-shadow:0 22px 36px #0009;top:130px;left:calc(50% - 77px);animation:welcome-cards 1s ease-out both}
.welcome-card-left{--turn:-19deg;--shift:-74px;transform:translateX(var(--shift)) rotate(var(--turn));top:150px}
.welcome-card-right{--turn:19deg;--shift:74px;transform:translateX(var(--shift)) rotate(var(--turn));top:150px;animation-delay:.08s}
.welcome-card-main{--turn:-3deg;--shift:0px;transform:rotate(-3deg);animation-delay:.16s}
.welcome-brand{position:absolute;bottom:50px;left:0;right:0;text-align:center;font-size:27px;font-weight:850;letter-spacing:6px;color:#eed9a6}
.welcome-brand span{display:block;letter-spacing:2px;font-size:9px;margin-top:12px;color:#c1cec3}
.welcome-content{padding:54px 32px 30px;align-self:center;text-align:center}
.welcome-eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:#d9c38c}
.welcome-content h2{font-size:34px;line-height:1.12;margin:18px 0 20px;letter-spacing:-1px}
.welcome-bonus{font-size:68px;line-height:1;font-weight:850;letter-spacing:-3px;color:#f0d899;text-shadow:0 0 32px #e5ba5430}
.welcome-bonus span{display:block;font-size:10px;letter-spacing:2px;margin-top:12px;color:#d9caa7}
.welcome-content p{font-size:12px;line-height:1.7;color:#bdc9c0;margin:22px 0}
.welcome-register{white-space:normal;font-size:14px!important;gap:10px;justify-content:center}
.welcome-login,.welcome-explore{display:block;margin:16px auto 0;background:none;border:0;color:#e2d4b5;font:inherit;font-size:12px;cursor:pointer;min-height:28px}
.welcome-explore{margin-top:6px;color:#b6c7bd;text-decoration:underline;text-underline-offset:4px}
.welcome-footnote{display:block;margin-top:20px;font-size:10px;color:#a2b7a9;line-height:1.6}
.hazplay-welcome :focus-visible{outline:2px solid #f4db9b;outline-offset:4px}
@keyframes welcome-enter{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes welcome-cards{from{opacity:0;transform:translateY(35px) scale(.82)}to{opacity:1;transform:translateX(var(--shift)) rotate(var(--turn))}}
@media(max-width:600px){.hazplay-welcome[open]{display:block}.welcome-art{min-height:180px;height:180px}.welcome-card{width:94px;height:141px;left:calc(50% - 47px);top:30px;border-radius:10px}.welcome-card-left{--shift:-71px;top:45px}.welcome-card-right{--shift:71px;top:45px}.welcome-orbit{top:28px;width:200px;height:200px;left:calc(50% - 100px)}.welcome-brand{display:none}.welcome-content{padding:22px 22px 24px}.welcome-content h2{font-size:27px;margin:12px 0 16px}.welcome-bonus{font-size:56px}.welcome-content p{margin:16px 0}.welcome-footnote{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.hazplay-welcome[open],.welcome-card{animation:none}}