#quest-section {
  container-type: inline-size;
  margin-block: 14px;
  padding: 13px;
  border: 1px solid #ffffff18;
  border-radius: 13px;
  background: var(--elo-card);
}

#quest-section .quests-top {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
#quest-section h2 {
  margin: 0;
  font: 800 22px/1.12 Manrope, system-ui, sans-serif;
}
#quest-section .partner-quests-heading p {
  margin: 4px 0 0;
  color: var(--elo-muted);
  font-size: 12px;
}
#quest-section .reward-switch__label {
  margin: 0 0 3px;
  font-size: 11px;
  color: var(--elo-muted);
}
#quest-section .reward-switch__opts {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
#quest-section .reward-opt {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 8px;
  border: 1px solid #ffffff18;
  border-radius: 6px;
  color: var(--elo-muted);
  font-size: 12px;
  font-weight: 800;
}
#quest-section .reward-opt.is-active {
  border-color: #ff8c7550;
  background: #4b2e2d;
  color: #ffd3c6;
}
#quest-section svg:has(use[href^="#q-"]) { stroke: none; }
#quest-section :is(.reward-opt, .quest-vk, .copy) svg { width: 15px; height: 15px; }

#quest-section .quests { display: grid; grid-template-columns: minmax(0, 1fr); gap: 5px; }
#quest-section .quest {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) minmax(124px, 1.2fr) auto;
  align-items: center;
  gap: 9px;
  padding: 7px 9px;
  background: #14131664;
  border: 1px solid #ffffff13;
  border-radius: 8px;
}
#quest-section .quest__partner img {
  width: 100px;
  height: 21px;
  object-fit: contain;
  object-position: left center;
  display: block;
}
#quest-section .quest__partner span,
#quest-section .quest__reward span {
  display: block;
  color: var(--elo-muted);
  font-size: 11px;
  line-height: 1.3;
}
#quest-section .quest__reward {
  display: flex;
  align-items: center;
  gap: 7px;
}
#quest-section .quest__reward img { width: 39px; height: 35px; object-fit: contain; }
#quest-section .quest__reward strong { color: #ffc0ad; font-size: 15px; }
#quest-section .quest__actions { display: flex; gap: 4px; align-items: center; }
#quest-section :is(.quest-details, .quest-vk, .copy) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 32px;
  padding: 4px 7px;
  border: 1px solid #ffffff18;
  border-radius: 6px;
  font-weight: 800;
  font-size: 11px;
  white-space: nowrap;
}
#quest-section .quest-vk { background: #4b2e2d; color: #ffd3c6; border-color: #ff8c7550; }
#quest-section :is(.reward-opt, .quest-details, .quest-vk, .copy):hover { border-color: #ff9c85; }
#quest-section .copy svg:last-child, #quest-section .copy.is-copied svg:first-child { display: none; }
#quest-section .copy.is-copied svg:last-child { display: block; color: #a3deb9; }
#quest-section .quests-note { display: flex; align-items: baseline; gap: 6px; margin-top: 7px; }
#quest-section .quests-note p { margin: 0; color: var(--elo-muted); font-size: 11px; }
#quest-section .age { color: #ffc0ad; font-size: 11px; font-weight: 800; }

@container (max-width: 465px) {
  #quest-section .quest { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #quest-section .quest__actions { grid-column: 1 / -1; }
}