/* Brand banner uses the spare desktop header space without adding a row. */
.darkBrandBanner{display:none}
@media(min-width:1200px){
html body #root main.gameScreen>.topbar>.darkBrandBanner{display:flex!important;flex-direction:column;align-items:center;justify-content:center;flex:0 1 380px;min-width:140px;max-width:380px;height:44px;margin:0 auto;padding:3px 18px;box-sizing:border-box;border:1px solid #8065b855;border-radius:10px;background:linear-gradient(110deg,#171c35,#342151,#171c35);color:#fff;overflow:hidden;pointer-events:none;box-shadow:inset 0 1px 0 #ffffff14}
.darkBrandBanner strong{font-size:20px;line-height:23px;letter-spacing:3px;color:#f3e8ff;white-space:nowrap}
.darkBrandBanner span{font-size:10px;line-height:13px;color:#d5c4ec;white-space:nowrap}
html body #root main.gameScreen>.topbar>.topbarRight{flex:0 1 auto!important;margin-left:auto!important;min-width:0}
}
@media(min-width:1200px) and (max-width:1450px){html body #root main.gameScreen>.topbar>.darkBrandBanner{max-width:190px;padding:3px 8px}.darkBrandBanner strong{font-size:16px;letter-spacing:2px}.darkBrandBanner span{font-size:9px}}

@keyframes darkBrandTurn{0%,18%,100%{opacity:1;transform:translateY(0)}45%{opacity:0;transform:translateY(-9px)}46%{opacity:0;transform:translateY(9px)}70%{opacity:1;transform:translateY(0)}}
@media(min-width:1200px) and (prefers-reduced-motion:no-preference){.darkBrandBanner strong{animation:darkBrandTurn 8s ease-in-out infinite}}