/* DJETORA — 노트북·태블릿·핸드폰 자동 맞춤. 고정 85%/우리 크기 금지. Soft≠LIVE */
html {
  zoom: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html,
body {
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;
}
body {
  width: 100% !important;
  min-width: 0 !important;
}
img,
svg,
video,
canvas {
  max-width: 100%;
  height: auto;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
#lounge-topbar,
.member-ai-topbar,
header.site-header,
.nav-inner,
.wrap,
#djetora-lite-host,
#djetora-member-class,
.dmc,
#wbpc-member-cursor-chat {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
#lounge-topbar,
.member-ai-topbar {
  display: flex !important;
  width: 100% !important;
  left: 0;
  right: 0;
}
html:has(body[data-djetora-domain-landing="1"]),
body[data-djetora-domain-landing="1"] {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 720px) {
  .wrap {
    padding-left: 14px;
    padding-right: 14px;
    width: 100%;
  }
  #lounge-topbar,
  .member-ai-topbar {
    flex-wrap: wrap;
    align-items: stretch;
    padding: 8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));
  }
  #lounge-topbar .lt-brand,
  .member-ai-topbar .lt-brand {
    flex: 1 1 auto;
    min-width: 0;
  }
  #lounge-topbar .lt-actions,
  .member-ai-topbar .lt-actions {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 6px;
  }
  #lounge-topbar .lt-actions a,
  #lounge-topbar .lt-actions button,
  #lounge-topbar .lt-actions span,
  .member-ai-topbar .lt-actions a,
  .member-ai-topbar .lt-actions button {
    white-space: nowrap;
    writing-mode: horizontal-tb;
    word-break: keep-all;
  }
  .dmc,
  #djetora-member-class {
    width: 100%;
    padding: 16px 12px 28px;
  }
  .dmc-row,
  .dmc-row.dmc-3,
  .dmc-row.dmc-4,
  .dmc-row.dmc-6,
  .dmc-row.dmc-prepaid {
    grid-template-columns: 1fr !important;
  }
  .dmc-card {
    width: 100%;
    min-height: 48px;
  }
  .mcc-lounge-lock {
    margin: 24px 12px;
    padding: 20px 16px;
    max-width: none;
  }
}
@media (min-width: 721px) and (max-width: 1024px) {
  .wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* 문제: 태블릿이 사이트 스케일만 있고 대화 셸은 데스크톱 /
   이유: 사령관 — 핸드폰·태블릿 자동크기 /
   수정: lounge·대화 호스트를 뷰포트 높이에 맞춤 */
@media (max-width: 1024px) {
  body.lounge-member-shell,
  body.mcc-page,
  html:has(body.lounge-member-shell) {
    height: var(--app-h, 100dvh);
    width: var(--app-w, 100dvw);
    overflow: hidden;
  }
  #djetora-cursor-host,
  #wbpc-member-cursor-chat {
    top: var(--app-top, 0px);
    left: var(--app-left, 0px);
    width: var(--app-w, 100dvw);
    height: var(--app-h, 100dvh);
    max-width: 100%;
    max-height: var(--app-h, 100dvh);
  }
}