.achievement-goals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 22px;
}
.achievement-goals > * { min-width: 0; margin: 0; border-radius: 5px; }
.achievement-goals .ambition,
.achievement-goals .atlas-horizon { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 22px; }
.achievement-goals .ambition h2,
.achievement-goals .atlas-horizon h2 { font-size: 22px; line-height: 1.5; letter-spacing: 0; }
.achievement-goals .ambition-meters { gap: 15px; }
.achievement-goals .atlas-progress { grid-template-columns: minmax(0, 1fr); gap: 15px; }
.achievement-goals .ambition-meters > div > span,
.achievement-goals .atlas-progress > div > span { font-size: 12px; flex-wrap: wrap; }
.achievement-goals .league-panel .panel-head { align-items: flex-start; flex-wrap: wrap; gap: 8px; }
.achievement-goals .league-requirements { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.achievement-goals .ad-mariner { padding: 22px; }
.achievement-goals .ad-map-head { flex-wrap: wrap; gap: 12px; }
.achievement-goals .ad-milestones { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.achievement-goals .ad-milestones button { color: #35586c; font-size: 12px; }
.achievement-goals .ad-milestones b { color: #6d5946; }
.relic-collection-head,
.relic-equipment-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.relic-collection-head h2 { font: 23px/1.5 var(--display); color: #294b60; margin: 0; }
.relic-collection-head > span,
.relic-equipment-head > span { font-size: 12px; color: #5b707b; }
.relic-unknown { display: grid; grid-template-columns: 148px minmax(0, 1fr); align-items: center; gap: 24px; padding: 24px; margin-top: 20px; }
.relic-unknown figure { margin: 0; }
.relic-sealed-chest { display: block; width: 100%; height: 132px; object-fit: contain; }
.relic-unknown h2,
.chronicle-empty h2 { font: 22px/1.6 var(--display); color: #294b60; margin: 0 0 8px; }
.relic-unknown p,
.chronicle-empty p { font-size: 13px; line-height: 1.8; color: #607580; margin: 0 0 16px; }
#relic-collection .ad-relic-grid,
#ship-relics .ad-relic-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#relic-collection .ad-relic,
#ship-relics .ad-relic { display: flex; flex-direction: column; padding: 20px; }
#relic-collection .ad-relic > .btn,
#ship-relics .ad-relic > .btn { margin-top: auto; }
#relic-collection .ad-families,
#ship-relics .ad-families { grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); gap: 12px; }
#relic-collection .ad-families .panel,
#ship-relics .ad-families .panel { padding: 16px; }
.collection-complete { padding: 15px 0; color: #385d55; }
.chronicle-empty { padding: 26px; }
.chronicle-history-link { margin-top: 20px; }
[data-page="archive"] .log-entry { grid-template-columns: 66px minmax(0, 1fr); gap: 14px; }
[data-page="archive"] .log-entry time { white-space: nowrap; }
[data-page="archive"] .log-entry p { overflow-wrap: anywhere; }
[data-page="achievements"] > .tabs,
[data-page="archive"] > .tabs { flex-wrap: wrap; gap: 8px 18px; }
@media (max-width: 1100px) {
  .achievement-goals { grid-template-columns: minmax(0, 1fr); }
  #relic-collection .ad-relic-grid,
  #ship-relics .ad-relic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .achievement-goals { gap: 14px; }
  .achievement-goals .ambition,
  .achievement-goals .atlas-horizon,
  .achievement-goals .ad-mariner { padding: 18px; }
  .achievement-goals .ambition h2,
  .achievement-goals .atlas-horizon h2 { font-size: 20px; }
  .achievement-goals .league-requirements { grid-template-columns: minmax(0, 1fr); }
  .relic-unknown { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 20px; }
  .relic-unknown figure { width: 110px; }
  .relic-sealed-chest { height: 90px; }
  .relic-unknown .inline-actions { align-items: stretch; flex-direction: column; }
  #relic-collection .ad-relic-grid,
  #ship-relics .ad-relic-grid { grid-template-columns: minmax(0, 1fr); }
  [data-page="archive"] .log-list { padding-inline: 14px; }
  [data-page="archive"] .log-entry { grid-template-columns: 54px minmax(0, 1fr); gap: 10px; }
  .chronicle-empty { padding: 20px; }
}