/* ANIMUS v1.2.24 · PREMIUM REWARD PROGRESSION + RECORD BOOK */

/* Reward progression: warmer ANIMUS palette, no bright cyan dashboard treatment. */
.public-mode .apex-tier-stage-v124{
  border-color:rgba(214,176,82,.30);
  border-left-color:#d6b052;
  background:
    radial-gradient(circle at 82% 0,rgba(151,55,49,.10),transparent 25%),
    radial-gradient(circle at 8% 15%,rgba(214,176,82,.08),transparent 28%),
    linear-gradient(122deg,#12100f 0%,#0c0b10 46%,#100c0d 100%);
  box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,230,164,.04)
}
.public-mode .apex-tier-stage-v124 .apex-tier-stage-head{align-items:stretch}
.public-mode .apex-tier-stage-v124 .apex-tier-stage-head>div:first-child{align-self:center}
.public-mode .apex-tier-stage-v124 .apex-tier-stage-head h3{color:#f3ead8}
.public-mode .apex-tier-stage-v124 .apex-tier-stage-head p{color:#b9ad99!important}

.public-mode .apex-tier-live.premium-progress{
  min-width:360px;max-width:440px;text-align:left;padding:18px 18px 16px;
  border:1px solid rgba(214,176,82,.34)!important;border-left:3px solid #d6b052!important;border-right:1px solid rgba(214,176,82,.18)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(183,64,54,.14),transparent 38%),
    linear-gradient(135deg,rgba(214,176,82,.10),rgba(20,16,16,.94) 44%,rgba(10,10,14,.98));
  box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 0 34px rgba(214,176,82,.025)
}
.public-mode .apex-tier-live.premium-progress.is-live,
.public-mode .apex-tier-live.premium-progress.is-locked{border-color:rgba(214,176,82,.34)!important}
.public-mode .premium-progress-copy small{display:block;color:#c69d4c!important;font:900 8px/1 Inter;letter-spacing:.18em}
.public-mode .premium-progress-copy b{display:block;margin-top:7px;color:#f4ead4!important;font:900 24px/1 "Barlow Condensed",Inter,sans-serif;letter-spacing:.035em}
.public-mode .premium-progress-copy span{display:block;margin-top:5px;color:#c8bca8!important;font:700 10px/1.35 Inter;letter-spacing:.02em}
.public-mode .premium-progress-score{display:flex;align-items:baseline;gap:7px;margin-top:14px}
.public-mode .premium-progress-score strong{color:#edc764;font:900 38px/.9 "Barlow Condensed",Inter,sans-serif}
.public-mode .premium-progress-score em{color:#8f826e;font:900 9px/1 Inter;font-style:normal;letter-spacing:.14em}
.public-mode .apex-tier-live.premium-progress .apex-tier-progress{height:5px;margin-top:10px;border:1px solid rgba(214,176,82,.10);background:#171310}
.public-mode .apex-tier-live.premium-progress .apex-tier-progress i{background:linear-gradient(90deg,#9d752c 0%,#e7bd58 58%,#bb5b3f 100%);box-shadow:0 0 14px rgba(231,189,88,.22)}
.public-mode .premium-next-chip{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:end;margin-top:13px;padding:10px 11px;border:1px solid rgba(184,78,60,.27);background:linear-gradient(90deg,rgba(184,78,60,.09),rgba(214,176,82,.035))}
.public-mode .premium-next-chip small{grid-column:1/-1;color:#a9814a!important;font:900 7px/1 Inter!important;letter-spacing:.17em}
.public-mode .premium-next-chip strong{color:#f0dfc8;font:800 10px/1.25 Inter}
.public-mode .premium-next-chip em{padding:3px 6px;border:1px solid rgba(214,176,82,.28);background:rgba(214,176,82,.07);color:#efc861;font:900 8px/1 Inter;font-style:normal;letter-spacing:.06em;white-space:nowrap}

/* Replace blue/cyan reward tiers with premium website-fit accents. */
.public-mode .apex-tier-stage-v1222 article.tier-blue{--tier:#d4b16a;--tierRGB:212,177,106}
.public-mode .apex-tier-stage-v1222 article.tier-cyan{--tier:#74b28c;--tierRGB:116,178,140}
.public-mode .apex-tier-stage-v1222 article.tier-purple{--tier:#9c7bc8;--tierRGB:156,123,200}
.public-mode .apex-tier-stage-v1222 article.tier-orange{--tier:#d47b42;--tierRGB:212,123,66}
.public-mode .apex-tier-stage-v1222 article.tier-red{--tier:#c94f58;--tierRGB:201,79,88}
.public-mode .apex-tier-stage-v1222 article.tier-fire{--tier:#c96745;--tierRGB:201,103,69}
.public-mode .apex-tier-stage-v1222 article.tier-violet{--tier:#ad74b9;--tierRGB:173,116,185}

/* Cumulative perk rows: the newly unlocked perk is always first and visually dominant. */
.public-mode .apex-tier-special.premium-stack{margin-top:12px;padding:11px 0 0;background:transparent}
.public-mode .apex-tier-special.premium-stack>small{display:block;margin:0 0 7px;color:#8f7a5a!important;font:900 7px/1 Inter;letter-spacing:.14em}
.public-mode .apex-tier-special.premium-stack strong{display:flex;flex-direction:column;gap:6px;margin:0}
.public-mode .apex-tier-special.premium-stack strong>span{position:relative;display:grid!important;grid-template-columns:22px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:32px;padding:7px 8px!important;border:1px solid rgba(255,255,255,.065)!important;background:rgba(255,255,255,.018)!important;color:#eee0c4!important}
.public-mode .apex-tier-special.premium-stack strong>span>i{font-style:normal;font-size:13px;text-align:center}
.public-mode .apex-tier-special.premium-stack strong>span>em{min-width:0;color:#d6c9b5;font:800 8px/1.2 Inter;font-style:normal;white-space:normal}
.public-mode .apex-tier-special.premium-stack strong>span>b{padding:4px 6px;border:1px solid rgba(var(--tierRGB),.22);background:rgba(var(--tierRGB),.07);color:var(--tier)!important;font:900 8px/1 Inter!important;white-space:nowrap}
.public-mode .apex-tier-special.premium-stack strong>span.new-unlock{border-color:rgba(var(--tierRGB),.36)!important;border-left:3px solid var(--tier)!important;background:linear-gradient(90deg,rgba(var(--tierRGB),.105),rgba(var(--tierRGB),.02))!important;box-shadow:inset 0 0 24px rgba(var(--tierRGB),.025)}
.public-mode .apex-tier-special.premium-stack strong>span.new-unlock>em{color:#f3eadb}
.public-mode .apex-tier-special.premium-stack strong>span.new-unlock>small{position:absolute;right:6px;top:-8px;padding:2px 5px;background:#16110e;border:1px solid rgba(var(--tierRGB),.38);color:var(--tier)!important;font:900 5px/1 Inter!important;letter-spacing:.13em}
.public-mode .apex-tier-special.premium-stack strong>span.inherited-unlock{opacity:.72}

/* Record book v1.2.24 */
.records-grid-v124{grid-template-columns:repeat(4,minmax(0,1fr))}
.event-grid-v124{grid-template-columns:repeat(3,minmax(0,1fr))}
.track-records-v124{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.track-record-v124{padding:0!important;overflow:hidden;border-color:#322b22!important;background:linear-gradient(150deg,#111116,#0c0c11)!important}
.track-record-v124 .track-record-head{padding:17px 18px 13px;border-bottom:1px solid rgba(214,176,82,.13)}
.track-record-v124 .track-record-head>div{width:100%}
.track-record-v124 .track-record-head>div>small{color:#9e8148}
.track-record-v124 .track-record-title h3{color:#f0e7d8}
.track-benchmark-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.track-benchmark{min-width:0;padding:15px 16px 14px;background:rgba(255,255,255,.012)}
.track-benchmark+ .track-benchmark{border-left:1px solid rgba(255,255,255,.07)}
.track-benchmark.qualifying{background:linear-gradient(145deg,rgba(156,123,200,.07),rgba(214,176,82,.025))}
.track-benchmark.race{background:linear-gradient(145deg,rgba(201,103,69,.065),rgba(214,176,82,.02))}
.track-benchmark-time small{display:block;color:#9b8c75;font:900 7px/1 Inter;letter-spacing:.14em}
.track-benchmark.qualifying .track-benchmark-time small{color:#b69acb}
.track-benchmark.race .track-benchmark-time small{color:#c58a68}
.track-benchmark-time strong{display:block;margin-top:7px;color:#f0d57a;font:900 28px/.95 "Barlow Condensed",Inter,sans-serif;letter-spacing:.025em}
.track-benchmark-holders{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.track-benchmark .track-driver{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.055)}
.track-benchmark .track-driver .flag{width:18px;height:12px}
.track-benchmark .track-driver b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ded4c5;font:700 10px/1.2 Inter}
.track-benchmark .track-driver span{color:#857763;font:800 7px/1 Inter;letter-spacing:.08em}

@media(max-width:1180px){
 .public-mode .apex-tier-live.premium-progress{min-width:310px}
 .records-grid-v124{grid-template-columns:repeat(3,minmax(0,1fr))}
 .track-records-v124{grid-template-columns:1fr}
}
@media(max-width:760px){
 .public-mode .apex-tier-live.premium-progress{min-width:0;max-width:none;margin-top:18px}
 .records-grid-v124,.event-grid-v124{grid-template-columns:1fr 1fr}
 .track-benchmark-grid{grid-template-columns:1fr}
 .track-benchmark+ .track-benchmark{border-left:0;border-top:1px solid rgba(255,255,255,.07)}
}
@media(max-width:520px){.records-grid-v124,.event-grid-v124{grid-template-columns:1fr}}

.track-tie-label{display:inline-flex;align-items:center;width:max-content;padding:3px 8px;border:1px solid rgba(220,183,84,.38);background:rgba(220,183,84,.08);color:#e5c56d;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.14em}

/* v1.2.24A · DRIVER MODE REWARD STACK VISUAL PARITY
   Driver Mode renders the same reward tier component as the public homepage.
   Keep the public design untouched; only give authenticated Driver Mode the
   same readable cumulative perk rows instead of the legacy narrow fallback. */
.driver-mode .apex-tier-stage-v1222 article.tier-blue{--tier:#d4b16a;--tierRGB:212,177,106}
.driver-mode .apex-tier-stage-v1222 article.tier-cyan{--tier:#74b28c;--tierRGB:116,178,140}
.driver-mode .apex-tier-stage-v1222 article.tier-purple{--tier:#9c7bc8;--tierRGB:156,123,200}
.driver-mode .apex-tier-stage-v1222 article.tier-orange{--tier:#d47b42;--tierRGB:212,123,66}
.driver-mode .apex-tier-stage-v1222 article.tier-red{--tier:#c94f58;--tierRGB:201,79,88}
.driver-mode .apex-tier-stage-v1222 article.tier-fire{--tier:#c96745;--tierRGB:201,103,69}
.driver-mode .apex-tier-stage-v1222 article.tier-violet{--tier:#ad74b9;--tierRGB:173,116,185}
.driver-mode .apex-tier-special.premium-stack{margin-top:12px;padding:11px 0 0;background:transparent}
.driver-mode .apex-tier-special.premium-stack>small{display:block;margin:0 0 7px;color:#8f7a5a!important;font:900 7px/1 Inter;letter-spacing:.14em}
.driver-mode .apex-tier-special.premium-stack strong{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;width:100%!important}
.driver-mode .apex-tier-special.premium-stack strong>span{position:relative;display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:32px;padding:7px 8px!important;border:1px solid rgba(255,255,255,.065)!important;background:rgba(255,255,255,.018)!important;color:#eee0c4!important;box-sizing:border-box!important}
.driver-mode .apex-tier-special.premium-stack strong>span>i{font-style:normal!important;font-size:13px!important;text-align:center!important;width:auto!important}
.driver-mode .apex-tier-special.premium-stack strong>span>em{display:block!important;min-width:0!important;color:#d6c9b5!important;font:800 8px/1.2 Inter!important;font-style:normal!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
.driver-mode .apex-tier-special.premium-stack strong>span>b{display:block!important;padding:4px 6px!important;border:1px solid rgba(var(--tierRGB),.22)!important;background:rgba(var(--tierRGB),.07)!important;color:var(--tier)!important;font:900 8px/1 Inter!important;white-space:nowrap!important;width:auto!important}
.driver-mode .apex-tier-special.premium-stack strong>span.new-unlock{border-color:rgba(var(--tierRGB),.36)!important;border-left:3px solid var(--tier)!important;background:linear-gradient(90deg,rgba(var(--tierRGB),.105),rgba(var(--tierRGB),.02))!important;box-shadow:inset 0 0 24px rgba(var(--tierRGB),.025)}
.driver-mode .apex-tier-special.premium-stack strong>span.new-unlock>em{color:#f3eadb!important}
.driver-mode .apex-tier-special.premium-stack strong>span.new-unlock>small{position:absolute!important;right:6px!important;top:-8px!important;padding:2px 5px!important;background:#16110e!important;border:1px solid rgba(var(--tierRGB),.38)!important;color:var(--tier)!important;font:900 5px/1 Inter!important;letter-spacing:.13em!important;width:auto!important}
.driver-mode .apex-tier-special.premium-stack strong>span.inherited-unlock{opacity:.72}