/* SRQ calculator page (calculator.html). Everything is namespaced .cx-* / .cs-* so it cannot clash with style.css. */
.cx{padding:40px 0 90px}
.cx .panel{max-width:860px}
.cx .kick{display:block;max-width:860px;margin:6px auto 12px}
.cx [hidden]{display:none!important}

/* the two questions */
.cx-step{display:flex;align-items:center;gap:12px;font:700 1.15rem var(--hf);color:var(--maroon);margin-bottom:12px}
.cx-step b{font:800 .8rem var(--hf);background:var(--maroon);color:var(--gold);border-radius:99px;padding:5px 10px;letter-spacing:.06em}
.cx-step.s2{margin-top:30px}
.cx-money{display:flex;align-items:center;gap:6px;border:2px solid #d8c7bd;border-radius:18px;background:#fffdfa;padding:6px 16px;margin:0;transition:border-color .2s,box-shadow .2s}
.cx-money:focus-within{border-color:var(--maroon);box-shadow:0 0 0 4px rgba(115,0,41,.12)}
.cx-money .cur{font:800 1.8rem var(--hf);color:var(--maroon)}
.cx-money input{flex:1;min-width:0;border:0!important;box-shadow:none!important;background:none!important;font:700 1.8rem var(--hf);padding:8px 4px;color:var(--txt)}
.cx-money input::placeholder{color:#b9a79c;font-weight:500;font-size:1.3rem}
.cx-money em{font-style:normal;color:var(--mute);font-size:.95rem;white-space:nowrap}
.cx-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.cx-chip,.cx-chips button{font:600 .92rem var(--hf);padding:9px 16px;border-radius:99px;border:1.5px solid #d8c7bd;background:#fff;color:var(--txt);cursor:pointer;transition:all .2s}
.cx-chips button:hover{border-color:var(--maroon)}
.cx-chips button[aria-pressed=true]{background:var(--maroon);color:#fff;border-color:var(--maroon)}
.cx-alt{font-size:.84rem;color:var(--mute);margin-top:14px;line-height:2.1}
.cx-alt button{background:none;border:0;padding:0 2px;margin-left:8px;font:600 .84rem var(--hf);color:var(--maroon);text-decoration:underline;cursor:pointer}
.cx-alt button[aria-pressed=true]{color:var(--txt);text-decoration:none;cursor:default;font-weight:700}
.cx-yr{font-size:.9rem;color:var(--maroon);font-weight:600;min-height:0}
.cx-seg{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:620px){.cx-seg{grid-template-columns:repeat(3,1fr)}}
.cx-seg .opt{border:2px solid #d8c7bd;background:#fffdfa;border-radius:18px;padding:16px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;cursor:pointer;text-align:left;transition:all .25s var(--ease)}
.cx-seg .opt:hover{border-color:var(--maroon);transform:translateY(-2px)}
.cx-seg .opt .big{font:700 1rem var(--hf);color:var(--txt)}
.cx-seg .dbar{display:block;width:70%;height:6px;border-radius:6px;background:#eadfd6;overflow:hidden}
.cx-seg .dbar u{display:block;height:100%;width:var(--d);background:var(--gold);border-radius:6px}
.cx-seg .opt[aria-pressed=true]{background:linear-gradient(150deg,var(--maroon),var(--maroon-d));border-color:var(--maroon)}
.cx-seg .opt[aria-pressed=true] .big{color:#fff}
.cx-seg .opt[aria-pressed=true] .dbar{background:rgba(255,255,255,.25)}
.cx-hint{color:var(--maroon);font:600 .95rem var(--hf);margin:12px 0 0;min-height:1.4em}
.cx-warn{display:none;background:#fff4d8;border:1px solid #f0cf86;border-radius:14px;padding:12px 14px;margin-top:12px;font-size:.92rem}
.cx-warn.on{display:block}
.cx-hint:empty{min-height:0;margin:0}

/* the two big answers */
.cx-answer{display:grid;gap:14px;max-width:860px;margin:0 auto}
@media(min-width:700px){.cx-answer{grid-template-columns:1fr 1fr}}
.cx-a{border-radius:28px;padding:24px 22px;color:#fff;background:linear-gradient(150deg,var(--maroon),var(--maroon-d));box-shadow:0 20px 60px rgba(115,0,41,.22);overflow:hidden}
.cx-a h3{font:600 .8rem var(--hf);letter-spacing:.18em;text-transform:uppercase;color:#f0dde3}
.cx-a .num{display:flex;align-items:baseline;gap:10px;margin-top:6px}
.cx-a .n{font:800 3.6rem/1 var(--hf);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--gold)}
.cx-a .u{font:600 1rem var(--hf);color:#f4e6ea}
.cx-a .s{font-size:.92rem;margin-top:14px;color:#f4e6ea}
.cx-a .cells{display:flex;gap:4px;margin-top:18px;height:30px;padding:4px;border:2px solid rgba(255,184,28,.7);border-radius:9px;position:relative;max-width:360px}
.cx-a .cells:after{content:"";position:absolute;right:-8px;top:8px;width:5px;height:10px;border-radius:0 3px 3px 0;background:rgba(255,184,28,.7)}
.cx-a .cells i{flex:1;border-radius:3px;background:rgba(255,255,255,.12);transition:background .35s,box-shadow .35s}
.cx-a .cells i.on{background:linear-gradient(180deg,#9dffd6,#35d39a);box-shadow:0 0 12px rgba(53,211,154,.7)}
.cx-a .array{display:grid;gap:4px;margin-top:18px;max-width:380px;transform:perspective(600px) rotateX(18deg);transform-origin:50% 100%}
.cx-a .array i{aspect-ratio:1.7;border-radius:3px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);position:relative;transition:background .3s,border-color .3s,box-shadow .3s}
.cx-a .array i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 33%,rgba(26,7,16,.4) 33.5%,transparent 34.5%,transparent 66%,rgba(26,7,16,.4) 66.5%,transparent 67.5%),linear-gradient(0deg,transparent 48%,rgba(26,7,16,.4) 49%,transparent 51%)}
.cx-a .array i.on{background:linear-gradient(135deg,#ffe27a,var(--gold) 55%,#d98a00);border-color:#ffe27a;box-shadow:0 0 12px rgba(255,184,28,.55)}
.cx-cap{max-width:860px;margin:12px auto 0;padding:12px 16px;border-radius:14px;background:#fff4d8;border:1px solid #f0cf86;font-size:.9rem}

/* photo scene card (dark) */
.cx-scene{max-width:860px;margin:24px auto;padding:20px 14px 16px;border-radius:28px;background:linear-gradient(160deg,var(--ink),#2a0a18);color:#fff;box-shadow:0 20px 60px rgba(26,7,16,.35);--hf:"Poppins",system-ui,sans-serif;--line:rgba(255,255,255,.16);--gold2:var(--gold-2);--ink2:#1a0710}
.cx-scene-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 6px 10px;gap:10px;flex-wrap:wrap}
.cx-scene h2{font:700 1.1rem var(--hf);color:#fff}
.cx-scene-head span{font-size:.8rem;color:#d9bcc6}
.cs-stage{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#02061a;color:#fff;isolation:isolate;font-size:14px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 18px 50px rgba(0,0,0,.35)}
.cs.m .cs-stage{aspect-ratio:960/692}
.cs-img{position:absolute;inset:0}
.cs-img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.cs-img .n{opacity:0}
.cs-tint{position:absolute;inset:0;opacity:0;pointer-events:none}
.cs-tint.dawn{background:linear-gradient(0deg,rgba(255,146,70,.45),rgba(255,176,96,.1) 40%,rgba(40,15,40,.5))}
.cs-tint.dusk{background:linear-gradient(0deg,rgba(255,120,60,.4),rgba(255,70,110,.2) 40%,rgba(26,7,16,.5))}
.cs-vig{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(26,7,16,.4),transparent 25%),linear-gradient(180deg,rgba(26,7,16,.45),transparent 32%),linear-gradient(90deg,rgba(26,7,16,.3),transparent 35%)}
.cs-cv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cs-head{position:absolute;right:3%;bottom:4%;text-align:right;pointer-events:none}
.cs-clock{font:800 4.2em/.95 var(--hf);letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 4px 30px rgba(0,0,0,.5)}
.cs-clock small{font-size:.32em;letter-spacing:0;margin-left:.2em;font-weight:700;color:var(--gold)}
.cs-phase{font:600 .85em var(--hf);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-top:.5em;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.cs-chips{position:absolute;inset:0;pointer-events:none}
.cs-chip{position:absolute;left:0;top:0;min-width:9em;padding:.65em .95em .75em;border-radius:1.1em;background:rgba(26,7,16,.55);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px) saturate(1.5);backdrop-filter:blur(12px) saturate(1.5);box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.16);will-change:transform;pointer-events:none;color:#fff}
.cs-chip .k{display:flex;align-items:center;gap:.5em;font:600 .68em var(--hf);letter-spacing:.14em;text-transform:uppercase;color:#f0e4e8}
.cs-chip .k:before{content:"";width:.55em;height:.55em;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}
.cs-chip .v{font:800 1.7em/1.1 var(--hf);font-variant-numeric:tabular-nums;margin-top:.15em;letter-spacing:-.02em}
.cs-chip .v small{font-size:.5em;font-weight:600;margin-left:3px;color:#f0e4e8}
.cs-chip .s2{font-size:.74em;color:#e6d4da;margin-top:.1em;min-height:1.1em;line-height:1.3}
.cs-chip .bar{height:.35em;border-radius:5px;background:rgba(255,255,255,.18);margin-top:.5em;overflow:hidden}
.cs-chip .bar b{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(.5);background:linear-gradient(90deg,#35d39a,#b7ffd9);border-radius:5px}
.cs-chip.p{--c:#ffb81c}.cs-chip.b{--c:#5dffb4}.cs-chip.h{--c:#fff4d6}.cs-chip.g{--c:#7ec8ff}
.cs-hud{display:none}
.cs-btns{display:none}
.cs.m .cs-hud{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;font-size:13px}
.cs.m .cs-chip{position:static;min-width:0;background:rgba(255,255,255,.08);transform:none!important;will-change:auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.cs.m .cs-stage{font-size:11px}
.cs.m .cs-head{right:auto;left:3%;text-align:left}.cs.m .cs-clock{font-size:3.2em}
.cs.static .cs-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.cs-btns button{font:600 .85rem var(--hf);padding:9px 16px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.cs-btns button[aria-pressed=true]{background:var(--gold);color:var(--maroon-d);border-color:var(--gold)}
.cx-ctl{display:flex;align-items:center;gap:12px;margin:12px 2px 0}
.cx-ctl button{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);cursor:pointer;display:grid;place-items:center;flex:none;color:#fff}
.cx-ctl button svg{width:16px;height:16px}
.cx-ctl input{flex:1;accent-color:var(--gold);height:32px;padding:0;border:0;background:none;box-shadow:none}
.cx-live{font-size:.92rem;color:var(--gold-2);min-height:2.7em;margin:6px 6px 0;font-weight:500}
.cx-flow3{list-style:none;display:grid;gap:8px;margin:10px 0 0;padding:0}
.cx-flow3 li{display:flex;gap:12px;align-items:center;font:600 .9rem var(--hf);padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.cx-flow3 b{font:800 .95rem var(--hf);color:var(--maroon-d);background:var(--gold);width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none}
.cx-flow3 li:nth-child(2) b{background:#35d39a}
.cx-flow3 li:nth-child(3) b{background:#9ec9ff}
@media(min-width:700px){.cx-flow3{grid-template-columns:repeat(3,1fr)}}

/* bills */
.cx-bills h2{margin-bottom:2px}
.cx-hook{background:linear-gradient(150deg,var(--maroon),var(--maroon-d));color:#fff;border-radius:22px;padding:20px 22px;margin:6px 0 16px}
.cx-hook .hv{font:800 2.8rem/1.1 var(--hf);color:var(--gold);font-variant-numeric:tabular-nums}
.cx-hook .hv small{font-size:1rem;font-weight:600;color:#f4e6ea}
.cx-race{position:relative;border:1px solid var(--line);border-radius:22px;padding:16px 14px 14px;background:linear-gradient(180deg,#fff,var(--cream))}
.cx-race-top{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px}
.cx-race .ct{font:700 1rem var(--hf);color:var(--maroon)}
.cx-race .yearctr{font:600 .9rem var(--hf);color:var(--mute)}
.cx-race .yearctr b{display:inline-block;min-width:1.4em;text-align:center;color:var(--maroon);font-size:1.1rem}
#chart svg{width:100%;height:auto;display:block}
.cx-legend{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:.85rem;padding:4px 4px 0}
.cx-legend .lg{display:inline-flex;align-items:center;gap:8px}
.cx-legend .lg:before{content:"";width:14px;height:14px;border-radius:4px;flex:none}
.cx-legend .lg.red:before{background:#8a1d44}.cx-legend .lg.grn:before{background:#2fb36b}
.cx-legend b{color:var(--txt)}
.cx-replay{position:absolute;right:12px;bottom:10px;font:600 .8rem var(--hf);border:1.5px solid #d8c7bd;background:#fff;border-radius:99px;padding:6px 14px;cursor:pointer;color:var(--maroon)}
.cx-bl{display:grid;gap:12px;margin:16px 0}
@media(min-width:620px){.cx-bl{grid-template-columns:1fr 1fr}}
.cx-bl .rc{border-radius:20px;padding:16px 18px;border:1px solid var(--line)}
.cx-bl .rc.red{background:#fbeef2;border-color:#ecc3d0}.cx-bl .rc.grn{background:#e9f8ef;border-color:#b9e4cb}
.cx-bl .rh{font:700 .82rem var(--hf);letter-spacing:.1em;text-transform:uppercase;color:#6b5a50}
.cx-bl .rv2{font:800 2rem/1.15 var(--hf);font-variant-numeric:tabular-nums;margin-top:2px}
.cx-bl .rc.red .rv2{color:#8a1d44}.cx-bl .rc.grn .rv2{color:#1d8f52}
.cx-bl .rf{font-size:.85rem;color:var(--mute)}
.cx-adj{margin:14px 0 0;border:1px solid var(--line);border-radius:16px;padding:12px 16px;background:#fffdfa}
.cx-adj summary{cursor:pointer;font:600 .95rem var(--hf);color:var(--maroon)}
.cx-adj .cx-q{font-weight:600;margin-top:12px;font-size:.92rem}
.cx-cov{margin:10px 0 0;font-size:.92rem}
.cx-fine{max-width:860px;margin:18px auto 0}
.cx-adj .cx-chips{margin-top:8px}
@media(prefers-reduced-motion:reduce){.cx-seg .opt,.cx-a .cells i,.cx-a .array i{transition:none}}

#chart svg{max-width:560px;margin:0 auto}
#sceneRoot{display:block}
.cx-adj summary{padding:6px 34px 6px 0;min-height:0;font-size:1rem}
.cx-adj{border-bottom:1px solid var(--line)}
.cx-race .yearctr{white-space:nowrap}
.cx-race-top{gap:10px}
.cx-race .ct{font-size:.95rem}


/* ===== v6: dark cinematic theme (matches the Industry Solar calculator polish, in SRQ maroon + gold) ===== */
body.cxp{background:#1a0710;background-image:radial-gradient(900px 520px at 88% 0,rgba(255,184,28,.09),transparent 60%),radial-gradient(800px 600px at 0 38%,rgba(115,0,41,.55),transparent 70%),radial-gradient(700px 500px at 100% 75%,rgba(115,0,41,.4),transparent 70%);background-attachment:fixed;color:#fbeff3}
.cxp .pagehero{background:transparent;padding:128px 0 34px}
.cxp .pagehero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,7,16,.2),rgba(26,7,16,.0))}
.cxp .pagehero .eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 .74rem var(--hf);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.cxp .pagehero .eyebrow:before{content:"";width:30px;height:2px;background:var(--gold)}
.cxp .pagehero h1 em{background:linear-gradient(120deg,var(--gold-2),var(--gold) 55%,#ff9d00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cxp .tool.cx{background:transparent;padding:10px 0 90px;position:relative}
.cx-glow{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.cx-glow:before{content:"";position:absolute;left:50%;top:-120px;width:900px;height:500px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,184,28,.12),transparent);filter:blur(10px)}
.cx .wrap{position:relative}

/* glass panels */
.cx .panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:28px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.09);color:#fbeff3}
.cx .panel h2{color:#fff}
.cx .panel .lead{color:rgba(251,239,243,.7)}
.cx .panel.card#check{background:linear-gradient(180deg,#fffaf0,var(--cream));color:var(--txt);border:1px solid rgba(255,184,28,.55);box-shadow:0 0 0 6px rgba(255,184,28,.08),0 30px 90px rgba(0,0,0,.5)}
.cx .panel.card#check h2{color:var(--maroon)}.cx .panel.card#check .lead{color:var(--mute)}

/* questions */
.cx-step{color:#fff}
.cx-step b{background:transparent;color:var(--gold);padding:0;letter-spacing:.14em;border-radius:0}
.cx-money{background:rgba(255,255,255,.07);border:1.5px solid rgba(255,184,28,.55);box-shadow:0 0 0 5px rgba(255,184,28,.1);border-radius:18px;padding:4px 16px}
.cx-money:focus-within{border-color:var(--gold);box-shadow:0 0 0 6px rgba(255,184,28,.22)}
.cx-money .cur{color:var(--gold);font-size:2rem}
.cx-money input{color:#fff!important;font-size:2.1rem}
.cx-money input::placeholder{color:rgba(255,255,255,.35)}
.cx-money em{color:rgba(251,239,243,.65)}
.cx-chip,.cx-chips button{border:1.5px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fbeff3}
.cx-chips button:hover{border-color:rgba(255,184,28,.7)}
.cx-chips button[aria-pressed=true]{background:var(--gold);color:var(--maroon-d);border-color:var(--gold)}
.cx-alt{color:rgba(251,239,243,.65)}
.cx-alt button{color:rgba(251,239,243,.8)}
.cx-alt button[aria-pressed=true]{color:var(--gold)}
.cx-yr{color:var(--gold)}
.cx-seg .opt{background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.16);color:#fff}
.cx-seg .opt:hover{border-color:rgba(255,184,28,.7)}
.cx-seg .opt .big{color:#fff}
.cx-seg .dbar{background:rgba(255,255,255,.14)}
.cx-seg .opt[aria-pressed=true]{background:rgba(255,184,28,.14);border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,184,28,.14)}
.cx-seg .opt[aria-pressed=true] .big{color:var(--gold)}
.cx-seg .opt[aria-pressed=true] .dbar{background:rgba(255,255,255,.2)}
.cx-hint{color:var(--gold-2)}
.cx-warn{background:rgba(255,120,100,.12);border-color:rgba(255,120,100,.45);color:#ffd9d2}

/* answer cards: big glowing numbers */
.cx .kick{text-align:center;margin:44px auto 18px;font:700 .74rem var(--hf);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.cx .kick:before,.cx .kick:after{content:"";display:inline-block;vertical-align:middle;width:36px;height:1px;background:rgba(255,184,28,.5);margin:0 12px}
.cx-a{border-radius:28px;padding:24px 22px 22px;position:relative}
.cx-a.batt{background:linear-gradient(155deg,rgba(53,211,154,.18),rgba(82,0,29,.7) 62%);border:1px solid rgba(53,211,154,.42);box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 70px rgba(53,211,154,.1)}
.cx-a.sol{background:linear-gradient(155deg,rgba(255,184,28,.2),rgba(82,0,29,.7) 62%);border:1px solid rgba(255,184,28,.5);box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 70px rgba(255,184,28,.1)}
.cx-a h3{font:700 .78rem var(--hf);letter-spacing:.18em}
.cx-a.batt h3,.cx-a.batt .n{color:#5dffb4}
.cx-a.sol h3,.cx-a.sol .n{color:var(--gold)}
.cx-a .n{font-size:clamp(4rem,17vw,5.8rem);text-shadow:0 0 36px currentColor}
.cx-a.batt .n{text-shadow:0 0 40px rgba(93,255,180,.45)}
.cx-a.sol .n{text-shadow:0 0 40px rgba(255,184,28,.5)}
.cx-a .cells{border-color:rgba(53,211,154,.6)}
.cx-a .cells:after{background:rgba(53,211,154,.6)}
.cx-a .array i{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12)}
.cx-a .array i.on{background:linear-gradient(135deg,#ffe27a,var(--gold) 55%,#d98a00);border-color:#ffe27a;box-shadow:0 0 12px rgba(255,184,28,.55)}
.cx-cap{background:rgba(255,184,28,.1);border-color:rgba(255,184,28,.4);color:#fbeff3}

/* scene card: glass, glowing frame */
.cx-scene{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.4),0 0 80px rgba(115,0,41,.35),inset 0 1px 0 rgba(255,255,255,.1)}
.cx-live{color:var(--gold)}

/* bills */
.cx-hook{background:radial-gradient(120% 140% at 100% 0,rgba(255,184,28,.16),transparent 55%),linear-gradient(150deg,rgba(115,0,41,.9),rgba(82,0,29,.9));border:1px solid rgba(255,184,28,.28);color:#fbeff3;text-align:center;padding:26px 22px}
.cx-hook .hv{font-size:clamp(3rem,12vw,4.6rem);text-shadow:0 0 40px rgba(255,184,28,.45)}
.cx-race{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.cx-race .ct{color:#fff}.cx-race .yearctr{color:rgba(251,239,243,.7)}.cx-race .yearctr b{color:var(--gold);text-shadow:0 0 14px rgba(255,184,28,.6)}
.cx-legend{color:rgba(251,239,243,.8)}.cx-legend b{color:#fff}
.cx-legend .lg.red:before{background:#ff5a78}.cx-legend .lg.grn:before{background:#35d39a}
.cx-replay{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff}
.cx-bl .rc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}
.cx-bl .rc.red{background:linear-gradient(155deg,rgba(255,90,120,.16),rgba(255,255,255,.03));border-color:rgba(255,90,120,.4)}
.cx-bl .rc.grn{background:linear-gradient(155deg,rgba(53,211,154,.18),rgba(255,255,255,.03));border-color:rgba(53,211,154,.45)}
.cx-bl .rh{color:rgba(251,239,243,.75)}.cx-bl .rf{color:rgba(251,239,243,.65)}
.cx-bl .rc.red .rv2{color:#ff7d95;text-shadow:0 0 26px rgba(255,90,120,.4)}
.cx-bl .rc.grn .rv2{color:#5dffb4;text-shadow:0 0 26px rgba(93,255,180,.4)}
.cx-win{text-align:center;border-radius:24px;padding:24px 18px;margin:16px 0;background:radial-gradient(120% 140% at 50% 0,rgba(255,184,28,.2),rgba(255,184,28,.04) 60%);border:1px solid rgba(255,184,28,.5);box-shadow:0 0 60px rgba(255,184,28,.12)}
.cx-win small{display:block;font:700 .74rem var(--hf);letter-spacing:.2em;text-transform:uppercase;color:rgba(251,239,243,.8)}
.cx-win .v{font:800 clamp(3rem,13vw,4.8rem)/1.1 var(--hf);color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 44px rgba(255,184,28,.5)}
.cx-win .t{font-size:.98rem;color:#fbeff3}
.cx-win b{color:#fff}
.cx-adj{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.cx-adj summary{color:#fff}
.cx-adj label{color:#e8d3da}
.cx-adj input,.cx-adj select{background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.2);color:#fff}
.cx-adj select option{color:#2a1a20}
.cx-adj .cx-hint{color:rgba(251,239,243,.7)}
.cx-src{margin:8px 2px 0;font-size:.8rem;color:rgba(251,239,243,.65)}
.cx .estimate{color:rgba(251,239,243,.65)}
.cx-fine{color:rgba(251,239,243,.6)}
.cxp .stickycta .gbtn{box-shadow:0 12px 40px rgba(0,0,0,.5)}
.cx-adj summary:after{border-color:var(--gold)}