html { color: #292117; background: #f4eddb; font-family: system-ui, sans-serif; }
body { margin: 0; }
main { max-width: 43rem; margin: 2rem auto; padding: clamp(1rem, 4vw, 2rem); background: #fffaf0; border: 1px solid #d4c19a; }
nav { display: flex; gap: 1rem; flex-wrap: wrap; padding-bottom: 1rem; border-bottom: 1px solid #d4c19a; }
a { color: #704e1a; text-underline-offset: .16em; }
h1, h2 { font-family: Georgia, serif; }
h2 { font-size: 1.2rem; margin: 1.45rem 0 .4rem; }
p { line-height: 1.6; margin: .4rem 0 .8rem; }
footer { margin-top: 1.8rem; font-size: .85rem; }

.game-intro { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-block: 1.2rem; }
.game-intro img { border-radius: .55rem; }
.game-intro p { color: #704e1a; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.game-intro h1 { margin: 0; }
.game-play { display: inline-block; margin-top: .5rem; padding: .55rem .85rem; background: #f0dfb2; border-radius: .3rem; font-weight: 700; }
ul { margin: .2rem 0 1rem; padding-left: 1.2rem; line-height: 1.55; }
.game-faq dt { margin-top: 1rem; font-weight: 700; }
.game-faq dd { margin: .25rem 0 0; line-height: 1.55; }