/* Galeria de troféus: apresentação apenas; aquisição continua no perfil. */
#nqDashboard[data-nq-ui="lumen"] #nqdPane-achievements { --achievement-accent: #d9bd79; container: achievement-pane / inline-size; }
#nqDashboard[data-nq-ui="lumen"] #nqdPane-achievements .nqd-section-header { margin-bottom: 1.5rem; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight {
  display: grid; grid-template-columns: 172px minmax(0,1fr) auto; gap: 1.5rem; align-items: center;
  padding: 1.4rem 1.75rem; border: 1px solid #bda26761; border-radius: 18px;
  background: radial-gradient(ellipse at 8% 40%, #2c617238, transparent 48%), linear-gradient(125deg,#101c24,#090d13 75%);
  box-shadow: inset 0 1px #ead7a316, 0 14px 40px #0004;
}
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight::after { display:none; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight-art { width:172px; height:172px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; cursor:zoom-in; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight-art img { filter:drop-shadow(0 10px 16px #0008); }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight[data-acquired="false"] .nqd-achievement-spotlight-art img { filter:grayscale(1) brightness(.85); }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight-copy h2 { margin-top:.4rem; font-size:clamp(1.35rem,2.5cqi,2rem); line-height:1.25; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight-copy p { margin-top:.65rem; font-size:1rem; line-height:1.55; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight-copy > small { color:#b5c4d1; font-size:.8rem; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight .nqd-primary-action { width:auto; min-height:48px; margin:0; padding:.8rem 1rem; font-size:.9rem; white-space:normal; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight .nqd-meter { margin-top:.85rem; }

#nqDashboard[data-nq-ui="lumen"] .nqd-trophy-showcase { margin:1.5rem 0 2rem; padding:1.25rem 0 1.5rem; border-bottom:1px solid #c6ae7733; }
#nqDashboard[data-nq-ui="lumen"] .nqd-trophy-showcase header { display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; gap:.65rem 1rem; }
#nqDashboard[data-nq-ui="lumen"] .nqd-trophy-showcase h2 { margin:.3rem 0 0; color:#f2e7cb; font:600 1.3rem/1.25 var(--nql-font-display); }
#nqDashboard[data-nq-ui="lumen"] .nqd-trophy-showcase header > span { color:#aebfca; font-size:.8rem; }
#nqDashboard[data-nq-ui="lumen"] .nqd-trophy-showcase ul { display:grid; grid-template-columns:repeat(auto-fill,minmax(124px,1fr)); gap:.75rem; margin:1rem 0 0; padding:0; list-style:none; }
#nqDashboard[data-nq-ui="lumen"] .nqd-trophy-showcase li { min-width:0; }
#nqDashboard[data-nq-ui="lumen"] .nqd-trophy-showcase button { display:flex; flex-direction:column; align-items:center; gap:.35rem; width:100%; height:100%; padding:.7rem .5rem; border:1px solid #c3a6633d; border-radius:10px; background:linear-gradient(#151b1b,#0e1217); color:#f2e7cb; cursor:zoom-in; font-family:var(--nql-font-body); }
#nqDashboard[data-nq-ui="lumen"] .nqd-trophy-showcase img { display:block; width:80px; height:80px; object-fit:contain; }
/* Achievement art is a square painting, unlike the transparent journey seals: frame it like the catalog card. */
#nqDashboard[data-nq-ui="lumen"] .nqd-trophy-showcase [data-achievement-preview] img { box-sizing:border-box; border:1px solid var(--nqd-gold-rule); border-radius:9px; background:#09111b; box-shadow:0 6px 14px #0006; }
#nqDashboard[data-nq-ui="lumen"] .nqd-trophy-showcase button span { font-size:.82rem; line-height:1.35; overflow-wrap:anywhere; }
#nqDashboard[data-nq-ui="lumen"] .nqd-trophy-showcase button small { color:#adbec9; font-size:.68rem; line-height:1.4; }
#nqDashboard[data-nq-ui="lumen"] .nqd-trophy-empty { margin:1rem 0 0; padding:1rem 1.2rem; border-left:2px solid #bda267; background:#151a1d; color:#c5cfd4; font-size:.95rem; line-height:1.6; }

#nqDashboard[data-nq-ui="lumen"] .nqd-badge-path-header { margin-top:1.5rem; }
#nqDashboard[data-nq-ui="lumen"] .nqd-badge-path-header h2, #nqDashboard[data-nq-ui="lumen"] .nqd-achievement-catalog-header h2 { font-size:1.3rem; line-height:1.3; }
#nqDashboard[data-nq-ui="lumen"] .nqd-badge-path { grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:1rem 0 2.5rem; padding:0; overflow:visible; }
#nqDashboard[data-nq-ui="lumen"] .nqd-badge-path::before { display:none; }
#nqDashboard[data-nq-ui="lumen"] .nqd-badge-node { display:flex; flex-direction:column; align-items:center; gap:.45rem; padding:1rem .6rem; border:1px solid #8d9ea82e; border-radius:12px; background:radial-gradient(ellipse at 50% 35%,#24324466,transparent 65%),#0b1017; }
#nqDashboard[data-nq-ui="lumen"] .nqd-badge-node.is-current { border-color:#d6b96899; background:radial-gradient(ellipse at 50% 35%,#3c382344,transparent 70%),#131615; }
#nqDashboard[data-nq-ui="lumen"] .nqd-badge-node:is(.is-unlocked,.has-memory) { border-color:#bda26770; }
#nqDashboard[data-nq-ui="lumen"] .nqd-badge-art { position:relative; display:block; width:min(100%,128px); height:auto; aspect-ratio:1; min-width:44px; min-height:44px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; cursor:zoom-in; }
#nqDashboard[data-nq-ui="lumen"] .nqd-badge-node.is-current .nqd-badge-art, #nqDashboard[data-nq-ui="lumen"] .nqd-badge-node.has-memory .nqd-badge-art { box-shadow:none; background:transparent; }
#nqDashboard[data-nq-ui="lumen"] .nqd-badge-art img { filter:drop-shadow(0 8px 8px #0006); opacity:1; }
#nqDashboard[data-nq-ui="lumen"] .nqd-badge-node[data-acquired="false"] .nqd-badge-art img { filter:grayscale(1) brightness(.85); }
#nqDashboard[data-nq-ui="lumen"] .nqd-badge-node-copy strong { font-size:.88rem; line-height:1.35; }
#nqDashboard[data-nq-ui="lumen"] .nqd-badge-node-copy small { font-size:.74rem; color:#adbec9; }
#nqDashboard[data-nq-ui="lumen"] .nqd-badge-state { font-size:.7rem; line-height:1.5; }

#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-tools { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1.25rem; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-filters { flex-wrap:wrap; margin:0; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-filter { min-height:44px; padding:.65rem .85rem; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-category-filter { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; color:#b9c7d0; font-size:.85rem; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-category-filter select { min-height:44px; max-width:100%; padding:.6rem 2rem .6rem .8rem; border:1px solid #75869470; border-radius:7px; background:#101922; color:#e6e8df; font:inherit; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr)); grid-auto-rows:auto; gap:1rem; align-items:stretch; border:0; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement {
 --achievement-accent:#8bdfe1; display:flex; flex-direction:column; align-content:start; align-items:stretch; gap:0; min-width:0; min-height:0; max-height:none; padding:0; overflow:visible;
 border:1px solid #5e758547; border-radius:14px; background:#0c131c; box-shadow:inset 0 1px #ffffff06;
 transition:border-color .2s,transform .2s,box-shadow .2s;
}
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement:nth-child(2n) { background:#0c131c; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement[data-achievement-category="Prática clínica"] { --achievement-accent:#8abfe9; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement[data-achievement-category="Consistência"] { --achievement-accent:#96d9b9; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement[data-achievement-category="Conhecimento"] { --achievement-accent:#cab6ed; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement[data-achievement-category="Jornada"] { --achievement-accent:#e4bb81; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement.is-unlocked { border-color:#c6a96a99; background:linear-gradient(145deg,#2a2517,#12191b 70%); box-shadow:inset 0 2px #d7bb77; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement:is(:hover,:focus-within) { transform:translateY(-2px); border-color:var(--achievement-accent); box-shadow:0 10px 30px #0005; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-mark { position:relative; display:block; align-self:center; width:min(100% - 2rem,172px); height:auto; aspect-ratio:1; margin:1.25rem 1rem .25rem; padding:0; border:1px solid #8b9ba337; border-radius:14px; overflow:hidden; background:#09111b; color:var(--achievement-accent); box-shadow:0 10px 22px #0005; cursor:zoom-in; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-mark img { display:block; width:100%; height:100%; aspect-ratio:1; object-fit:contain; opacity:1; filter:none; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement.is-locked .nqd-achievement-mark img { filter:grayscale(1) brightness(.85); }
#nqDashboard[data-nq-ui="lumen"] .nqd-art-expand { position:absolute; right:5px; bottom:5px; display:grid; place-items:center; width:28px; height:28px; border:1px solid #b9cbd15c; border-radius:50%; background:#080e16ed; color:#d2e2e5; }
#nqDashboard[data-nq-ui="lumen"] .nqd-art-expand svg { width:15px; height:15px; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-body { display:flex; flex:1; flex-direction:column; align-items:stretch; align-self:stretch; gap:0; min-width:0; padding:1rem 1.15rem 1.2rem; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement .nqd-state { align-self:start; padding:0; border:0; background:none; color:#acbcc9; font-size:.72rem; line-height:1.5; letter-spacing:.03em; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement.is-unlocked .nqd-state { color:#e3c580; font-weight:700; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-title { min-height:0; margin:.4rem 0 0; color:#eee8da; font-size:1.05rem; line-height:1.35; overflow-wrap:anywhere; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-category { display:block; margin-top:.4rem; color:var(--achievement-accent); font-size:.7rem; line-height:1.5; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-copy { display:block; flex:1; min-height:0; margin:.65rem 0 0; color:#b9c6d0; font-size:.86rem; line-height:1.55; overflow-wrap:anywhere; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-progress { min-height:0; margin-top:1rem; padding-top:.8rem; border-top:1px solid #b9c6d022; color:#c3d3df; font-size:.76rem; line-height:1.5; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-progress > span { display:block; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-progress .nqd-meter { margin-top:.45rem; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-progress .nqd-meter > span { background:var(--achievement-accent); }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-progress-note { display:block; margin-top:.7rem; color:#adbec9; font-size:.75rem; line-height:1.5; }
#nqDashboard[data-nq-ui="lumen"] :is(.nqd-trophy-showcase button,.nqd-badge-art,.nqd-achievement-mark,.nqd-achievement-spotlight-art):focus-visible { outline:2px solid #e3c580; outline-offset:4px; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-category-filter select:focus-visible { outline:2px solid #e3c580; outline-offset:3px; }

/* Em desktop, duas colunas cabem em 2×15rem+1rem de intervalo. O título
   pode crescer além de duas linhas; o layout touch permanece preservado. */
@media (min-width:61.26rem) and (hover:hover) and (pointer:fine) {
 @container achievement-pane (min-width:31rem) {
  #nqDashboard[data-nq-ui="lumen"] .nqd-achievement-title { min-height:2.7em; }
 }
}

@container achievement-pane (max-width:48rem) {
 #nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight { grid-template-columns:128px minmax(0,1fr); padding:1.25rem; gap:1rem; }
 #nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight-art { width:128px; height:128px; }
 #nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight > .nqd-primary-action { grid-column:1/-1; justify-self:start; }
 #nqDashboard[data-nq-ui="lumen"] .nqd-badge-path { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@container achievement-pane (max-width:26rem) {
 #nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight { grid-template-columns:minmax(0,1fr); text-align:center; padding:1.25rem; }
 #nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight-art { justify-self:center; width:152px; height:152px; }
 #nqDashboard[data-nq-ui="lumen"] .nqd-achievement-spotlight > .nqd-primary-action { width:100%; }
 #nqDashboard[data-nq-ui="lumen"] .nqd-badge-path { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #nqDashboard[data-nq-ui="lumen"] .nqd-trophy-showcase ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #nqDashboard[data-nq-ui="lumen"] .nqd-achievement-tools { align-items:stretch; }
 #nqDashboard[data-nq-ui="lumen"] .nqd-achievement-category-filter { width:100%; }
 #nqDashboard[data-nq-ui="lumen"] .nqd-achievement-category-filter select { flex:1 1 100%; width:100%; min-width:0; }
 #nqDashboard[data-nq-ui="lumen"] .nqd-achievement-filters { width:100%; justify-content:space-between; }
}
@container achievement-pane (max-width:16rem) {
 #nqDashboard[data-nq-ui="lumen"] .nqd-badge-path,#nqDashboard[data-nq-ui="lumen"] .nqd-trophy-showcase ul { grid-template-columns:minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) { #nqDashboard[data-nq-ui="lumen"] .nqd-achievement { transition:none; } #nqDashboard[data-nq-ui="lumen"] .nqd-achievement:is(:hover,:focus-within) { transform:none; } }

/* Arte ampliada permanece um diálogo: nenhum clique altera o perfil. */
.nq-ach-detail {
  width: min(860px, calc(100vw - 24px));
  max-width: none;
  max-height: calc(100dvh - 24px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  color: #e9eef2;
  font-family: var(--nql-font-body, Philosopher, sans-serif);
  border: 1px solid #91cdd44a;
  border-radius: 16px;
  background: linear-gradient(135deg, #172b36, #0d1722 70%);
  box-shadow: 0 24px 90px #0009;
}
.nq-ach-detail[open] { display: flex; flex-direction: column; }
.nq-ach-detail::backdrop { background: #030910dd; backdrop-filter: blur(6px); }
.nq-ach-detail-reading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; align-items: center; min-height: 0; overflow: auto; padding: 28px; }
.nq-ach-detail-art { width: 100%; max-width: 380px; justify-self: center; }
.nq-ach-detail-art img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.nq-ach-detail.is-locked .nq-ach-detail-art img { filter: grayscale(1) brightness(.8); }
.nq-ach-detail.is-locked .nq-ach-detail-state { color: #bfccd6; }
.nq-ach-detail-copy { min-width: 0; }
.nq-ach-detail-state { margin: 0 0 .5rem; color: #a1e2d1; font-size: .8rem; line-height: 1.5; }
.nq-ach-detail h2 { margin: 0; color: #f0ece2; text-align: left; font: 600 1.65rem/1.25 var(--nql-font-display, Cinzel, serif); letter-spacing: -.02em; overflow-wrap: anywhere; }
.nq-ach-detail-copy > p:last-of-type { margin: .8rem 0 0; color: #bfccd6; font-size: 1rem; line-height: 1.65; overflow-wrap: anywhere; }
.nq-ach-detail-progress { margin-top: 1rem; color: #addde2; font-size: .85rem; }
.nq-ach-detail-progress [role="progressbar"] { height: 6px; margin-top: .5rem; border-radius: 6px; overflow: hidden; background: #c2deeb19; }
.nq-ach-detail-progress [role="progressbar"] > span { display: block; height: 100%; background: #83d4d7; }
.nq-ach-detail footer { flex: none; display: flex; justify-content: flex-end; padding: 16px 28px; border-top: 1px solid #ffffff12; background: #07121b66; }
.nq-ach-detail footer button { min-height: 48px; max-width: 100%; padding: .65rem 1.1rem; border: 1px solid #91cdd459; border-radius: 7px; background: #83d4d71a; color: #d9f1f0; font-family: inherit; font-size: .95rem; font-weight: 600; line-height: 1.5; cursor: pointer; }
.nq-ach-detail :focus-visible { outline: 2px solid #b9e9eb; outline-offset: 3px; }
@media (max-width: 700px) {
  .nq-ach-detail-reading { grid-template-columns: minmax(0, 1fr); padding: 22px; gap: 22px; }
  .nq-ach-detail-art { max-width: 280px; }
  .nq-ach-detail h2 { font-size: 1.35rem; }
  .nq-ach-detail footer { padding: 14px 22px; }
  .nq-ach-detail footer button { width: 100%; overflow-wrap: anywhere; }
}

/* Desbloqueios reais: celebração curta, com a arte que acabou de ser ganha. */
#nqAchievementCelebrations { position: fixed; z-index: 10010; top: 16px; right: 16px; display: grid; gap: 10px; width: min(360px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; pointer-events: none; }
#nqAchievementCelebrations .nq-ach-celebration { position: static; min-width: 0; max-width: none; padding: 13px; border: 1px solid #85d4b45e; border-radius: 12px; background: linear-gradient(120deg, #163333, #14212c); box-shadow: 0 8px 24px #0007; animation: nqAchievementArrival .35s ease-out; }
.nq-ach-celebration-inner { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 13px; text-align: left; }
#nqAchievementCelebrations .ach-notification-img { width: 58px; height: 58px; margin: 0; object-fit: contain; animation: none; filter: none; border-radius: 7px; }
#nqAchievementCelebrations .ach-notification-title { margin: 0 0 4px; color: #99e1c6; font: 600 .68rem/1.5 var(--nql-font-body, Philosopher, sans-serif); text-shadow: none; }
#nqAchievementCelebrations .ach-notification-name { margin: 0; color: #f0ece2; font: 600 .88rem/1.3 var(--nql-font-display, Cinzel, serif); overflow-wrap: anywhere; }
#nqAchievementCelebrations .ach-notification-desc { margin-top: 5px; color: #b9cbd5; font-size: .74rem; line-height: 1.5; overflow-wrap: anywhere; }
#nqAchievementCelebrations .nq-ach-celebration.is-leaving { animation: nqAchievementDeparture .3s ease-in forwards; }
@keyframes nqAchievementArrival { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
@keyframes nqAchievementDeparture { to { opacity: 0; transform: translateY(-8px); } }
@media (prefers-reduced-motion: reduce) { #nqAchievementCelebrations .nq-ach-celebration { animation: none; } #nqAchievementCelebrations .nq-ach-celebration.is-leaving { opacity: 0; animation: none; } }

/* Conquistas: cartões baixos, com a arte solta como os selos. */
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-grid {
  display: grid;
  container-type: inline-size;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 23rem), 1fr));
  gap: .75rem;
}
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: .9rem;
  align-items: start;
  min-height: 0;
  padding: .9rem 1rem;
  border: 1px solid var(--nqh-linha);
  border-radius: 12px;
  background: var(--nqh-painel);
}
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement.is-unlocked {
  border-color: rgba(var(--nqh-ouro-rgb), .5);
  background: linear-gradient(155deg, rgba(var(--nqh-ouro-rgb), .11), rgba(var(--nql-cortex-rgb), .8));
}
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-mark {
  position: relative;
  flex: none;
  width: 88px;
  height: 88px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  box-shadow: none;
}
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-mark img {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  object-fit: cover;
  -webkit-mask-image: radial-gradient(circle closest-side, #000 68%, transparent 100%);
  mask-image: radial-gradient(circle closest-side, #000 68%, transparent 100%);
}
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-body { min-width: 0; padding: 0; }
/* O limite em rem acompanha a letra: ampliada, o texto desce para baixo da arte. */
@container (max-width: 18rem) {
  #nqDashboard[data-nq-ui="lumen"] .nqd-achievement { grid-template-columns: minmax(0, 1fr); }
}
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-body .nqd-state { color: var(--nql-text-soft); font: 400 .8125rem/1.3 var(--nql-font-body); letter-spacing: 0; text-transform: none; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement.is-unlocked .nqd-state { color: var(--nqh-ouro); font-weight: 600; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-title { min-height: 0; margin: .1rem 0 .2rem; font: 500 1.125rem/1.25 var(--nql-font-display); }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-category { display: none; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-copy { margin: 0; color: var(--nql-text-soft); font-size: .875rem; line-height: 1.4; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-progress { margin-top: .5rem; padding: 0; border: 0; font-size: .8125rem; }
#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-catalog-header { margin-top: 1.75rem; }

/* Computador: a frase de abertura em uma linha e menos espaço morto, para o
   Caminho dos 100 acertos caber inteiro na primeira tela. */
@media (min-width: 61.26rem) {
  #nqDashboard[data-nq-ui="lumen"] .nqd-content > #nqdPane-achievements > .nqd-section-header .nqd-section-copy { max-width: none; }
  #nqDashboard[data-nq-ui="lumen"] #nqdPane-achievements > .nqd-section-header { margin-bottom: .5rem; }
  #nqDashboard[data-nq-ui="lumen"] #nqdPane-achievements .nqd-achievement-spotlight { padding-block: .75rem; margin-top: .5rem; }
  #nqDashboard[data-nq-ui="lumen"] #nqdPane-achievements .nqd-achievement-spotlight-art { width: min(100%, 8.5rem); }
  #nqDashboard[data-nq-ui="lumen"] #nqdPane-achievements .nqd-achievement-spotlight-copy h2 { font-size: clamp(1.6rem, 2.6vw, 2.4rem); }
  #nqDashboard[data-nq-ui="lumen"] #nqdPane-achievements .nqd-trophy-showcase { margin: .5rem 0; padding: .4rem 0 .5rem; }
  #nqDashboard[data-nq-ui="lumen"] #nqdPane-achievements .nqd-badge-path-header { margin-top: .5rem; }
  #nqDashboard[data-nq-ui="lumen"] #nqdPane-achievements .nqd-badge-path { margin-top: .5rem; }
}

/* Detalhe da conquista: a arte ganha moldura e luz da própria conquista
   (dourada quando é sua, prata quando falta), o estado vira um selo e a
   entrada tem um único movimento. */
.nq-ach-detail { --ach: #e7c873; --ach-rgb: 231, 200, 115; position: relative; border-color: rgba(var(--ach-rgb), .42); background: radial-gradient(ellipse at 24% 46%, rgba(var(--ach-rgb), .11), transparent 55%), linear-gradient(135deg, #15232f, #0b141d 70%); }
.nq-ach-detail.is-locked { --ach: #a9bccb; --ach-rgb: 169, 188, 203; }
.nq-ach-detail::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, transparent, var(--ach), transparent); pointer-events: none; }
.nq-ach-detail-art { position: relative; box-sizing: border-box; padding: 14px; border: 1px solid rgba(var(--ach-rgb), .55); border-radius: 14px; background: radial-gradient(circle at 50% 45%, rgba(var(--ach-rgb), .2), #070d14 72%); box-shadow: inset 0 0 0 4px #0a121a, inset 0 0 0 5px rgba(var(--ach-rgb), .22), 0 18px 40px #0008, 0 0 44px rgba(var(--ach-rgb), .12); }
.nq-ach-detail-art img { border-radius: 8px; }
.nq-ach-detail-state { display: inline-flex; align-items: center; gap: .45rem; padding: 4px 12px; border: 1px solid rgba(var(--ach-rgb), .55); border-radius: 999px; background: rgba(var(--ach-rgb), .1); color: var(--ach); font-size: .78rem; font-weight: 600; letter-spacing: .02em; }
.nq-ach-detail.is-locked .nq-ach-detail-state { color: #d3dde5; }
.nq-ach-detail.is-unlocked .nq-ach-detail-state::before { content: "✦"; font-size: .9em; }
.nq-ach-detail h2 { margin-top: .9rem; font-size: 2rem; }
.nq-ach-detail #nqAchievementArtworkRequirement { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(var(--ach-rgb), .2); }
.nq-ach-detail.is-unlocked footer button { border-color: rgba(var(--ach-rgb), .6); background: rgba(var(--ach-rgb), .1); color: #f3e7c6; }
.nq-ach-detail.is-unlocked footer button:hover { background: rgba(var(--ach-rgb), .18); }
@media (max-width: 600px) {
  .nq-ach-detail h2 { font-size: 1.45rem; }
  .nq-ach-detail-art { padding: 10px; }
}
@media (prefers-reduced-motion: no-preference) {
  .nq-ach-detail[open] .nq-ach-detail-art { animation: nq-ach-surge .45s cubic-bezier(.2, .8, .3, 1) both; }
  /* O brilho mora numa camada da moldura: a arte conquistada fica sem filtro. */
  .nq-ach-detail.is-unlocked[open] .nq-ach-detail-art::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; box-shadow: 0 0 30px rgba(var(--ach-rgb), .55), inset 0 0 26px rgba(var(--ach-rgb), .25); opacity: 0; animation: nq-ach-glow 1.4s ease-out .25s both; }
}
@keyframes nq-ach-surge { from { opacity: 0; transform: scale(.93); } }
@keyframes nq-ach-glow {
  0% { opacity: 0; }
  40% { opacity: 1; }
  100% { opacity: .35; }
}
.nq-ach-detail.is-unlocked .nq-ach-detail-progress [role="progressbar"] > span { background: var(--ach); }

#nqDashboard[data-nq-ui="lumen"] .nqd-achievement-progress[data-complete="true"],
.nq-ach-detail-progress[data-complete="true"] { color: #e7c873; }