/* are-report-v1.css — 「あれ?」ボタン(違和感レポート) */
.are-report-button {
  position: fixed;
  /* ポーズボタン(top=max(8px,セーフエリア)・高さ44px+余白)の真下に追従させる。
     固定64pxだとノッチ端末でポーズが下がった分だけ重なる(2026-08-19指摘) */
  top: calc(max(8px, env(safe-area-inset-top)) + 58px);
  right: max(10px, env(safe-area-inset-right));
  z-index: 95;
  appearance: none;
  border: 1px solid rgba(214, 178, 94, 0.55);
  border-radius: 10px;
  background: rgba(12, 22, 34, 0.82);
  color: #e8d9ac;
  font: inherit;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  padding: 6px 12px;
  cursor: pointer;
  white-space: nowrap;
}
.are-report-button.hidden { display: none; }
.are-report-button:hover { background: rgba(24, 40, 58, 0.9); }
.are-report-button:active { transform: translateY(1px); }
.are-report-button[data-flash='1'] { border-color: #9fd48f; color: #cfe9c4; }

.are-report-hint {
  position: fixed;
  top: calc(max(8px, env(safe-area-inset-top)) + 100px);
  right: max(10px, env(safe-area-inset-right));
  z-index: 95;
  max-width: 230px;
  background: rgba(10, 20, 32, 0.95);
  border: 1px solid rgba(214, 178, 94, 0.5);
  border-radius: 10px;
  color: #e8e2d2;
  font-size: 0.8rem;
  line-height: 1.5;
  padding: 8px 11px;
  cursor: pointer;
}