/*ci-champagne: Champagne Gold look for the Heatwave Rewards check-in page only (html.chp is set on check-in.html). Every rule is scoped to html.chp, so the Student Academy keeps its blue look.*/
@keyframes chpShine{to{background-position:-200% 0}}
@keyframes chpSweep{0%{transform:translateX(-120%)}60%,100%{transform:translateX(260%)}}
@keyframes chpTwinkle{0%,100%{opacity:.15;transform:scale(.7)}50%{opacity:.9;transform:scale(1)}}
@keyframes chpFlick{0%{transform:scale(1,1) skewX(0)}40%{transform:scale(1.05,1.1) skewX(-3deg)}70%{transform:scale(.97,1.04) skewX(2deg)}100%{transform:scale(1.04,1.13) skewX(-1deg)}}
@keyframes chpSpark{0%{opacity:0;transform:translate(0,0) scale(1)}15%{opacity:1}100%{opacity:0;transform:translate(-4px,-46px) scale(.3)}}
@keyframes chpPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes chpRing{0%{transform:translate(-50%,-50%) scale(.3);opacity:.7}100%{transform:translate(-50%,-50%) scale(2.4);opacity:0}}
@keyframes chpPulse{0%,100%{box-shadow:0 0 0 1px #C9A227,0 6px 16px rgba(0,0,0,.25),0 0 0 0 rgba(212,175,55,.55)}50%{box-shadow:0 0 0 1px #C9A227,0 6px 16px rgba(0,0,0,.25),0 0 0 9px rgba(212,175,55,0)}}
@keyframes chpRise{0%{transform:translateY(0);opacity:0}15%{opacity:.75}100%{transform:translateY(-260px);opacity:0}}
@keyframes chpGlow{0%,100%{box-shadow:0 0 0 0 rgba(212,175,55,0)}50%{box-shadow:0 0 0 4px rgba(212,175,55,.35)}}
@keyframes chpRingGlow{0%,100%{box-shadow:0 0 0 2px #fff,0 0 0 4px #D4AF37,0 0 10px rgba(212,175,55,.45)}50%{box-shadow:0 0 0 2px #fff,0 0 0 4px #D4AF37,0 0 18px rgba(212,175,55,.8)}}
@keyframes chpBulb{0%,100%{background:#FFF4C2;box-shadow:0 0 8px #F6DC8A,0 0 14px #F6DC8A}50%{background:#8a6418;box-shadow:none}}
@keyframes chpHalo{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.06)}}
@keyframes chpConf{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(320deg)}}

/* ---------- page ---------- */
html.chp body{background:#FFFBF1!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main{position:relative!important;color:#1a1405!important;background:radial-gradient(70% 260px at 50% 0,rgba(255,255,255,.85),rgba(255,255,255,0) 70%),radial-gradient(60% 260px at 18% 900px,rgba(255,251,236,.6),rgba(255,251,236,0) 70%),radial-gradient(55% 260px at 84% 1500px,rgba(255,251,236,.55),rgba(255,251,236,0) 70%),radial-gradient(60% 260px at 20% 2150px,rgba(255,251,236,.55),rgba(255,251,236,0) 70%),radial-gradient(55% 260px at 80% 2800px,rgba(255,251,236,.5),rgba(255,251,236,0) 70%),linear-gradient(180deg,#F2DFA8 0,#F4E6C0 520px,#F3E2B4 100%)!important;overflow:hidden}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main::before,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main::after{content:"\2726";position:absolute;color:#D4AF37;font-size:14px;line-height:1;animation:chpTwinkle 3.2s ease-in-out infinite;pointer-events:none;z-index:1}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main::before{top:76px;left:22px}html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main::after{top:112px;right:28px;font-size:10px;animation-delay:1.4s}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main :is(#ci-intro,#ci-form-sec,.sec.dk,.ph,.w,.w-n){background:transparent!important;background-image:none!important;box-shadow:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main :is(#ci-intro,#ci-form-sec)::before,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main :is(#ci-intro,#ci-form-sec)::after{display:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) :is(#heat,#ci-intro .glow,#ci-intro canvas){display:none!important}
#chp-emb{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
#chp-emb i{position:absolute;bottom:0;width:5px;height:5px;border-radius:50%;background:#D4AF37;box-shadow:0 0 6px #F6DC8A;opacity:0;animation:chpRise 7s linear infinite}

/* text: dark on the light page (dark panels opt out with .chp-dark) */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main :where(h1,h2,h3,h4,p,span,small,b,strong,em,i,label,li,td,th,summary,div,a,button,sup,q,dt,dd):where(:not(.chp-dark,.chp-dark *,.chp-bk,.chp-bk *)){color:#1a1405!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main :where(small,.sub,.eg-tag,.hwlb-s,.hwlb-sub,.ct-sub,.swt p,.rf-m,.gs-note,.lbl,.hwlb-4,.ci-ends span,.cst-hd small):where(:not(.chp-dark,.chp-dark *,.chp-bk,.chp-bk *)){color:#6e6450!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main :where(a):where(:not(.chp-dark,.chp-dark *,.chp-bk,.chp-bk *)){color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main :where(input,textarea,select):where(:not(.chp-dark *)){background:#fff!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important;border:1.5px solid #E8D6A8!important;box-shadow:none!important;border-radius:6px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main :is(input,textarea)::placeholder{color:#9a8f78!important;-webkit-text-fill-color:#9a8f78!important}

/* titles: slow shimmering dark gold (never pale) */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .chp-t,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .chp-t *,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci-intro h1.sp-hi b,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #sw .sw-box h2{background:linear-gradient(100deg,#6b4c0f 0%,#8a6418 30%,#B8901F 48%,#8a6418 66%,#6b4c0f 100%)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#8a6418!important;animation:chpShine 6s linear infinite!important;text-shadow:none!important;filter:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .chp-t svg,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .chp-t i{-webkit-text-fill-color:initial!important;background:none!important;animation:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci-intro h1.sp-hi{color:#1a1405!important;-webkit-text-fill-color:#1a1405!important;font:800 24px/1.18 Archivo,-apple-system,Arial,sans-serif!important}

/* ---------- black boxes / buttons ---------- */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .chp-bk,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #sw .chp-bk{position:relative;overflow:hidden;background:linear-gradient(180deg,#2a2418,#0d0b07)!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important;border:0!important;box-shadow:0 0 0 1px #C9A227,0 6px 16px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.18)!important;text-shadow:none!important;text-decoration:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .chp-bk *,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #sw .chp-bk *{color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important;background:transparent!important;text-shadow:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .chp-bk.chp-g::after,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #sw .chp-bk.chp-g::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,236,170,.35),transparent)!important;animation:chpSweep 4.5s ease-in-out infinite;pointer-events:none}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .chp-bk.chp-pulse,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #sw .chp-bk.chp-pulse{animation:chpPulse 2s ease-in-out infinite!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .chp-btn{display:inline-flex;width:auto!important;max-width:100%;align-items:center;justify-content:center;gap:6px;padding:11px 20px!important;border-radius:999px!important;font:700 14.5px/1.2 Poppins,-apple-system,Arial,sans-serif!important;cursor:pointer;min-height:0!important}

/* ---------- white cards with the black ring ---------- */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .chp-card{background:#fff!important;background-image:none!important;border:2px solid #111!important;border-radius:6px!important;box-shadow:0 10px 26px rgba(120,90,18,.14)!important;color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .chp-card::before,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .chp-card::after{display:none!important}

/* ---------- greeting ---------- */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci-intro{padding-top:58px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci-me{background:transparent!important;border:0!important;box-shadow:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main #ci-me .me-tog,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .me-tog{background:none!important;border:0!important;box-shadow:none!important;color:#8a6418!important;-webkit-text-fill-color:#8a6418!important;font:600 13.5px Poppins,-apple-system,Arial,sans-serif!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .me-tog *{color:#8a6418!important;-webkit-text-fill-color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main #ci-date,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .ci-day{color:#6e6450!important;font-weight:600!important;font-size:13.5px!important}

/* ---------- Embers pill ---------- */
html.chp body .hwem.hwem.hwem{border:1.5px solid transparent!important;background:linear-gradient(#fff,#FFF8E6) padding-box,linear-gradient(120deg,#C9A227,#F6E3A1,#C9A227) border-box!important;background-size:auto!important;box-shadow:0 4px 14px rgba(212,175,55,.35)!important;animation:none!important;color:#9C7420!important}
html.chp body .hwem.hwem.hwem b{background:none!important;-webkit-text-fill-color:#8a6418!important;color:#8a6418!important;font-weight:800!important}
html.chp body .hwem.hwem.hwem small,html.chp body .hwem.hwem.hwem span:not(.hwem-acb){color:#9C7420!important;-webkit-text-fill-color:#9C7420!important}
html.chp body .hwem.hwem.hwem svg{filter:drop-shadow(0 0 4px rgba(255,120,30,.5))!important}
html.chp.sp.hw-merged body .hwem .hwem-acb{border-left-color:rgba(156,116,32,.35)!important}
html.chp.sp.hw-merged body .hwem .hwem-acb *{color:#8a6418!important;-webkit-text-fill-color:#8a6418!important}

/* ---------- ranking box + streak ---------- */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row{padding:10px 0 2px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row .rkl{color:#6e6450!important;font-style:normal}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row .rkr b{font-family:Archivo,-apple-system,Arial,sans-serif!important;color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row .rkr small{color:#6e6450!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row #hg-strip{flex-wrap:wrap!important;border-top:1px dashed #E8D6A8!important;margin:8px 10px 0!important;padding:9px 0 10px!important;row-gap:8px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row #hg-strip .tx{display:inline-flex!important;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row #hg-strip .tx b{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row #hg-strip .hgp{display:inline-flex!important;align-items:center;gap:4px;padding:4px 11px!important;border-radius:999px!important;background:linear-gradient(180deg,#2a2418,#0d0b07)!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important;border:0!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #D4AF37,0 0 14px rgba(212,175,55,.55)!important;animation:chpRingGlow 2.4s ease-in-out infinite!important;margin:0 4px 0 2px}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row #hg-strip .hgp *{color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .chp-sf{display:inline-block;animation:chpFlick .9s ease-in-out infinite alternate;transform-origin:50% 90%}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row #hg-strip .bar{order:9;flex:0 0 calc(100% - 12px)!important;width:calc(100% - 12px)!important;max-width:none!important;height:6px!important;border-radius:999px!important;background:#F1E6C8!important;overflow:hidden;margin:0!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row #hg-strip .bar i{background:linear-gradient(90deg,#9C7420,#D4AF37,#F6E3A1,#D4AF37)!important;background-size:200% 100%!important;animation:chpShine 2.5s linear infinite!important;border-radius:999px!important;box-shadow:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row #hg-strip .fg{display:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row #hg-strip .lk{background:#FBF0D2!important;border:1.5px solid #D4AF37!important;color:#8a6418!important;border-radius:999px!important;box-shadow:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row #hg-strip .lk *{color:#8a6418!important;fill:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row .ci-when{background:#FFF8E6!important;border:1px solid #E8D6A8!important;color:#1a1405!important}

/* ---------- tabs ---------- */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #sp-tabs{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px!important;padding:6px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #sp-tabs button{position:relative;overflow:hidden;border-radius:4px!important;background:transparent!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important;font:700 14px/1 Poppins,-apple-system,Arial,sans-serif!important;padding:11px 4px!important;box-shadow:none!important;border:0!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #sp-tabs button[aria-pressed=true]{background:linear-gradient(180deg,#2a2418,#0d0b07)!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important;box-shadow:0 0 0 1px #C9A227,0 6px 16px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.18)!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #sp-tabs button[aria-pressed=true]::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,236,170,.35),transparent);animation:chpSweep 4.5s ease-in-out infinite;pointer-events:none}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #sp-tabs small{background:linear-gradient(180deg,#F6E3A1,#C9A227)!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important;border-radius:999px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #sp-tabs button[aria-pressed=true] small{background:#F6DC8A!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important}

/* ---------- check-in received / checked in today ---------- */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci :is(#ci-today,#ci-done){position:relative;overflow:hidden;text-align:center;padding:18px 16px 18px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci :is(#ci-today .ct-fire,#ci-done .dn-fire){display:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .chp-burst{position:absolute;left:50%;top:46px;width:80px;height:80px;border-radius:50%;border:2px solid #D4AF37;animation:chpRing 2.4s ease-out infinite;pointer-events:none}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .chp-fire{position:relative;width:58px;height:58px;margin:0 auto 4px}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .chp-fire svg{width:58px;height:58px;overflow:visible;transform-origin:50% 90%;animation:chpFlick 1s ease-in-out infinite alternate;filter:drop-shadow(0 0 10px rgba(255,120,30,.8)) drop-shadow(0 0 22px rgba(255,60,10,.45))}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .chp-fire i{position:absolute;bottom:55%;left:50%;width:5px;height:5px;border-radius:50%;background:#ffc35a!important;box-shadow:0 0 8px #ff8a2b;opacity:0;animation:chpSpark 1.8s ease-out infinite}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .chp-fire i:nth-of-type(2){left:30%;animation-delay:.5s;background:#ff8a2b!important}html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .chp-fire i:nth-of-type(3){left:68%;animation-delay:1s}html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .chp-fire i:nth-of-type(4){left:45%;animation-delay:1.4s}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci :is(#ci-today .ct-k,#ci-done .dn-k){letter-spacing:.2em!important;font-weight:700!important;font-size:11.5px!important;color:#8a6418!important;text-transform:uppercase;margin:4px 0!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci :is(#ci-today h2,#ci-done #dn-h){font:800 19px/1.25 Archivo,-apple-system,Arial,sans-serif!important;margin:2px 0 6px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-today .ct-st{display:inline-flex;align-items:center;gap:4px;margin:2px 0 8px!important;padding:4px 12px;border-radius:999px;background:linear-gradient(180deg,#2a2418,#0d0b07)!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #D4AF37,0 0 14px rgba(212,175,55,.55)!important;font-weight:700!important;font-size:13px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-today .ct-st,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-today .ct-st *{color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-today .ct-q{font-weight:600!important;color:#1a1405!important;margin:2px auto 6px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-today .ct-sub{font-size:13.5px!important;margin:0 auto 4px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-today .ct-sub b{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-done .hg-earn{display:flex!important;flex-direction:column;align-items:center;justify-content:center;max-width:300px;margin:6px auto 10px!important;padding:9px 16px!important;border-radius:999px!important;background:#FBF5E6!important;border:1px solid #E8D6A8!important;box-shadow:none!important;font:800 22px/1.2 Archivo,-apple-system,Arial,sans-serif!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-done .hg-earn,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-done .hg-earn>b,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-done .hg-earn .chp-n{color:#8a6418!important;-webkit-text-fill-color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-done .hg-earn small{display:block;font:600 11.5px/1.4 Poppins,-apple-system,Arial,sans-serif!important;color:#6e6450!important;margin-top:2px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-done .hg-earn small *{color:#6e6450!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-done .hg-earn .chp-ew{display:inline-block}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-done .hg-earn.chp-pop .chp-ew{animation:chpPop .7s .3s both}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-done .hg-unlock{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci :is(#ci-done #sp-dspin,#ci-done .sp-line){font-size:13px!important;color:#6e6450!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci :is(#ci-done #sp-dspin b,#ci-done .sp-line b){color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-done #sp-rem a.b{border:1.5px solid #C9A227!important;color:#8a6418!important;background:#fff!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-done .sp-calmsg{background:#FFF8E6!important;border-color:#C9A227!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-done .sp-more,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ct-more,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main #wkb>#ct-more{color:#8a6418!important;-webkit-text-fill-color:#8a6418!important;background:none!important;border:0!important;box-shadow:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ct-acts{margin:8px 0 2px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ct-acts{text-align:center}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci a.ct-games{margin:8px auto 2px!important}

/* ---------- tomorrow's check-in ---------- */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #chp-tmr{margin:0 0 14px!important;padding:14px 12px;border-radius:6px;text-align:center;background:linear-gradient(180deg,#111,#1d180c)!important;border:2px solid #111;box-shadow:0 10px 26px rgba(120,90,18,.18)}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #chp-tmr *{-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #chp-tmr .k{margin:0;font:700 10.5px/1.3 Poppins,-apple-system,Arial,sans-serif;letter-spacing:.2em;color:#C9A227!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #chp-tmr .t{margin:4px 0 9px;font:800 16px/1.3 Archivo,-apple-system,Arial,sans-serif;color:#fff!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #chp-tmr .t b{color:#F6DC8A!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #chp-tmr .days{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #chp-tmr .days span{width:27px;height:27px;border-radius:50%!important;display:grid;place-items:center;font:700 11px/1 Poppins,-apple-system,Arial,sans-serif;background:#2a2418!important;color:#8f887a!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #chp-tmr .days span.on{background:linear-gradient(180deg,#F6E3A1,#C9A227)!important;color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #chp-tmr .days span.nx{border:2px dashed #F6DC8A;background:transparent!important;color:#F6DC8A!important;animation:chpGlow 1.6s ease-in-out infinite}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #chp-tmr .days span.gap{width:8px;background:transparent!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #chp-tmr .c{margin:9px 0 0;font:500 12.5px/1.4 Poppins,-apple-system,Arial,sans-serif;color:#cfc8b6!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #chp-tmr .c b{color:#F6DC8A!important;font-variant-numeric:tabular-nums}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci:not(.t-check)>#chp-tmr{display:none!important}

/* ---------- daily check-in form ---------- */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .ci-card h2{font:800 20px/1.2 Archivo,-apple-system,Arial,sans-serif!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .ci-q{background:#FFFDF7!important;border:1px solid #E8D6A8!important;box-shadow:none!important;border-radius:6px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .ci-scale button{background:#fff!important;border:1.5px solid #E8D6A8!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important;box-shadow:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .ci-scale button[aria-pressed=true]{background:linear-gradient(180deg,#2a2418,#0d0b07)!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important;border-color:#C9A227!important;box-shadow:0 0 0 1px #C9A227!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .ci-q>span:first-child,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form label.ci-q>span{color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .cst-hd b{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .sst-bar{background:#F1E6C8!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .sst-bar i{background:linear-gradient(90deg,#9C7420,#D4AF37)!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .sst-box{background:#fff!important;border:1px solid #E8D6A8!important;box-shadow:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .wk-item{background:#FFFDF7!important;border-color:#E8D6A8!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .wk-item em{background:#FBF0D2!important;color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .ci-tabs{background:#fff!important;border:2px solid #111!important;box-shadow:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .ci-tabs button{background:transparent!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important;box-shadow:none!important;border:0!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .ci-tabs button[aria-pressed=true],html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .ci-tabs button.on{background:linear-gradient(180deg,#2a2418,#0d0b07)!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-msg{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-who .ci-err,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .ci-err{color:#b3261e!important}

/* ---------- Ember Games ---------- */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg{padding:16px 12px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-hd h2{display:flex;align-items:center;justify-content:center;gap:6px;font:800 22px/1.2 Archivo,-apple-system,Arial,sans-serif!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-hd h2 svg{width:22px;height:22px;filter:drop-shadow(0 0 4px rgba(255,120,30,.55))}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-tag{font-weight:600!important;font-size:13.5px!important;margin:2px 0 8px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-left{display:table!important;margin:0 auto 8px!important;padding:5px 12px!important;border-radius:999px!important;background:linear-gradient(180deg,#FFF6DC,#F6E3A1)!important;border:1.5px solid #D4AF37!important;color:#8a6418!important;-webkit-text-fill-color:#8a6418!important;font-weight:700!important;font-size:13px!important;box-shadow:0 3px 10px rgba(212,175,55,.3)!important;animation:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-bon{color:#6e6450!important;font-size:13px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-bon b{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .hw-how{background:none!important;border:0!important;box-shadow:none!important;color:#8a6418!important;-webkit-text-fill-color:#8a6418!important;text-decoration:underline}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-tiles{gap:9px 7px!important;padding-top:6px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-tiles>.eg-t{position:relative!important;overflow:visible!important;border:2px solid #111!important;border-radius:6px!important;background:linear-gradient(#FFFDF7,#FFF8E8)!important;box-shadow:0 4px 12px rgba(120,90,18,.1)!important;color:#1a1405!important;padding:12px 4px 10px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-tiles>.eg-t::before,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-tiles>.eg-t::after{display:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-tiles>.eg-t[aria-expanded=true]{box-shadow:0 0 0 3px #D4AF37,0 8px 20px rgba(212,175,55,.35)!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-t svg{color:#8a6418!important;stroke:currentColor}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-t>b{font-size:12.5px!important;line-height:1.2!important;color:#1a1405!important;background:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-t>small{color:#6e6450!important;font-size:11px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-st{display:inline-block;padding:3px 9px!important;border-radius:999px!important;font:700 10px/1.3 Poppins,-apple-system,Arial,sans-serif!important;letter-spacing:.06em;text-transform:uppercase;border:0!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-st.go{background:linear-gradient(180deg,#2a2418,#0d0b07)!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important;animation:chpPulse 2.2s ease-in-out infinite!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-st.ok{background:linear-gradient(180deg,#F6E3A1,#C9A227)!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important;box-shadow:0 2px 8px rgba(212,175,55,.35)!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-st.ok *{color:#1a1405!important;-webkit-text-fill-color:#1a1405!important;background:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-st.wait{background:#fff!important;border:1.5px solid #E8D6A8!important;color:#6e6450!important;-webkit-text-fill-color:#6e6450!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-tiles>.eg-t.dg-x2t{box-shadow:0 0 0 2px #D4AF37,0 8px 20px rgba(212,175,55,.35)!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .dg-x2r{position:absolute;top:-10px;left:50%;transform:translateX(-50%);z-index:3;padding:2px 8px!important;border-radius:999px!important;font:800 9.5px/1.4 Poppins,-apple-system,Arial,sans-serif!important;letter-spacing:.06em;background:linear-gradient(180deg,#F6E3A1,#C9A227)!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important;white-space:nowrap;box-shadow:0 2px 6px rgba(120,90,18,.3)!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .dg-x2l{font-size:12.5px!important;color:#6e6450!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .dg-x2l b{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg .eg-pill{background:#FBF0D2!important;color:#8a6418!important;border:1px solid #D4AF37!important}
/* the open game keeps a dark "game screen" with the black ring */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #eg #eg-p{border:2px solid #111!important;border-radius:6px!important;box-shadow:0 10px 24px rgba(0,0,0,.2)!important}

/* ---------- leaderboards ---------- */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card{padding:14px 12px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card .lbt-bar{display:flex!important;justify-content:center;gap:6px!important;background:none!important;border:0!important;box-shadow:none!important;margin:0 0 10px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card .lbt-bar button{padding:6px 13px!important;border-radius:999px!important;border:1.5px solid #E8D6A8!important;background:#fff!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important;font:700 12.5px/1.2 Poppins,-apple-system,Arial,sans-serif!important;box-shadow:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card .lbt-bar button[aria-pressed=true]{background:linear-gradient(180deg,#2a2418,#0d0b07)!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important;border-color:#111!important;box-shadow:0 0 0 1px #C9A227!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card .hwlb-hd{justify-content:center!important;flex-wrap:wrap;gap:6px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card .hwlb-h{font:800 19px/1.2 Archivo,-apple-system,Arial,sans-serif!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card .hwlb-ic{color:#8a6418!important;background:none!important;box-shadow:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card .hwlb-ic svg{fill:#C9A227!important;color:#C9A227!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card .hwlb-pill{background:#FBF0D2!important;border:1.5px solid #D4AF37!important;color:#8a6418!important;-webkit-text-fill-color:#8a6418!important;box-shadow:none!important;border-radius:999px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card .hwlb-pz{background:#FFFDF7!important;border:1px solid #E8D6A8!important;box-shadow:none!important;border-radius:6px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card .hwlb-pz .lbl{color:#8a6418!important;letter-spacing:.14em}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card .hwlb-pz>span:not(.lbl){background:#FFFCF5!important;border:1px solid #E8D6A8!important;color:#1a1405!important;box-shadow:none!important;border-radius:999px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card .hwlb-4 b{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card li{background:#FBF5E6!important;border:1px solid #E8D6A8!important;box-shadow:none!important;border-radius:6px!important;color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card ol:first-of-type li:nth-child(-n+3){box-shadow:none!important;border-color:#E8D6A8!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card li .n,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card li .e{color:#8a6418!important;font-weight:800}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card li.me{background:linear-gradient(180deg,#2a2418,#0d0b07)!important;border-color:#111!important;box-shadow:0 0 0 1px #C9A227!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card li.me,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card li.me *{color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card .lbt-more,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card .lb-tap{background:none!important;border:0!important;color:#8a6418!important;-webkit-text-fill-color:#8a6418!important;box-shadow:none!important;text-decoration:underline}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card #hwlb-nk .hwlb-nkf{background:#FFFDF7!important;border:1px solid #E8D6A8!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #lbtip{background:#fff!important;border:2px solid #111!important;border-radius:6px!important;box-shadow:0 6px 18px rgba(120,90,18,.1)!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #lbtip b,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #lbtip a{color:#8a6418!important}

/* ---------- Ember Shop ---------- */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs{padding:16px 12px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs>h2{font:800 22px/1.2 Archivo,-apple-system,Arial,sans-serif!important;text-align:center}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs #sp-bal{color:#6e6450!important;margin:2px 0 4px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs #sp-bal b{color:#8a6418!important;font-family:Archivo,-apple-system,Arial,sans-serif}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs #chp-gsn{text-align:center;margin:0 0 4px;font-size:13px;color:#6e6450!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs #chp-gsn b{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .chp-prog{position:relative;height:9px;border-radius:999px;background:#F1E6C8;overflow:hidden;margin:8px 0 8px}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .chp-prog i{display:block;height:100%;background:linear-gradient(90deg,#9C7420,#D4AF37 40%,#F6E3A1 55%,#D4AF37 70%,#9C7420)!important;background-size:200% 100%!important;animation:chpShine 3.5s linear infinite;border-radius:999px}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .gs-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px!important;margin:0!important;border:0!important;border-top:1px solid #F1E6C8!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;text-align:left}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .gs-item:first-child{border-top:0!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs-list.gs-few .gs-item.gs-hide{display:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .gs-item{position:relative}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs-list .gs-item:last-child{margin-top:10px!important;border-top-color:transparent!important;box-shadow:inset 0 0 0 1px #E8D6A8!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs-list .gs-item:last-child::before{background:linear-gradient(180deg,#2a2418,#0d0b07)!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important;box-shadow:0 0 0 1px #C9A227!important;top:-9px!important;font-size:9.5px!important;padding:2px 9px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .gs-item b{font:800 14px/1.25 Archivo,-apple-system,Arial,sans-serif!important;color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .gs-item small{display:block;color:#6e6450!important;font-size:11.5px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .gs-item .gs-bar{display:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .gs-item>button{flex:none;padding:7px 13px!important;border-radius:999px!important;font:700 12.5px/1.2 Poppins,-apple-system,Arial,sans-serif!important;white-space:nowrap;min-width:0!important;width:auto!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .gs-item>button:not([disabled]){background:linear-gradient(180deg,#2a2418,#0d0b07)!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important;border:0!important;box-shadow:0 0 0 1px #C9A227,0 4px 12px rgba(0,0,0,.2)!important;opacity:1!important;cursor:pointer}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .gs-item>button[disabled]{background:#fff!important;border:1.5px solid #E8D6A8!important;color:#6e6450!important;-webkit-text-fill-color:#6e6450!important;box-shadow:none!important;opacity:1!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .gs-item.chp-next{background:linear-gradient(90deg,#FFF6DC,#fff)!important;box-shadow:inset 0 0 0 1.5px #D4AF37!important;border-top-color:transparent!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .gs-item.chp-next+.gs-item{border-top-color:transparent!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .gs-item.chp-next b{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .gs-item.chp-next>button[disabled]{border-color:#D4AF37!important;color:#8a6418!important;-webkit-text-fill-color:#8a6418!important;animation:chpGlow 1.8s ease-in-out infinite!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .gs-more{background:none!important;border:0!important;box-shadow:none!important;color:#8a6418!important;-webkit-text-fill-color:#8a6418!important;text-decoration:underline}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .sp-how,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs a{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs .mb-word{color:#8a6418!important;background:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #gs-msg{color:#8a6418!important}

/* ---------- More ways to earn, Spin the Wheel teaser, Refer ---------- */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci details.mw{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 14px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci details.mw>summary{background:#fff!important;border:2px solid #111!important;border-radius:6px!important;box-shadow:0 6px 18px rgba(120,90,18,.1)!important;color:#1a1405!important;margin:0 0 12px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci details.mw>summary *{color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci details.mw>summary small{color:#6e6450!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci details.mw[open]>summary{display:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt{display:block!important;position:relative;overflow:hidden;text-align:center!important;padding:16px 14px!important;background:radial-gradient(90% 60% at 50% 40%,#FFF6DC,#fff 70%)!important;margin:0 0 14px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt .swt-w{width:150px!important;height:150px!important;margin:6px auto 10px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt .swt-wh{border:4px solid #111!important;box-shadow:0 0 0 3px #D4AF37,0 0 22px rgba(212,175,55,.55)!important;background:conic-gradient(#F6E3A1 0 45deg,#111 45deg 90deg,#D4AF37 90deg 135deg,#FFFDF5 135deg 180deg,#C9A227 180deg 225deg,#111 225deg 270deg,#F6DC8A 270deg 315deg,#8a6418 315deg 360deg)!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt.lock .swt-wh{filter:saturate(.75) brightness(.97)!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt .swt-pin{border-top-color:#111!important;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt h2{font:800 20px/1.2 Archivo,-apple-system,Arial,sans-serif!important;margin:0 0 4px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt p{color:#6e6450!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt p b{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt .swt-d{justify-content:center}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt .swt-d span{background:#FFFDF7!important;border:1px solid #E8D6A8!important;color:#6e6450!important;-webkit-text-fill-color:#6e6450!important;box-shadow:none!important;border-radius:6px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt .swt-d span.y{background:linear-gradient(180deg,#F6E3A1,#C9A227)!important;border-color:#C9A227!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt .swt-d span.t{border-color:#D4AF37!important;color:#8a6418!important;-webkit-text-fill-color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt .swt-rule{background:#FFF8E6!important;border:1px solid #E8D6A8!important;color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt .swt-rule b{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt .swt-pz{justify-content:center}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt .swt-pz span{background:#FFFCF5!important;border:1px solid #E8D6A8!important;color:#1a1405!important;box-shadow:none!important;border-radius:999px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt .swt-pz>i{display:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #swt .swt-pz::before{flex-basis:100%;color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-ref{padding:16px 14px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-ref .rf-ic{background:linear-gradient(180deg,#F6E3A1,#C9A227)!important;box-shadow:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-ref .rf-ic svg{fill:#1a1405!important;color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-ref .rf-n{background:linear-gradient(180deg,#2a2418,#0d0b07)!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important;border-radius:999px!important;box-shadow:0 0 0 1px #C9A227!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-ref h2{font:800 19px/1.2 Archivo,-apple-system,Arial,sans-serif!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-ref .sub b{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci details.gs-how{background:#fff!important;border:1px solid #E8D6A8!important;border-radius:6px!important;box-shadow:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci details.gs-how table td{border-color:#F1E6C8!important;color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci details.gs-how table td:last-child{color:#8a6418!important;font-weight:700}

/* ---------- other cards on the page ---------- */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci :is(#sp-firstn,#sp-cr,.sp-card,#ts-card,.pkx,.pkx-warn){background:#fff!important;border:2px solid #111!important;border-radius:6px!important;box-shadow:0 6px 18px rgba(120,90,18,.1)!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci :is(#sp-firstn,#sp-cr,.sp-card,#ts-card,.pkx,.pkx-warn) b{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main #sq-join .sq{background:#fff!important;border:2px solid #111!important;border-radius:6px!important}

/* ---------- live Spin the Wheel (opens after a perfect week) ---------- */
html.chp body #sw.sw{background:rgba(26,20,5,.72)!important}
html.chp body #sw .sw-box{position:relative;overflow:hidden;border:2px solid #111!important;border-radius:6px!important;background:radial-gradient(90% 60% at 50% 40%,#FFF6DC,#fff 70%)!important;background-image:radial-gradient(90% 60% at 50% 40%,#FFF6DC,#fff 70%)!important;color:#1a1405!important;box-shadow:0 18px 44px rgba(0,0,0,.45)!important;padding:20px 16px 18px!important}
html.chp body #sw .sw-box *{text-shadow:none!important}
html.chp body #sw .sw-box .eyebrow{color:#8a6418!important;-webkit-text-fill-color:#8a6418!important;letter-spacing:.2em;font-weight:700}
html.chp body #sw .sw-box h2{font:800 22px/1.2 Archivo,-apple-system,Arial,sans-serif!important;margin:2px 0 10px!important}
html.chp body #sw .chp-spk{position:absolute;top:12px;left:16px;color:#D4AF37;font-size:14px;animation:chpTwinkle 2.6s ease-in-out infinite;pointer-events:none}
html.chp body #sw .chp-spk.s2{left:auto;right:18px;top:30px;font-size:10px;animation-delay:1.1s}
html.chp body #sw .sw-wrap{position:relative;width:264px!important;height:264px!important;max-width:calc(100vw - 80px);max-height:calc(100vw - 80px);margin:6px auto 8px!important}
html.chp body #sw .chp-halo{position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(246,220,138,.7),rgba(212,175,55,.25) 55%,transparent 70%);animation:chpHalo 2.2s ease-in-out infinite;pointer-events:none}
html.chp body #sw .chp-bulbs{position:absolute;inset:0;border-radius:50%;background:#111;box-shadow:0 0 0 3px #D4AF37,0 8px 22px rgba(0,0,0,.3);pointer-events:none}
html.chp body #sw .chp-bulbs i{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;animation:chpBulb .9s steps(1) infinite}
html.chp body #sw .sw-wheel{position:absolute!important;inset:16px;width:auto!important;height:auto!important;border:3px solid #D4AF37!important;border-radius:50%!important;box-shadow:none!important;z-index:1}
html.chp body #sw .sw-wheel span{font:800 9px/1.05 Poppins,-apple-system,Arial,sans-serif!important;padding-right:8px!important;letter-spacing:0;width:47%!important}
html.chp body #sw .chp-hub{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;display:grid;place-items:center;font-size:19px;line-height:1;background:radial-gradient(circle at 35% 30%,#3a3020,#0d0b07);border:3px solid #D4AF37!important;border-radius:50%!important;box-shadow:0 0 12px rgba(212,175,55,.6)!important;background-clip:border-box!important;z-index:3;pointer-events:none}
html.chp body #sw .sw-pin{top:-10px!important;border-left:12px solid transparent!important;border-right:12px solid transparent!important;border-top:20px solid #111!important;filter:drop-shadow(0 0 1px #D4AF37) drop-shadow(0 2px 3px rgba(0,0,0,.35));z-index:4!important;transform-origin:50% 0;transition:transform .07s}
html.chp body #sw .sw-pin.chp-tk{transform:translateX(-50%) rotate(-14deg)!important}
html.chp body #sw .sw-res{min-height:24px;margin:6px 0 4px!important;font:800 17px/1.3 Archivo,-apple-system,Arial,sans-serif!important;color:#8a6418!important;-webkit-text-fill-color:#8a6418!important}
html.chp body #sw .sw-res.chp-win{animation:chpPop .6s both;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important}
html.chp body #sw #sw-go{padding:12px 30px!important;border-radius:999px!important;font:800 15px/1.2 Poppins,-apple-system,Arial,sans-serif!important;letter-spacing:.08em}
html.chp body #sw .chp-cf{position:absolute;left:50%;top:44%;width:7px;height:10px;border-radius:2px;animation:chpConf 1.3s ease-out forwards;pointer-events:none;z-index:6}

/* ---------- motion off ---------- */
@media (prefers-reduced-motion:reduce){
html.chp body *,html.chp body *::before,html.chp body *::after{animation:none!important;transition:none!important}
#chp-emb,html.chp body .chp-burst,html.chp body .chp-fire i,html.chp body .chp-cf{display:none!important}
}
html.calm.chp body :is(#main,#sw) :is(.chp-t,.chp-bk,.chp-sf,.chp-fire svg,.eg-st,.hgp,.ct-st,.bar i,.chp-prog i,#chp-tmr .days span,#chp-lv .lv span,#gs .gs-item>button,#sp-tabs button,.chp-halo,.chp-bulbs i,.chp-spk,.sw-res),html.calm.chp body :is(#main,#sw) :is(.chp-bk,#sp-tabs button)::after,html.calm.chp body #main::before,html.calm.chp body #main::after{animation:none!important}html.calm.chp body :is(#chp-emb,.chp-burst,.chp-fire i,.chp-cf){display:none!important}

html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-today a.ct-games,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #sp-dn{display:inline-flex!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .cst-dots i{background:#F1E6C8!important;box-shadow:none!important;opacity:1!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .cst-dots i.a{background:#D4AF37!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .cst-dots i.c{background:#8a6418!important;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #D4AF37!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .cst-nav .cst-nx{background:linear-gradient(180deg,#2a2418,#0d0b07)!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important;box-shadow:0 0 0 1px #C9A227!important;border:0!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .cst-nav .cst-nx[disabled]{opacity:.35!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .cst-nav .cst-bk{background:none!important;border:0!important;color:#6e6450!important;-webkit-text-fill-color:#6e6450!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-form .cst-nav .cst-bk[disabled]{opacity:.45}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #wkb{margin-top:0!important;margin-bottom:14px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #wkb>button:not(#ct-more){width:100%;padding:12px 12px!important;cursor:pointer;color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #wkb>button:not(#ct-more) b{color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #wkb>button:not(#ct-more) .wkb-n{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #wkb .wkb-p{background:#fff!important;border:2px solid #111!important;border-radius:6px!important;box-shadow:0 6px 18px rgba(120,90,18,.1)!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #wkb .wkb-p label{background:#FFFDF7!important;border-color:#E8D6A8!important;color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #wkb>button:not(#ct-more),html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-today #wkb>button:not(#ct-more){border:2px solid #111!important;border-radius:6px!important;background:#fff!important;box-shadow:0 6px 18px rgba(120,90,18,.1)!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #ci-done .hg-earn .chp-ew{color:#8a6418!important;-webkit-text-fill-color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #chp-tmr+#wkb{margin-top:14px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #chp-tmr~#wkb{transform:none!important;margin-top:0!important}

/* ---------- loading cover matches the page (no dark flash) ---------- */
html.chp #hw-boot{background:radial-gradient(70% 260px at 50% 0,rgba(255,255,255,.85),rgba(255,255,255,0) 70%),linear-gradient(180deg,#F2DFA8 0,#F9EFD3 45%,#FFFBF1 100%)!important}
html.chp #hw-boot p{color:#8a6418!important}
html.chp body{background:#F3E2B4!important}
/* text that sits straight on the champagne page stays dark enough */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main #ci-date,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #main .ci-day{color:#4f4636!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci>#ct-more,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci>details.gs-how~*,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .gs-note,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .gs-note a,html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci>.ct-out{color:#6b4c0f!important;-webkit-text-fill-color:#6b4c0f!important}

/* ---------- tab hint: gold tap ring on the light tabs ---------- */
html.chp .sph-r{background:rgba(212,175,55,.28)!important;border-color:#C9A227!important;box-shadow:0 0 10px rgba(212,175,55,.45)!important}
html.chp .sph-f{filter:drop-shadow(0 3px 3px rgba(80,55,10,.35))!important}

/* ---------- Heat Levels dropdown (tap the streak line in the ranking box) ---------- */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci>#hg:not(.hgs-open){display:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci>#hg.hgs-open{display:block!important;margin:-4px 0 14px!important;padding:12px 10px 12px!important;text-align:center}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hg :is(.hg-top,#hg-badges,#hg-next){display:none!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hg #chp-hl .hl-k{margin:0;font:700 10.5px/1.3 Poppins,-apple-system,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hg #chp-hl .hl-t{margin:4px auto 10px;max-width:34ch;font:600 13.5px/1.4 Poppins,-apple-system,Arial,sans-serif;color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hg #chp-hl .hl-c{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hg #chp-hl .hl-c span{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 calc((100% - 12px)/3);box-sizing:border-box;min-height:44px;padding:5px 4px;border-radius:6px!important;border:1.5px solid #E8D6A8;background:#fff!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hg #chp-hl .hl-c b{font:800 12.5px/1.25 Archivo,-apple-system,Arial,sans-serif;color:#1a1405!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hg #chp-hl .hl-c small{font:600 10.5px/1.3 Poppins,-apple-system,Arial,sans-serif;color:#6e6450!important;margin-top:1px}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hg #chp-hl .hl-c span.on{background:linear-gradient(180deg,#F6E3A1,#C9A227)!important;border-color:#C9A227}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hg #chp-hl .hl-c span.on small{color:#3a2c08!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hg #chp-hl .hl-c span.nxl{border:1.5px dashed #C9A227;background:#FFF8E6!important;animation:chpGlow 1.8s ease-in-out infinite}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hg #chp-hl .hl-c span.nxl b{color:#8a6418!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hg #chp-hl .hl-c span.lock{background:#FBF7EC!important;border-style:dashed}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hg :is(#hg-vet,#hg-mb,#hg-login){margin:10px 0 0!important;background:#FFF8E6!important;border:1px solid #E8D6A8!important;color:#1a1405!important;font-size:12.5px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row #hg-strip .lk{cursor:pointer}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci #hw-row #hg-strip[aria-expanded=true] .ch{display:inline-block;transform:rotate(180deg)}

/* ---------- leaderboards: black rings on the prize box, the rows and the label pills ---------- */
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card.hwlb-card.hwlb-card .hwlb-pz{border:2px solid #111!important;border-radius:6px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card.hwlb-card.hwlb-card ol li:nth-child(n){border:2px solid #111!important;border-radius:6px!important}
html.chp body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #ci .hwlb-card.hwlb-card.hwlb-card .hwlb-pill{border:2px solid #111!important;border-radius:999px!important}
/* ================= black boxes: champagne page, black inside every box (approved 31 Oct 2026) ================= */
@keyframes chpShineL{to{background-position:-200% 0}}
/* the boxes */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main :is(.ci-sun,.chp-card,#chp-tmr,#lbtip,#sp-cr,#sp-firstn,.sp-card,#ts-card,details.gs-how),html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #sw .sw-box{background:radial-gradient(120% 60% at 50% 0%,rgba(212,175,55,.16),rgba(0,0,0,0) 60%),linear-gradient(180deg,#1b170e,#0b0a08)!important;border:2px solid #111!important;box-shadow:0 0 0 1px #C9A227,0 12px 28px rgba(60,40,10,.28)!important;color:#fff!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #swt{background:radial-gradient(90% 60% at 50% 40%,rgba(212,175,55,.2),rgba(0,0,0,0) 70%),linear-gradient(180deg,#1b170e,#0b0a08)!important}
/* text inside the boxes */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main :where(.ci-sun,.chp-card,#chp-tmr,#lbtip,#sp-cr,#sp-firstn,.sp-card,#ts-card,details.gs-how) :where(h1,h2,h3,h4,p,span,small,b,strong,em,i,label,li,td,th,summary,div,a,button,sup,q,dt,dd):where(:not(.chp-bk,.chp-bk *,.chp-dark *,#chp-tmr *)),html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #sw .sw-box :where(p,span,small,b,div,h2):where(:not(.chp-bk,.chp-bk *)){color:#fff!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main :where(.ci-sun,.chp-card,#chp-tmr,#lbtip,#sp-cr,#sp-firstn,.sp-card,#ts-card,details.gs-how) :is(small,.sub,.eg-tag,.hwlb-s,.hwlb-sub,.ct-sub,.rkl,.rf-m,.ci-ends span,.cst-hd small,.eg-bon,.dg-x2l,#sp-bal,#chp-gsn,#sp-dspin,.sp-line,.hl-t,.ct-q,#done-line),html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #swt p{color:#cfc8b6!important;-webkit-text-fill-color:#cfc8b6!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main :where(.ci-sun,.chp-card,#chp-tmr,#lbtip,#sp-cr,#sp-firstn,.sp-card,#ts-card,details.gs-how) :is(a:not(.chp-bk),#ct-more,.ct-k,.dn-k,.hl-k,.hwlb-4 b,.lbl,.wkb-n,.cst-hd b,.gs-more,.sp-how,.lbt-more,.lb-tap,.hw-how,.sp-more,#ci-msg,#gs-msg,.mb-word,.hg-unlock),html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main :where(.ci-sun,.chp-card,#chp-tmr,#lbtip,#sp-cr,#sp-firstn,.sp-card,#ts-card,details.gs-how) :is(.ct-sub,.eg-bon,.dg-x2l,#sp-bal,#chp-gsn,#sp-dspin,.sp-line,.rf-m,.swt-rule,.sub,p) b,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #swt p b,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row #hg-strip .tx,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row #hg-strip .tx b{color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row .rkr b,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row .rkr i b,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #gs .gs-item b,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-today .ct-q{color:#fff!important;-webkit-text-fill-color:#fff!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row .rkr small{color:#cfc8b6!important;-webkit-text-fill-color:#cfc8b6!important}
/* headings on black: the lighter gold shimmer */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main .chp-t,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main .chp-t *,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #sw .sw-box h2{background:linear-gradient(100deg,#c9a227 0%,#f6dc8a 30%,#fff3c4 48%,#f6dc8a 66%,#c9a227 100%)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#F6DC8A!important;animation:chpShineL 6s linear infinite!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main .chp-t svg,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main .chp-t i{-webkit-text-fill-color:initial!important;background:none!important;animation:none!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #sw .sw-box .eyebrow{color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
/* gold buttons and active states with dark text */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main .chp-bk,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #sw .chp-bk,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #sp-tabs button[aria-pressed=true],html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci .hwlb-card .lbt-bar button[aria-pressed=true],html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci .hwlb-card li.me,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-st.go,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-form .ci-scale button[aria-pressed=true],html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-form .cst-nav .cst-nx,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #gs .gs-item>button:not([disabled]),html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-ref .rf-n,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci .ci-tabs button[aria-pressed=true],html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci .ci-tabs button.on{background:linear-gradient(180deg,#f6dc8a,#c9a227)!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important;border-color:#F6DC8A!important;box-shadow:0 0 0 1px #F6DC8A,0 6px 16px rgba(0,0,0,.35)!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main .chp-bk *,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #sw .chp-bk *,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci .hwlb-card li.me *,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-st.go *{color:#1a1405!important;-webkit-text-fill-color:#1a1405!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main .chp-bk.chp-g::after,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #sw .chp-bk.chp-g::after,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #sp-tabs button[aria-pressed=true]::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent)!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main .chp-bk.chp-pulse,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #sw .chp-bk.chp-pulse,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-st.go{animation:chpPulseL 2s ease-in-out infinite!important}
@keyframes chpPulseL{0%,100%{box-shadow:0 0 0 1px #F6DC8A,0 6px 16px rgba(0,0,0,.35),0 0 0 0 rgba(246,220,138,.55)}50%{box-shadow:0 0 0 1px #F6DC8A,0 6px 16px rgba(0,0,0,.35),0 0 0 9px rgba(246,220,138,0)}}
/* the streak pills: gold with the glowing gold ring */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row #hg-strip .hgp,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-today .ct-st{background:linear-gradient(180deg,#f6dc8a,#c9a227)!important;box-shadow:0 0 0 2px #0b0a08,0 0 0 4px #D4AF37,0 0 14px rgba(212,175,55,.55)!important;animation:chpRingGlowL 2.4s ease-in-out infinite!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row #hg-strip .hgp,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row #hg-strip .hgp *,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-today .ct-st,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-today .ct-st *{color:#1a1405!important;-webkit-text-fill-color:#1a1405!important}
@keyframes chpRingGlowL{0%,100%{box-shadow:0 0 0 2px #0b0a08,0 0 0 4px #D4AF37,0 0 10px rgba(212,175,55,.45)}50%{box-shadow:0 0 0 2px #0b0a08,0 0 0 4px #D4AF37,0 0 18px rgba(212,175,55,.85)}}
/* tabs */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #sp-tabs button:not([aria-pressed=true]){color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #sp-tabs button[aria-pressed=true] small{background:#1a1405!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
/* inner surfaces turn dark */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci :is(#hw-row .ci-when,#ci-form .ci-q,#ci-form .sst-box,#ci-form .wk-item,.hwlb-pz,#hwlb-nk .hwlb-nkf,#swt .swt-rule,#wkb .wkb-p,#wkb .wkb-p label,#hg :is(#hg-vet,#hg-mb,#hg-login),#ci-done .sp-calmsg){background:#15120b!important;border:1px solid rgba(212,175,55,.5)!important;color:#fff!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci .hwlb-card.hwlb-card .hwlb-pz{border:2px solid #C9A227!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci :is(#ci-form .ci-scale button,.hwlb-card .lbt-bar button:not([aria-pressed=true]),#eg .eg-st.wait,#gs .gs-item>button[disabled],#swt .swt-d span:not(.y),#swt .swt-pz span,.hwlb-pz>span:not(.lbl),#ci-done #sp-rem a.b,#ci-form .cst-nav .cst-bk){background:#15120b!important;border:1.5px solid rgba(212,175,55,.6)!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci :is(.hwlb-pz>span:not(.lbl),#swt .swt-pz span){color:#fff!important;-webkit-text-fill-color:#fff!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #gs .gs-item>button[disabled]{color:#cfc8b6!important;-webkit-text-fill-color:#cfc8b6!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-form .cst-nav .cst-nx[disabled]{opacity:.45!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main :where(.ci-sun,.chp-card,#chp-tmr,#lbtip,#sp-cr,#sp-firstn,.sp-card,#ts-card,details.gs-how) :where(input,textarea,select){background:#15120b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1.5px solid rgba(212,175,55,.5)!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main :where(.ci-sun,.chp-card,#chp-tmr,#lbtip,#sp-cr,#sp-firstn,.sp-card,#ts-card,details.gs-how) :is(input,textarea)::placeholder{color:#8f887a!important;-webkit-text-fill-color:#8f887a!important}
/* chips and pills */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-left,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci .hwlb-card .hwlb-pill,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row #hg-strip .lk,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-pill{background:rgba(212,175,55,.14)!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important;box-shadow:none!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-left,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row #hg-strip .lk{border:1.5px solid #C9A227!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci .hwlb-card.hwlb-card.hwlb-card .hwlb-pill{border:2px solid #C9A227!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row #hg-strip .lk *{color:#F6DC8A!important;fill:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-st.ok,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #swt .swt-d span.y,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-ref .rf-ic{background:linear-gradient(180deg,#f6dc8a,#c9a227)!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-st.ok *{color:#1a1405!important;-webkit-text-fill-color:#1a1405!important}
/* bars */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row #hg-strip .bar,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #gs .chp-prog,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-form .sst-bar{background:#2a2418!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row #hg-strip{border-top-color:rgba(212,175,55,.35)!important}
/* Ember Games tiles */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles>.eg-t{background:linear-gradient(180deg,#221c10,#110e08)!important;border:2px solid #C9A227!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles>.eg-t>b{color:#fff!important;-webkit-text-fill-color:#fff!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles>.eg-t>small{color:#cfc8b6!important;-webkit-text-fill-color:#cfc8b6!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-t svg{color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles>.eg-t[aria-expanded=true],html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles>.eg-t.dg-x2t{box-shadow:0 0 0 2px #F6DC8A,0 0 18px rgba(246,220,138,.45)!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .dg-x2r{color:#1a1405!important;-webkit-text-fill-color:#1a1405!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg #eg-p{border:2px solid #C9A227!important}
/* leaderboards */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci .hwlb-card.hwlb-card.hwlb-card ol li:nth-child(n){background:#15120b!important;border:2px solid #C9A227!important;color:#fff!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci .hwlb-card.hwlb-card.hwlb-card ol li.me{background:linear-gradient(180deg,#f6dc8a,#c9a227)!important;border-color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci .hwlb-card li:not(.me) .n,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci .hwlb-card li:not(.me) .e{color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci .hwlb-card .hwlb-ic svg{fill:#F6DC8A!important;color:#F6DC8A!important}
/* Ember Shop */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #gs .gs-item{border-top-color:rgba(212,175,55,.25)!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #gs .gs-item.chp-next{background:linear-gradient(90deg,rgba(212,175,55,.22),rgba(0,0,0,0))!important;box-shadow:inset 0 0 0 1.5px #D4AF37!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #gs .gs-item.chp-next b{color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #gs .gs-item.chp-next>button[disabled]{border-color:#F6DC8A!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #gs-list .gs-item:last-child{box-shadow:inset 0 0 0 1px rgba(212,175,55,.5)!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #gs-list .gs-item:last-child::before{background:linear-gradient(180deg,#f6dc8a,#c9a227)!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important;box-shadow:0 0 0 1px #0b0a08!important}
/* Check-in Received */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-done .hg-earn{background:rgba(212,175,55,.12)!important;border:1px solid rgba(212,175,55,.5)!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-done .hg-earn,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-done .hg-earn>b,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-done .hg-earn .chp-n,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-done .hg-earn .chp-ew{color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-done .hg-earn small,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-done .hg-earn small *{color:#cfc8b6!important;-webkit-text-fill-color:#cfc8b6!important}
/* This Week's Tasks inside the Checked in card: black with the gold edge too */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-today #wkb>button:not(#ct-more){background:linear-gradient(180deg,#221c10,#110e08)!important;border:2px solid #111!important;box-shadow:0 0 0 1px #C9A227!important}
/* Heat Levels dropdown */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hg #chp-hl .hl-c span{background:#15120b!important;border:1.5px solid rgba(212,175,55,.5)!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hg #chp-hl .hl-c span b{color:#fff!important;-webkit-text-fill-color:#fff!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hg #chp-hl .hl-c span small{color:#cfc8b6!important;-webkit-text-fill-color:#cfc8b6!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hg #chp-hl .hl-c span.on{background:linear-gradient(180deg,#f6dc8a,#c9a227)!important;border-color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hg #chp-hl .hl-c span.on b,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hg #chp-hl .hl-c span.on small{color:#1a1405!important;-webkit-text-fill-color:#1a1405!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hg #chp-hl .hl-c span.nxl{border:1.5px dashed #F6DC8A!important;background:rgba(212,175,55,.12)!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hg #chp-hl .hl-c span.nxl b{color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hg #chp-hl .hl-c span.lock{border-style:dashed!important}
/* Ember Games heading and other gold bits */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci details.gs-how table td{border-color:rgba(212,175,55,.25)!important;color:#fff!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci details.gs-how table td:last-child{color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-form .cst-dots i{background:rgba(246,220,138,.28)!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-form .cst-dots i.a{background:#C9A227!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #ci-form .cst-dots i.c{background:#F6DC8A!important;box-shadow:0 0 0 2px #0b0a08,0 0 0 3.5px #D4AF37!important}
/* live wheel result line */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #sw .sw-res{color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #sw .sw-res.chp-win{color:#fff!important;-webkit-text-fill-color:#fff!important}
/* motion off */
@media (prefers-reduced-motion:reduce){html.chp body *{animation:none!important}}
html.calm.chp body :is(#main,#sw) :is(.chp-t,.chp-bk,.eg-st,.hgp,.ct-st,#sp-tabs button)::after,html.calm.chp body :is(#main,#sw) :is(.chp-t,.chp-bk,.eg-st,.hgp,.ct-st){animation:none!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #sp-tabs#sp-tabs button:not([aria-pressed=true]) small{background:linear-gradient(180deg,#f6dc8a,#c9a227)!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important}

/*lb-me-ring: black ring + thin gold edge around your own (gold) leaderboard row*/
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9):not(#r10) #ci .hwlb-card.hwlb-card.hwlb-card.hwlb-card ol li.me{border:2px solid #0b0a08!important;box-shadow:0 0 0 1px #C9A227,0 6px 16px rgba(0,0,0,.35)!important}

/* ================= Sunday check-in: one black box like the daily form (1 Nov 2026) ================= */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun.ci-sun{padding:16px 12px 14px!important;margin:0 0 14px!important;border-radius:6px!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun>h2.ci-sun-h{display:block!important;margin:2px 0 4px!important;text-align:center!important;font:800 20px/1.2 Archivo,-apple-system,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;background:linear-gradient(100deg,#c9a227 0%,#f6dc8a 30%,#fff3c4 48%,#f6dc8a 66%,#c9a227 100%)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#F6DC8A!important;animation:chpShineL 6s linear infinite!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun>p.sub{color:#cfc8b6!important;-webkit-text-fill-color:#cfc8b6!important;text-align:center}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-hd{margin:6px 0 12px!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-hd b{color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important;text-align:left}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-hd b small{color:#cfc8b6!important;-webkit-text-fill-color:#cfc8b6!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-bar{background:#2a2418!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-bar i{background:linear-gradient(90deg,#c9a227,#f6dc8a)!important}
/* no box inside a box: the step wrapper and the step sections are flat */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-box.sst-box,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-box .ci-card.ci-card{background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;animation:none!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-box .ci-card::before,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-box .ci-card::after{display:none!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-box .ci-card>h2{display:block!important;margin:6px 0 10px!important;text-align:center!important;font:800 12.5px/1.3 Poppins,-apple-system,Arial,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;background:none!important;-webkit-text-fill-color:#F6DC8A!important;color:#F6DC8A!important;animation:none!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-box .ci-card.sst-first>h2{display:none!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-box .ci-card>p.sub,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun #wk-tasks>.sub{color:#cfc8b6!important;-webkit-text-fill-color:#cfc8b6!important;text-align:center}
/* each question: one dark panel with a soft gold edge (same as the daily form) */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-box .ci-q{background:#15120b!important;border:1px solid rgba(212,175,55,.5)!important;border-radius:6px!important;padding:10px 10px 8px!important;box-shadow:none!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .ci-q>span:first-child{color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:center!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .ci-q small,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .ci-q .nwb,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .ci-ends span{color:#cfc8b6!important;-webkit-text-fill-color:#cfc8b6!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .ci-q small.wk-bonus,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .ci-q small b,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .hw-conv b,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sub b{color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .hw-conv{display:block;margin:4px 0 8px;font-size:12px!important;line-height:1.45;text-align:center}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .wk-list{background:#15120b!important;border:1px solid rgba(212,175,55,.5)!important;border-radius:6px!important;padding:6px 10px!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .wk-item{background:none!important;border:0!important;border-bottom:1px solid rgba(212,175,55,.2)!important;color:#fff!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .wk-item:last-child{border-bottom:0!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .wk-item span{color:#fff!important;-webkit-text-fill-color:#fff!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .wk-item em{background:linear-gradient(180deg,#f6dc8a,#c9a227)!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important;border-radius:999px!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .wk-item input{accent-color:#C9A227}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-nav .sst-bk{background:none!important;color:#F6DC8A!important;-webkit-text-fill-color:#F6DC8A!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-nav .sst-nx{background:linear-gradient(180deg,#f6dc8a,#c9a227)!important;color:#1a1405!important;-webkit-text-fill-color:#1a1405!important;box-shadow:0 0 0 1px #F6DC8A,0 6px 16px rgba(0,0,0,.35)!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-nav button[disabled]{opacity:.45!important}

/* ================= keep the page inside the phone screen (iPhone Safari) ================= */
html.chp{overflow-x:hidden!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.chp body{max-width:100%!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main :is(#ci,.w,#ci-intro,#ci-form-sec,#ci-form){max-width:100%!important;min-width:0!important;box-sizing:border-box}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci>*,html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #sp-tabs>button{min-width:0!important;max-width:100%}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row #hg-strip .tx{flex:0 1 auto!important;min-width:0!important;max-width:100%;justify-content:center}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row #hg-strip>.lk{flex:none!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci-intro h1.sp-hi{overflow-wrap:anywhere;word-break:normal;max-width:100%!important;box-sizing:border-box}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #sp-cr{box-sizing:border-box!important;max-width:100%!important;width:auto!important;overflow-wrap:anywhere}
html.chp body .hwem{max-width:calc(100vw - 24px)!important;box-sizing:border-box}
html.chp body :is(.hwem-tip,.hwem-tp,[class*=hwem-t]){max-width:min(240px,calc(100vw - 24px))!important}
/* no zoom-in when a field is tapped on iPhone (Safari zooms on text under 16px) */
@supports (-webkit-touch-callout:none){html.chp body :is(#main,#sw,.hwlg,.hwem-pn) :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px!important}}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-box label.ci-q{display:block!important;box-sizing:border-box}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #main #ci #ci-form .ci-sun .sst-box .ci-q :is(textarea,input[type=text]){width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:6px 0 0!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row #hg-strip{width:auto!important;max-width:calc(100% - 20px)!important;box-sizing:border-box!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #hw-row #hg-strip .bar{flex:0 0 100%!important;width:100%!important}

/* no double-tap zoom on iPhone when tapping answers and Next quickly */
html.chp,html.chp body,html.chp body :is(button,a,label,input,select,textarea,summary,[role=button]){touch-action:manipulation}
/* ---------- Ember Games: bigger, easier-to-tap tiles (1 Nov 2026) ---------- */
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles{gap:10px 8px!important;padding-top:8px!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles>.eg-t{min-height:124px!important;padding:14px 6px 12px!important;gap:5px!important;justify-content:center!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles>.eg-t svg{width:30px!important;height:30px!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles>.eg-t>b{font-size:14px!important;line-height:1.2!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles>.eg-t>small{font-size:12px!important;line-height:1.25!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles>.eg-t .eg-st{font-size:11px!important;padding:4px 11px!important;margin-top:2px}
/* small phones: two columns so the words fit and each tile is a big target */
@media (max-width:374px){
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg{padding-left:10px!important;padding-right:10px!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles>.eg-t{min-height:118px!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles>.eg-t>b{font-size:15px!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles>.eg-t>small{font-size:12.5px!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles>.eg-t:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 4px)}
}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci #eg .eg-tiles>.eg-t>small{display:block!important}
/* season prizes: the three prize pills wrap instead of spilling out of the box on small phones */
@media (max-width:374px){
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci .hwlb-card .hwlb-pz{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px!important}
html.chp body:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8):not(#r9) #ci .hwlb-card .hwlb-pz>:is(.lbl,.hwlb-4){flex:0 0 100%!important;text-align:center}
}