/* Prediction3 · Sirius dark-gold system · all devices.
   Presentation only: recolors existing gold plaques/cards/tabs without touching data or engine behavior. */
body[data-page="prediction3"]{
  --dg-ink:#f4e7c5;
  --dg-text:#d3c5a5;
  --dg-edge:#3a2a10;
  --dg-line:#9a742d;
  --dg-deep:#2b210e;
  --dg-base:#3a2a10;
  --dg-mid:#5b4217;
  --dg-light:#b88b31;
  --dg-soft:#d7b15a;
  --dg-hi:#f0d783;
}

/* ---------- HERO PLAQUE · SMOKED DARK GOLD ---------- */
body[data-page="prediction3"] .prediction3-hero{
  border-color:rgba(176,136,49,.72)!important;
  color:var(--dg-ink)!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(222,183,87,.14),transparent 28%),
    linear-gradient(112deg,rgba(255,235,159,.045) 0%,transparent 25%,rgba(208,164,71,.075) 47%,transparent 68%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,rgba(36,24,6,.028) 1px 3px),
    linear-gradient(145deg,#2a210f 0%,#3d2d11 18%,#4b3613 38%,#34270f 58%,#453116 78%,#241b0b 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(226,190,99,.17),
    inset 0 0 0 4px rgba(82,57,16,.28),
    inset 0 18px 32px rgba(221,179,83,.045),
    inset 0 -18px 30px rgba(12,8,2,.23),
    0 12px 28px rgba(0,0,0,.28)!important;
}
body[data-page="prediction3"] .prediction3-hero::before{
  border-color:rgba(183,142,55,.48)!important;
  box-shadow:0 0 0 1px rgba(224,188,97,.09),inset 0 0 18px rgba(206,162,65,.035)!important;
}
body[data-page="prediction3"] .prediction3-hero::after{
  background:
    radial-gradient(circle at 18% 12%,rgba(224,190,109,.08),transparent 25%),
    linear-gradient(96deg,transparent 0 44%,rgba(212,171,77,.045) 49%,transparent 55%)!important;
}
body[data-page="prediction3"] .prediction3-hero .prediction3-kicker{
  color:#d7b15a!important;
  text-shadow:0 1px 2px rgba(0,0,0,.68)!important;
}
body[data-page="prediction3"] .prediction3-hero h1{
  color:#f4e7c5!important;
  text-shadow:0 1px 2px rgba(0,0,0,.82),0 0 12px rgba(177,132,46,.06)!important;
}
body[data-page="prediction3"] .prediction3-hero .hero-copy>p:last-child{
  color:#cbbd9b!important;
  text-shadow:0 1px 1px rgba(0,0,0,.60)!important;
}
body[data-page="prediction3"] .prediction3-hero .hero-badge{
  border-color:rgba(161,119,40,.72)!important;
  background:radial-gradient(circle at 35% 28%,#8f6b25 0%,#624715 38%,#3f2e10 72%,#261c0b 100%)!important;
  box-shadow:inset 0 0 0 2px rgba(213,177,83,.18),inset 0 0 0 4px rgba(50,33,8,.28),0 6px 16px rgba(0,0,0,.24)!important;
}

/* ---------- KPI TABLET · SMOKED DARK GOLD ---------- */
body[data-page="prediction3"] .prediction3-kpis{
  border-color:rgba(176,136,49,.72)!important;
  background:
    radial-gradient(circle at 18% 14%,rgba(219,178,81,.09),transparent 25%),
    linear-gradient(110deg,rgba(255,255,255,.025) 0 7%,transparent 19% 72%,rgba(126,88,24,.055) 100%),
    linear-gradient(145deg,#2d230f 0%,#403015 20%,#4d3815 42%,#362910 64%,#473416 82%,#271e0d 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(222,186,95,.16),
    inset 0 0 0 4px rgba(67,46,13,.27),
    inset 0 9px 20px rgba(211,166,65,.035),
    inset 0 -12px 20px rgba(15,9,2,.18),
    0 9px 24px rgba(0,0,0,.23)!important;
}
body[data-page="prediction3"] .prediction3-kpis::before{
  border-color:rgba(164,123,42,.40)!important;
  box-shadow:inset 0 0 0 1px rgba(218,181,90,.07)!important;
}
body[data-page="prediction3"] .prediction3-kpis .p3-kpi:not(:last-child)::after{
  background:linear-gradient(180deg,transparent,rgba(162,120,39,.38) 20% 80%,transparent)!important;
  box-shadow:1px 0 rgba(219,182,89,.055)!important;
}
body[data-page="prediction3"] .prediction3-kpis .p3-kpi span{
  color:#cbbd98!important;
  text-shadow:0 1px 2px rgba(0,0,0,.68)!important;
}
body[data-page="prediction3"] .prediction3-kpis .p3-kpi strong{
  color:#f0d783!important;
  text-shadow:0 1px 2px rgba(0,0,0,.82)!important;
}
body[data-page="prediction3"] .prediction3-kpis .p3-kpi.win strong,
body[data-page="prediction3"] .prediction3-kpis #statWinRate{color:#f4df9b!important}
body[data-page="prediction3"] .prediction3-kpis .p3-kpi.loss strong{color:#d8c8a2!important}

/* ---------- TODAY / RESULTS · SMOKED DARK GOLD ---------- */
body[data-page="prediction3"] .day-switch .day-tab{
  border-color:rgba(176,136,49,.72)!important;
  color:#ead9ad!important;
  background:
    radial-gradient(circle at 20% 16%,rgba(219,178,81,.10),transparent 28%),
    linear-gradient(108deg,rgba(255,255,255,.035) 0%,transparent 25%,rgba(194,146,49,.06) 48%,transparent 70%),
    linear-gradient(145deg,#2d230f 0%,#473315 24%,#543c16 44%,#392a10 64%,#473315 82%,#251c0c 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(219,182,89,.14),inset 0 -10px 20px rgba(15,9,2,.16),0 7px 16px rgba(0,0,0,.22)!important;
}
body[data-page="prediction3"] .day-switch .day-tab::after{
  border-color:rgba(163,121,39,.38)!important;
  box-shadow:0 0 0 1px rgba(217,184,94,.055)!important;
}
body[data-page="prediction3"] .day-switch .day-tab + .day-tab{border-left-color:rgba(176,136,49,.72)!important}
body[data-page="prediction3"] .day-switch .day-tab span{
  color:#f0d783!important;
  border-color:rgba(155,116,42,.78)!important;
  background:radial-gradient(circle at 35% 28%,#23382e 0%,#15291f 58%,#0b1712 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(213,177,83,.12),0 2px 7px rgba(0,0,0,.22)!important;
}
body[data-page="prediction3"] .day-switch .day-tab.active{
  color:#fff0c7!important;
  border-color:rgba(199,156,59,.86)!important;
  background:
    radial-gradient(circle at 24% 16%,rgba(235,196,103,.16),transparent 29%),
    linear-gradient(110deg,rgba(255,255,255,.055) 0%,rgba(255,255,255,.012) 25%,rgba(214,169,73,.085) 50%,transparent 72%),
    linear-gradient(145deg,#3a2b10 0%,#594019 22%,#684a1b 42%,#453214 62%,#5c4319 82%,#30230e 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(226,194,109,.20),inset 0 -12px 24px rgba(18,11,2,.15),0 8px 20px rgba(0,0,0,.24),0 0 14px rgba(156,108,28,.065)!important;
}
body[data-page="prediction3"] .day-switch .day-tab.active span{
  color:#ffe39a!important;
  border-color:#8a6625!important;
  background:radial-gradient(circle at 35% 28%,#31523f 0%,#183729 58%,#0a1a13 100%)!important;
}
@media(hover:hover){
  body[data-page="prediction3"] .day-switch .day-tab:hover{
    filter:brightness(1.08) saturate(.92)!important;
    border-color:#9c7429!important;
    box-shadow:inset 0 0 0 1px rgba(226,194,109,.18),inset 0 -10px 20px rgba(18,11,2,.10),0 9px 20px rgba(0,0,0,.24),0 0 11px rgba(169,117,28,.065)!important;
  }
}
body[data-page="prediction3"] .day-switch .day-tab:focus-visible{outline-color:#d7b15a!important}

/* ---------- PRE-MATCH / INDICATORS DARK GOLD ----------
   Dark gold means bronze-gold surfaces, not near-black panels. */
body[data-page="prediction3"] .p3-prematch-gold{
  border-color:rgba(174,132,48,.58)!important;
  background:
    linear-gradient(135deg,rgba(205,164,77,.10),transparent 34%,rgba(255,228,145,.035) 52%,transparent 72%),
    linear-gradient(145deg,#3a2a10 0%,#4a3512 22%,#2f240f 52%,#3d2d11 78%,#251d0d 100%)!important;
  box-shadow:inset 0 1px rgba(255,230,150,.06),inset 0 0 38px rgba(0,0,0,.18)!important;
}
body[data-page="prediction3"] .p3-prematch-head{
  border-bottom-color:rgba(184,142,54,.30)!important;
  background:linear-gradient(90deg,rgba(191,149,59,.13),rgba(81,58,19,.06) 50%,rgba(196,154,63,.10))!important;
}
body[data-page="prediction3"] .p3-gold-stone,
body[data-page="prediction3"] .p3-historical-gold,
body[data-page="prediction3"] .p3-key-coins{
  border-color:rgba(180,139,53,.42)!important;
  background:
    linear-gradient(135deg,rgba(209,169,78,.16),rgba(130,92,28,.10) 38%,rgba(62,46,20,.20) 70%),
    linear-gradient(150deg,#4d3814 0%,#5e4518 26%,#3d2e13 58%,#4a3615 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(224,190,105,.07),inset 0 0 26px rgba(21,14,4,.30)!important;
}
body[data-page="prediction3"] .p3-gold-stone:before,
body[data-page="prediction3"] .p3-gold-stone:after{
  background:linear-gradient(90deg,transparent,#d7b15a,transparent)!important;
  opacity:.78!important;
}
body[data-page="prediction3"] .p3-gold-reading{
  border-bottom-color:rgba(220,190,112,.10)!important;
}
body[data-page="prediction3"] .p3-gold-gate{
  border-left-color:#c79b3d!important;
  background:rgba(190,143,49,.11)!important;
}
body[data-page="prediction3"] .p3-hist-row{
  border-bottom-color:rgba(220,190,112,.10)!important;
}
body[data-page="prediction3"] .p3-hist-half{
  background:rgba(105,75,24,.28)!important;
}
body[data-page="prediction3"] .p3-hist-half b{
  background:linear-gradient(90deg,#8c651f,#d1a748)!important;
}
body[data-page="prediction3"] .p3-hist-half.away b{
  background:linear-gradient(90deg,#725018,#b88b31)!important;
  opacity:.95!important;
}

/* Indicator cards are dark-gold tablets, clearly gold/bronze rather than green-black. */
body[data-page="prediction3"] .p3-gold-coin-face{
  width:100%!important;
  height:auto!important;
  min-height:82px!important;
  border-radius:0!important;
  border:1px solid rgba(201,161,71,.68)!important;
  background:
    radial-gradient(circle at 48% 30%,rgba(225,190,104,.18),transparent 34%),
    linear-gradient(145deg,#5a4319 0%,#6e531f 24%,#4c3917 52%,#5e451a 76%,#392c13 100%)!important;
  box-shadow:
    inset 0 0 0 3px rgba(224,190,103,.08),
    inset 0 0 28px rgba(22,15,5,.34),
    0 5px 14px rgba(0,0,0,.16)!important;
}
body[data-page="prediction3"] .p3-gold-coin span{
  color:#e5d4a5!important;
  text-shadow:0 1px 2px rgba(0,0,0,.76)!important;
}
body[data-page="prediction3"] .p3-gold-coin strong{
  color:#ffdf80!important;
  text-shadow:0 1px 2px rgba(0,0,0,.90),0 0 8px rgba(217,177,78,.10)!important;
}
body[data-page="prediction3"] .p3-key-coins-title,
body[data-page="prediction3"] .p3-gold-title,
body[data-page="prediction3"] .p3-history-head strong{
  color:#ebca73!important;
  text-shadow:0 1px 2px rgba(0,0,0,.68)!important;
}
body[data-page="prediction3"] .p3-gold-reading span,
body[data-page="prediction3"] .p3-hist-values span,
body[data-page="prediction3"] .p3-gold-gate span{
  color:#cbbd98!important;
}
body[data-page="prediction3"] .p3-gold-reading strong,
body[data-page="prediction3"] .p3-hist-values strong{
  color:#f4e7c5!important;
}

@media(max-width:680px){
  body[data-page="prediction3"] .p3-gold-coin-face{min-height:78px!important}
}