/* Shared editorial styles; game HUD and engine remain independent. */
a { color:#9bb1ff; text-underline-offset:3px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline:3px solid #ffd166; outline-offset:4px; }
.home-nav { max-width:1040px; margin:auto; padding:22px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #2c3550; }
.home-nav a { text-decoration:none; font-size:13px; }
.home-nav .home-brand { font-size:18px; font-weight:800; color:#eef1f8; white-space:nowrap; }
.home-nav div { display:flex; flex-wrap:wrap; gap:18px; }
.home-hero { max-width:1000px; margin:auto; padding:44px 24px 24px; text-align:center; }
.eyebrow { color:#ffd166; font-size:12px; font-weight:700; letter-spacing:.06em; margin-bottom:14px; }
.home-hero h1 { font-size:clamp(32px,5vw,52px); line-height:1.2; letter-spacing:-.04em; }
.home-hero h1 span { color:#aabaff; }
.hero-copy { color:#b5bfd6; font-size:16px; line-height:1.8; margin:18px auto; }
.hero-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:20px; margin-top:24px; }
.hero-actions .btn-start { padding:16px 30px; }
.guide-action { font-size:14px; }
.hero-note { color:#9ca8c3; font-size:12px; margin-top:16px; }
.game-preview { margin:32px 0 0; background:#1a2030; border:1px solid #3a4568; border-radius:16px; overflow:hidden; }
.game-preview img, .guide-figure img { display:block; width:100%; height:auto; }
figcaption { font-size:12px; line-height:1.7; color:#aab4cf; padding:12px 16px; }
.feature-strip { display:flex; justify-content:center; gap:10px 26px; flex-wrap:wrap; margin:20px 0 0; color:#b6c1db; font-size:13px; }
.seo { max-width:860px; }
.seo h2 { margin-top:32px; }
.example-box { background:#161d30; border:1px solid #39496c; border-radius:16px; padding:24px; margin:28px 0; scroll-margin-top:90px; }
.example-box h2 { margin-top:0; }
.sample-list { background:#0f1422; border:1px solid #364060; border-radius:10px; padding:16px 20px; white-space:pre-wrap; overflow-wrap:anywhere; color:#e4eafa; font:14px/1.8 'Malgun Gothic',sans-serif; }
.guide-figure { margin:22px 0; border:1px solid #3a4568; border-radius:12px; overflow:hidden; background:#10141f; }
main table { width:100%; table-layout:fixed; overflow-wrap:anywhere; }
main img { max-width:100%; }
@media(max-width:700px) {
  .home-nav { padding:18px 16px; align-items:flex-start; flex-direction:column; gap:14px; }
  .home-nav div { gap:12px 16px; }
  .home-hero { padding:30px 16px 18px; }
  .hero-copy { font-size:14px; }
  .hero-actions { gap:16px; }
  .hero-actions .btn-start { width:100%; }
  .game-preview { margin-top:24px; }
  .example-box { padding:16px; }
  .feature-strip { font-size:12px; }
}