/* 게임 하단 공략 텍스트 영역 공통 CSS - 모던 핀테크 스타일 */
.game-guide {
  margin: 40px auto 60px; max-width: 720px;
  background: #fff; padding: 40px; border-radius: 24px;
  border: 1px solid #f1f5f9; font-family: 'Pretendard', sans-serif;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.03);
}
.game-guide h2 { font-size: 22px; font-weight: 800; color: #0f172a; margin: 0 0 16px; letter-spacing: -0.5px; }
.guide-intro { font-size: 15px; color: #64748b; line-height: 1.6; margin: 0 0 32px; word-break: keep-all; }

.guide-grid { display: flex; flex-direction: column; gap: 24px; margin-bottom: 40px; }
.guide-card {
  background: #f8fafc; padding: 24px; border-radius: 16px; border: 1px solid #f1f5f9;
}
.guide-card h3 { font-size: 17px; font-weight: 700; color: #0f172a; margin: 0 0 12px; }
.guide-card p, .guide-card ul { font-size: 15px; color: #475569; line-height: 1.6; margin: 0; }
.guide-card ul { padding-left: 20px; }
.guide-card li { margin-bottom: 8px; }
.guide-card li:last-child { margin-bottom: 0; }

.game-faq h3 { font-size: 19px; font-weight: 700; color: #0f172a; margin: 0 0 16px; border-top: 1px solid #f1f5f9; padding-top: 32px; }
details { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; margin-bottom: 12px; overflow: hidden; }
summary {
  padding: 18px 20px; font-size: 15px; font-weight: 600; color: #1e293b; cursor: pointer; list-style: none;
  display: flex; justify-content: space-between; align-items: center; user-select: none;
}
summary::-webkit-details-marker { display: none; }
summary::after { content: '+'; font-size: 20px; color: #94a3b8; font-weight: 300; transition: transform 0.2s; }
details[open] summary::after { transform: rotate(45deg); }
details p { padding: 0 20px 20px; margin: 0; font-size: 14px; color: #64748b; line-height: 1.6; border-top: 1px solid #f1f5f9; padding-top: 16px; }

@media(max-width: 600px) {
  .game-guide { padding: 24px; margin-top: 32px; }
  .guide-card { padding: 20px; }
  .game-guide h2 { font-size: 20px; }
}