:root {
  --aqua: #d8b352;
  --violet: #8d1519;
  --coral: #d34a2e;
  --lime: #65c79a;
}

body { background: #100505; }
main { display: flex; flex-direction: column; }
.hero { order: -2; }
.top-game-marquee { order: -1; }

.site-header {
  background: rgba(20, 4, 5, .95);
  border-bottom: 1px solid rgba(226, 177, 67, .32);
}
.site-header .juwa-brand { width: 330px; height: 96px; }
.site-header .juwa-brand img { width: 100%; height: 100%; object-fit: contain; }
.trust-strip.casino-status {
  background: #f6ead1;
  color: #321011;
  border-color: #ca9a34;
  box-shadow: 0 10px 26px rgba(28, 3, 4, .26), inset 0 0 0 1px rgba(255, 255, 255, .72);
}
.trust-strip.casino-status > strong,
.trust-strip.casino-status > span:not(.live-dot) {
  color: #fff9e8;
  background: linear-gradient(145deg, #8e171b, #3b080a);
  border: 1px solid #d5a642;
  box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 4px 12px rgba(3, 28, 19, .18);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .75);
}
.trust-strip.casino-status > span:not(.live-dot)::first-letter {
  color: #ffd28e;
}
.header-actions .btn-support, .header-actions .btn-ghost { border-color: rgba(223, 177, 74, .48); background: rgba(115, 20, 23, .18); color: #f5dfaa; }
.header-actions .btn-primary { background: linear-gradient(115deg, #f1ca62, #b57920 62%, #a61f22); color: #260708; }

.hero {
  width: min(1420px, calc(100% - 44px));
  grid-template-columns: 440px minmax(0, 1fr);
  gap: 7vw;
  margin: 4px auto;
  padding: 32px 6vw 28px;
  border-radius: 6px 52px 6px 52px;
  border: 1px solid rgba(224, 174, 63, .32);
  background: radial-gradient(circle at 28% 45%, rgba(209, 46, 35, .22), transparent 28%), radial-gradient(circle at 82% 24%, rgba(61, 158, 112, .15), transparent 25%), linear-gradient(120deg, #4a0b0e, #170506 60%, #250708);
}
.hero-copy { order: 2; max-width: 730px; }
.signup-card {
  order: 1;
  transform: none;
  border-radius: 34px 8px 34px 8px;
  border-color: rgba(226, 178, 73, .48);
  background: linear-gradient(150deg, rgba(97, 16, 19, .96), rgba(20, 5, 6, .99));
  box-shadow: 0 32px 70px rgba(0, 0, 0, .45);
}
.signup-card.standalone-signup {
  order: 0;
  width: min(680px, calc(100% - 44px));
  max-width: 680px;
  margin: 0 auto 16px;
  padding: 42px;
}
.hero {
  grid-template-columns: 1fr;
  min-height: 225px;
}
.hero-copy {
  order: initial;
  max-width: 760px;
  margin-left: auto;
}
.hero h1, .hero h1 em { font-family: Georgia, serif; color: #fff1c7; }
.hero h1 { font-size: clamp(38px, 4.5vw, 56px); }
.hero h1 em { color: #efc45b; text-shadow: 0 0 24px rgba(231, 171, 48, .2); }
.hero::before { display: none; }
.hero-copy > p:not(.eyebrow), .hero .mini-proof { display: none; }
.hero-copy .eyebrow { margin-bottom: 8px; }
.hero-copy > p:not(.eyebrow) { color: #c9d5ca; }
.signup-card .btn { background: linear-gradient(115deg, #f0ca66, #c38a2c 65%, #9d1f22); color: #260708; }

.top-game-marquee {
  width: min(1360px, calc(100% - 80px));
  margin: 4px auto 12px;
  border-radius: 6px 46px 6px 46px;
  border-color: rgba(224, 174, 61, .33);
  background: radial-gradient(circle at 0 0, rgba(196, 35, 29, .2), transparent 31%), radial-gradient(circle at 100% 0, rgba(52, 151, 105, .13), transparent 25%), linear-gradient(145deg, #3b090b, #120405);
}
.juwa-platform-lanes { grid-template-columns: 1fr; }
.juwa-platform-lane { min-height: 0; border-radius: 30px 7px 30px 7px; border-color: rgba(223, 173, 65, .35); background: linear-gradient(135deg, rgba(104, 17, 20, .84), rgba(18, 5, 6, .97)); }
.lane-two .lane-game-grid, .lane-classic .lane-game-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.platform-lanes-intro { text-align: left; margin-left: 0; }
.platform-lanes-intro p, .scrolling-platform-intro p { color: #e9bb50; }
.platform-lanes-intro h2, .scrolling-platform-intro h3 { color: #fff0c3; }
.lane-cta, .choice-button { background: linear-gradient(110deg, #d6a744, #9b631c 68%, #8f181c); }

.reviews { background: #f3ead8; }
.games { background: linear-gradient(180deg, #35080a, #0d0304); }
.fund-banner, .final-cta { background: linear-gradient(110deg, #7b1217, #b22625 56%, #c89532); }
.site-footer { background: #090102; }

.login-dialog { border-color: rgba(223, 175, 68, .52); background: radial-gradient(circle at 50% 0, rgba(191, 37, 31, .25), transparent 42%), linear-gradient(145deg, #3e090b, #100304); }
.login-choice, .contact-choice { border-color: rgba(222, 173, 67, .28); background: linear-gradient(145deg, rgba(105, 18, 21, .66), rgba(17, 4, 5, .96)); }
#xyz-support-root .support-launcher { border-color: #e3b34c; background: linear-gradient(110deg, #8d171c, #b82b28 54%, #b4872e); }
#xyz-support-root .support-panel { border-color: rgba(222, 173, 67, .5); background: linear-gradient(160deg, #3a090b, #0e0304); }

/* GoldenDragon shared support window and footer controls */
.footer-support-trigger,.footer-contact-trigger{border:0;color:inherit;font:inherit;cursor:pointer}
.footer-support-trigger{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(223,177,74,.36);border-radius:50%;background:rgba(115,20,23,.18)}
.footer-contact-trigger{padding:0;background:transparent;color:#d9b95f;text-align:left}
.footer-contact-trigger:hover,.footer-contact-trigger:focus-visible{color:#fff1c7;outline:0}
.contact-dialog{border-color:rgba(223,177,74,.58);background:radial-gradient(circle at 88% 0,rgba(198,38,30,.22),transparent 35%),linear-gradient(150deg,#3a090b,#0e0504);box-shadow:0 38px 120px rgba(0,0,0,.78),0 0 52px rgba(207,47,31,.16)}
.contact-dialog::backdrop{background:rgba(8,2,2,.84);backdrop-filter:blur(9px)}
.contact-dialog h2{color:#fff2c9}
.contact-dialog>p{color:#d8c6a1}
#xyz-support-root .support-launcher{min-width:216px;justify-content:flex-start;gap:12px}
#xyz-support-root .support-launcher-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;white-space:nowrap}
#xyz-support-root .support-launcher-copy small{color:#e2bd62;font-size:7px;font-weight:900;letter-spacing:.16em;line-height:1}

body::before { background: radial-gradient(circle at 50% 45%, rgba(185, 34, 30, .23), transparent 31%), radial-gradient(circle at 76% 38%, rgba(48, 145, 101, .14), transparent 27%), linear-gradient(145deg, #0c0203, #3b090b 55%, #0e0304); }
body::after {
  content: "FORTUNE AWAKENED\A Preparing your GoldenDragon experience";
  white-space: pre;
  border-color: rgba(226, 177, 68, .65);
  background:
    url("assets/brand/goldendragon-logo.png?v=1") center 43% / 94% auto no-repeat,
    radial-gradient(circle at 50% 34%, rgba(177, 31, 28, .29), transparent 49%),
    linear-gradient(145deg, rgba(57, 8, 10, .98), rgba(12, 2, 3, .99));
  color: #efc45b;
}

@media (max-width: 950px) {
  .hero { grid-template-columns: 1fr; }
  .hero-copy { order: 1; }
  .signup-card { order: 2; }
  .lane-two .lane-game-grid, .lane-classic .lane-game-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .site-header .juwa-brand { width: 205px; height: 68px; }
  .hero, .top-game-marquee { width: calc(100% - 22px); }
  .lane-two .lane-game-grid, .lane-classic .lane-game-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}