/* KHALIK QADHA 3.0 shared product layer. */
:root {
  --kq-bg: #071116;
  --kq-surface: #101c22;
  --kq-surface-raised: #17272e;
  --kq-border: #29404a;
  --kq-text: #f7f4eb;
  --kq-muted: #98aab3;
  --kq-gold: #efc86f;
  --kq-teal: #4dd3c8;
  --kq-danger: #e35c68;
  --kq-radius: 16px;
  --kq-shadow: 0 18px 50px rgb(0 0 0 / 35%);
  --kq-motion: 180ms;
}
*, *::before, *::after { box-sizing: border-box; }
html { min-width: 280px; text-size-adjust: 100%; }
body { -webkit-tap-highlight-color: transparent; }
:where(a, button, input, select, textarea, summary) { -webkit-tap-highlight-color: transparent; }
:where(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid var(--kq-teal, #4dd3c8); outline-offset: 3px; }
:where(button, [role="button"], summary, a) { touch-action: manipulation; }
:where(button, [role="button"]) { min-height: 42px; }
button:disabled, [aria-disabled="true"] { cursor: not-allowed !important; filter: saturate(.55); opacity: .56; }
.kq-skip-link { position: fixed; inset-block-start: 8px; inset-inline-start: 8px; z-index: 100000; padding: 10px 14px; border-radius: 10px; color: #071116; background: var(--kq-gold); transform: translateY(-180%); transition: transform var(--kq-motion) ease; }
.kq-skip-link:focus { transform: translateY(0); }
.kq-runtime-banner { position: fixed; inset-block-start: max(8px, env(safe-area-inset-top)); inset-inline: 10px; z-index: 9998; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 36px; padding: 8px 12px; border: 1px solid rgb(239 200 111 / 42%); border-radius: 12px; color: var(--kq-text); background: rgb(16 28 34 / 94%); box-shadow: var(--kq-shadow); font-size: 12px; text-align: center; pointer-events: none; }
.kq-runtime-banner[data-state="offline"] { border-color: rgb(227 92 104 / 60%); }
.kq-runtime-banner[data-state="online"] { border-color: rgb(77 211 200 / 50%); }
.kq-runtime-banner[data-state="degraded"] { border-color: rgb(239 200 111 / 72%); }
.kq-runtime-banner[hidden] { display: none; }
.kq-game-disabled { position: relative; cursor: not-allowed !important; filter: saturate(.6); opacity: .58; pointer-events: none; }
.kq-game-disabled::after { content: "غير متاح مؤقتًا"; position: absolute; inset-block-start: 16px; inset-inline-start: 16px; z-index: 2; padding: 6px 10px; border: 1px solid rgb(239 200 111 / 55%); border-radius: 999px; color: var(--kq-gold); background: rgb(16 28 34 / 86%); font-size: .75rem; font-weight: 800; }
.kq-page-loading { cursor: progress; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; } }
@media (pointer: coarse) { :where(button, [role="button"], summary) { min-width: 42px; } }