.wheel-title-row{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.wheel-title-row h2{flex:1 1 180px;min-width:0}.atlas-entry{display:flex;align-items:center;gap:.5rem;padding:.65rem .8rem;color:#eed69e;background:linear-gradient(135deg,#343a2c,#1d2c2b);border:1px solid #83744c;border-radius:10px;min-height:48px;text-align:left;flex:0 1 auto;max-width:100%;cursor:pointer}.atlas-entry svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.atlas-entry strong,.atlas-entry small{display:block}.atlas-entry strong{font-size:.88rem}.atlas-entry small{font-size:.73rem;color:#b7c2ad;margin-top:3px}.atlas-wheel-note{margin:.6rem 0 1rem;padding:.65rem .85rem;border-left:2px solid #c0a464;background:#243027;color:#e4ce9f;font-size:.86rem;line-height:1.7}.atlas-wheel-note span{font-size:.79rem;color:#bacbb7}
.relic-atlas-dialog{box-sizing:border-box;width:min(980px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:1.2rem;color:#e3e9df;background:linear-gradient(150deg,#213031,#132124);border:1px solid #82764d;border-radius:14px;overflow:auto;overscroll-behavior:contain;box-shadow:0 22px 80px #0008;color-scheme:dark}.relic-atlas-dialog::backdrop{background:#071113bc}.relic-atlas-dialog *{box-sizing:border-box}.relic-atlas-dialog button{min-height:44px;cursor:pointer}.relic-atlas-dialog button:disabled{cursor:default;opacity:.45}.relic-atlas-dialog button:focus-visible,.relic-atlas-dialog input:focus-visible,.relic-atlas-dialog select:focus-visible,.relic-atlas-dialog summary:focus-visible,.atlas-entry:focus-visible{outline:3px solid #e6c881;outline-offset:3px}.atlas-heading{position:sticky;top:-1.2rem;z-index:2;background:#203031;padding:.7rem 0;display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem}.atlas-heading h2{margin:.2rem 0;font-size:1.55rem}.atlas-heading button{white-space:nowrap;padding:.45rem .75rem}.atlas-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;padding:1rem;border:1px solid #796e47;border-radius:10px;background:#2b352a}.atlas-summary>div{min-width:0}.atlas-summary strong{font-size:1.7rem;color:#f0d59a}.atlas-summary strong small{font-size:.8rem;color:#b6c4b1}.atlas-summary p{margin:.3rem 0 0;font-size:.8rem;color:#bfccb8}.atlas-summary progress{grid-column:1/-1;display:block;width:100%;height:7px;appearance:none;border:0;border-radius:4px;overflow:hidden;background:#162522}.atlas-summary progress::-webkit-progress-bar{background:#162522}.atlas-summary progress::-webkit-progress-value{background:#d9b773}.atlas-summary progress::-moz-progress-bar{background:#d9b773}.atlas-summary .atlas-next{grid-column:1/-1;font-size:.78rem;line-height:1.6}.atlas-resonance{margin-top:.8rem;border:1px solid #48594a;border-radius:8px;padding:.7rem .8rem}.atlas-resonance summary{font-size:.84rem;color:#e8cc8c;cursor:pointer;min-height:28px}.atlas-resonance>p{font-size:.82rem;margin:.6rem 0}.atlas-nine-qi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.atlas-nine-qi article{padding:.55rem;background:#1b2b2b;border-radius:6px;min-width:0}.atlas-nine-qi strong{color:#e8ce94;font-size:.85rem}.atlas-nine-qi p{font-size:.75rem;line-height:1.6;margin:.35rem 0 0;color:#b9cabc}.atlas-tier-counts{display:flex;flex-wrap:wrap;gap:.45rem;margin:.85rem 0}.atlas-tier-counts span{font-size:.75rem;padding:.25rem .5rem;background:#2c3a32;border-radius:5px;color:#c6d3c0}.atlas-filters{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.7rem}.atlas-filters label{min-width:0;font-size:.8rem;color:#becdbc;display:grid;gap:.35rem}.atlas-filters input,.atlas-filters select{width:100%;min-width:0;height:44px;padding:.55rem .65rem;background:#172729;border:1px solid #506254;border-radius:7px;color:#e0e9dc;font-size:.85rem;color-scheme:dark}.atlas-filters option{color:#e0e9dc;background:#172729}.atlas-result-count{font-size:.78rem;color:#b9c8b9;margin:.8rem 0}.atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.atlas-card{min-width:0;padding:.85rem;border:1px solid #44584f;border-radius:9px;background:#18282a;overflow-wrap:anywhere}.atlas-card.is-recorded{border-color:#97814e;background:linear-gradient(145deg,#2a342a,#1c2c29)}.atlas-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.atlas-card h3{font-size:1rem;margin:0;color:#e7eade}.atlas-tier{font-size:.69rem;white-space:nowrap;color:#e3c681;border:1px solid #716643;padding:.22rem .4rem;border-radius:5px}.atlas-card-state{font-size:.73rem;color:#91a89a;margin:.5rem 0}.is-recorded .atlas-card-state{color:#d9c591}.atlas-effect{font-size:.84rem;line-height:1.7;color:#c3d1c3;margin:.55rem 0}.atlas-source{font-size:.72rem;line-height:1.6;color:#a6b9a9;margin:.6rem 0 0;border-top:1px solid #3d5040;padding-top:.5rem}.atlas-pagination{display:flex;justify-content:center;align-items:center;gap:.8rem;margin:1rem 0 .2rem}.atlas-pagination span{font-size:.8rem;color:#bbcab9}.atlas-pagination button{padding:.45rem .8rem;background:#2b4035;border:1px solid #61795f;border-radius:7px;color:#e3e9df}.atlas-empty{grid-column:1/-1;padding:1.2rem;border:1px dashed #647361;border-radius:8px;font-size:.85rem;line-height:1.7;color:#bcccbc}
@media(max-width:620px){.relic-atlas-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:.8rem;border-radius:10px}.atlas-heading{top:-.8rem;align-items:flex-start;gap:.5rem}.atlas-heading h2{font-size:1.2rem}.atlas-heading button{font-size:.78rem;padding:.45rem .55rem}.atlas-summary{padding:.75rem;gap:.5rem}.atlas-summary strong{font-size:1.25rem}.atlas-summary strong small{font-size:.66rem}.atlas-summary p{font-size:.69rem}.atlas-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.atlas-filters label:first-child{grid-column:1/-1}.atlas-grid{grid-template-columns:1fr}.atlas-nine-qi{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-card{padding:.75rem}.atlas-entry{padding:.55rem .65rem}.atlas-pagination{gap:.65rem}.atlas-tier-counts{gap:.35rem}}
@media(prefers-reduced-motion:reduce){.relic-atlas-dialog *{scroll-behavior:auto}}
.atlas-card .relic-art{height:112px;margin:.5rem 0;background:transparent}.atlas-card .art-relic{width:108px;height:108px;animation:none}.atlas-card .art-ring{width:90px;left:calc(50% - 45px);top:11px}.atlas-card .art-mote{display:none}.atlas-card.is-unrecorded .relic-art{filter:saturate(.5);opacity:.75}