/* ====== 던파모바일 시뮬레이터 - 공통 테마 ====== */

:root{
  --bg-0:#0e0a06;
  --bg-1:#1a120a;
  --bg-2:#241a10;
  --panel:#1a140e;
  --panel-2:#251c14;
  --border:#3e2e1c;
  --border-bright:#5c4226;
  --text:#fbf5e8;
  --muted:#a89880;
  --amber:#c47628;
  --amber-deep:#7a4510;
  --gold:#ffd24a;
  --gold-bright:#fff0a0;
  --gold-deep:#a8761a;
  --purple:#c890ff;
  --purple-deep:#6b3acb;
  --cyan:#5eead4;
  --green:#34d399;
  --red:#ff4d6d;
  --orange:#ff9e3d;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}

body{
  background:
    radial-gradient(ellipse 80% 60% at 18% -10%, rgba(196,118,40,0.28) 0%, transparent 60%),
    radial-gradient(ellipse 70% 50% at 100% 100%, rgba(255,210,74,0.18) 0%, transparent 65%),
    radial-gradient(ellipse 60% 80% at 50% 40%, rgba(120,70,20,0.22) 0%, transparent 70%),
    linear-gradient(160deg, #1f1610 0%, #14100a 55%, #0a0805 100%);
  background-attachment:fixed;
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Malgun Gothic","Segoe UI",Roboto,sans-serif;
  font-size:14px;line-height:1.5;
  -webkit-text-size-adjust:100%;
  overflow-x:hidden;
  min-height:100vh;
  word-break:keep-all;
  overflow-wrap:break-word;
}

body::before{
  content:'';
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    radial-gradient(1.5px 1.5px at 12% 18%, rgba(255,230,160,0.75), transparent),
    radial-gradient(1.5px 1.5px at 28% 72%, rgba(255,200,100,0.65), transparent),
    radial-gradient(1.5px 1.5px at 67% 35%, rgba(255,240,180,0.7), transparent),
    radial-gradient(1.5px 1.5px at 85% 80%, rgba(255,220,140,0.6), transparent),
    radial-gradient(1.5px 1.5px at 50% 50%, rgba(255,235,170,0.6), transparent),
    radial-gradient(1.5px 1.5px at 93% 12%, rgba(255,200,100,0.65), transparent);
  opacity:0.75;
  animation:twinkle 6s ease-in-out infinite;
}
@keyframes twinkle{
  0%,100%{opacity:0.6}
  50%{opacity:0.95}
}

/* 페이지 헤더 — h1 + 짧은 설명 (서브페이지 공통) */
.page-header{
  position:relative;z-index:1;
  text-align:center;
  margin:24px auto 32px;
  max-width:760px;
}
.page-header h1{
  margin:0 0 10px;
  font-size:clamp(24px, 4vw, 36px);
  font-weight:900;letter-spacing:-1px;line-height:1.2;
  background:linear-gradient(135deg,#fff5d0 0%,#ffd24a 55%,#c47628 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 30px rgba(255,210,74,0.12);
}
.page-header p{
  margin:0;color:var(--muted);font-size:13px;
  letter-spacing:0.2px;
}
.page-header::after{
  content:'';display:block;
  width:80px;height:2px;margin:14px auto 0;
  background:linear-gradient(90deg, transparent, var(--gold), transparent);
  box-shadow:0 0 10px rgba(255,210,74,0.4);
  border-radius:2px;
}

/* 사이트 푸터 (모든 페이지 공통) */
.site-footer{
  position:relative;z-index:1;
  margin-top:60px;padding:24px 20px 30px;
  border-top:1px solid var(--border);
  text-align:center;color:var(--muted);font-size:12px;
  max-width:1100px;margin-left:auto;margin-right:auto;
}
.site-footer p{margin:4px 0}
.site-footer a{color:var(--muted);text-decoration:none;transition:color .15s}
.site-footer a:hover{color:var(--gold)}

/* 사이트 네비 (페이지 간 이동) */
.site-nav{
  position:relative;z-index:1;
  max-width:1100px;margin:0 auto;
  padding:14px 20px 0;
  display:flex;align-items:center;justify-content:space-between;
  font-size:13px;
}
.site-nav .brand{
  font-weight:900;font-size:14px;letter-spacing:0.5px;text-decoration:none;
  background:linear-gradient(135deg,#fff5d0 0%,#ffd24a 60%,#c47628 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.site-nav .links{display:flex;gap:14px;align-items:center}
.site-nav .links a{
  color:var(--muted);text-decoration:none;font-weight:600;
  transition:color .15s;
}
.site-nav .links a:hover,.site-nav .links a.current{color:var(--gold)}
@media (max-width:540px){
  .site-nav{flex-direction:column;gap:10px;align-items:flex-start}
}