.monster-section{grid-column:1/-1;border-top:1px solid var(--line);padding-block:40px 20px}
.monster-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.monster-card{min-width:0;border:1px solid var(--line);background:linear-gradient(180deg,#12373266,#061f2166)}
.monster-art{aspect-ratio:1;display:grid;place-items:center;padding:15px;background:radial-gradient(ellipse,#6372923a,transparent 70%)}
.golem .monster-art{background:radial-gradient(ellipse,#bda15b35,transparent 70%)}.dragon .monster-art{background:radial-gradient(ellipse,#be54393b,transparent 70%)}
.monster-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px #0004)}
.monster-copy{padding:12px 24px 28px}.monster-number{font-size:11px;letter-spacing:3px;color:var(--muted)}
.monster-copy h3{font-family:Georgia,serif;font-size:32px;font-weight:400;color:var(--cream);line-height:1.2;margin:8px 0 20px}
.monster-trait{font-size:15px;color:var(--gold);border-block:1px solid var(--line);padding-block:12px;line-height:1.8;margin-bottom:18px}
.monster-description{font-size:15px;color:var(--muted);line-height:1.95;text-wrap:pretty;margin:0}
@media(min-width:701px) and (max-width:950px){.monster-roster{grid-template-columns:1fr}.monster-card{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center}.monster-copy{padding:25px}.monster-art{padding:12px}}
@media(max-width:700px){.monster-roster{grid-template-columns:1fr;gap:25px}.monster-art{max-width:360px;width:100%;margin-inline:auto}.monster-copy{padding:5px 25px 30px}.monster-section{padding-top:30px}}