/* "Before you use" notice (web/consent.js). Colours match lib/theme/app_theme.dart and privacy.html. */
html.ar-consent-open, html.ar-consent-open body { overflow: hidden; }
#ar-consent { position: fixed; inset: 0; z-index: 2147483647; display: flex; align-items: center;
  justify-content: center; background: rgba(8, 10, 13, .82); overflow-y: auto; overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch; touch-action: pan-y;
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right))
    max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
#ar-consent .ar-consent-dialog { box-sizing: border-box; width: 100%; max-width: 440px; margin: auto;
  background: #1B2129; color: #E8DCC2; border: 1px solid rgba(201, 164, 92, .2); border-radius: 14px;
  padding: 22px 22px 18px; box-shadow: 0 10px 40px rgba(0, 0, 0, .5);
  font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-text-size-adjust: 100%; }
#ar-consent h2 { margin: 0 0 10px; color: #C9A45C; font-size: 1.25rem; line-height: 1.3; font-weight: 600; outline: none; }
#ar-consent p { margin: 0 0 14px; }
#ar-consent .ar-consent-link { display: inline-block; color: #C9A45C; font-weight: 600; padding: 6px 0; }
#ar-consent .ar-consent-actions { display: flex; justify-content: flex-end; margin-top: 14px; }
#ar-consent .ar-consent-agree { -webkit-appearance: none; appearance: none; min-width: 120px; min-height: 44px;
  padding: 10px 22px; border: 0; border-radius: 10px; background: #C9A45C; color: #231A08;
  font: 600 16px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; letter-spacing: .03em;
  cursor: pointer; touch-action: manipulation; }
#ar-consent .ar-consent-agree:hover { background: #D6B36E; }
#ar-consent a:focus-visible, #ar-consent .ar-consent-agree:focus-visible { outline: 2px solid #E8DCC2; outline-offset: 3px; }
@media (prefers-reduced-motion: no-preference) {
  #ar-consent .ar-consent-dialog { animation: ar-consent-in .18s ease-out; }
  @keyframes ar-consent-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
}