.relic-temper { display:grid; gap:.55rem; margin:1rem 0; padding:1rem; border:1px solid #c9a75b45; border-radius:12px; background:#c9a75b09; }
.relic-temper p { margin:0; line-height:1.6; }
.relic-temper button { width:100%; min-height:48px; }
.relic-temper progress { appearance:none; width:100%; height:9px; overflow:hidden; border:0; border-radius:6px; background:#293c40; }
.relic-temper progress::-webkit-progress-bar { background:#293c40; }
.relic-temper progress::-webkit-progress-value { background:#d0b475; border-radius:6px; }
.relic-temper progress::-moz-progress-bar { background:#d0b475; border-radius:6px; }
.relic-temper-compact { margin:.65rem 0 0; padding:.7rem; }
.battle-relics .relic-use { min-width:0; flex:1 1 240px; }
.battle-relics .relic-use > button { width:100%; min-height:52px; }
.relic-card .actions { margin-top:1rem; }
.legacy-atlas-filters { display:flex; flex-wrap:wrap; gap:1rem; align-items:end; margin:1.5rem 0; }
.legacy-atlas-filters label { display:grid; gap:.45rem; flex:1 1 220px; min-width:0; }
.legacy-atlas-filters input,.legacy-atlas-filters select { width:100%; min-height:44px; padding:.65rem .8rem; border:1px solid #a6bebc50; border-radius:8px; background:#17292b; color:#e8eded; font:inherit; color-scheme:dark; }
.legacy-atlas-filters input:focus,.legacy-atlas-filters select:focus { outline:2px solid #d5b773; outline-offset:2px; }
.legacy-atlas-filters option { background:#17292b; color:#e8eded; }
.legacy-atlas-carry { padding:1rem; border:1px solid #cbb77650; background:#b9a2630a; border-radius:10px; }
.legacy-atlas-carry .row { flex-wrap:wrap; gap:.6rem; }
.legacy-atlas-carry h3,.legacy-atlas-carry p { margin:.3rem 0; line-height:1.65; }
.legacy-atlas-card.is-selected { border-color:#d0b679; box-shadow:inset 0 0 0 1px #d0b67940; }
.legacy-atlas-choice { display:grid; gap:.5rem; margin-top:1rem; }
.legacy-atlas-choice button { width:100%; min-height:44px; }
.legacy-atlas-choice small { color:#afc0c4; }
.legacy-atlas-card .legacy-atlas-choice { margin-top:auto; padding-top:1rem; }
.legacy-atlas-progress { color:#d3bc80!important; }
.legacy-atlas-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.legacy-atlas-card { display:flex; flex-direction:column; min-width:0; }
.legacy-atlas-card .row { flex-wrap:wrap; gap:.5rem; }
.legacy-atlas-card.is-locked { border-color:#7e888344; }
.legacy-atlas-unlock { border-top:1px solid #baa36935; padding-top:.75rem; margin-top:1rem; font-size:.88em; }
.legacy-atlas-unlock p { color:#b1c4c6; line-height:1.6; }
@media(max-width:800px) { .legacy-atlas-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:550px) { .legacy-atlas-grid { grid-template-columns:1fr; } }
@media(max-width:480px) { .relic-temper { padding:.75rem; } .battle-relics .relic-use { flex-basis:100%; } }