.dungeon-chronicle{margin-top:18px;padding:14px;border:1px solid #2e3639;background:linear-gradient(145deg,rgba(31,38,40,.96),rgba(17,21,23,.98));box-shadow:0 10px 30px rgba(0,0,0,.18)}
.chronicle-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:11px}.chronicle-head small{display:block;color:#9d8965;font-size:.62rem;letter-spacing:.14em}.chronicle-head h3{margin:3px 0 0;color:#e5d6b6;font-size:1rem}.chronicle-head>span{color:#9eb9aa;font-size:.7rem}
.chronicle-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:12px}.chronicle-tabs button{padding:8px 2px;border:1px solid #363f42;background:#171c1e;color:#827d72;font-size:.68rem}.chronicle-tabs button.active{border-color:#947849;background:#29271f;color:#e8cf98}
.chronicle-dungeons{display:grid;gap:6px}.chronicle-dungeons article{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;padding:9px;border-left:2px solid #41494b;background:rgba(8,12,13,.42)}.chronicle-dungeons article>span{color:#626b6d}.chronicle-dungeons article.cleared{border-left-color:#7c9b89}.chronicle-dungeons article.cleared>span{color:#9dc4ae}.chronicle-dungeons b,.chronicle-dungeons small{display:block}.chronicle-dungeons b{color:#d8d0c1;font-size:.76rem}.chronicle-dungeons small{margin-top:3px;color:#747c7d;font-size:.58rem}
.chronicle-sets{margin-top:12px;padding:10px;background:rgba(11,15,16,.48)}.chronicle-sets>small{display:block;margin-bottom:8px;color:#837b6e;font-size:.58rem}.chronicle-sets>div{display:grid;grid-template-columns:74px 1fr 28px;align-items:center;gap:7px;margin-top:7px}.chronicle-sets b{color:#cfc1a5;font-size:.64rem}.chronicle-sets span{height:4px;background:#313638;overflow:hidden}.chronicle-sets i{display:block;height:100%;background:linear-gradient(90deg,#6f8f7e,#d0ad69)}.chronicle-sets em{color:#9b9488;font-size:.6rem;font-style:normal;text-align:right}
.chronicle-milestones{display:grid;gap:7px;margin-top:12px}.chronicle-milestones article{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px;border:1px solid #333a3c}.chronicle-milestones article.ready{border-color:#8d7243;background:rgba(112,83,38,.12)}.chronicle-milestones article.claimed{opacity:.65}.chronicle-milestones b,.chronicle-milestones small,.chronicle-milestones em{display:block}.chronicle-milestones b{color:#ddd0b5;font-size:.72rem}.chronicle-milestones small{margin-top:3px;color:#817c72;font-size:.57rem}.chronicle-milestones em{margin-top:5px;color:#b39a6e;font-size:.58rem;font-style:normal}.chronicle-milestones button{min-width:60px;padding:8px 6px;border:1px solid #987b46;background:#302819;color:#e8cf98;font-size:.62rem}.chronicle-milestones button:disabled{border-color:#3a4142;background:#1d2223;color:#686f70}.chronicle-note{display:block;margin-top:10px;color:#696f70;font-size:.56rem;line-height:1.55}