*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#faf7f2;--bg-content:#fff;--bg-card:#f2ede4;--text-primary:#1a1108;--text-secondary:#6b5e4e;--text-faded:#9c8b7a;--gold:#7a5f08;--gold-light:#f5e6a3;--gold-dim:#7a5f0880;--gold-subtle:#7a5f0814;--border:#e8e0d4;--border-gold:1px solid #7a5f0840;--border-gold-active:1px solid #7a5f088c;--purple:#c084fc;--purple-deep:#7c3aed;--blue:#60a5fa;--green:#34d399;--orange:#fb923c;--pink:#f472b6;--font-display:"Cinzel", serif;--font-body:"Lora", Georgia, serif;--font-arabic:"Amiri", serif;--transition:.3s ease;--navy:#faf7f2;--navy-light:#fff;--navy-mid:#f2ede4;--white:#1a1108;--white-dim:#6b5e4e;--white-faint:#9c8b7a}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-overflow-scrolling:touch;font-size:18px;line-height:1.85;overflow-x:hidden}@media (width<=767px),(orientation:landscape) and (height<=500px) and (width<=1023px){.mobile-no-bottom-pad{padding-bottom:0!important}div[style*="min-height: 100dvh"]{min-height:0!important}body{min-height:100dvh;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}}@media (width<=767px){.mobile-hide-title{display:none!important}}@media (orientation:landscape) and (height<=500px) and (width<=1023px){.mobile-hide-title{display:none!important}}h1,h2,h3,h4{font-family:var(--font-display)}.arabic{font-family:var(--font-arabic);text-align:right;direction:rtl}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-gold{0%,to{box-shadow:0 0 8px #7a5f084d}50%{box-shadow:0 0 24px #7a5f0899,0 0 48px #7a5f082e}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow-ring{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}.gold-text{background:linear-gradient(135deg, var(--gold), var(--gold-light), var(--gold));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:4s linear infinite shimmer}.fade-in{animation:.5s forwards fadeIn}.fade-in-up{animation:.6s forwards fadeInUp}@keyframes mini-map-label{0%{opacity:0;transform:translate(-50%)translateY(6px)}20%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-6px)}}@keyframes scroll-bob{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}:focus{outline:none}:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #d4af37}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}