/* ImmersiveIII theme: swaps the pink-orange "sunset" accent of the site for the metallic gold of the GTA III logo.
   Load after main.css on ImmersiveIII pages. */
:root {
  --aqua: #f2cd72;   /* the site's turquoise accent becomes a light gold here */
  --pink: #e0a93f;
  --sun: #f6d983;
  --gold-dark: #9c6618;
  --sunset: linear-gradient(95deg, #a8701e 0%, #e3b04a 28%, #f8de8a 50%, #d9a13a 74%, #9c6618 100%);
  /* graphite instead of the Vice City night-sea blue; text turns a warm off-white to sit with the gold */
  --night: #222429; --deep: #282a30; --panel: #2e3037; --rule: #40434c;
  --foam: #f2efe8; --mist: #aeaba3;
}

/* ---- graphite versions of the blue tints main.css sets directly ---- */
.go-line { border-color: rgba(242, 239, 232, .45); background: rgba(34, 36, 41, .35); }
.hero::before { background:
    radial-gradient(ellipse 70% 55% at 50% 46%, rgba(27, 28, 33, .66), rgba(27, 28, 33, .24) 72%),
    linear-gradient(180deg, rgba(27, 28, 33, .78) 0%, rgba(27, 28, 33, .2) 28%, rgba(34, 36, 41, .4) 62%, var(--night) 100%); }
.hero .lede, .get .head p { color: #e4e0d7; }
.points li, .also li, .sheet td:first-child, .tier-what, .legal p, .legal li, .nudge p, .qa details p { color: #d9d5cc; }
.colophon small, .nudge small { color: #8a877f; }
.no { background: #5d6069; }
.get::before { background: linear-gradient(180deg, var(--night) 0%, rgba(34, 36, 41, .42) 22%, rgba(34, 36, 41, .38) 60%, rgba(34, 36, 41, .7) 86%, var(--night) 100%); }
.get .head h2, .get .head p { text-shadow: 0 2px 18px rgba(34, 36, 41, .9); }
.edition { background: rgba(40, 42, 48, .9); }
.edition.is-full { background: linear-gradient(rgba(40, 42, 48, .95), rgba(40, 42, 48, .95)) padding-box, var(--sunset) border-box; }
.viewer { background: rgba(24, 25, 29, .95); }
dialog.nudge::backdrop { background: rgba(24, 25, 29, .78); }
.ticker-track span { -webkit-text-stroke-color: #73757d; }
.compare-tag { background: rgba(34, 36, 41, .8); }
.hint:hover, .hint:focus-visible { color: #1d1306; }
.hint-text { background: #31333a; border-color: #4e525c; }
.hint-text::after { border-top-color: #4e525c; }
.tier { background: rgba(34, 36, 41, .55); }
.nudge-x { border-color: rgba(242, 239, 232, .25); background: rgba(34, 36, 41, .7); }
.install { background: rgba(34, 36, 41, .72); }
.status::before { box-shadow: 0 0 0 4px rgba(246, 217, 131, .18); }
.only, .plans .state { border-color: rgba(246, 217, 131, .5); }
.yes { box-shadow: 0 0 0 4px rgba(242, 205, 114, .15); }
button.tier:hover { border-color: rgba(242, 205, 114, .5); }
.go-sun { color: #1d1306; background: linear-gradient(95deg, #a8701e 0%, #e3b04a 22%, #fbe6a0 42%, #e3b04a 62%, #a8701e 100%); background-size: 220% 100%;
          box-shadow: 0 10px 30px -10px rgba(224, 169, 63, .65); }
.go-sun:hover { box-shadow: 0 0 0 5px rgba(224, 169, 63, .18), 0 18px 44px -10px rgba(224, 169, 63, .85); }
.tag-full, .compare-tag.is-right, .tier-badge, .player-badge, .install li::before, .compare-line::after { color: #1d1306; }
.full-band { background:
    radial-gradient(900px 420px at 85% 0%, rgba(224, 169, 63, .14), transparent 65%),
    radial-gradient(800px 380px at 5% 100%, rgba(246, 217, 131, .08), transparent 65%), var(--deep); }
.edition.is-full { box-shadow: 0 30px 80px -30px rgba(224, 169, 63, .45); }
.tier.is-top { border-color: rgba(224, 169, 63, .55); background: rgba(224, 169, 63, .07); }
.tier.is-picked { border-color: rgba(224, 169, 63, .85); background: rgba(224, 169, 63, .1); box-shadow: 0 0 0 1px rgba(224, 169, 63, .35) inset; }
.tier.is-picked .tier-price::before { border-color: #e0a93f; background: radial-gradient(circle, #e0a93f 0 3px, transparent 3.5px); }
.sheet td:nth-child(3), .sheet thead th:nth-child(3) { background: rgba(224, 169, 63, .07); }
.sheet td:nth-child(3) .yes { box-shadow: 0 0 0 4px rgba(224, 169, 63, .18); }
.tag-both { border-color: rgba(242, 205, 114, .45); }
.edition .keep { border-color: rgba(242, 205, 114, .3); background: rgba(242, 205, 114, .06); }