/* 하단 독 전환 — 레이아웃 재계산 줄이기 */
.hero-dock-item {
  touch-action: manipulation;
}
.gate-tagline {
  font-size: 17px !important;
  letter-spacing: 0.08em !important;
  margin-right: 0 !important;
}
.gate-acro {
  color: #d4af37;
  font-weight: 700;
}

/* Windows MAL wordmark — 금색 MAL, 좌측 상단, 더 크게 */
.hero-logo-lockup,
.gate-logo-lockup {
  top: max(6px, env(safe-area-inset-top, 0px)) !important;
  left: max(8px, env(safe-area-inset-left, 0px)) !important;
  gap: 12px !important;
  overflow: visible !important;
}
.hero-logo-icon,
.gate-logo-icon {
  height: 78px !important;
  width: 78px !important;
}
.hero-logo-word,
.gate-logo-word {
  font-family: "Great Vibes", "Cormorant Garamond", cursive !important;
  font-size: 56px !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.15 !important;
  padding-top: 0.08em !important;
  transform: translateY(6px) !important;
  background: linear-gradient(165deg, #fff1c8 0%, #f0d78a 32%, #c9a24a 68%, #e8c76b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
  filter:
    drop-shadow(0 1px 0 rgba(90, 62, 18, 0.55))
    drop-shadow(0 2px 10px rgba(232, 199, 107, 0.38))
    drop-shadow(0 0 18px rgba(240, 215, 138, 0.22));
}
@media (max-width: 720px) {
  .hero-logo-icon,
  .gate-logo-icon {
    height: 58px !important;
    width: 58px !important;
  }
  .hero-logo-word,
  .gate-logo-word {
    font-size: 44px !important;
  }
}
.hero-root,
.menu-panel-root,
.portal-summary,
.mal-assets-host,
.mal-stock-host {
  contain: layout style;
}
.mal-assets-host[hidden],
.mal-stock-host[hidden] {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
  content-visibility: hidden;
}

.wl-back {
  align-self: flex-start;
  margin: 0 0 4px;
  padding: 6px 12px;
  border: 1px solid rgba(232, 199, 107, 0.32);
  background: rgba(232, 199, 107, 0.08);
  color: #e8c76b;
  font: 700 0.72rem/1.2 inherit;
  letter-spacing: 0.08em;
  cursor: pointer;
  z-index: 12;
  pointer-events: auto;
}
.wl-back:hover {
  border-color: rgba(232, 199, 107, 0.65);
  background: rgba(232, 199, 107, 0.16);
}

/* 원래 React PLAN은 쓰지 않음 — 수정한 ASSETS 창만 표시 */
.plan-stage .plan,
.plan-stage .plan-board {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}