/* v0.9 — mystery-first combination labels and Curator difficulty */
.difficulty-control {
  display: grid;
  grid-template-columns: auto minmax(90px, 1fr);
  align-items: center;
  gap: 6px;
  min-width: 158px;
}
.difficulty-control > span {
  color: var(--muted);
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.difficulty-control select {
  min-height: 34px;
  padding: 6px 28px 6px 9px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  color: var(--text);
  font-size: 9px;
  font-weight: 800;
  outline: none;
}
.difficulty-control select option { background: #141720; color: var(--text); }
.difficulty-note {
  grid-column: 1 / -1;
  max-width: 210px;
  color: var(--muted);
  font-size: 7px;
  line-height: 1.35;
}

.combine-result-card.combo-unseen {
  border-color: rgba(156,171,255,.3);
  background: linear-gradient(145deg, rgba(116,136,255,.08), rgba(255,255,255,.025));
}
.combine-result-card.combo-unseen strong {
  color: #b9c4ff;
  letter-spacing: .08em;
}
.combine-result-card.combo-undiscovered {
  border-color: rgba(255,190,91,.58);
  background:
    radial-gradient(circle at 50% 0, rgba(255,190,91,.16), transparent 62%),
    rgba(255,190,91,.075);
  box-shadow: 0 0 28px rgba(255,190,91,.08), inset 0 0 30px rgba(255,190,91,.025);
  animation: undiscoveredPulse 2.2s ease-in-out infinite;
}
.combine-result-card.combo-undiscovered strong {
  color: var(--accent);
  font-size: 21px;
  letter-spacing: .11em;
  text-shadow: 0 0 18px rgba(255,190,91,.28);
}
@keyframes undiscoveredPulse {
  0%, 100% { box-shadow: 0 0 22px rgba(255,190,91,.06), inset 0 0 30px rgba(255,190,91,.025); }
  50% { box-shadow: 0 0 38px rgba(255,190,91,.14), inset 0 0 32px rgba(255,190,91,.04); }
}

body[data-curator-difficulty="easy"] #mode-badge::after { content: " · EASY"; }
body[data-curator-difficulty="medium"] #mode-badge::after { content: " · MED"; }
body[data-curator-difficulty="hard"] #mode-badge::after { content: " · HARD"; }

@media (prefers-reduced-motion: reduce) {
  .combine-result-card.combo-undiscovered { animation: none; }
}

@media (max-width: 980px) {
  .difficulty-note { display: none; }
}

@media (max-width: 760px) {
  .topbar { grid-template-columns: 1fr auto; }
  .topbar nav { order: 3; grid-column: 1 / -1; justify-self: center; }
  .profile { gap: 6px; }
  .difficulty-control { min-width: 92px; grid-template-columns: 1fr; gap: 2px; }
  .difficulty-control > span { display: none; }
  .difficulty-control select { min-height: 31px; font-size: 8px; }
  #mode-badge { display: none; }
}