/* =====================================================================
   Wiki Cards — BOOST (récompenses & progression) — voir folio-boost.js
   ===================================================================== */

/* ---------------------------------------------------------------- HUD (barre du haut) */
.wcb-hud{display:inline-flex; align-items:center; gap:8px; margin-right:auto;}
.fp-topbar{justify-content:space-between !important;}
.wcb-chip{
  position:relative; display:inline-flex; align-items:center; gap:7px; padding:6px 12px; border-radius:100px; cursor:pointer;
  font:700 0.8rem 'Chakra Petch', sans-serif; letter-spacing:0.04em; color:var(--text, #eee);
  background:linear-gradient(180deg, rgba(30,26,16,0.95), rgba(14,13,10,0.95)); border:1px solid rgba(245,214,124,0.4);
  box-shadow:0 0 0 3px rgba(0,0,0,0.4), 0 8px 20px -10px rgba(245,214,124,0.5); transition:transform .15s, border-color .15s;
}
.wcb-chip:hover{transform:translateY(-2px); border-color:#f5d67c;}
.wcb-chip svg{width:16px; height:16px;}
.wcb-streak .wcb-flame{color:#8b8b86; display:inline-flex;}
.wcb-streak.hot .wcb-flame{color:#ff8a3d; filter:drop-shadow(0 0 6px rgba(255,138,61,0.8)); animation:wcb-flicker 1.6s ease-in-out infinite;}
@keyframes wcb-flicker{0%,100%{transform:scale(1) rotate(-2deg);} 50%{transform:scale(1.12) rotate(3deg);}}
.wcb-lvl{padding-right:14px;}
.wcb-lvl-n{white-space:nowrap; color:#f5d67c;}
.wcb-lvl-bar{position:relative; width:70px; height:7px; border-radius:100px; background:rgba(0,0,0,0.55); box-shadow:inset 0 1px 2px rgba(0,0,0,0.8); overflow:hidden;}
.wcb-lvl-bar i{position:absolute; inset:0 auto 0 0; border-radius:inherit; background:linear-gradient(90deg, #c9922e, #f5d67c, #fff3c4); box-shadow:0 0 8px rgba(245,214,124,0.7); transition:width .9s cubic-bezier(.2,.8,.2,1);}
.wcb-lvl-bar i::after{content:''; position:absolute; inset:0; background:linear-gradient(90deg, transparent, rgba(255,255,255,0.7), transparent); background-size:40% 100%; background-repeat:no-repeat; animation:wcb-shine 2.8s ease-in-out infinite;}
@keyframes wcb-shine{from{background-position:-60% 0;} to{background-position:160% 0;}}
.wcb-quest{color:#f5d67c;}
.wcb-quest .wcb-q-lbl{color:var(--text, #eee);}
.wcb-quest.ready{border-color:#f5d67c; animation:wcb-ready 2s ease-in-out infinite;}
@keyframes wcb-ready{50%{box-shadow:0 0 0 3px rgba(0,0,0,0.4), 0 0 22px rgba(245,214,124,0.75);}}
.wcb-dot{position:absolute; top:-6px; right:-6px; min-width:19px; height:19px; padding:0 5px; border-radius:100px; display:flex; align-items:center; justify-content:center;
  font:800 0.66rem 'Space Grotesk', sans-serif; font-style:normal; color:#fff; background:var(--danger, #e0665c); box-shadow:0 0 0 2px #0b0d12;}
.wcb-dot[hidden]{display:none;}
.wcb-bump{animation:wcb-bump .5s cubic-bezier(.2,.9,.3,1.4);}
@keyframes wcb-bump{35%{transform:scale(1.15);} 70%{transform:scale(0.96);}}

/* ---------------------------------------------------------------- panneau */
.wcb-shade{position:fixed; inset:0; z-index:640; background:rgba(5,6,10,0.55); backdrop-filter:blur(3px); opacity:0; pointer-events:none; transition:opacity .25s;}
.wcb-shade.open{opacity:1; pointer-events:auto;}
.wcb-panel{
  position:fixed; top:0; right:0; bottom:0; z-index:650; width:min(400px, 100vw); overflow-y:auto; padding:20px 18px 30px;
  background:radial-gradient(90% 40% at 100% 0%, rgba(245,214,124,0.14), transparent 60%), linear-gradient(180deg, #161a24, #0c0e14);
  border-left:1px solid rgba(245,214,124,0.3); box-shadow:-30px 0 60px -20px rgba(0,0,0,0.9);
  transform:translateX(105%); transition:transform .35s cubic-bezier(.2,.9,.3,1); color:var(--text, #eee);
}
.wcb-panel.open{transform:none;}
.wcb-p-head{display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:14px;}
.wcb-p-head small{font:600 0.66rem 'Chakra Petch', sans-serif; letter-spacing:0.22em; text-transform:uppercase; color:#f5d67c;}
.wcb-p-head h2{margin:4px 0 0; font:700 1.35rem 'Chakra Petch', sans-serif; text-transform:uppercase; letter-spacing:0.03em;
  background:linear-gradient(180deg, #fff6d8, #f5d67c 60%, #c9922e); -webkit-background-clip:text; background-clip:text; color:transparent;}
.wcb-x{width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,0.14); background:rgba(255,255,255,0.04); color:var(--text, #eee); cursor:pointer; display:flex; align-items:center; justify-content:center;}
.wcb-x svg{width:15px; height:15px;}
.wcb-bar{height:7px; border-radius:100px; background:rgba(0,0,0,0.5); box-shadow:inset 0 1px 2px rgba(0,0,0,0.7); overflow:hidden; margin-top:6px;}
.wcb-bar i{display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg, #c9922e, #f5d67c); box-shadow:0 0 8px rgba(245,214,124,0.55); transition:width .8s cubic-bezier(.2,.8,.2,1);}
.wcb-bar.gold{height:10px;}
.wcb-bar.gold i{background:linear-gradient(90deg, #8a4fc9, #d1449e, #f5d67c);}

.wcb-p-stats{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; margin-bottom:10px;}
.wcb-p-lvl, .wcb-p-stars, .wcb-p-streak, .wcb-p-chest, .wcb-q, .wcb-p-path{border-radius:14px; background:rgba(255,255,255,0.035); border:1px solid rgba(255,255,255,0.08);}
.wcb-p-lvl{padding:12px 14px;}
.wcb-p-lvl b{display:block; font:700 1.05rem 'Chakra Petch', sans-serif; color:#f5d67c;}
.wcb-p-lvl span{font-size:0.74rem; color:var(--text-dim, #aab);}
.wcb-p-lvl small, .wcb-p-path small{display:block; margin-top:5px; font-size:0.68rem; color:var(--text-faint, #778);}
.wcb-p-stars{display:flex; flex-direction:column; align-items:center; justify-content:center; padding:10px 16px; min-width:92px;}
.wcb-star-ico{color:#f5d67c; filter:drop-shadow(0 0 8px rgba(245,214,124,0.7));}
.wcb-star-ico svg{width:22px; height:22px;}
.wcb-p-stars b{font:700 1.3rem 'Chakra Petch', sans-serif; line-height:1.1;}
.wcb-p-stars small{font-size:0.62rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--text-dim, #aab);}

.wcb-p-streak{display:flex; align-items:center; gap:12px; padding:10px 14px; margin-bottom:10px;}
.wcb-p-streak b{display:block; font:700 0.95rem 'Chakra Petch', sans-serif;}
.wcb-p-streak small{font-size:0.7rem; color:var(--text-dim, #aab);}
.wcb-flame.big{display:inline-flex; width:34px; height:34px; color:#6c6c68;}
.wcb-flame.big svg{width:100%; height:100%;}
.wcb-p-streak.hot{border-color:rgba(255,138,61,0.45); background:linear-gradient(120deg, rgba(255,138,61,0.14), transparent 70%);}
.wcb-p-streak.hot .wcb-flame.big{color:#ff8a3d; filter:drop-shadow(0 0 10px rgba(255,138,61,0.8)); animation:wcb-flicker 1.6s ease-in-out infinite;}
.wcb-week{margin-left:auto; display:flex; gap:4px;}
.wcb-week i{width:9px; height:22px; border-radius:4px; background:rgba(255,255,255,0.08);}
.wcb-week i.on{background:linear-gradient(180deg, #ffd08a, #ff8a3d);}
.wcb-week i.today{box-shadow:0 0 0 1.5px #fff3c4;}

.wcb-p-chest{display:flex; align-items:center; gap:14px; width:100%; padding:10px 14px; margin-bottom:16px; cursor:pointer; text-align:left; color:inherit; font:inherit;}
.wcb-p-chest:disabled{cursor:default; opacity:0.55;}
.wcb-p-chest b{display:block; font:700 0.95rem 'Chakra Petch', sans-serif; text-transform:uppercase; letter-spacing:0.04em;}
.wcb-p-chest small{font-size:0.74rem; color:var(--text-dim, #aab);}
.wcb-chest-ico{width:50px; height:50px; flex-shrink:0;}
.wcb-chest-ico svg{width:100%; height:100%;}
.wcb-p-chest.ready{border-color:#f5d67c; background:linear-gradient(120deg, rgba(245,214,124,0.2), rgba(245,214,124,0.03)); animation:wcb-ready 2s ease-in-out infinite;}
.wcb-p-chest.ready small{color:#f5d67c; font-weight:700;}
.wcb-p-chest.ready .wcb-chest-ico{animation:wcb-wiggle 1.8s ease-in-out infinite;}
@keyframes wcb-wiggle{0%,60%,100%{transform:none;} 68%{transform:rotate(-8deg) scale(1.06);} 76%{transform:rotate(7deg) scale(1.06);} 84%{transform:rotate(-4deg);}}

.wcb-p-sub{display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin:4px 2px 8px;}
.wcb-p-sub b{font:700 0.78rem 'Chakra Petch', sans-serif; letter-spacing:0.14em; text-transform:uppercase;}
.wcb-p-sub small{font-size:0.68rem; color:var(--text-faint, #778);}
.wcb-q{display:flex; align-items:center; gap:12px; padding:11px 12px; margin-bottom:8px; transition:border-color .2s, background .2s;}
.wcb-q-ico{width:36px; height:36px; flex-shrink:0; border-radius:11px; display:flex; align-items:center; justify-content:center; color:#f5d67c; background:rgba(245,214,124,0.12);}
.wcb-q-ico svg{width:18px; height:18px;}
.wcb-q-ico.chest{background:none;} .wcb-q-ico.chest svg{width:34px; height:34px;}
.wcb-q-txt{flex:1; min-width:0;}
.wcb-q-txt b{display:block; font-size:0.84rem; line-height:1.3;}
.wcb-q-txt small{display:block; margin-top:4px; font-size:0.68rem; color:var(--text-faint, #778);}
.wcb-q-rew{display:inline-flex; align-items:center; gap:3px; flex-shrink:0; padding:6px 10px; border-radius:10px; font:700 0.78rem 'Chakra Petch', sans-serif; color:var(--text-dim, #aab); background:rgba(0,0,0,0.3); border:1px solid rgba(255,255,255,0.08);}
.wcb-q-rew svg{width:13px; height:13px; color:#f5d67c;}
.wcb-q-rew.go{cursor:pointer; color:#1a1408; border:1px solid #ffeebf; background:linear-gradient(180deg, #ffe9a6, #f5d67c 35%, #c9922e); box-shadow:0 3px 0 #8a5d17, 0 0 18px rgba(245,214,124,0.55); animation:wcb-pulse 1.2s ease-in-out infinite;}
.wcb-q-rew.go svg{color:#1a1408;}
.wcb-q-rew.go:active{transform:translateY(2px); box-shadow:0 1px 0 #8a5d17;}
@keyframes wcb-pulse{50%{transform:scale(1.07);}}
.wcb-q-rew.done{color:#7fce9a; border-color:rgba(127,206,154,0.35);}
.wcb-q.ready{border-color:rgba(245,214,124,0.6); background:linear-gradient(120deg, rgba(245,214,124,0.16), transparent 70%);}
.wcb-q.claimed{opacity:0.6;}
.wcb-q.claimed .wcb-q-ico{color:#7fce9a; background:rgba(127,206,154,0.14);}
.wcb-q.claimed .wcb-bar i{background:#7fce9a; box-shadow:none;}
.wcb-q.bonus{margin-top:4px; border-style:dashed; border-color:rgba(245,214,124,0.35);}
.wcb-pips{display:flex; gap:5px; margin-top:6px;}
.wcb-pips i{flex:1; height:6px; border-radius:100px; background:rgba(255,255,255,0.08);}
.wcb-pips i.on{background:linear-gradient(90deg, #c9922e, #f5d67c); box-shadow:0 0 6px rgba(245,214,124,0.6);}

.wcb-p-path{padding:12px 14px; margin-top:14px;}
.wcb-p-path .wcb-p-sub{margin:0 0 4px;}
.wcb-path-num{text-align:right;}
.wcb-titles{display:flex; justify-content:space-between; gap:4px; margin-top:10px;}
.wcb-titles span{width:18px; height:18px; clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%); background:rgba(255,255,255,0.1);}
.wcb-titles span.on{background:linear-gradient(135deg, #fff3c4, #f5d67c 50%, #c9922e);}
.wcb-titles span.cur{animation:wcb-pulse 1.6s ease-in-out infinite; filter:drop-shadow(0 0 6px rgba(245,214,124,0.9));}

/* ---------------------------------------------------------------- effets */
.wcb-layer{position:fixed; inset:0; z-index:700; pointer-events:none;}
.wcb-layer > *{pointer-events:none;}
.wcb-float{position:fixed; transform:translate(-50%, -50%); white-space:nowrap; font:800 1.05rem 'Chakra Petch', sans-serif; letter-spacing:0.04em;
  color:#fff3c4; text-shadow:0 2px 0 #8a5d17, 0 0 14px rgba(245,214,124,0.9); animation:wcb-float 1.5s cubic-bezier(.2,.8,.2,1) forwards;}
.wcb-float.star{color:#fff; text-shadow:0 2px 0 #6b3fa8, 0 0 14px rgba(215,166,255,0.9);}
@keyframes wcb-float{0%{opacity:0; transform:translate(-50%, -30%) scale(.6);} 15%{opacity:1; transform:translate(-50%, -80%) scale(1.25);} 100%{opacity:0; transform:translate(-50%, -260%) scale(1);}}
.wcb-spark{position:fixed; width:7px; height:7px; margin:-3px 0 0 -3px; border-radius:50%; background:#fff3c4; box-shadow:0 0 8px #f5d67c;
  animation:wcb-spark .8s cubic-bezier(.2,.8,.3,1) forwards;}
@keyframes wcb-spark{to{transform:translate(var(--dx), var(--dy)) scale(.2); opacity:0;}}

.wcb-toast{position:fixed; left:50%; top:86px; display:flex; align-items:center; gap:10px; padding:10px 16px; border-radius:14px; white-space:nowrap; max-width:calc(100vw - 24px);
  transform:translate(-50%, -20px); opacity:0; transition:transform .35s cubic-bezier(.2,.9,.3,1.3), opacity .3s;
  background:linear-gradient(120deg, rgba(245,214,124,0.2), transparent 70%), rgba(14,16,22,0.97); border:1px solid rgba(245,214,124,0.55);
  box-shadow:0 16px 36px -12px rgba(0,0,0,0.9); font:600 0.86rem 'Chakra Petch', sans-serif; color:var(--text, #eee);}
.wcb-toast.in{transform:translate(-50%, 0); opacity:1;}
.wcb-toast span{color:#f5d67c; display:inline-flex;} .wcb-toast svg{width:18px; height:18px;}
.wcb-toast b{overflow:hidden; text-overflow:ellipsis;}

.wcb-banner{position:fixed; right:18px; top:78px; display:flex; align-items:center; gap:12px; padding:12px 14px 12px 12px; border-radius:16px; cursor:pointer; pointer-events:auto !important;
  width:min(360px, calc(100vw - 28px)); text-align:left; color:var(--text, #eee); font:inherit;
  background:linear-gradient(120deg, rgba(245,214,124,0.24), rgba(245,214,124,0.04) 70%), rgba(14,16,22,0.97); border:1px solid #f5d67c;
  box-shadow:0 20px 40px -14px rgba(0,0,0,0.9), 0 0 30px -6px rgba(245,214,124,0.6);
  transform:translateX(120%) rotate(4deg); transition:transform .45s cubic-bezier(.2,.9,.3,1.3);}
.wcb-banner.in{transform:none;}
.wcb-banner-ico{width:42px; height:42px; flex-shrink:0; border-radius:12px; display:flex; align-items:center; justify-content:center; color:#1a1408;
  background:linear-gradient(135deg, #fff0bd, #f5d67c 45%, #c9922e); animation:wcb-bump .6s .3s both;}
.wcb-banner-ico svg{width:22px; height:22px;}
.wcb-banner small{display:block; font:700 0.64rem 'Chakra Petch', sans-serif; letter-spacing:0.16em; text-transform:uppercase; color:#f5d67c;}
.wcb-banner b{display:block; font-size:0.86rem; line-height:1.3;}
.wcb-banner em{margin-left:auto; display:inline-flex; align-items:center; gap:3px; font:800 0.9rem 'Chakra Petch', sans-serif; font-style:normal; color:#f5d67c;}
.wcb-banner em svg{width:14px; height:14px;}

.wcb-combo{position:fixed; left:50%; top:42%; transform:translate(-50%, -50%); text-align:center; animation:wcb-combo 1.6s cubic-bezier(.2,.9,.3,1.2) forwards;}
.wcb-combo b{display:block; font:800 4rem 'Chakra Petch', sans-serif; line-height:1; color:#fff3c4; text-shadow:0 4px 0 #8a5d17, 0 0 30px rgba(245,214,124,0.9);}
.wcb-combo span{display:block; margin-top:4px; font:700 0.9rem 'Chakra Petch', sans-serif; letter-spacing:0.08em; text-transform:uppercase; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,0.9);}
.wcb-combo.big b{font-size:5rem; color:#ffd08a; text-shadow:0 4px 0 #a14f15, 0 0 40px rgba(255,138,61,0.9);}
.wcb-combo.mega b{font-size:6rem; color:#fff; text-shadow:0 4px 0 #6b3fa8, 0 0 50px rgba(215,166,255,1);}
@keyframes wcb-combo{0%{opacity:0; transform:translate(-50%, -50%) scale(.3) rotate(-12deg);} 20%{opacity:1; transform:translate(-50%, -50%) scale(1.15) rotate(3deg);} 35%{transform:translate(-50%, -50%) scale(1) rotate(0);} 80%{opacity:1;} 100%{opacity:0; transform:translate(-50%, -80%) scale(.95);}}

.wcb-conf{position:fixed; top:-16px; width:9px; height:14px; border-radius:2px; animation:wcb-fall linear forwards;}
@keyframes wcb-fall{to{transform:translateY(110vh) rotate(var(--r)); opacity:0.9;}}

/* célébrations plein écran (niveau, titre, série, jalon) */
.wcb-cele, .wcb-chest-ov{position:fixed; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:auto !important; cursor:pointer;
  background:rgba(5,6,10,0.72); backdrop-filter:blur(4px); opacity:0; transition:opacity .3s;}
.wcb-cele.in, .wcb-chest-ov.in{opacity:1;}
.wcb-cele-rays{position:absolute; left:50%; top:50%; width:900px; height:900px; margin:-450px 0 0 -450px;
  background:repeating-conic-gradient(from 0deg, rgba(245,214,124,0.18) 0deg 7deg, transparent 7deg 20deg);
  -webkit-mask-image:radial-gradient(circle, #000 10%, transparent 60%); mask-image:radial-gradient(circle, #000 10%, transparent 60%);
  animation:wcb-rays 18s linear infinite;}
@keyframes wcb-rays{to{transform:rotate(360deg);}}
.wcb-cele-box{position:relative; text-align:center; padding:20px; transform:scale(.6); transition:transform .5s cubic-bezier(.2,.9,.3,1.5);}
.wcb-cele.in .wcb-cele-box{transform:none;}
.wcb-cele-big{font:800 clamp(2.4rem, 8vw, 4.6rem) 'Chakra Petch', sans-serif; line-height:1; letter-spacing:0.04em; text-transform:uppercase;
  background:linear-gradient(180deg, #fffbe8 10%, #f5d67c 55%, #c9922e); -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 4px 0 #6b4a0e) drop-shadow(0 0 30px rgba(245,214,124,0.6));}
.wcb-cele-sub{margin:12px 0 22px; font:600 1.1rem 'Chakra Petch', sans-serif; letter-spacing:0.06em; color:#fff;}
.wcb-cele.title .wcb-cele-big{background:linear-gradient(180deg, #fff, #e8c8ff 55%, #8a4fc9); -webkit-background-clip:text; background-clip:text;}
.wcb-cele.streak .wcb-cele-rays{background:repeating-conic-gradient(from 0deg, rgba(255,138,61,0.2) 0deg 7deg, transparent 7deg 20deg);}

/* coffre */
.wcb-chest-box{position:relative; display:flex; flex-direction:column; align-items:center; gap:14px;}
.wcb-chest-big{position:relative; width:170px; height:170px; animation:wcb-shake .9s ease-in-out infinite; filter:drop-shadow(0 20px 30px rgba(0,0,0,0.7));}
.wcb-chest-big svg{width:100%; height:100%; overflow:visible;}
.wcb-chest-big .wcb-lid{transform-origin:10px 30px; transition:transform .45s cubic-bezier(.2,.9,.3,1.4);}
@keyframes wcb-shake{0%,100%{transform:rotate(0);} 20%{transform:rotate(-6deg) scale(1.03);} 40%{transform:rotate(5deg) scale(1.05);} 60%{transform:rotate(-4deg) scale(1.06);} 80%{transform:rotate(3deg) scale(1.07);}}
.wcb-chest-ov.opened .wcb-chest-big{animation:none; transform:scale(1.08);}
.wcb-chest-ov.opened .wcb-lid{transform:rotate(-38deg) translateY(-6px);}
.wcb-chest-ov.opened .wcb-chest-big::before{content:''; position:absolute; left:50%; top:42%; width:260px; height:260px; margin:-130px 0 0 -130px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,243,196,0.95), rgba(245,214,124,0.4) 35%, transparent 65%); animation:wcb-glow .7s ease-out both; z-index:-1;}
@keyframes wcb-glow{from{transform:scale(0); opacity:1;} to{transform:scale(1); opacity:.9;}}
.wcb-chest-res{text-align:center; opacity:0; transform:translateY(12px) scale(.8); transition:all .45s .15s cubic-bezier(.2,.9,.3,1.4);}
.wcb-chest-ov.opened .wcb-chest-res{opacity:1; transform:none;}
.wcb-chest-res small{display:block; font:600 0.8rem 'Chakra Petch', sans-serif; letter-spacing:0.14em; text-transform:uppercase; color:var(--text-dim, #aab);}
.wcb-chest-res b{display:block; font:800 3rem 'Chakra Petch', sans-serif; color:#fff3c4; text-shadow:0 3px 0 #8a5d17, 0 0 24px rgba(245,214,124,0.9);}
.wcb-chest-res span{display:inline-block; margin-top:4px; padding:3px 12px; border-radius:100px; font:800 0.72rem 'Chakra Petch', sans-serif; letter-spacing:0.16em; color:#1a1408; background:#c9c9c2;}
.wcb-chest-ov.t1 .wcb-chest-res span{background:#8fbdf5;}
.wcb-chest-ov.t2 .wcb-chest-res span{background:#b98cf0; color:#fff;}
.wcb-chest-ov.t3 .wcb-chest-res span{background:linear-gradient(120deg, #fff0bd, #f5d67c, #c9922e);}
.wcb-chest-ov.t2 .wcb-cele-rays{background:repeating-conic-gradient(from 0deg, rgba(185,140,240,0.25) 0deg 7deg, transparent 7deg 20deg);}
.wcb-chest-ov.t3 .wcb-cele-rays{background:repeating-conic-gradient(from 0deg, rgba(245,214,124,0.35) 0deg 7deg, transparent 7deg 20deg); animation-duration:8s;}

/* ---------------------------------------------------------------- mobile */
@media (max-width:760px){
  .wcb-hud{gap:5px;}
  .wcb-chip{padding:4px 8px; font-size:0.7rem; gap:5px;}
  .wcb-chip svg{width:14px; height:14px;}
  .wcb-lvl-bar{width:38px;}
  .wcb-quest .wcb-q-lbl{display:none;}
  .wcb-banner{right:10px; top:auto; bottom:14px;}
  .wcb-toast{top:64px; font-size:0.76rem;}
  .wcb-combo b{font-size:3rem;} .wcb-combo.big b{font-size:3.6rem;} .wcb-combo.mega b{font-size:4.2rem;}
  .wcb-chest-big{width:130px; height:130px;}
}
@media (prefers-reduced-motion: reduce){
  .wcb-streak.hot .wcb-flame, .wcb-lvl-bar i::after, .wcb-quest.ready, .wcb-p-chest.ready, .wcb-p-chest.ready .wcb-chest-ico,
  .wcb-q-rew.go, .wcb-titles span.cur, .wcb-cele-rays, .wcb-chest-big, .wcb-p-streak.hot .wcb-flame.big{animation:none !important;}
}