.relic-header { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.relic-header h3 { margin:.3rem 0; }
.relic-list { display:grid; gap:1rem; margin-top:1rem; min-width:0; }
.relic-card { min-width:0; border:1px solid #a4956133; border-radius:.6rem; padding:1.1rem; background:#14201780; overflow-wrap:anywhere; }
.relic-card h4 { margin:0; font:700 1.55rem var(--font-serif); color:var(--accent-gold-light); }
.relic-meta { color:var(--text-secondary); font-size:.82rem; line-height:1.6; margin:.4rem 0; }
.relic-reading { margin-top:.8rem; }
.relic-reading summary { cursor:pointer; color:var(--accent-gold-light); }
.relic-reading h5 { color:var(--accent-gold-light); margin:1.1rem 0 .45rem; font-size:.88rem; }
.relic-text { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--text-secondary); line-height:1.7; margin:.4rem 0; }
.relic-secrets { margin-top:1rem; padding:.1rem 1rem .6rem; border-left:2px solid #a4956177; background:#0a110b88; }
.relic-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin-top:1rem; }
.relic-filter { display:flex; align-items:center; gap:.6rem; margin:1rem 0; color:var(--text-secondary); font-size:.85rem; }
.relic-filter input { width:auto; min-height:auto; accent-color:#b6a36d; }
.relic-form { margin-top:1rem; padding:1.1rem; border:1px solid #a4956155; border-radius:.6rem; background:#0d160f; }
.relic-form h4 { margin:0 0 1rem; font:700 1.7rem var(--font-serif); color:var(--accent-gold-light); }
.relic-form fieldset { min-width:0; border:0; padding:0; margin:1rem 0; display:grid; gap:1rem; }
.relic-form legend { font:700 1.2rem var(--font-serif); color:var(--accent-gold-light); margin-bottom:.7rem; }
.relic-form label { display:grid; gap:.45rem; font-size:.9rem; }
.relic-form label+label { margin-top:0; }
.relic-form textarea { min-height:7rem; resize:vertical; }
.relic-form .relic-pair { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.relic-reading summary:focus-visible { outline:2px solid var(--accent-gold-light); outline-offset:4px; }
@media(max-width:600px) { .relic-form .relic-pair { grid-template-columns:1fr; } .relic-card,.relic-form { padding:.9rem; } .relic-actions button { flex:1; } }