/* Arcade – Hinweis-/Coach-Modus: 💡-FAB (4. Slot, über dem Zahnrad).
   Erscheint nur, wenn der Modus im Zahnrad-Menü aktiviert ist. */

.ah-hint-trigger {
  position: fixed;
  right: clamp(0.9rem, 3vw, 1.5rem);
  bottom: calc(clamp(0.9rem, 3vw, 1.5rem) + 10.8rem + env(safe-area-inset-bottom, 0px));
  z-index: 40;
  width: 3rem; height: 3rem; border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: var(--board-bg, rgba(255, 255, 255, 0.06));
  font: 800 1.3rem/1 ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
  backdrop-filter: blur(6px);
  box-shadow: 0 6px 22px -8px rgba(0, 0, 0, 0.6), 0 0 26px -10px #ffd98a;
  transition: transform 0.12s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}
.ah-hint-trigger[hidden] { display: none; }
.ah-hint-trigger:hover { transform: translateY(-2px); }
.ah-hint-trigger:active { transform: translateY(0); }
/* nicht am Zug oder Hinweis bereits sichtbar -> abgedunkelt, nicht klickbar */
.ah-hint-trigger:disabled { opacity: 0.4; cursor: default; box-shadow: 0 6px 22px -8px rgba(0, 0, 0, 0.6); }
/* aktiver Hinweis: dezent pulsendes Leuchten am Button */
.ah-hint-trigger.ah-on { animation: ah-fab-pulse 1.15s ease-in-out infinite; }
@keyframes ah-fab-pulse {
  0%, 100% { box-shadow: 0 6px 22px -8px rgba(0, 0, 0, 0.6), 0 0 14px -6px #ffd98a; }
  50%      { box-shadow: 0 6px 22px -8px rgba(0, 0, 0, 0.6), 0 0 26px 0 #ffd98a; }
}

/* Kurzer Hinweis-Text, dass die Partie nicht in die Bestenliste zählt. */
.ah-note {
  position: fixed; left: 50%; transform: translateX(-50%);
  bottom: calc(clamp(0.9rem, 3vw, 1.5rem) + env(safe-area-inset-bottom, 0px));
  z-index: 41; max-width: min(90vw, 24rem);
  padding: 0.5rem 0.9rem; border-radius: 999px;
  background: rgba(20, 16, 8, 0.92); border: 1px solid rgba(255, 217, 138, 0.45);
  color: #ffd98a; font: 700 0.82rem/1.3 ui-sans-serif, system-ui, sans-serif; text-align: center;
  box-shadow: 0 10px 30px -12px #000; pointer-events: none;
  opacity: 0; transition: opacity 0.2s ease;
}
.ah-note.ah-note-show { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .ah-hint-trigger { transition: none; }
  .ah-hint-trigger.ah-on { animation: none; }
}