/* The illustration lives in the 3D scene. Only the action/caption is HUD. */
.robicat-prompt { pointer-events: auto; cursor: pointer; color: inherit; font-family: inherit; font-size: inherit; }
.robicat-prompt:focus-visible { outline: 2px solid #fff0b9; outline-offset: 3px; }
.robicat-card-reward {
  inset: auto auto max(28px, env(safe-area-inset-bottom)) 50%;
  transform: translateX(-50%);
  width: min(420px, calc(100vw - 32px));
  padding: 17px 22px 18px;
  box-sizing: border-box;
  z-index: 35;
  overflow: visible;
  border: 1px solid rgba(226, 187, 105, .35);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(38, 30, 19, .95), rgba(18, 22, 19, .92));
  box-shadow: 0 10px 32px #0005;
  pointer-events: none;
}
.robicat-card-reward__content { width: 100%; }
.robicat-card-reward__eyebrow { font-size: 9px; margin-bottom: 5px; letter-spacing: .16em; }
.robicat-card-reward h2 { font-size: 21px; margin: 0 0 5px; }
.robicat-card-reward p { font-size: 12px; margin: 0 0 12px; }
.robicat-card-reward button { pointer-events: auto; min-height: 44px; }
.robicat-card-reward button:disabled { opacity: .65; cursor: default; }
.robicat-collection-spark {
  position: fixed; z-index: 60; width: 14px; height: 19px; border-radius: 3px;
  background: #fff2c0; box-shadow: 0 0 16px 5px #edb74b, 0 0 40px #ffd478;
  pointer-events: none;
}
.robicat-collection-arrival { animation: robicat-collection-arrival 650ms ease-out; }
.robicat-collection-shortcut {
  position: fixed; right: max(14px, env(safe-area-inset-right)); top: 112px; z-index: 30;
  display: flex; align-items: center; gap: 6px; min-height: 40px; padding: 8px 12px;
  border: 1px solid #b68e4c70; border-radius: 16px; color: #edce91;
  background: #241d17e8; font: 700 11px system-ui, sans-serif; cursor: pointer;
}
.robicat-collection-shortcut:focus-visible { outline: 2px solid #fff0b9; outline-offset: 3px; }
body:has([data-robicat-native-menu]) > .robicat-collection-shortcut,
body:has([data-robicat-native-menu]) > .robicat-card-reward { visibility: hidden; pointer-events: none; }
@keyframes robicat-collection-arrival { 35% { box-shadow: 0 0 26px #ffd478; } }
@media (pointer: coarse), (max-width: 820px) {
  .robicat-card-reward { bottom: max(14px, env(safe-area-inset-bottom)); width: min(210px, calc(100vw - 280px)); padding: 8px; border-radius: 13px; }
  .robicat-card-reward h2 { font-size: 12px; line-height: 1.2; }
  .robicat-card-reward p { display: none; }
  .robicat-card-reward button { min-width: 0; width: 100%; padding: 8px; font-size: 11px; }
  .robicat-card-reward__eyebrow { display: none; }
}
@media (pointer: coarse) and (orientation: landscape) {
  .robicat-collection-shortcut { top: 12px; left: 50%; right: auto; transform: translateX(-50%); }
  .robicat-card-reward { bottom: max(12px, env(safe-area-inset-bottom)); width: min(300px, 42vw); }
  .robicat-card-reward p { display: none; }
}
@media (prefers-reduced-motion: reduce) { .robicat-collection-arrival { animation: none; } }