/* 게임 소개, 플레이 방법, 도감, 자주 묻는 질문, 개인정보 처리방침이 함께 쓴다. */
:root { color-scheme: dark; }
body { margin: 0; background: #0d0b14; color: #f4efe6; font: 16px/1.75 system-ui, 'Malgun Gothic', sans-serif; word-break: keep-all; overflow-wrap: break-word; }
a { color: #7fb0ff; }
.site-nav { background: #15111f; border-bottom: 1px solid #2b2445; }
.site-nav ul { max-width: 760px; margin: 0 auto; padding: 10px 20px; list-style: none; display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; }
.site-nav li:first-child { margin-right: auto; }
.site-nav a { color: #c9c3d6; text-decoration: none; font-size: 15px; }
.site-nav a:hover, .site-nav a[aria-current='page'] { color: #f2c14e; }
.site-nav .home { color: #f2c14e; font-weight: 700; font-size: 17px; }
main { max-width: 760px; margin: 0 auto; padding: 28px 20px 48px; }
h1 { color: #f2c14e; font-size: 28px; line-height: 1.3; margin: 0 0 6px; }
h2 { color: #f2c14e; font-size: 20px; margin: 36px 0 8px; }
h3 { color: #ffd98a; font-size: 17px; margin: 22px 0 4px; }
p, ul, ol, table { margin: 8px 0; }
li { margin: 3px 0; }
.lead { color: #c9c3d6; font-size: 17px; }
.updated { color: #9aa4b2; }
table { width: 100%; border-collapse: collapse; }
th, td { border: 1px solid #3a3346; padding: 8px 10px; text-align: left; vertical-align: top; }
th { background: #1d1830; }
kbd { background: #262040; border: 1px solid #5d6675; border-bottom-width: 2px; border-radius: 3px; padding: 0 6px; font: 14px monospace; }
.play { display: inline-block; margin: 14px 0 4px; padding: 10px 22px; background: #f2c14e; color: #1a1423; font-weight: 700; text-decoration: none; border-radius: 3px; }
.play:hover { background: #fff1b0; }
.note { background: #15111f; border-left: 3px solid #f2c14e; padding: 10px 14px; margin: 14px 0; }
.rare { color: #7fb0ff; }
.unique { color: #c99bff; }
.site-footer { max-width: 760px; margin: 0 auto; padding: 18px 20px 40px; border-top: 1px solid #2b2445; color: #9aa4b2; font-size: 14px; }
.site-footer a { color: #9aa4b2; }
@media (max-width: 520px) {
  body { font-size: 15px; }
  h1 { font-size: 24px; }
  th, td { padding: 6px 7px; }
}