/* Shared viewport layer and motion, matched to the homepage globe dialog. */
.yb-game-dialog{position:fixed;inset:0;z-index:var(--yuyi-z-modal,100000);isolation:isolate;background:none}
.yb-game-dialog[hidden]{display:none}
.yb-game-dialog::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--yb-dialog-backdrop,rgba(7,29,47,.55))}
.yb-game-dialog[data-state="opening"]::before{animation:yb-dialog-fade-in .4s cubic-bezier(.3,1.3,.3,1) both}
.yb-game-dialog[data-state="closing"]::before{animation:yb-dialog-fade-out .4s cubic-bezier(.3,1.3,.3,1) both}
.yb-game-dialog[data-state="opening"] .yb-game-dialog__surface{animation:yb-dialog-rise-in .4s cubic-bezier(.3,1,.3,1) both,yb-dialog-fade-in .4s cubic-bezier(.3,1.3,.3,1) both}
.yb-game-dialog[data-state="closing"] .yb-game-dialog__surface{pointer-events:none;animation:yb-dialog-shrink-out .4s cubic-bezier(.3,1.3,.3,1) both,yb-dialog-fade-out .4s cubic-bezier(.3,1.3,.3,1) both}
.yb-dialog-motion[data-yb-motion="opening"]{animation:yb-dialog-rise-in .4s cubic-bezier(.3,1,.3,1) both,yb-dialog-fade-in .4s cubic-bezier(.3,1.3,.3,1) both}
.yb-dialog-motion[data-yb-motion="closing"]{pointer-events:none;animation:yb-dialog-shrink-out .4s cubic-bezier(.3,1.3,.3,1) both,yb-dialog-fade-out .4s cubic-bezier(.3,1.3,.3,1) both}
.yb-dialog-motion-backdrop[data-yb-motion="opening"]{animation:yb-dialog-fade-in .4s cubic-bezier(.3,1.3,.3,1) both}
.yb-dialog-motion-backdrop[data-yb-motion="closing"]{animation:yb-dialog-fade-out .4s cubic-bezier(.3,1.3,.3,1) both}
@keyframes yb-dialog-rise-in{from{transform:var(--yb-dialog-base-transform,translateY(0)) translateY(100%)}to{transform:var(--yb-dialog-base-transform,translateY(0)) translateY(0)}}
@keyframes yb-dialog-shrink-out{from{transform:var(--yb-dialog-base-transform,scale(1)) scale(1)}to{transform:var(--yb-dialog-base-transform,scale(1)) scale(.5)}}
@keyframes yb-dialog-fade-in{from{opacity:0}to{opacity:1}}
@keyframes yb-dialog-fade-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.yb-game-dialog::before,.yb-game-dialog .yb-game-dialog__surface,.yb-dialog-motion,.yb-dialog-motion-backdrop{animation:none!important}}