/* ══════════════════════════════════════
   DRAGON'S LAIR — 서브페이지 공용 테마
   (main.css 뒤에 로드해서 덮어쓰기)
══════════════════════════════════════ */

body {
  background-color: #0e0805 !important;
  color: #e8ddcf;
}

/* 배경 이미지 위 어두운 열기 오버레이 */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse at 50% 115%, rgba(255, 90, 0, 0.12), transparent 55%),
    rgba(8, 5, 10, 0.62);
  pointer-events: none;
}

/* 상단 바 */
.title {
  border-bottom: 1px solid rgba(255, 160, 60, 0.3);
  box-shadow: 0 2px 24px rgba(255, 100, 0, 0.15);
  background: rgba(12, 5, 2, 0.93) !important;
  opacity: 1 !important;
  backdrop-filter: blur(6px);
}
.title a[href="/index.html"] {
  color: #ffc94d;
  text-shadow: 0 0 8px #ff9500, 0 0 22px #ff640088;
}
.title a[style*="dce65e"] {
  color: #ff7a1a !important;
  text-shadow: 0 0 8px #ff5500, 0 0 22px #ff550066;
}

/* 제목 / 구분선 */
h1, h2, h3 {
  text-shadow: 0 0 12px rgba(255, 100, 0, 0.35);
}
hr {
  border-color: rgba(255, 140, 40, 0.3);
  box-shadow: 0 0 6px rgba(255, 100, 0, 0.3);
}

/* 콘텐츠 박스 */
.titleBox {
  background-color: rgba(16, 9, 5, 0.85) !important;
  border-left: 3px solid #ff7a1a;
  box-shadow: 0 0 14px rgba(255, 110, 0, 0.15);
  color: #ffc94d;
}
.contextBox {
  background-color: rgba(16, 9, 5, 0.82) !important;
  border: 1px solid rgba(255, 150, 50, 0.22);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4);
}
.PublishingBox {
  background-color: rgba(16, 9, 5, 0.9) !important;
  border: 1px solid rgba(255, 150, 50, 0.35) !important;
  box-shadow: 0 0 20px rgba(255, 110, 0, 0.12);
}
.frame {
  border-color: rgba(255, 160, 60, 0.55) !important;
}
.EventBoxList {
  border-color: rgba(255, 160, 60, 0.45);
  background-color: rgba(16, 9, 5, 0.75);
}

/* 페이지 넘김 버튼 (출시 경험) */
.PageButton {
  background-color: rgba(255, 110, 0, 0.25);
  border: 1px solid rgba(255, 150, 50, 0.4);
  color: #ffc94d;
  text-shadow: 0 0 8px #ff9500;
}
.PageButton:hover {
  background-color: rgba(255, 110, 0, 0.6);
  transition: background-color 0.1s linear;
}

/* 구 테마 인라인 색상 덮어쓰기 (aqua 강조 등) */
span[style*="aqua"] {
  color: #ffc94d !important;
  text-shadow: 0 0 6px rgba(255, 150, 0, 0.4);
}
span[style*="d69027"] {
  color: #ff9e4d !important;
}
h2[style*="192, 231, 255"],
h2[style*="255, 153, 0"] {
  color: #ffc94d !important;
  text-shadow: 0 0 10px rgba(255, 120, 0, 0.5);
}

/* 미디어가 화면을 넘지 않게 */
img, video, iframe {
  max-width: 100%;
}