/* ShuttleX v6.6.5.6 — logged-in brand unification
   Reference: /personal-statistics.html top-left brand lockup. */
:root{--sx-auth-brand-surface:#fff;--sx-auth-brand-border:#e2e8f0}
.topbar .brand,.member-topbar .brand{display:inline-flex!important;align-items:center!important;text-decoration:none!important;overflow:visible!important}
.topbar .shuttlex-brand-lockup,.member-topbar .shuttlex-brand-lockup{display:inline-flex!important;align-items:center!important;gap:10px!important;min-width:0!important;text-decoration:none!important;overflow:visible!important}
.topbar .shuttlex-brand-mark,.member-topbar .shuttlex-brand-mark{display:block!important;width:68px!important;height:58px!important;object-fit:contain!important;flex:0 0 auto!important}
.topbar .shuttlex-brand-copy,.member-topbar .shuttlex-brand-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:max-content!important;padding:4px 14px 3px 0!important;line-height:1!important;overflow:visible!important}
.topbar .shuttlex-brand-name,.member-topbar .shuttlex-brand-name{display:inline-block!important;width:max-content!important;max-width:none!important;padding:.05em .34em 0 0!important;margin:0!important;font-family:Arial,"Noto Sans KR",sans-serif!important;font-size:42px!important;line-height:1.12!important;font-weight:900!important;font-style:italic!important;letter-spacing:-2.2px!important;white-space:nowrap!important;color:#0f172a!important;overflow:visible!important}
.topbar .shuttlex-brand-name .x,.member-topbar .shuttlex-brand-name .x{display:inline-block!important;padding:.04em .10em 0 0!important;background:linear-gradient(135deg,#84e51f 0%,#14c77b 45%,#128bf2 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;overflow:visible!important}
.topbar .shuttlex-brand-tagline,.member-topbar .shuttlex-brand-tagline{margin-top:7px!important;font-family:Arial,"Noto Sans KR",sans-serif!important;font-size:13px!important;line-height:1.25!important;font-weight:750!important;letter-spacing:-.15px!important;white-space:nowrap!important;color:#475569!important}
/* Dark operational headers use the same personal-statistics logo on a white brand surface. */
.monitor-brand,.mygame-brand,.checkin-brand{display:inline-flex!important;align-items:center!important;align-self:center!important;width:max-content!important;max-width:100%!important;margin:8px 10px!important;padding:5px 9px!important;border:1px solid rgba(226,232,240,.9)!important;border-radius:14px!important;background:rgba(255,255,255,.97)!important;color:#0f172a!important;text-decoration:none!important;box-shadow:0 5px 16px rgba(2,8,23,.16)!important;overflow:visible!important}
.monitor-brand .shuttlex-brand-lockup,.mygame-brand .shuttlex-brand-lockup,.checkin-brand .shuttlex-brand-lockup{display:inline-flex!important;align-items:center!important;gap:8px!important;overflow:visible!important}
.monitor-brand .shuttlex-brand-mark,.mygame-brand .shuttlex-brand-mark,.checkin-brand .shuttlex-brand-mark{display:block!important;width:54px!important;height:46px!important;object-fit:contain!important;flex:0 0 auto!important}
.monitor-brand .shuttlex-brand-copy,.mygame-brand .shuttlex-brand-copy,.checkin-brand .shuttlex-brand-copy{display:flex!important;flex-direction:column!important;min-width:max-content!important;padding-right:8px!important;overflow:visible!important}
.monitor-brand .shuttlex-brand-name,.mygame-brand .shuttlex-brand-name,.checkin-brand .shuttlex-brand-name{display:inline-block!important;width:max-content!important;padding-right:.26em!important;font-family:Arial,"Noto Sans KR",sans-serif!important;font-size:29px!important;line-height:1.08!important;font-weight:900!important;font-style:italic!important;letter-spacing:-1.5px!important;white-space:nowrap!important;color:#0f172a!important;overflow:visible!important}
.monitor-brand .shuttlex-brand-name .x,.mygame-brand .shuttlex-brand-name .x,.checkin-brand .shuttlex-brand-name .x{display:inline-block!important;padding-right:.08em!important;background:linear-gradient(135deg,#84e51f 0%,#14c77b 45%,#128bf2 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.monitor-brand .shuttlex-brand-tagline,.mygame-brand .shuttlex-brand-tagline,.checkin-brand .shuttlex-brand-tagline{margin-top:3px!important;font-size:8.5px!important;line-height:1.2!important;font-weight:750!important;letter-spacing:-.1px!important;white-space:nowrap!important;color:#475569!important}
@media(max-width:720px){
  .topbar .shuttlex-brand-lockup,.member-topbar .shuttlex-brand-lockup{gap:7px!important}
  .topbar .shuttlex-brand-mark,.member-topbar .shuttlex-brand-mark{width:48px!important;height:42px!important}
  .topbar .shuttlex-brand-name,.member-topbar .shuttlex-brand-name{font-size:24px!important;letter-spacing:-1.2px!important}
  .topbar .shuttlex-brand-tagline,.member-topbar .shuttlex-brand-tagline{margin-top:4px!important;font-size:8px!important}
  .monitor-brand,.mygame-brand,.checkin-brand{margin:6px!important;padding:4px 7px!important;border-radius:11px!important}
  .monitor-brand .shuttlex-brand-mark,.mygame-brand .shuttlex-brand-mark,.checkin-brand .shuttlex-brand-mark{width:42px!important;height:36px!important}
  .monitor-brand .shuttlex-brand-name,.mygame-brand .shuttlex-brand-name,.checkin-brand .shuttlex-brand-name{font-size:22px!important;letter-spacing:-1.1px!important}
  .monitor-brand .shuttlex-brand-tagline,.mygame-brand .shuttlex-brand-tagline,.checkin-brand .shuttlex-brand-tagline{font-size:7px!important}
}

/* v6.6.6.4 — brand glyph clipping fix + unified operational lockup */
.mygame-brand .shuttlex-brand-copy,
.checkin-brand .shuttlex-brand-copy,
.monitor-brand .shuttlex-brand-copy{
  padding-top:3px!important;
  padding-right:13px!important;
  overflow:visible!important;
}
.mygame-brand .shuttlex-brand-name,
.checkin-brand .shuttlex-brand-name,
.monitor-brand .shuttlex-brand-name{
  line-height:1.16!important;
  padding-top:.06em!important;
  padding-right:.48em!important;
  overflow:visible!important;
}
.mygame-brand .shuttlex-brand-name .x,
.checkin-brand .shuttlex-brand-name .x,
.monitor-brand .shuttlex-brand-name .x{
  display:inline-block!important;
  padding-top:.04em!important;
  padding-right:.20em!important;
  margin-right:-.04em!important;
  overflow:visible!important;
}
@media(max-width:720px){
  .mygame-brand .shuttlex-brand-copy,
  .checkin-brand .shuttlex-brand-copy,
  .monitor-brand .shuttlex-brand-copy{padding-right:10px!important}
  .mygame-brand .shuttlex-brand-name,
  .checkin-brand .shuttlex-brand-name,
  .monitor-brand .shuttlex-brand-name{padding-right:.42em!important;line-height:1.15!important}
}

/* v6.8.7.2 Dashboard 동일 브랜드 렌더링 / X 우상단 clipping 방지 */
.topbar,
.member-topbar,
.topbar .brand,
.member-topbar .brand,
.topbar .shuttlex-brand-lockup,
.member-topbar .shuttlex-brand-lockup,
.topbar .shuttlex-brand-copy,
.member-topbar .shuttlex-brand-copy,
.topbar .shuttlex-brand-name,
.member-topbar .shuttlex-brand-name,
.topbar .shuttlex-brand-name .x,
.member-topbar .shuttlex-brand-name .x{
  overflow:visible!important;
  clip-path:none!important;
  contain:none!important;
}
.topbar .brand,
.member-topbar .brand{
  flex:0 0 auto!important;
  min-width:max-content!important;
  padding-right:6px!important;
}
.topbar .shuttlex-brand-lockup,
.member-topbar .shuttlex-brand-lockup{
  min-width:max-content!important;
  padding-right:8px!important;
}
.topbar .shuttlex-brand-copy,
.member-topbar .shuttlex-brand-copy{
  min-width:max-content!important;
  padding:5px 22px 5px 0!important;
}
.topbar .shuttlex-brand-name,
.member-topbar .shuttlex-brand-name{
  width:max-content!important;
  max-width:none!important;
  padding:.06em .52em .08em 0!important;
  line-height:1.18!important;
  overflow:visible!important;
}
.topbar .shuttlex-brand-name .x,
.member-topbar .shuttlex-brand-name .x{
  position:relative!important;
  display:inline-block!important;
  padding:.06em .20em .08em .01em!important;
  margin-right:.04em!important;
  line-height:1.1!important;
  overflow:visible!important;
}
@media(max-width:680px){
  .topbar .shuttlex-brand-copy,
  .member-topbar .shuttlex-brand-copy{padding:4px 14px 4px 0!important}
  .topbar .shuttlex-brand-name,
  .member-topbar .shuttlex-brand-name{padding-right:.54em!important;line-height:1.18!important}
  .topbar .shuttlex-brand-name .x,
  .member-topbar .shuttlex-brand-name .x{padding-right:.22em!important}
}