/* ==========================================================================
   Goldforge: site-only styles. Loaded after /shared/css/base.css.
   Markup keeps most layout as inline styles (exported 1:1 from the design);
   hover/focus states live here as .xx-iN utility classes.
   ========================================================================== */

/* Design tokens */
.site-goldforge{
  --bg:#110c08; --ink:#f3e9d8; --text:#e3d6c0; --muted:#bfae95; --surface:#1a120a; --line:rgba(244,185,66,.16);
  --accent:#f4b942; --accent-hover:#ffd877; --accent-ink:#2a1a06; --num:#ff8a4a; --h2-ink:#ffd877;
  --gold-light:#ffd877; --ember:#ff6a1f; --ruby:#e0344b; --emerald:#2fbf5b; --sapphire:#3aa6ff; --amethyst:#a64dff;
  --font-head:'Cinzel',Georgia,serif; --font-body:'Figtree',system-ui,sans-serif; --head-tracking:0; --h2-tracking:0;
  --legal-hero-bg:linear-gradient(90deg,rgba(17,12,8,.97) 0%,rgba(17,12,8,.82) 55%,rgba(17,12,8,.6) 100%),linear-gradient(0deg,#110c08 0%,rgba(17,12,8,0) 50%),url(/goldforge/assets/img/card_ep2_vault.webp) center/cover no-repeat,#110c08;
  --legal-progress:linear-gradient(90deg,#e0344b,#ff6a1f,#f4b942,#ffd877); --legal-toc-active-bg:rgba(244,185,66,.14);
  --chip-bg:rgba(255,240,210,.06); --chip-dot:#f4b942; --callout-bg:rgba(224,52,75,.1); --callout-border:rgba(224,52,75,.35);
  --placeholder-border:rgba(244,185,66,.6); --placeholder-ink:#ffd877; --card-value:#ffd877;
}
.site-goldforge .legal-title em{background:linear-gradient(180deg,#ffe49a,#f4b942 50%,#e07a12);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-goldforge .legal-toc,.site-goldforge .legal-card,.site-goldforge .legal-dl>div{background:linear-gradient(160deg,#21170c,#150f09)}
.legal-page [data-nav-bar].is-scrolled{background:rgba(17,12,8,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:rgba(244,185,66,.15)!important}
@media (max-width:899px){.legal-page [data-hide-mobile]{display:none!important}}

/* Page base (from design) */
html,body{margin:0;padding:0;background:#110c08;color:#f3e9d8;font-family:'Figtree',system-ui,sans-serif;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
::selection{background:#f4b942;color:#110c08}
a{color:#f4b942;text-decoration:none}
a:hover{color:#ffd877}
img{display:block;max-width:100%}
@keyframes gfFloat{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-14px) rotate(var(--r,0deg))}}
@keyframes gfGlow{0%,100%{opacity:.55}50%{opacity:1}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}

/* Hover / focus states: landing page */
.gf-i1:hover{background:rgba(244,185,66,.1) !important;color:#ffd877 !important}
.gf-i2:hover{background:rgba(244,185,66,.1) !important;color:#ffd877 !important}
.gf-i3:hover{background:rgba(244,185,66,.1) !important;color:#ffd877 !important}
.gf-i4:hover{background:rgba(244,185,66,.1) !important;color:#ffd877 !important}
.gf-i5:hover{background:rgba(244,185,66,.1) !important;color:#ffd877 !important}
.gf-i6:hover{color:#2a1a06 !important;filter:brightness(1.08) !important}
.gf-i7:hover{transform:translateY(-3px) !important}
.gf-i8:hover{background:rgba(244,185,66,.14) !important;color:#ffe49a !important}
.gf-i9:hover{transform:translateY(-8px) scale(1.04) !important}
.gf-i10:hover{transform:translateY(-8px) scale(1.04) !important}
.gf-i11:hover{transform:translateY(-8px) scale(1.04) !important}
.gf-i12:hover{transform:translateY(-8px) scale(1.04) !important}
.gf-i13:hover{transform:translateY(-8px) scale(1.04) !important}
.gf-i14:hover{transform:translateY(-3px) !important}
.gf-i15:hover{color:#ffd877 !important}
.gf-i16:hover{color:#ffffff !important}
.gf-i17:hover{color:#ffffff !important}
.gf-i18:hover{color:#ffffff !important}
.gf-i19:hover{color:#ffffff !important}
.gf-i20:hover{color:#ffffff !important}
.gf-i21:hover{color:#ffffff !important}
.gf-i22:hover{color:#ffffff !important}
.gf-i23:hover{color:#ffffff !important}
.gf-i24:hover{color:#ffffff !important}
.gf-i25:hover{color:#ffffff !important}
.gf-i26:hover{color:#ffffff !important}

/* Hover / focus states: legal header + footer */
.gfl-i1:hover{background:rgba(244,185,66,.1) !important;color:#ffd877 !important}
.gfl-i2:hover{background:rgba(244,185,66,.1) !important;color:#ffd877 !important}
.gfl-i3:hover{background:rgba(244,185,66,.1) !important;color:#ffd877 !important}
.gfl-i4:hover{background:rgba(244,185,66,.1) !important;color:#ffd877 !important}
.gfl-i5:hover{background:rgba(244,185,66,.1) !important;color:#ffd877 !important}
.gfl-i6:hover{color:#2a1a06 !important;filter:brightness(1.08) !important}
.gff-i1:hover{color:#ffd877 !important}
.gff-i2:hover{color:#ffffff !important}
.gff-i3:hover{color:#ffffff !important}
.gff-i4:hover{color:#ffffff !important}
.gff-i5:hover{color:#ffffff !important}
.gff-i6:hover{color:#ffffff !important}
.gff-i7:hover{color:#ffffff !important}
.gff-i8:hover{color:#ffffff !important}
.gff-i9:hover{color:#ffffff !important}
.gff-i10:hover{color:#ffffff !important}
.gff-i11:hover{color:#ffffff !important}