.site-header, .site-footer, .home { width: min(100%, 1000px); margin-inline: auto; }
.site-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0 20px; }
.site-brand { font-size:1.4rem; font-weight:850; letter-spacing:-.06em; text-decoration:none; color:var(--charcoal); white-space:nowrap; }
.site-brand span { color:var(--baltic); margin-left:3px; }
.site-header nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px 16px; }
.site-header nav a { display:flex; align-items:center; min-height:44px; color:var(--charcoal); font-size:.875rem; text-underline-offset:5px; text-decoration:none; }
.site-header nav a[aria-current="page"] { color:var(--baltic); text-decoration:underline; font-weight:700; }
.site-header a:hover, .help-link:hover { text-decoration:underline; }
a:focus-visible { outline:3px solid var(--charcoal); outline-offset:4px; }
.skip-link { position:absolute; left:12px; top:-100px; padding:12px; background:white; z-index:10; }
.skip-link:focus { top:12px; }
.site-footer { display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:space-between; border-top:1px solid var(--border); margin-top:32px; padding:20px 0; color:var(--muted); font-size:.75rem; line-height:1.6; }
.site-footer a { color:var(--charcoal); }
.home { padding:22px 0 4px; }
.home-intro { max-width:650px; padding:0 0 32px; }
.home-intro h1 { font-size:clamp(2.4rem,6vw,4rem); margin:12px 0 18px; line-height:1.06; }
.home-intro > p:last-child { max-width:52ch; line-height:1.7; font-size:1.0625rem; }
.featured-game { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:24px; align-items:center; padding:32px; background:white; border:1px solid var(--border); border-radius:20px; box-shadow:0 8px 24px rgb(35 58 45 / 5%); }
.game-illustration { display:grid; justify-items:center; gap:12px; }
.home-wheel { width:min(100%,280px); height:auto; }
.game-illustration > span { font-size:.7rem; color:var(--muted); }
.featured-copy h2 { font-size:2rem; margin:8px 0 12px; }
.featured-copy p { line-height:1.65; margin-bottom:12px; }
.play-link { display:inline-flex; gap:18px; align-items:center; min-height:48px; padding:12px 18px; margin:10px 0; background:var(--baltic); color:white; border-radius:10px; text-decoration:none; font-weight:650; }
.play-link:hover { background:var(--charcoal); }
.help-link { display:block; width:fit-content; padding:10px 0; color:var(--baltic); }
.home-notes { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding-top:28px; font-size:.875rem; line-height:1.7; }
.home-notes strong { color:var(--charcoal); }
#how-to-play:target { grid-column:1 / -1; }
#how-to-play:target .intro { display:block; }
@media(max-width:559px) {
 .site-header { gap:8px; padding:0 0 8px; }
 .site-header nav { gap:10px; }
 .site-header nav a { font-size:.75rem; }
 .site-brand { font-size:1.2rem; }
 .home { padding-top:20px; }
 .featured-game { grid-template-columns:1fr; padding:22px; gap:24px; }
 .home-wheel { width:190px; }
 .home-notes { grid-template-columns:1fr; gap:16px; }
}