:root {
  --midnight-indigo: #11162B;
  --deep-palace-blue: #1C2440;
  --night-plum: #34243B;
  --burnished-brass: #B98A4A;
  --desert-clay: #A85F48;
  --moonstone: #D9D5C7;
  --silk-sand: #E8D9BD;
  --oasis-jade: #3D746D;
  --lantern-amber: #D89A45;
  --soft-ivory: #F5EFE3;
  --muted-lavender: #9D94AA;
  --primary-dark: #191A24;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: var(--midnight-indigo);
  color: var(--soft-ivory);
  line-height:1.6;
}
h1, h2, h3 { font-family: "Playfair Display", Georgia, serif; font-weight:700; }
h1 { font-size:3.2rem; line-height:1.1; }
h2 { font-size:2.1rem; }
label, button, .micro { font-family: system-ui, sans-serif; text-transform:uppercase; letter-spacing:1.5px; font-size:0.75rem; }

.compliance-bar {
  background: var(--midnight-indigo);
  color: var(--soft-ivory);
  padding:12px 24px;
  font-size:0.875rem;
  text-align:center;
  border-bottom:1px solid var(--burnished-brass);
}
.compliance-bar span { color:var(--burnished-brass); }

header {
  background: var(--deep-palace-blue);
  border-bottom:1px solid var(--burnished-brass);
  position:sticky; top:0; z-index:100;
}
nav { max-width:1440px; margin:0 auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; }
.brand { font-size:1.25rem; font-weight:600; color:var(--soft-ivory); text-decoration:none; }
.brand-logo { height: 44px; width: auto; display: block; }
.footer-logo { height: 44px; width: auto; display: block; }
.nav-links { display:flex; gap:32px; }
.nav-links a { color:var(--moonstone); text-decoration:none; }
.cta { background:var(--burnished-brass); color:var(--midnight-indigo); padding:10px 22px; border-radius:10px; text-decoration:none; font-weight:600; }

.hero {
  min-height:calc(100vh - 48px);
  background-image:linear-gradient(rgba(17,22,43,0.45), rgba(17,22,43,0.65)), url('images/arabian-moon-gate.webp');
  background-size:cover; background-position:center;
  display:flex; align-items:flex-end; position:relative;
}
.hero-content { max-width:620px; padding:80px 24px; }
.hero-content .micro { color:var(--lantern-amber); margin-bottom:12px; }
.hero-content h1 { margin-bottom:20px; }
.hero-compliance { margin-top:24px; font-size:0.875rem; color:var(--moonstone); }

.chapter-index {
  position:absolute; right:24px; top:50%; transform:translateY(-50%);
  font-size:0.75rem; color:var(--muted-lavender); writing-mode:vertical-rl;
}
.chapter-index a { color:inherit; text-decoration:none; margin:16px 0; display:block; }

.game-chamber { max-width:1440px; margin:0 auto; padding:80px 24px; display:grid; grid-template-columns:30% 70%; gap:40px; }
.game-info { padding-right:24px; }
.game-frame {
  background:var(--deep-palace-blue);
  padding:16px; border:1px solid var(--burnished-brass);
}
.game-frame iframe { width:100%; aspect-ratio:16/9; border:none; background:#000; }

.disclosure-panel {
  max-width:1440px; margin:0 auto 80px; padding:40px 24px;
  background:var(--night-plum); border:1px solid var(--oasis-jade);
}
.disclosure-panel ul { columns:2; gap:40px; margin-top:20px; }

.story-chapter { max-width:1440px; margin:0 auto 120px; padding:0 24px; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.story-chapter.reverse { grid-template-columns:1fr 1fr; }
.story-chapter img { width:100%; height:auto; border-radius:4px; }

.palace-passage { max-width:1440px; margin:120px auto; padding:0 24px; display:grid; grid-template-columns:60% 40%; gap:40px; }
.palace-passage img { width:100%; }

.play-clearly { max-width:1440px; margin:0 auto 120px; padding:0 24px; }
.disclosure-row { display:flex; gap:32px; padding:32px 0; border-bottom:1px solid var(--deep-palace-blue); }
.disclosure-row:last-child { border-bottom:none; }
.disclosure-row .num { font-size:2rem; color:var(--burnished-brass); width:60px; }

footer { background:var(--deep-palace-blue); padding:80px 24px 40px; margin-top:120px; }
.footer-grid { max-width:1440px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:40px; }
.footer-bottom { max-width:1440px; margin:60px auto 0; padding-top:24px; border-top:1px solid var(--oasis-jade); text-align:center; font-size:0.875rem; }
.footer-address { font-style:normal; margin-bottom:12px; color:var(--moonstone); }

.btn-primary { background:var(--burnished-brass); color:var(--midnight-indigo); padding:14px 32px; border-radius:10px; text-decoration:none; display:inline-block; font-weight:600; border:none; cursor:pointer; }
.btn-secondary { background:transparent; color:var(--soft-ivory); padding:14px 32px; border:1px solid var(--moonstone); border-radius:10px; text-decoration:none; display:inline-block; }

form { max-width:600px; margin:0 auto; }
input, textarea, select { width:100%; padding:14px; margin-bottom:20px; background:var(--deep-palace-blue); border:1px solid var(--moonstone); color:var(--soft-ivory); border-radius:8px; }

@media (max-width:1200px) { .chapter-index { display:none; } .game-chamber { grid-template-columns:1fr; } }
@media (max-width:768px) {
  .nav-links { display:none; }
  .hero-content h1 { font-size:2.4rem; }
  .story-chapter, .palace-passage { grid-template-columns:1fr; }
}