/* Fichas de materiales: mismo lenguaje visual y estructura que el bestiario. */
.material-origin{margin:2.8rem 0 3.5rem}.material-origin[hidden]{display:none}
.origin-heading{display:flex;align-items:center;gap:1rem;margin:0 0 1.2rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.origin-heading>span{font:2.8rem/1 var(--serif);color:var(--gold);opacity:.65}.origin-heading p{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.origin-heading h2{font:1.8rem/1.1 var(--serif);margin:.2rem 0}.origin-heading>b{margin-left:auto;color:var(--muted);font-size:.75rem;font-weight:400;white-space:nowrap}
.material-card-v20{min-height:400px}.material-card-v20 .creature-image{height:280px;background:radial-gradient(ellipse at center,#26232a,#0b0e13 75%)}.material-card-v20 .creature-image img{width:100%;height:100%;object-fit:contain;padding:1rem;filter:drop-shadow(0 12px 16px rgba(0,0,0,.4))}.material-card-v20 .creature-image:after{background:linear-gradient(0deg,#10141b,transparent 28%)}.material-card-v20 .creature-summary{min-height:120px;padding:1rem}.material-card-v20 .creature-summary small{font-size:.65rem;line-height:1.5;display:block}.material-card-v20 .creature-summary h3{font-size:1.5rem}.material-card-v20 .creature-reveal{justify-content:flex-start;overflow-y:auto}.material-card-v20 .creature-reveal h3{font-size:1.8rem}
.material-card-v20:hover .creature-reveal,.material-card-v20:focus-visible .creature-reveal,.material-card-v20.is-open .creature-reveal{pointer-events:auto}
@media(max-width:780px){.material-card-v20 .creature-image{height:250px}.material-card-v20 .creature-summary h3{font-size:1.3rem}.origin-heading h2{font-size:1.5rem}}
@media(max-width:500px){.material-card-v20 .creature-image{height:310px}.material-card-v20{min-height:430px}.origin-heading{flex-wrap:wrap}.origin-heading>b{flex-basis:100%;margin-left:0}.material-controls{padding:1rem}}