@keyframes srdCardIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.srd-card{animation:none!important}}.srd-card{border:1px solid var(--border-default);border-radius:6px;overflow:hidden;background:var(--bg-surface);cursor:pointer;transition:box-shadow .12s,border-color .12s;animation:srdCardIn .2s ease both}.srd-card:hover{box-shadow:0 2px 16px #0000001a;border-color:var(--border-strong)}.srd-card .card-row{display:flex;align-items:center;min-height:80px}.srd-card .card-thumb{width:80px;height:80px;flex-shrink:0;overflow:hidden;position:relative}.srd-card .card-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px}.srd-card .card-main{flex:1;padding:10px 10px 10px 14px;min-width:0}.srd-card .srd-name{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.srd-card .srd-meta{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:3px}.srd-card .card-chips{display:flex;gap:5px;flex-shrink:0;padding:0 8px;align-items:center}.srd-card .chip{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;background:var(--bg-strip);color:var(--text-secondary);border:1px solid var(--border-default);white-space:nowrap}.srd-card .card-chevron{padding:0 14px 0 4px;font-size:13px;color:var(--text-muted);flex-shrink:0;transition:transform .25s var(--ease-out),color .15s}.srd-card.open .card-chevron{transform:rotate(180deg);color:var(--accent)}.srd-card .srd-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease-out)}.srd-card .srd-detail-inner{overflow:hidden;padding:0 16px;border-top:0px solid var(--border-default)}.srd-card.open .srd-detail{grid-template-rows:1fr}.srd-card.open .srd-detail-inner{padding:16px;border-top-width:1px}.srd-card .srd-row{display:flex;gap:8px;margin-bottom:5px;font-size:12px;line-height:1.5}.srd-card .srd-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-transform:uppercase;min-width:96px;flex-shrink:0;padding-top:1px}.srd-card .srd-desc{margin-top:10px;font-size:13px;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap}.srd-card .stat-top{background:var(--accent-tint);border-left:3px solid var(--accent);border-radius:0 4px 4px 0;padding:8px 12px;margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.srd-card .stat-row-inline{display:flex;justify-content:space-between;font-size:13px;line-height:1.5}.srd-card .stat-row-inline span{color:var(--text-secondary)}.srd-card .stat-row-inline strong{color:var(--text-body)}.srd-card .stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin:0 0 12px;text-align:center;border:1px solid var(--border-default);border-radius:4px;overflow:hidden}.srd-card .stat-grid>div{padding:6px 2px;border-right:1px solid var(--border-default)}.srd-card .stat-grid>div:last-child{border-right:none}.srd-card .stat-abbr{font-family:var(--font-mono);font-size:9px;color:var(--accent);text-transform:uppercase;font-weight:600}.srd-card .stat-score{font-size:15px;font-weight:700;color:var(--text-body)}.srd-card .stat-mod{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.srd-card .stat-props{margin-bottom:8px}.srd-card .action-section{margin-top:12px}.srd-card .action-heading{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:4px;margin-bottom:8px}.srd-card .action-item{font-size:13px;line-height:1.65;color:var(--text-secondary);margin-bottom:8px}.srd-card .action-item strong{color:var(--text-body)}.srd-browse{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px 16px}.srd-browse a{display:flex;justify-content:space-between;gap:8px;align-items:baseline;padding:5px 2px;font-size:13px;color:var(--text-secondary);text-decoration:none;border-bottom:1px solid transparent}.srd-browse a:hover{color:var(--accent);border-bottom-color:var(--border-default)}.srd-browse a span{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);white-space:nowrap}.facet-pill{font-family:var(--font-mono);font-size:11px;padding:4px 10px;border-radius:100px;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);text-decoration:none;transition:border-color .12s,color .12s,background .12s}.facet-pill:hover{border-color:var(--accent);color:var(--accent)}.facet-pill.active{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.srd-card .srd-card-link{display:inline-block;margin-top:12px;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--accent);text-decoration:none}.srd-card .srd-card-link:hover{text-decoration:underline}.srd-statblock{cursor:default;animation:none}.srd-statblock:hover{box-shadow:none;border-color:var(--border-default)}.srd-statblock .srd-statblock-inner{padding:16px}.srd-statblock .srd-desc{margin-top:0}.srd-statblock .srd-desc+.srd-desc{margin-top:10px}