.welcome-screen{min-height:0;height:100svh;max-width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;padding:calc(clamp(56px,7svh,90px) + 16px) clamp(16px,3vw,64px) 20px}
.welcome-screen .welcome-topbar{height:clamp(56px,7svh,90px);min-width:0;max-width:100%}
.welcome-screen .welcome-content{flex-shrink:0}
.welcome-artwork{position:absolute;inset:0;overflow:hidden;isolation:isolate;pointer-events:none;z-index:-1}
.public-portal .public-welcome{height:auto;min-height:100svh;overflow:clip}
.login-greeting{position:fixed;top:24px;left:50%;translate:-50% 0;z-index:9500;display:flex;align-items:center;gap:18px;width:max-content;max-width:calc(100vw - 32px);padding:18px 26px;border:1px solid #d9ba6755;border-radius:16px;background:linear-gradient(125deg,#25302af5,#10191ff5);box-shadow:0 16px 65px #0009;backdrop-filter:blur(18px);animation:login-greeting-in .45s ease-out both;pointer-events:none}
.login-greeting[hidden]{display:none}
.login-greeting>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.login-greeting small{font-size:9px;letter-spacing:1.8px;color:#e6cd88}
.login-greeting strong{font-size:21px;line-height:1.3;color:#f5eddb;overflow-wrap:anywhere}
.login-greeting span:not(.player-avatar){font-size:12px;color:#bbc9cb}
.login-greeting .player-avatar{flex:none}
@keyframes login-greeting-in{from{opacity:0;transform:translateY(-18px) scale(.95)}to{opacity:1;transform:none}}
@media(max-width:550px){.login-greeting{top:16px;gap:12px;padding:14px 18px}.login-greeting strong{font-size:17px}.login-greeting .player-avatar{width:48px;height:48px;flex-basis:48px}}
@media(prefers-reduced-motion:reduce){.login-greeting{animation:none}}