.mechanics{padding:var(--hud-space-6) 0;border-top:var(--hud-border-width) solid var(--hud-border-subtle)}
.mechanicsIntro{max-width:680px;color:var(--hud-text-muted);line-height:var(--hud-leading);margin:var(--hud-space-6) 0}
.mechanicsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--hud-space-4)}
.mechanicCard{padding:var(--hud-space-6);min-width:0;display:flow-root}
.mechanicCard .eyebrow{font-family:var(--hud-font-label);font-size:var(--hud-text-xs);line-height:var(--hud-leading);margin:0 0 var(--hud-space-3)}
.mechanicCard h3{margin:0 0 var(--hud-space-3)}
.mechanicCard>p:last-child{color:var(--hud-text-muted);font-family:var(--hud-font-body);line-height:var(--hud-leading);margin:0}
.mechanicSprite{float:right;width:112px;height:112px;object-fit:contain;image-rendering:pixelated;margin:0 0 var(--hud-space-3) var(--hud-space-3)}
@media(max-width:680px){.mechanicsGrid{grid-template-columns:1fr}.mechanicCard{padding:var(--hud-space-4)}.mechanicSprite{width:88px;height:88px}}