.compact-hero{padding:32px 5%;gap:36px;grid-template-columns:1.15fr 1fr;align-items:center}
.compact-hero h1{font-size:clamp(36px,4.3vw,58px);margin-bottom:16px}
.compact-hero .eyebrow{margin-bottom:12px}.compact-hero .lead{font-size:19px;max-width:590px;margin-bottom:12px}
.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-actions .button{margin:4px 0 12px}.hero-actions .return-path{font-size:14px}
.compact-hero .small{margin:0;font-size:13px}.family-overview{margin:0;padding:15px;background:#e1e6e5;border:1px solid #a9b9bf;box-shadow:5px 6px #c6cdd14d}
.family-overview img{display:block;width:100%;height:auto}.family-overview figcaption{text-align:center;font:14px/1.5 Georgia,serif;color:#354d5d;padding-top:8px}
section.game-selection{padding-top:28px;padding-bottom:30px}.selection-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}.selection-heading h2{font-size:32px;margin:0}.selection-heading .eyebrow{margin-bottom:6px}.selection-heading>p{max-width:300px;font-size:14px;margin:0}
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.game-card{display:flex;flex-direction:column;background:#fffdf6;border:1px solid #b5c2c7;border-top:4px solid #829ca9}
.game-card.featured{border-top-color:#ad8b46}.game-art{background:#dce4e5;border-bottom:1px solid #bdc8ca}.game-art svg{display:block;width:100%;height:112px}.art-common{background:#e9e1d3}.art-convoy{background:#dce9eb}
.game-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.game-card .eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:8px}.game-card h3{font:27px/1.15 Georgia,serif;margin-bottom:12px}.game-card p{font-size:16px;margin-bottom:14px}.game-card dl{font-size:13px;line-height:1.5;margin:0 0 20px}.game-card dl div{margin-bottom:10px}.game-card dt{font-weight:bold}.game-card dd{margin:0;color:#445b6a}.game-card .button{margin:auto 0 14px;padding:12px 14px;justify-content:center;min-height:46px}.game-card p.small{font-size:12px;margin:0;line-height:1.6}.turn-intro{margin-top:24px;border-top:1px solid #bac5c9;padding-top:18px}.turn-intro summary{padding:6px 0;font-size:16px;font-weight:bold}.turn-intro>p{margin:16px 0}
@media(max-width:800px){.compact-hero{grid-template-columns:1fr;gap:20px;padding:26px 5%}.family-overview{max-width:560px}.family-overview img{max-height:155px}.game-grid{grid-template-columns:1fr}.game-card{display:grid;grid-template-columns:130px 1fr}.game-art svg{height:100%;min-height:120px}.game-card-body{padding:18px}.selection-heading{display:block}.selection-heading>p{margin-top:10px;max-width:none}.hero-actions{gap:12px}.game-card .button{align-self:start}.turns{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.game-card{display:flex}.game-art svg{height:85px;min-height:0}.family-overview{padding:8px}.family-overview figcaption{font-size:13px}.compact-hero h1{font-size:38px}.turns{grid-template-columns:1fr}.selection-heading h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.elements .element-item{display:flex;align-items:flex-start;gap:20px;padding:17px 0;border-top:1px solid var(--line);font-size:17px}
.elements .element-item>span{padding-top:5px;flex-shrink:0}.elements .element-item strong{font-weight:600}.elements .element-item p{font-size:14px;line-height:1.5;margin:5px 0 0;color:var(--muted)}