/* CricScroll v2 additions: levels, timer, paywall, ad slots, rabbit holes */
.score .lv{font-weight:800;color:#ffd84a}
.tmr{font-size:12px;font-weight:800;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.18);padding:5px 9px;border-radius:99px;backdrop-filter:blur(6px);white-space:nowrap;font-variant-numeric:tabular-nums}
.tmr.low{background:#c0262a;border-color:#ff8a8a;animation:pulse 1s infinite}
@keyframes pulse{50%{transform:scale(1.06)}}
.adbtn.on{background:#ffd84a;color:#1a1206;border-color:#ffd84a}
.brand{font-size:16px}
body:not(.show-proto) .proto{display:none !important}
.hud{flex-wrap:nowrap}
.score,.tmr,.hbtn{flex:none}
.tbar{width:100%;height:6px;border-radius:99px;background:rgba(127,127,127,.25);overflow:hidden;flex:none}
.tbar i{display:block;height:100%;width:100%;background:var(--acc);transition:width .2s linear}
.tbar.low i{background:#e0453a}.tbar.stop{opacity:.35}
.clue.q p{text-transform:none;font-size:16px;line-height:1.35}
.t-trivia .clue{background:#fff;color:#17202a;border:0;border-radius:16px}.t-trivia .clue p{color:#17202a}
.lvbig{display:flex;flex-direction:column;align-items:center;line-height:1}
.lvbig small{font-size:13px;font-weight:800;letter-spacing:3px;color:var(--acc)}
.lvbig b{font-size:96px;font-weight:800;letter-spacing:-3px}
.lvbig.done b{font-size:48px;letter-spacing:1px}
.challenge{width:min(100%,300px);display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px}
.challenge .small{max-width:280px;line-height:1.35}
.challenge .sharestatus{width:100%;white-space:normal;line-height:1.25;padding:10px 14px}
.challengemore{display:flex;gap:16px;align-items:center}
.lvend .challenge .linkbtn{color:#ffd84a}
.lvhead .logo{font-size:40px}
.levelbar{width:220px;height:6px;border-radius:99px;background:rgba(255,255,255,.15);overflow:hidden}
.levelbar i{display:block;height:100%;background:var(--acc)}
.small{font-size:12.5px;opacity:.75;margin:0}
.tagline{margin:4px 0}
.adslot{border:1.5px dashed rgba(255,255,255,.35);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:1px;opacity:.85;padding:10px}
.adslot.banner{width:100%;max-width:340px;min-height:56px;margin-top:auto}
.adslot.big{border-color:#c9c9c9;color:#555;height:240px;background:repeating-linear-gradient(45deg,#f4f4f4 0 12px,#ececec 12px 24px)}
.linkbtn{font-size:12.5px;font-weight:700;color:#b04f0c;text-decoration:underline;padding:6px}
.adslot .linkbtn{color:#ffd84a}
.pay .sheet{gap:10px}
.perks{margin:0;padding-left:18px;font-size:13.5px;line-height:1.6}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.plan{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 6px 10px;border-radius:14px;border:2px solid #e3e3e3;background:#fafafa;color:#17202a}
.plan.sel{border-color:#f08a2a;background:#fff4ea}
.plan .pl{font-size:12px;font-weight:700;opacity:.7}.plan .pp b{font-size:24px;font-weight:800}.plan .pp small{font-size:11px;opacity:.7}
.plan .pn{font-size:10.5px;opacity:.75;text-align:center;line-height:1.2}
.plan .best{position:absolute;top:-9px;font-size:9px;font-weight:800;letter-spacing:.8px;background:#f08a2a;color:#fff;border-radius:99px;padding:2px 7px}
.demo{font-size:11.5px!important;background:#fff6d6;border:1px solid #f1d27a;border-radius:10px;padding:8px 10px;color:#5a4300}
.owned{font-weight:700;color:#2f7a40}
/* rabbit hole entry card: soft glow */
.rhentry{--bg:radial-gradient(120% 80% at 50% 35%,#5b4a8a,#241c44 60%,#0d0a1c)}
.rhentry .inner{justify-content:center;text-align:center}
.rhentry .glow{position:absolute!important;inset:12% 6%;border-radius:40px;background:radial-gradient(closest-side,rgba(255,226,168,.35),transparent);filter:blur(10px);animation:breathe 4s ease-in-out infinite;z-index:0!important}
.rhentry .pill{background:#ffe2a8}
@keyframes breathe{50%{transform:scale(1.08);opacity:.6}}
.mult{position:absolute!important;top:calc(env(safe-area-inset-top) + 60px);right:14px;font-weight:800;font-size:13px;padding:4px 9px;border-radius:99px;background:var(--acc);color:#fff;letter-spacing:.5px;box-shadow:0 0 18px var(--acc)}
/* In the column, not the corner badge. top/right stay auto even when the site wrapper offsets .mult. */
.mult.big{position:relative!important;top:auto!important;right:auto!important;font-size:34px;padding:8px 22px;animation:breathe 4s ease-in-out infinite;z-index:auto}
.again.soft{background:#ffe2a8;color:#2b2338}
/* rabbit hole layer: calm zoom/dim */
.rhlayer{position:fixed;inset:0;z-index:30;background:var(--bg,#223);opacity:0;transform:scale(1.06);transition:opacity .9s ease,transform 1.2s ease}
.rhlayer.show{opacity:1;transform:none}
body.in-rh #feed{filter:blur(6px) brightness(.6);transition:filter .9s}
#feed{transition:filter .9s}
.rhclose{position:fixed;z-index:35;left:12px;top:calc(env(safe-area-inset-top) + 12px);font-size:12px;font-weight:700;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.55);color:#222;backdrop-filter:blur(6px)}
body.in-rh .hud{opacity:.35;pointer-events:none}
.rhlayer .card .decor{opacity:.6}
.rhlayer .reveal{background:rgba(255,255,255,.92);color:#222;transition-duration:.9s}
.rhlayer .shake{animation:none}
.rhintro .inner,.rhout .inner{justify-content:center;text-align:center}
.rhintro,.rhout{background:transparent}
.tally{display:flex;align-items:center;gap:16px;margin:14px 0}
.tally div{display:flex;flex-direction:column;align-items:center}.tally small{font-size:11px;letter-spacing:2px;opacity:.7}.tally b{font-size:40px;font-weight:800}
.tally .x{font-size:22px;font-weight:800;opacity:.8}.tally .acc{color:var(--acc)}
.rhcard .actions .give{opacity:.5}