.mg-account{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:9px;
}

.mg-kakao-login{
  min-height:38px;
  padding:0 15px;

  border:0;
  border-radius:10px;

  background:#FEE500;
  color:#191919;

  font-size:12px;
  font-weight:700;

  cursor:pointer;
}

.mg-account-user{
  display:flex;
  align-items:center;
  gap:9px;
}

.mg-account-pill{
  min-height:38px;
  padding:7px 11px;

  display:flex;
  align-items:center;
  gap:8px;

  border:1px solid
    rgba(198,157,94,.26);

  border-radius:11px;

  background:
    rgba(7,20,26,.76);
}

.mg-account-name{
  color:#d7ddda;
  font-size:10px;
}

.mg-account-points{
  color:#d7b878;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}

.mg-account-logout{
  min-height:36px;
  padding:0 9px;

  border:1px solid #263c44;
  border-radius:9px;

  background:#08171d;
  color:#6e8287;

  font-size:8px;

  cursor:pointer;
}

.mg-welcome-toast{
  position:fixed;
  z-index:99990;

  left:50%;
  bottom:26px;

  width:min(
    390px,
    calc(100% - 28px)
  );

  padding:16px 18px;

  transform:
    translateX(-50%);

  border:
    1px solid
    rgba(198,157,94,.38);

  border-radius:14px;

  background:
    rgba(7,20,26,.97);

  box-shadow:
    0 18px 60px
    rgba(0,0,0,.4);

  color:#c7d0ce;

  font-size:11px;
  line-height:1.65;
}

.mg-welcome-toast strong{
  color:#e1c388;
}

@media(max-width:760px){

  .mg-account-name{
    display:none;
  }

  .mg-kakao-login{
    padding:0 11px;
    font-size:10px;
  }

  .mg-account-pill{
    padding:6px 8px;
  }

}