/* Guest invitation: desktop only, no modal or game focus changes. */
.signin-banner{position:fixed;left:calc(var(--nav-width,68px) + 12px);right:20px;bottom:16px;z-index:45;display:flex;align-items:center;gap:24px;min-height:100px;padding:22px 26px;border:1px solid #ffffff16;border-radius:60px;background:linear-gradient(105deg,#624853 0%,#725746 32%,#603779 68%,#59404d 100%);box-shadow:0 6px 28px #0003;color:#fff;opacity:0;transform:translateY(calc(100% + 40px));transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .35s;visibility:hidden}
.signin-banner.is-visible{visibility:visible;opacity:1;transform:translateY(0)}
.signin-banner.is-closing{opacity:0;transform:translateY(calc(100% + 40px));pointer-events:none}
.signin-banner-art{display:flex;align-items:center;gap:8px;flex:none;padding:0 3px}
.signin-banner-art img{width:54px;height:54px;object-fit:cover;border-radius:6px;box-shadow:0 2px 5px #0002}
.signin-banner-art img:first-child{transform:rotate(5deg)}
.signin-banner-art img:nth-child(2){transform:rotate(-4deg)}
.signin-banner-art img:last-child{transform:rotate(5deg)}
.signin-banner-copy{min-width:0;flex:1}
.signin-banner-title{margin:0 0 4px;font-size:20px;line-height:1.3;font-weight:650;letter-spacing:0}
.signin-banner-copy p{margin:0;color:#d3c9d1;font-size:15px;line-height:1.4}
.signin-banner-login{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:42px;padding:8px 18px;border:1px solid #ffffff25;border-radius:30px;background:#7051ff;color:#fff;font-size:17px;line-height:1.3;font-weight:650;white-space:nowrap;transition:background .15s}
.signin-banner-login:hover{background:#8066ff;color:#fff}
.signin-banner-close{position:absolute;top:-23px;right:0;display:grid;place-items:center;width:27px;height:27px;padding:5px;border:0;border-radius:50%;background:#424242;color:#fff;cursor:pointer}
.signin-banner-close:hover{background:#555}
.signin-banner-close svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
body.signin-banner-open .site-footer{margin-bottom:132px}
body.signin-banner-open .toast{bottom:138px}
@media(min-width:761px) and (max-width:1050px){.signin-banner{gap:16px;padding:20px;right:14px;left:calc(var(--nav-width,68px) + 8px)}.signin-banner-art{gap:5px}.signin-banner-art img{width:42px;height:42px}.signin-banner-title{font-size:17px}.signin-banner-copy p{font-size:13px}.signin-banner-login{font-size:15px;padding:8px 14px}}
@media(max-width:760px),(hover:none),(pointer:coarse){.signin-banner{display:none!important}body.signin-banner-open .site-footer{margin-bottom:0}body.signin-banner-open .toast{bottom:20px}}
@media(prefers-reduced-motion:reduce){.signin-banner,.signin-banner-login{transition:none}}