/* Gold Experience 3.0 — scoped to the Gold page only. */

@property --p {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}

body.page-gold {
  --gold-bg: #05070a;
  --gold-bg-secondary: #090d12;
  --gold-surface: #0d1218;
  --gold-surface-2: #111820;
  --gold-surface-3: #151d27;
  --gold-primary: #d7a928;
  --gold-bright: #ffd666;
  --gold-soft: #b98b22;
  --gold-deep: #75550f;
  --text-primary: #f4f7fa;
  --text-secondary: #a9b2c0;
  --text-muted: #687486;
  --bull: #16d98a;
  --bear: #ff4d57;
  --warning: #f6b73c;
  --info: #4da8ff;
  --border-gold: rgba(215, 169, 40, 0.32);
  --border-soft: rgba(255, 255, 255, 0.07);
  overflow-x: clip;
  color: var(--text-primary);
  background:
    radial-gradient(880px 420px at 18% -8%, rgba(215, 169, 40, 0.16), transparent 62%),
    radial-gradient(640px 280px at 80% 0%, rgba(215, 169, 40, 0.06), transparent 55%),
    var(--gold-bg);
}

body.page-gold::before {
  content: "";
  pointer-events: none;
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(215, 169, 40, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(215, 169, 40, 0.035) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at 50% 0%, #000 18%, transparent 72%);
  opacity: 0.55;
}

body.page-gold::after {
  content: "";
  pointer-events: none;
  position: fixed;
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 40%, rgba(0, 0, 0, 0.45) 100%);
}

body.page-gold .beta-banner,
body.page-gold .disclaimer-bar,
body.page-gold .footer-copy { display: none; }

body.page-gold .site-header {
  background: rgba(5, 7, 10, 0.86);
  border-bottom-color: rgba(215, 169, 40, 0.18);
}

body.page-gold .site-menu a.is-active[href="/gold.html"] {
  position: relative;
  overflow: hidden;
  color: var(--gold-bright);
  background: rgba(13, 18, 24, 0.8);
  border: 1px solid var(--border-gold);
  box-shadow: inset 0 0 14px rgba(215, 169, 40, 0.2);
}

body.page-gold .site-menu a.is-active[href="/gold.html"]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 20%, rgba(255, 214, 102, 0.38), transparent 80%);
  transform: translateX(-130%);
  animation: gccNavSweep 10s ease-in-out infinite;
  pointer-events: none;
}

body.page-gold .gold-wrap {
  position: relative;
  z-index: 1;
  max-width: 1680px;
  width: min(1680px, calc(100% - 24px));
  margin: 0 auto;
  padding-bottom: 48px;
}

body.page-gold .gcc-board {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

body.page-gold .gcc-signal > .gt-card,
body.page-gold .gcc-plan > .gt-card,
body.page-gold .gcc-why > .gt-card,
body.page-gold .gcc-mtf > .gt-card,
body.page-gold .gcc-chart > .gt-card,
body.page-gold .gcc-events > .gt-card,
body.page-gold .gcc-factors > .gt-card,
body.page-gold .gcc-calc > .gt-card,
body.page-gold .gcc-track > .gt-card {
  height: 100%;
  box-sizing: border-box;
}

body.page-gold .gt-conf-note { display: none; }

body.page-gold .gcc-board > * { min-width: 0; }

body.page-gold .gcc-identity,
body.page-gold .gcc-hero,
body.page-gold .gcc-metrics,
body.page-gold .gcc-tabs,
body.page-gold .gcc-support { grid-column: 1 / -1; }

body.page-gold .gcc-signal,
body.page-gold .gcc-plan,
body.page-gold .gcc-why,
body.page-gold .gcc-mtf,
body.page-gold .gcc-events,
body.page-gold .gcc-factors,
body.page-gold .gcc-calc,
body.page-gold .gcc-track { grid-column: span 3; }

body.page-gold .gcc-chart { grid-column: span 8; }
body.page-gold .gcc-rail-col { grid-column: span 4; display: grid; gap: 14px; }

body.page-gold .gcc-tabs { display: none; }
body.page-gold .gcc-sticky { display: none; }

body.page-gold .gt-card,
body.page-gold .gcc-hero,
body.page-gold .gcc-metric,
body.page-gold .gcc-level-cards article,
body.page-gold .gt-level {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 42%),
    var(--gold-surface-2);
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

body.page-gold .gt-card { padding: 14px 16px; }

@media (hover: hover) {
  body.page-gold .gt-card:hover,
  body.page-gold .gcc-metric:hover {
    transform: translateY(-1px);
    border-color: rgba(215, 169, 40, 0.38);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.34);
  }
}

body.page-gold .gt-kicker,
body.page-gold .gt-label,
body.page-gold .gt-level span,
body.page-gold .gcc-level-cards span,
body.page-gold .gcc-metric span,
body.page-gold .gcc-matrix-head {
  color: var(--text-muted);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-gold h2 {
  margin: 0;
  font-size: 1rem;
  letter-spacing: 0.02em;
}

body.page-gold .gt-sec-head,
body.page-gold .gt-card-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 10px;
}

body.page-gold .gcc-identity {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

body.page-gold .gcc-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.1fr 1.3fr 1fr 0.9fr;
  gap: 16px;
  padding: 18px 20px;
  border: 1px solid transparent;
  background:
    linear-gradient(165deg, rgba(21, 16, 8, 0.92), var(--gold-surface) 55%) padding-box,
    linear-gradient(120deg, rgba(117, 85, 15, 0.2), rgba(255, 214, 102, 0.85), rgba(117, 85, 15, 0.25)) border-box;
  box-shadow: 0 0 40px rgba(215, 169, 40, 0.08);
}

body.page-gold .gcc-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 30%, rgba(255, 214, 102, 0.16), transparent 70%);
  transform: translateX(-120%);
  animation: gccHeroSweep 9s linear infinite;
  pointer-events: none;
}

body.page-gold .gcc-particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

body.page-gold .gcc-particles i {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(255, 214, 102, 0.45);
  animation: gccDust 11s linear infinite;
}

body.page-gold .gcc-particles i:nth-child(1) { left: 12%; top: 70%; animation-duration: 13s; }
body.page-gold .gcc-particles i:nth-child(2) { left: 28%; top: 40%; animation-duration: 16s; }
body.page-gold .gcc-particles i:nth-child(3) { left: 54%; top: 78%; animation-duration: 12s; }
body.page-gold .gcc-particles i:nth-child(4) { left: 72%; top: 30%; animation-duration: 15s; }
body.page-gold .gcc-particles i:nth-child(5) { left: 88%; top: 62%; animation-duration: 14s; }

body.page-gold .gcc-bars {
  width: 46px;
  height: 32px;
  fill: url(#none);
  fill: var(--gold-primary);
  filter: drop-shadow(0 0 8px rgba(215, 169, 40, 0.45));
}

body.page-gold .gcc-hero-brand {
  display: flex;
  gap: 12px;
  align-items: center;
  position: relative;
  z-index: 1;
}

body.page-gold .gcc-brand {
  margin: 0;
  font-size: 1.35rem;
  letter-spacing: 0.18em;
  color: var(--gold-bright);
}

body.page-gold .gt-pair { margin: 0; font-weight: 700; }
body.page-gold .gcc-sub { margin: 2px 0 0; color: var(--text-muted); font-size: 0.78rem; }

body.page-gold .gcc-hero-price,
body.page-gold .gcc-hero-book,
body.page-gold .gcc-hero-side { position: relative; z-index: 1; min-width: 0; }

body.page-gold .gt-live-price {
  margin: 0;
  font-size: clamp(2rem, 3.4vw, 3.1rem);
  font-weight: 720;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  min-width: 8ch;
}

body.page-gold .gt-price-row { display: flex; align-items: center; gap: 8px; }
body.page-gold .gt-day-chg,
body.page-gold .gt-big,
body.page-gold .gt-level strong,
body.page-gold .gcc-level-cards strong,
body.page-gold .gcc-metric strong,
body.page-gold .gt-quote-grid strong {
  font-variant-numeric: tabular-nums;
}

body.page-gold .gt-day-chg { margin: 6px 0 0; color: var(--text-secondary); }
body.page-gold .gt-day-chg.is-up,
body.page-gold #gtChange.is-up,
body.page-gold .gcc-q-high { color: var(--bull); }
body.page-gold .gt-day-chg.is-down,
body.page-gold #gtChange.is-down,
body.page-gold .gcc-q-low { color: var(--bear); }

body.page-gold .gt-live-price.is-flash-up { color: var(--bull); text-shadow: 0 0 16px rgba(22, 217, 138, 0.55); }
body.page-gold .gt-live-price.is-flash-down { color: var(--bear); text-shadow: 0 0 16px rgba(255, 77, 87, 0.5); }
body.page-gold .gt-price-arrow { opacity: 0; font-size: 0.85rem; }
body.page-gold .gt-price-arrow.is-show { opacity: 1; }
body.page-gold .gt-price-arrow.is-up { color: var(--bull); }
body.page-gold .gt-price-arrow.is-down { color: var(--bear); }

body.page-gold #gtFeed {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.page-gold #gtTrendScoreMirror { display: none; }

body.page-gold .gt-feed,
body.page-gold .gt-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 0.78rem;
  letter-spacing: 0.12em;
}

body.page-gold .gt-feed-dot,
body.page-gold .gt-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--text-muted);
}

body.page-gold [data-state="live"] .gt-feed-dot,
body.page-gold [data-state="live"] .gt-live-dot {
  background: var(--bull);
  box-shadow: 0 0 0 0 rgba(22, 217, 138, 0.6);
  animation: gccLive 2.2s ease-out infinite;
}

body.page-gold [data-state="loading"] .gt-feed-dot,
body.page-gold [data-state="loading"] .gt-live-dot,
body.page-gold [data-state="delayed"] .gt-feed-dot,
body.page-gold [data-state="delayed"] .gt-live-dot {
  background: var(--warning);
  animation: gccBreathe 2s ease-in-out infinite;
}

body.page-gold [data-state="stale"] .gt-feed-dot,
body.page-gold [data-state="stale"] .gt-live-dot {
  background: var(--warning);
  animation: gccBreathe 2.8s ease-in-out infinite;
}

body.page-gold [data-state="unavailable"] .gt-feed-dot,
body.page-gold [data-state="unavailable"] .gt-live-dot,
body.page-gold [data-state="disconnected"] .gt-feed-dot,
body.page-gold [data-state="disconnected"] .gt-live-dot {
  background: #8a5560;
  animation: none;
}

body.page-gold .gt-quote-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.page-gold .gt-quote-grid span,
body.page-gold .gcc-metric small,
body.page-gold .gt-level small,
body.page-gold .muted { color: var(--text-secondary); font-size: 0.75rem; }

body.page-gold .gt-quote-grid strong { display: block; font-size: 0.95rem; }

body.page-gold .gcc-spark {
  height: 40px;
  color: var(--gold-bright);
  margin-bottom: 8px;
}
body.page-gold .gcc-spark[data-state="up"] { color: var(--bull); }
body.page-gold .gcc-spark[data-state="down"] { color: var(--bear); }
body.page-gold .gcc-spark[data-state="empty"]::before { content: "—"; color: var(--text-muted); }

body.page-gold .gcc-regime,
body.page-gold .gt-session { margin: 0; color: var(--gold-bright); }

body.page-gold .gcc-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

body.page-gold .gcc-metric {
  padding: 10px 12px;
  min-height: 84px;
}

body.page-gold .gcc-metric strong {
  display: block;
  margin-top: 4px;
  font-size: 1rem;
  color: var(--text-primary);
}

body.page-gold .gcc-metric > i {
  display: block;
  height: 4px;
  width: 0;
  max-width: 100%;
  margin-top: 8px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--gold-deep), var(--gold-bright));
  transition: width 500ms ease;
}

body.page-gold .gcc-flow { grid-column: 1 / -1; }

body.page-gold .gcc-call {
  margin: 0;
  font-size: clamp(1.8rem, 2.4vw, 2.4rem);
  letter-spacing: 0.08em;
  line-height: 1;
}

body.page-gold .gcc-call.is-long { color: var(--bull); }
body.page-gold .gcc-call.is-short { color: var(--bear); }
body.page-gold .gcc-call.is-wait { color: var(--gold-bright); }

body.page-gold .gcc-call.is-long::before,
body.page-gold .gcc-call.is-short::before,
body.page-gold .gcc-call.is-wait::before {
  display: inline-block;
  margin-right: 8px;
  font-size: 0.7em;
}

body.page-gold .gcc-call.is-long::before { content: "▲"; }
body.page-gold .gcc-call.is-short::before { content: "▼"; }
body.page-gold .gcc-call.is-wait::before { content: "◆"; }

body.page-gold .gcc-signal-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

body.page-gold .gt-prob-ring {
  --ring: var(--gold-primary);
  width: 84px;
  height: 84px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: conic-gradient(var(--ring) calc(var(--p) * 1%), rgba(255, 255, 255, 0.08) 0);
  transition: --p 640ms ease;
}

body.page-gold .gt-prob-ring span {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--gold-surface);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

body.page-gold .gcc-decision[data-side="long"] { --ring: var(--bull); }
body.page-gold .gcc-decision[data-side="short"] { --ring: var(--bear); }
body.page-gold .gcc-decision[data-side="wait"] { --ring: var(--gold-primary); }

body.page-gold .gcc-decision[data-side="long"],
body.page-gold .gcc-decision[data-side="short"] {
  animation: gccEdge 2.6s ease-in-out infinite;
}

body.page-gold .gcc-decision.is-signal-shift {
  animation: gccShift 700ms ease;
}

body.page-gold .gcc-conf-track {
  height: 8px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

body.page-gold #gccConfBar {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--gold-deep), var(--gold-bright));
  transition: width 640ms ease;
}

body.page-gold .gcc-decision[data-side="long"] #gccConfBar { background: linear-gradient(90deg, #065f46, var(--bull)); }
body.page-gold .gcc-decision[data-side="short"] #gccConfBar { background: linear-gradient(90deg, #7f1d1d, var(--bear)); }

body.page-gold .gt-levels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

body.page-gold .gt-level { padding: 10px; }
body.page-gold .gt-level strong { display: block; font-size: 1.05rem; margin-top: 4px; }
body.page-gold .gt-level-entry strong { color: var(--gold-bright); }
body.page-gold .gt-level-tp strong { color: var(--bull); }
body.page-gold .gt-level-sl strong { color: var(--bear); }
body.page-gold .gt-level-rr { grid-column: 1 / -1; }
body.page-gold .gt-levels.is-incomplete-plan .gt-level-entry strong { color: var(--warning); }

body.page-gold .gcc-why-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}

body.page-gold .gcc-why-list li {
  padding: 7px 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  font-size: 0.86rem;
}

body.page-gold .gcc-why-list li.is-fresh { animation: gccFade 420ms ease; }
body.page-gold .gcc-why-list .is-ok { color: var(--bull); }
body.page-gold .gcc-why-list .is-warn { color: var(--warning); }
body.page-gold .gcc-why-list .is-info { color: var(--info); }

body.page-gold .gcc-why-list .gcc-more button,
body.page-gold .gcc-link,
body.page-gold .gcc-fs,
body.page-gold .gcc-tabs button,
body.page-gold .gcc-track-tabs button,
body.page-gold .gcc-ov button,
body.page-gold .gt-tf-btns button {
  background: transparent;
  color: var(--text-secondary);
  border: 1px solid var(--border-soft);
  border-radius: 999px;
  padding: 6px 10px;
  cursor: pointer;
}

body.page-gold .gcc-ov button.is-on,
body.page-gold .gt-tf-btns button.is-on,
body.page-gold .gcc-tabs button.is-on,
body.page-gold .gcc-track-tabs button.is-on {
  color: #1a1408;
  background: linear-gradient(90deg, var(--gold-soft), var(--gold-bright));
  border-color: transparent;
  box-shadow: 0 0 12px rgba(215, 169, 40, 0.28);
}

body.page-gold .gt-tf-btns,
body.page-gold .gcc-ov,
body.page-gold .gcc-track-tabs,
body.page-gold .gt-chart-head {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

body.page-gold .gt-chart-head { justify-content: space-between; }

body.page-gold .gt-mtf-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
}
body.page-gold .gt-mtf-pill {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 6px 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  font-size: 0.78rem;
}
body.page-gold .gt-mtf-pill span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.page-gold .gt-mtf-pill.is-up { color: var(--bull); }
body.page-gold .gt-mtf-pill.is-down { color: var(--bear); }
body.page-gold .gt-mtf-pill.is-flat { color: var(--text-secondary); }
body.page-gold .gt-mtf-pill strong { color: var(--text-primary); }

body.page-gold .gcc-align-track {
  height: 8px;
  margin: 8px 0;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

body.page-gold #gccAlignBar {
  display: block;
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--gold-soft), var(--gold-bright));
  transition: width 500ms ease;
}

body.page-gold #gccAlignBar[data-side="down"] { background: linear-gradient(90deg, #7f1d1d, var(--bear)); }
body.page-gold #gccAlignBar[data-side="up"] { background: linear-gradient(90deg, #065f46, var(--bull)); }

body.page-gold .gcc-matrix-head {
  display: grid;
  grid-template-columns: 52px 1fr auto;
  gap: 8px;
  margin-bottom: 6px;
}

body.page-gold .gt-tv-host {
  height: min(62vh, 640px);
  min-height: 460px;
  border-radius: 12px;
  overflow: hidden;
  background: #070b12;
}

body.page-gold .gt-tv-host iframe,
body.page-gold .gt-tv-frame { width: 100%; height: 100%; border: 0; }

body.page-gold .gcc-rail {
  display: grid;
  gap: 4px;
  margin-top: 8px;
  font-size: 0.8rem;
}

body.page-gold .gcc-rail div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 0;
  border-bottom: 1px solid var(--border-soft);
}

body.page-gold .gcc-level-cards,
body.page-gold .gcc-session-grid,
body.page-gold .gt-metric-grid,
body.page-gold .gt-scenario-grid,
body.page-gold .gt-result-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

body.page-gold .gcc-level-cards article,
body.page-gold .gcc-session-grid article,
body.page-gold .gt-metric {
  padding: 8px;
}

body.page-gold .gcc-level-cards .is-support strong { color: var(--bull); }
body.page-gold .gcc-level-cards .is-resist strong { color: var(--bear); }
body.page-gold .gcc-level-cards .is-pdh strong,
body.page-gold .gcc-level-cards .is-sh strong { color: var(--info); }

body.page-gold .gcc-marks { display: flex; gap: 6px; min-height: 1.2em; margin-bottom: 8px; }
body.page-gold .gcc-marks i {
  font-style: normal;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid var(--border-soft);
}
body.page-gold .gcc-marks .is-up { color: var(--bull); }
body.page-gold .gcc-marks .is-down { color: var(--bear); }

body.page-gold .gcc-timeline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-bottom: 8px;
}

body.page-gold .gcc-timeline span {
  text-align: center;
  padding: 8px 4px;
  border-radius: 8px;
  border: 1px solid var(--border-soft);
  color: var(--text-muted);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
}

body.page-gold .gcc-timeline[data-session="ASIA"] [data-band="asia"],
body.page-gold .gcc-timeline[data-session="LONDON"] [data-band="london"],
body.page-gold .gcc-timeline[data-session="NEW YORK"] [data-band="newyork"] {
  color: #1a1408;
  background: linear-gradient(90deg, var(--gold-soft), var(--gold-bright));
  box-shadow: 0 0 16px rgba(215, 169, 40, 0.35);
}

body.page-gold .gcc-timeline[data-session="OVERLAP"] [data-band="london"],
body.page-gold .gcc-timeline[data-session="OVERLAP"] [data-band="newyork"] {
  color: var(--gold-bright);
  border-color: var(--border-gold);
  box-shadow: inset 0 0 12px rgba(215, 169, 40, 0.25);
}

body.page-gold .gcc-event-state {
  margin: 0;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid var(--border-soft);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
}

body.page-gold #goldEvents[data-risk*="high"] .gcc-event-state {
  color: var(--bear);
  border-color: rgba(255, 77, 87, 0.5);
  animation: gccBreathe 2.2s ease-in-out infinite;
}

body.page-gold .gt-calc-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

body.page-gold .gt-calc-form label { display: grid; gap: 4px; font-size: 0.75rem; color: var(--text-muted); }
body.page-gold .gt-calc-form input,
body.page-gold .gt-calc-form select {
  background: var(--gold-bg);
  color: var(--text-primary);
  border: 1px solid var(--border-soft);
  border-radius: 8px;
  padding: 8px;
}

body.page-gold .gcc-calc-btn,
body.page-gold #gCalcBtn,
body.page-gold #lpBtn {
  grid-column: 1 / -1;
  background: linear-gradient(90deg, var(--gold-soft), var(--gold-bright));
  color: #1a1408;
  border: 0;
  border-radius: 10px;
  padding: 10px;
  font-weight: 700;
  cursor: pointer;
}

body.page-gold #gCalcBtn:hover,
body.page-gold #lpBtn:hover { box-shadow: 0 0 16px rgba(215, 169, 40, 0.35); }
body.page-gold #gCalcBtn:active,
body.page-gold #lpBtn:active { transform: scale(0.98); }

body.page-gold .gt-calc-out.is-result { animation: gccFade 420ms ease; }
body.page-gold .gcc-empty { color: var(--text-secondary); }

body.page-gold .gt-result-grid .is-up strong { color: var(--bull); }
body.page-gold .gt-result-grid .is-down strong { color: var(--bear); }

body.page-gold .gcc-support { display: grid; gap: 14px; }

body.page-gold.gcc-motion .gcc-reveal:not(.is-in) { opacity: 0; transform: translateY(8px); }
body.page-gold .gcc-reveal.is-in { animation: gccReveal 500ms ease forwards; }

body.page-gold .gt-flow-track {
  height: 6px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
body.page-gold .gt-flow-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--gold-deep), var(--gold-bright));
}

body.page-gold.is-connecting .gt-live-price,
body.page-gold.is-connecting .gcc-call,
body.page-gold.is-connecting .gcc-metric strong {
  color: transparent;
  border-radius: 6px;
  background: linear-gradient(90deg, #151d27 20%, rgba(215, 169, 40, 0.28) 50%, #151d27 80%);
  background-size: 200% 100%;
  animation: gccSk 1.3s linear infinite;
}

body.page-gold :focus-visible {
  outline: 2px solid var(--gold-bright);
  outline-offset: 2px;
}

@keyframes gccNavSweep { 0%, 72% { transform: translateX(-130%); } 88%, 100% { transform: translateX(130%); } }
@keyframes gccHeroSweep { 0% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }
@keyframes gccLive {
  0% { box-shadow: 0 0 0 0 rgba(22, 217, 138, 0.55); }
  70% { box-shadow: 0 0 0 8px rgba(22, 217, 138, 0); }
  100% { box-shadow: 0 0 0 0 rgba(22, 217, 138, 0); }
}
@keyframes gccBreathe { 0%, 100% { opacity: 0.45; } 50% { opacity: 1; } }
@keyframes gccEdge {
  0%, 100% { box-shadow: 0 0 0 rgba(22, 217, 138, 0); }
  50% { box-shadow: 0 0 18px rgba(215, 169, 40, 0.22); }
}
@keyframes gccShift { 0% { filter: brightness(1.4); } 100% { filter: brightness(1); } }
@keyframes gccFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes gccReveal { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes gccSk { from { background-position: 100% 0; } to { background-position: -100% 0; } }
@keyframes gccDust {
  0% { transform: translateY(8px); opacity: 0; }
  20% { opacity: 0.7; }
  100% { transform: translateY(-28px); opacity: 0; }
}

@media (max-width: 1279px) {
  body.page-gold .gcc-signal,
  body.page-gold .gcc-plan,
  body.page-gold .gcc-why,
  body.page-gold .gcc-mtf,
  body.page-gold .gcc-events,
  body.page-gold .gcc-factors,
  body.page-gold .gcc-calc,
  body.page-gold .gcc-track { grid-column: span 6; }
  body.page-gold .gcc-chart,
  body.page-gold .gcc-rail-col { grid-column: 1 / -1; }
  body.page-gold .gcc-hero { grid-template-columns: 1fr 1fr; }
  body.page-gold .gcc-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
  body.page-gold .gcc-particles,
  body.page-gold .gcc-hero::after { display: none; }
  body.page-gold .gcc-tabs {
    display: flex;
    position: sticky;
    top: 98px;
    z-index: 25;
    gap: 6px;
    padding: 8px 0;
    background: rgba(5, 7, 10, 0.92);
  }
  body.page-gold .gcc-board { display: flex; flex-direction: column; }
  body.page-gold .gcc-hero { grid-template-columns: 1fr; }
  body.page-gold .gt-tv-host { min-height: 300px; height: 340px; }
  body.page-gold[data-gold-pane="overview"] .gt-tv-host { height: 240px; min-height: 220px; }
  body.page-gold[data-gold-pane="chart"] .gt-tv-host { height: 420px; }
  body.page-gold [data-gold-pane] { display: none; }
  body.page-gold[data-gold-pane="overview"] [data-gold-pane~="overview"],
  body.page-gold[data-gold-pane="chart"] [data-gold-pane~="chart"],
  body.page-gold[data-gold-pane="analysis"] [data-gold-pane~="analysis"],
  body.page-gold[data-gold-pane="events"] [data-gold-pane~="events"] { display: block; }
  body.page-gold .gcc-rail-col { display: contents; }
  body.page-gold .gcc-sticky {
    display: flex;
    position: sticky;
    top: 58px;
    z-index: 26;
    gap: 10px;
    align-items: center;
    padding: 8px 10px;
    background: rgba(5, 7, 10, 0.94);
    border-bottom: 1px solid var(--border-gold);
    font-variant-numeric: tabular-nums;
  }
  body.page-gold .gt-calc-form,
  body.page-gold .gt-levels { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 430px) {
  body.page-gold .gt-levels,
  body.page-gold .gt-calc-form,
  body.page-gold .gcc-level-cards { grid-template-columns: 1fr; }
  body.page-gold .gt-live-price { font-size: 2rem; }
}

@media (prefers-reduced-motion: reduce) {
  body.page-gold *,
  body.page-gold *::before,
  body.page-gold *::after {
    animation: none !important;
    transition: none !important;
  }
  body.page-gold .gcc-particles { display: none; }
  body.page-gold .gcc-reveal,
  body.page-gold .gcc-reveal:not(.is-in) { opacity: 1; transform: none; }
}

body.page-gold.is-tab-hidden .gcc-hero::after,
body.page-gold.is-tab-hidden .gcc-particles i,
body.page-gold.is-tab-hidden .site-menu a.is-active[href="/gold.html"]::after {
  animation-play-state: paused;
}