/* UX/UI readability pass */
.game-shell{max-width:980px}
.question-card>h1{max-width:none;font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.24;margin:28px 0 34px}
.question-meta{flex-wrap:wrap}.question-meta span{font-size:11px;line-height:1.35}
.answers{gap:15px}
.answer{min-height:92px;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px 18px}
.answer>b{width:40px;height:40px;font-size:14px}
.answer>span:nth-child(2){min-width:0;font-size:clamp(1.0625rem,1.2vw,1.2rem);line-height:1.42;font-weight:750;overflow-wrap:anywhere}
.answer>span:nth-child(3){grid-column:2;font-size:12px;line-height:1.3;font-weight:800}
.answer>span:last-child:nth-child(2){font-size:clamp(1.0625rem,1.2vw,1.2rem)}
.answer.muted{opacity:.72}
.game-hud small{font-size:11px}.hud-stats{flex-wrap:wrap;font-size:13px}
.explanation p{font-size:17px;line-height:1.65}
.source-card small,.source-card p{font-size:13px;line-height:1.55}
.feedback .primary.wide{min-height:56px;font-size:16px}
@media(max-width:900px){.answers{grid-template-columns:1fr}}
@media(max-width:700px){
body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
.game-shell{padding:0 12px}.game-hud{align-items:flex-start;gap:10px}
.hud-stats{justify-content:flex-end}.hud-stats span{font-size:11px;line-height:1.25;padding:6px 7px}
.question-card{padding:24px 18px}.question-card>h1{font-size:clamp(1.45rem,6.4vw,1.85rem);line-height:1.27;margin:24px 0 28px}
.answer{min-height:88px;padding:16px}
.answer>span:nth-child(2),.answer>span:last-child:nth-child(2){font-size:1.125rem;line-height:1.45}
.answer-help{font-size:13px;line-height:1.5}.site-header nav{grid-template-columns:repeat(2,1fr)}.site-header nav button{font-size:12px}
}
@media(max-width:380px){
.game-hud{display:grid}.hud-stats{justify-content:flex-start}
.answer{grid-template-columns:40px minmax(0,1fr);padding:14px;gap:12px}
.answer>span:nth-child(2),.answer>span:last-child:nth-child(2){font-size:1.0625rem}
}