.career-panel{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:0 0 24px;
}

.mission-card{
  position:relative;
  display:grid;
  gap:5px;
  min-height:92px;
  padding:15px 16px;
  overflow:hidden;
  border:1px solid #59483e;
  color:#eee3d7;
  background:linear-gradient(145deg,#2b221e,#1c1714);
  font-family:inherit;
  text-align:left;
  cursor:pointer;
}

.mission-card:after{
  content:'→';
  position:absolute;
  right:14px;
  top:13px;
  color:#c4a264;
  font:600 13px IBM Plex Mono,monospace;
}

.mission-card:hover{
  border-color:#947359;
  transform:translateY(-1px);
}

.mission-card span{
  padding-right:28px;
  color:#c4a264;
  font:600 8px IBM Plex Mono,monospace;
  letter-spacing:1.1px;
}

.mission-card b{
  padding-right:24px;
  font:400 15px Prata,serif;
}

.mission-card small{
  color:#9f9186;
  font-size:8px;
  font-weight:700;
}

.daily-card{
  border-color:#765f49;
  background:
    linear-gradient(120deg,#432a23aa,#201916),
    radial-gradient(circle at 90% 10%,#a43f3733,transparent 45%);
}

.daily-card.complete:before{
  content:'✓';
  position:absolute;
  right:12px;
  bottom:9px;
  color:#91b180;
  font:700 15px IBM Plex Mono,monospace;
}

.season-progress{
  grid-column:1/-1;
  display:grid;
  gap:7px;
  padding:11px 13px;
  border:1px solid #3d332e;
  background:#171311aa;
}

.season-progress span{
  color:#ad9d8f;
  font:600 8px IBM Plex Mono,monospace;
  letter-spacing:.7px;
}

.season-progress div,
.archive-progress{
  height:5px;
  overflow:hidden;
  background:#392f2a;
}

.season-progress i,
.archive-progress i{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,#8e3933,#c4a264);
  transition:width .35s ease;
}

.achievements-block{
  margin-top:28px;
}

.achievement-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

.achievement{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:68px;
  padding:10px;
  border:1px solid #473a34;
  background:#1c1715;
}

.achievement i{
  display:grid;
  place-items:center;
  flex:0 0 32px;
  height:32px;
  border:1px solid #564740;
  border-radius:50%;
  color:#6e625b;
  font:600 9px IBM Plex Mono,monospace;
  font-style:normal;
}

.achievement span{
  display:grid;
  gap:3px;
  min-width:0;
}

.achievement b{
  color:#8f8177;
  font-size:9px;
}

.achievement small{
  color:#6e625b;
  font-size:7px;
  line-height:1.3;
}

.achievement.unlocked{
  border-color:#725b44;
  background:linear-gradient(145deg,#2e251f,#211a17);
}

.achievement.unlocked i{
  border-color:#c4a264;
  color:#1e1713;
  background:#c4a264;
}

.achievement.unlocked b{
  color:#eadcc9;
}

.achievement.unlocked small{
  color:#9eb68f;
}

#archive-modal{
  width:min(calc(100% - 24px),680px);
}

.archive-progress{
  margin:14px 0;
}

.archive-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  max-height:44vh;
  padding-right:4px;
  overflow:auto;
}

.archive-case{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:58px;
  padding:9px 10px;
  border:1px solid #55443a;
  color:#e5d9cd;
  background:#2c221e;
  font-family:inherit;
  text-align:left;
  cursor:pointer;
}

.archive-case i{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  height:34px;
  border:1px solid #6a5548;
  color:#c4a264;
  font:600 9px IBM Plex Mono,monospace;
  font-style:normal;
}

.archive-case span{
  display:grid;
  gap:3px;
  min-width:0;
}

.archive-case b{
  overflow:hidden;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.archive-case small{
  color:#95867b;
  font:600 7px IBM Plex Mono,monospace;
}

.archive-case.solved small{
  color:#8eaf7d;
}

.archive-case.current{
  border-color:#c4a264;
  box-shadow:inset 3px 0 #c4a264;
}

.archive-case.locked{
  opacity:.42;
  cursor:not-allowed;
}

@media(max-width:700px){
  .topbar{
    gap:10px;
  }

  .stats{
    grid-template-columns:repeat(2,auto);
  }

  .career-panel{
    grid-template-columns:1fr;
    margin-bottom:20px;
  }

  .season-progress{
    grid-column:auto;
  }

  .mission-card{
    min-height:82px;
  }

  .achievement-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .archive-grid{
    grid-template-columns:1fr;
    max-height:48vh;
  }
}