body{font-family:Inter,"Segoe UI",Arial,sans-serif}
.brand{letter-spacing:.06em;font-size:.86rem}
.brand small{letter-spacing:.14em}
.setup-copy h1,.battle-head h1,.featured-heading h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:.015em}
.gold-btn{font-family:inherit}
.eyebrow{letter-spacing:.12em}
.hero-faction-title{letter-spacing:.03em}
.featured-faction{letter-spacing:.03em}
.featured-skills small,.featured-story small{letter-spacing:.045em}
.setup-copy>p:not(.eyebrow),.featured-skills p,.featured-story p,.help-card p,.help-card li{line-height:1.65}
.hero-choice small{font-size:.68rem}
.computer-badge{white-space:nowrap}
.setup-copy>.setup-launch{display:none}
.game-over-card h2{margin:12px 0 20px;color:#efd48d;font-size:clamp(1.3rem,4vw,1.9rem);line-height:1.45}
.game-over-card>.quiet-btn{width:100%;margin-top:9px}
@media(min-width:901px){.setup-copy>.setup-launch{display:block;width:min(100%,340px);margin:20px 0 0}.setup-panel>.setup-launch{display:none}}
@media(max-width:900px){.setup-panel>.setup-launch{display:block}.setup-copy>.setup-launch{display:none}}
/* English and other non-Chinese locales use smaller card type with roomier cards. */
.card{flex-basis:124px;height:156px;padding:10px 9px}
.card b{font-size:.76rem;line-height:1.2;margin-top:5px}
.card small{font-size:.62rem;line-height:1.25;-webkit-line-clamp:5}
.card.special{flex-basis:134px;height:170px}
.card.special b{font-size:.68rem;line-height:1.2;min-height:2.4em}
.card.special small{font-size:.57rem;line-height:1.25;-webkit-line-clamp:5}
@media(max-width:760px){.setup-copy{text-align:left}.setup-copy .feature-stamps{justify-content:flex-start}.featured-heading h1{font-size:clamp(2.25rem,9vw,4.2rem)}.card{flex-basis:116px;height:148px}.card.special{flex-basis:124px;height:158px}}
@media(max-width:430px){.card{flex-basis:110px;height:144px;padding:9px 8px}.card b{font-size:.72rem}.card small{font-size:.58rem}.card.special{flex-basis:118px;height:154px}.card.special b{font-size:.64rem}.card.special small{font-size:.54rem}}
