/* Libya Arabic layout: system fonts with Arabic glyphs, no external font request. */
html { direction: rtl; }
body, button, input, select, textarea { font-family: Tahoma, Arial, sans-serif; }
body { overflow-wrap: break-word; }
bdi, .money, .font-mono, .tabular-nums, .countdown-timer, #countdownDisplay, .live-time, .live-time-label { direction: ltr; unicode-bidi: isolate; }
bdi { display: inline-block; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible { outline: 3px solid #86efac; outline-offset: 3px; }
.age-overlay { position: fixed; inset: 0; z-index: 1000; padding: 20px; background: #000b; display: flex; align-items: center; justify-content: center; }
.age-overlay[hidden] { display: none; }
.age-dialog { position: relative; width: min(100%, 420px); max-height: 90dvh; overflow-y: auto; padding: 32px 24px 24px; color: #f9fafb; background: #111827; border: 1px solid #374151; border-radius: 20px; box-shadow: 0 20px 80px #0006; line-height: 1.8; text-align: start; }
.age-dialog h2 { font-size: 22px; font-weight: 700; margin-bottom: 12px; padding-inline-end: 10px; }
.age-dialog p { margin: 12px 0; }
.age-close { position: absolute; inset-inline-end: 12px; top: 6px; background: transparent; border: none; color: #d1d5db; font-size: 28px; cursor: pointer; padding: 4px 12px; }
.age-actions { display: flex; gap: 12px; margin-top: 24px; }
.age-actions button { min-height: 48px; flex: 1; padding: 12px; border-radius: 10px; color: white; background: #374151; cursor: pointer; font-weight: 700; border: 1px solid #6b7280; }
.age-actions button:first-child { background: #15803d; border-color: #22c55e; }
.age-error { color: #fca5a5; }
.task-category { flex-direction: column; gap: 10px; padding: 16px 8px; text-align: center; }
.task-category > span { font-size: 30px; }
.task-category strong { font-size: 13px; }
.fa-arrow-right { transform: scaleX(-1); }
@media (max-width: 480px) { .age-dialog { padding-inline: 18px; } }

body, h1, h2, h3, h4, p, button, input, textarea { font-family: Tahoma, Arial, sans-serif !important; }

.age-modal__dialog { text-align: start; }
.age-modal__close { right: auto; inset-inline-end: 12px; }

@keyframes slide { from { transform: translateX(0); } to { transform: translateX(50%); } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}
/* Decorative layers must never cover the final action or other page controls. */
.cta-panel::before, .floating-live { pointer-events: none; }
body { padding-bottom: calc(140px + env(safe-area-inset-bottom)); }