/* A clean site/arcade lockup around PHOTO-DERIVED ANIMATED SMOKE.
   No rectangular photo background and no SVG smoke simulation.
   The previously approved lower full-width lounge banner stays untouched. */
.site-header .header-shell .logo.brand-lockup{
  display:inline-flex;align-items:center;justify-content:center;gap:clamp(3px,.4vw,7px);
  flex:0 0 auto;width:auto;max-width:100%;height:80px;white-space:nowrap;min-width:0;
  position:static;translate:none;transform:none;overflow:visible;text-decoration:none;
}
.brand-lockup__the,.brand-lockup__lobby{
  position:static;display:inline-block;white-space:nowrap;
  font-family:Unbounded,"DM Sans",system-ui,sans-serif;
  font-size:clamp(12px,1.22vw,17px);font-weight:800;letter-spacing:-.065em;line-height:1;
  text-shadow:0 1px 8px rgba(0,0,0,.38);flex:none;
}
.brand-lockup__the{color:#eff6e7}
.brand-lockup__lobby{color:#b9f87b}
.brand-lockup__smoke{
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:clamp(94px,9.2vw,127px);height:72px;overflow:visible;pointer-events:none;
}
.brand-smoke-image{
  display:block;width:100%;height:100%;max-width:none;object-fit:contain;
  filter:drop-shadow(0 0 7px rgba(161,245,139,.2));user-select:none;
  -webkit-user-drag:none;pointer-events:none;
}
.lobby-brand-banner{
  position:relative;isolation:isolate;
  padding:clamp(18px,3vw,42px) clamp(12px,3.4vw,56px);
  background:linear-gradient(180deg,#07110e 0%,#08140d 64%,#07110e 100%);
}
.lobby-brand-banner-frame{
  max-width:1560px;margin:0 auto;overflow:hidden;border-radius:clamp(12px,1.5vw,21px);
  border:1px solid rgba(129,226,109,.23);
  box-shadow:0 22px 60px rgba(0,0,0,.37),0 0 40px rgba(62,164,73,.09);
  background:#06100b;
}
.lobby-brand-banner-frame img{
  display:block;width:100%;height:auto;aspect-ratio:3 / 1;object-fit:contain;
}
.arcade-header .brand.brand-lockup{
  display:inline-flex;align-items:center;justify-content:flex-start;
  gap:4px;flex:0 1 auto;min-width:0;max-width:100%;line-height:1;
}
.arcade-header .brand-lockup__the,.arcade-header .brand-lockup__lobby{
  font-size:clamp(10px,1vw,14px);
}
.arcade-header .brand-lockup__smoke{width:clamp(80px,8vw,110px);height:62px}
.arcade-header .brand-lockup b{margin-left:6px;line-height:1.3}
@media (min-width:761px) and (max-width:1050px){
  .site-header .header-shell .logo.brand-lockup{
    position:absolute;top:50%;left:50%;translate:-50% -50%;
    width:auto;max-width:calc(100% - 130px);height:78px;gap:4px;
  }
  .site-header .brand-lockup__smoke{width:clamp(102px,14vw,119px);height:69px}
  .site-header .brand-lockup__the,.site-header .brand-lockup__lobby{font-size:14px}
}
@media (max-width:760px){
  .site-header .header-shell .logo.brand-lockup{
    display:flex;position:absolute;left:50%;top:50%;translate:-50% -50%;
    transform:none;width:min(218px,calc(100vw - 146px));
    max-width:calc(100vw - 146px);height:72px;gap:3px;padding:0;
    z-index:2;overflow:visible;flex:none;
  }
  .site-header .brand-lockup__the,.site-header .brand-lockup__lobby{
    font-size:clamp(9px,2.65vw,13px);letter-spacing:-.065em;flex:none;
  }
  .site-header .brand-lockup__smoke{
    flex:0 1 auto;min-width:0;width:clamp(75px,25vw,107px);height:64px;
  }
  .lobby-brand-banner{padding:13px 10px 22px}
  .lobby-brand-banner-frame{border-radius:12px}
}
@media(max-width:560px){
  .arcade-header .brand.brand-lockup{gap:2px}
  .arcade-header .brand-lockup__smoke{width:clamp(65px,19vw,89px);height:51px}
  .arcade-header .brand-lockup__the,.arcade-header .brand-lockup__lobby{font-size:10px}
  .arcade-header .brand-lockup b{display:none}
}
@media(max-width:360px){
  .site-header .header-shell .logo.brand-lockup{
    width:calc(100vw - 148px);max-width:calc(100vw - 148px);
  }
  .site-header .brand-lockup__smoke{width:80px;height:61px}
  .arcade-header .brand-lockup__smoke{width:65px}
  .arcade-header .brand-lockup__the,.arcade-header .brand-lockup__lobby{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .brand-smoke-image{transition:none;animation:none}
}