.hnefatafl{--river:#685021;--gold:#a47c35}
.hnefatafl .tafl-intro{padding:56px 0 48px;background:#0b171b;color:#f5ecda;border-bottom:1px solid #6c552e}
.tafl-intro .eyebrow,.tafl-intro .status-note{color:#d3bc8e}
.tafl-intro .eyebrow{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.tafl-intro .game-heading h1{font-size:4.5rem}
.tafl-intro .game-heading>img{width:120px;height:120px;border:1px solid #aa8444}
.tafl-intro .game-summary{max-width:720px;color:#e0ded2}
.tafl-intro .link-row a:not(.button){color:#ebc783}
.tafl-intro .button.gold{background:#ebc783}
.tafl-screenshot{margin:0}
.tafl-screenshot-frame{aspect-ratio:1656/1202;overflow:hidden;border:1px solid #756341;border-radius:5px}
/* Keep the iPad status bar outside the website screenshot's visible frame. */
.tafl-screenshot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.tafl-screenshot figcaption{margin-top:12px;font-size:.875rem;color:var(--muted)}
.hnefatafl .game-details{background:#f7f3eb}
.hnefatafl .site-header{border-top-color:#685021}
.hnefatafl .support-band .link-row{margin-top:22px}
.game-feature+.game-feature{margin-top:38px;padding-top:38px;border-top:1px solid var(--line)}
@media(max-width:700px){.tafl-intro .game-heading h1{font-size:3rem}.tafl-intro .game-heading>img{width:80px;height:80px}.hnefatafl .tafl-intro{padding:36px 0}.tafl-intro .eyebrow{font-size:.72rem;letter-spacing:.05em}}
@media(max-width:360px){.tafl-intro .game-heading h1{font-size:2.5rem}}