/* UI juice (src/juice-ui.js): press/release, screen curtain, sheet spring, results thud, home idle life, shop polish,
   celebration overlay. Transform / opacity animations only. Loaded after style.css (index.html). All classes .jz-*. */

/* ---------- buttons: one press language (scale .95 + shadow drop), release bounce is a WAAPI animation ---------- */
.big-btn, .tile-btn, .mini, .round-btn, .meta-pill-btn, .shop-buy, .shop-fab, .ward-item, .pick, .meta-node, .meta-gadget, .meta-thief, .meta-plus, .meta-feed { transition: transform .09s ease-out, box-shadow .09s ease-out, filter .09s; }
.big-btn.jz-press, .big-btn:active { transform: translateY(3px) scale(.95); box-shadow: 0 2px 0 #b86a0a, 0 4px 8px rgba(0,0,0,.35), inset 0 2px 0 rgba(255,255,255,.6); }
.big-btn.ghost.jz-press, .big-btn.ghost:active { box-shadow: 0 2px 0 #2a1f52, 0 4px 8px rgba(0,0,0,.35); }
.big-btn.raid.jz-press, .big-btn.raid:active { box-shadow: 0 2px 0 #8a1024, 0 4px 8px rgba(0,0,0,.35), inset 0 2px 0 rgba(255,255,255,.35); }
.tile-btn.jz-press, .meta-pill-btn.jz-press { transform: translateY(3px) scale(.95); box-shadow: 0 1px 0 #1f1740; }
.mini.jz-press, .round-btn.jz-press, .meta-plus.jz-press, .shop-buy.jz-press, .meta-feed.jz-press { transform: translateY(2px) scale(.94); box-shadow: 0 1px 0 rgba(0,0,0,.35); filter: brightness(1.06); }
.shop-fab.jz-press { transform: translateY(3px) scale(.94); box-shadow: 0 2px 0 #b86a0a; }
.ward-item.jz-press, .pick.jz-press, .meta-gadget.jz-press, .meta-thief.jz-press, .meta-node.jz-press, .pet-card.more.jz-press { transform: scale(.95); filter: brightness(1.1); }
.shop-tabs button.jz-press, .seg button.jz-press, .lang-sw.jz-press { transform: scale(.93); }
#btn-play.jz-press { animation: none; }

/* ---------- screen curtain (reveal after a swap) ---------- */
#jz-curtain { position: absolute; inset: 0; z-index: 60; pointer-events: none; display: none; overflow: hidden; }
#jz-curtain.jz-home, #jz-curtain.jz-builder { display: block; background: radial-gradient(ellipse at 50% 55%, #2c2250 0, #1b1430 70%); }
#jz-curtain.jz-raid { display: block; }
#jz-curtain i { position: absolute; top: -10%; bottom: -10%; left: -60%; width: 220%; display: none;
  background: linear-gradient(90deg, #1b1430 0, #1b1430 70%, #ffc93c 70%, #ffc93c 71.5%, #1b1430 71.5%, #1b1430 73.5%, rgba(27,20,48,0) 73.5%); will-change: transform; }
#jz-curtain.jz-raid i { display: block; transform: translateX(12%) skewX(-8deg); }

/* ---------- sheets: spring up, ghost slides down on close ---------- */
.sheet { animation: jzFade .18s ease-out; }
.sheet-card { animation: jzSheetIn .46s cubic-bezier(.2,.9,.3,1) both; }
@keyframes jzFade { from { opacity: 0; } }
@keyframes jzSheetIn { 0% { transform: translateY(100%); } 58% { transform: translateY(-2.5%); } 78% { transform: translateY(.8%); } 100% { transform: none; } }
@media (min-width: 700px) and (min-height: 560px) {
  .sheet-card { animation-name: jzModalIn; animation-duration: .38s; }
  @keyframes jzModalIn { 0% { transform: translateY(40px) scale(.9); opacity: 0; } 60% { transform: translateY(-4px) scale(1.015); opacity: 1; } 100% { transform: none; } }
}
.jz-sheet-ghost { pointer-events: none !important; animation: none !important; z-index: 29; }
.jz-sheet-ghost .sheet-card { animation: none !important; }

/* ---------- results: stars thud, reward pills, shine ---------- */
#results:not(.hidden) { animation: jzFade .22s ease-out; }
.star.on::after { animation: jzStarIn .5s cubic-bezier(.3,.6,.4,1) forwards; }
@keyframes jzStarIn {
  0% { transform: scale(2.6) rotate(-35deg); opacity: 0; }
  45% { transform: scale(.74, .7) rotate(0); opacity: 1; }
  65% { transform: scale(.98, 1.02); }
  82% { transform: scale(.83); }
  100% { transform: scale(.86); }
}
.jz-star-ring { position: absolute; left: 50%; top: 52%; width: 100%; height: 100%; margin: -50% 0 0 -50%; border-radius: 50%; pointer-events: none;
  border: 3px solid rgba(255, 220, 110, .9); animation: jzRing .5s ease-out forwards; }
@keyframes jzRing { from { transform: scale(.4); opacity: 1; } to { transform: scale(1.7); opacity: 0; } }
.rw-pill.jz-in { animation: jzPillIn .48s cubic-bezier(.2,1.6,.4,1) both; }
@keyframes jzPillIn { 0% { transform: scale(.3) translateY(8px); opacity: 0; } 60% { transform: scale(1.12); opacity: 1; } 100% { transform: none; opacity: 1; } }
.rw-pill b.jz-n { font-weight: 900; font-variant-numeric: tabular-nums; }
.rw-pill.bounty, .rw-pill.pet { position: relative; overflow: hidden; isolation: isolate; }
.rw-pill.bounty::after, .rw-pill.pet::after { content: ""; position: absolute; top: -20%; bottom: -20%; left: 0; width: 38%; z-index: 1; pointer-events: none;
  background: linear-gradient(100deg, rgba(255,255,255,0), rgba(255,255,255,.55) 50%, rgba(255,255,255,0)); transform: translateX(-120%) skewX(-18deg);
  animation: jzShine 2.6s ease-in-out .9s infinite; }
@keyframes jzShine { 0% { transform: translateX(-120%) skewX(-18deg); } 38%, 100% { transform: translateX(330%) skewX(-18deg); } }
.res-list li { animation: jzTileIn .4s cubic-bezier(.2,1.4,.4,1) both; }
.res-list li:nth-child(1) { animation-delay: .35s; } .res-list li:nth-child(2) { animation-delay: .65s; } .res-list li:nth-child(3) { animation-delay: .95s; }
@keyframes jzTileIn { from { transform: translateY(10px) scale(.85); opacity: 0; } to { transform: none; opacity: 1; } }

/* ---------- generic tick / glint ---------- */
.pill.jz-glint, .rw-pill.jz-glint, #hud-pet.jz-glint { position: relative; overflow: hidden; }
.pill.jz-glint::after, #hud-pet.jz-glint::after { content: ""; position: absolute; inset: -20% auto -20% 0; width: 45%; pointer-events: none;
  background: linear-gradient(100deg, rgba(255,255,255,0), rgba(255,255,255,.6) 50%, rgba(255,255,255,0)); animation: jzGlint .6s ease-out forwards; }
@keyframes jzGlint { from { transform: translateX(-120%) skewX(-18deg); } to { transform: translateX(300%) skewX(-18deg); } }

/* ---------- DOM particles ---------- */
.jz-p { position: absolute; pointer-events: none; display: block; z-index: 3; will-change: transform, opacity; background: currentColor; }
.jz-p-dot { border-radius: 50%; }
.jz-p-spark { clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); }
.jz-p-coin { border-radius: 50%; background: radial-gradient(circle at 40% 35%, #fff3b0 0 18%, #ffc93c 19% 62%, #e59b12 63%); }
.jz-p-heart, .jz-p-paw { -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; }
.jz-p-heart { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5.2-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 5.8-8 11-8 11z'/%3E%3C/svg%3E"); }
.jz-p-paw { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='16' rx='5.5' ry='4.5'/%3E%3Ccircle cx='5' cy='10' r='2.4'/%3E%3Ccircle cx='9' cy='5.5' r='2.4'/%3E%3Ccircle cx='15' cy='5.5' r='2.4'/%3E%3Ccircle cx='19' cy='10' r='2.4'/%3E%3C/svg%3E"); }


/* ---------- Home: idle life ---------- */
#home .meta-ring-img img, #home #h-avatar { animation: jzBreathe 3.2s ease-in-out infinite; transform-origin: 50% 90%; }
@keyframes jzBreathe { 0%, 100% { transform: scale(1, 1); } 50% { transform: scale(1.035, 1.06) translateY(-1px); } }
#home .home-top .pill { transform-origin: 50% 60%; }
#home .home-top .pill b { font-variant-numeric: tabular-nums; }
.big-btn.raid { position: relative; overflow: hidden; isolation: isolate; }
.big-btn.raid > * { position: relative; z-index: 1; }
.big-btn.raid::after { content: ""; position: absolute; top: -30%; bottom: -30%; left: 0; width: 40%; z-index: 0; pointer-events: none;
  background: linear-gradient(100deg, rgba(255,255,255,0), rgba(255,255,255,.6) 50%, rgba(255,255,255,0));
  transform: translateX(-150%) skewX(-20deg); animation: jzRaidShine 4.2s ease-in-out 1.2s infinite; }
@keyframes jzRaidShine { 0% { transform: translateX(-150%) skewX(-20deg); } 22%, 100% { transform: translateX(420%) skewX(-20deg); } }
.big-btn.raid.loading::after { animation: none; }
.meta-dot, .shop-dot, #home .badge:not(.hidden) { overflow: visible; }
.meta-dot::after, .shop-dot::after, #home .badge::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  box-shadow: 0 0 0 2px #ff3b4f; animation: jzDotRing 1.4s ease-out infinite; }
@keyframes jzDotRing { from { transform: scale(1); opacity: .9; } to { transform: scale(2.1); opacity: 0; } }
.shop-fab-ico { animation: jzWiggle 5s ease-in-out 2s infinite; display: block; }
@keyframes jzWiggle { 0%, 88%, 100% { transform: none; } 91% { transform: rotate(-12deg) scale(1.12); } 94% { transform: rotate(10deg) scale(1.12); } 97% { transform: rotate(-4deg); } }

/* ---------- shop: tilt, price shine, owned badge ---------- */
.shop-card, .ward-item, .shop-pass, .shop-starter, .shop-theme { transform: perspective(600px) rotateX(var(--jz-rx, 0deg)) rotateY(var(--jz-ry, 0deg));
  transition: transform .25s cubic-bezier(.2,.9,.3,1), box-shadow .2s; }
.jz-tilt { transition-duration: .08s; }
.shop-card.jz-tilt, .ward-item.jz-tilt { box-shadow: 0 8px 18px rgba(0,0,0,.35); }
.shop-buy { position: relative; overflow: hidden; isolation: isolate; }
.shop-buy::after { content: ""; position: absolute; top: -40%; bottom: -40%; left: 0; width: 40%; pointer-events: none;
  background: linear-gradient(100deg, rgba(255,255,255,0), rgba(255,255,255,.5) 50%, rgba(255,255,255,0));
  transform: translateX(-160%) skewX(-20deg); animation: jzBuyShine 3.6s ease-in-out infinite; }
.shop-card:nth-child(2) .shop-buy::after { animation-delay: .5s; } .shop-card:nth-child(3) .shop-buy::after { animation-delay: 1s; }
.shop-starter .shop-buy::after { animation-delay: 1.4s; } .shop-theme .shop-buy::after { animation-delay: 1.9s; }
.shop-buy.gold::after { animation-duration: 2.6s; background: linear-gradient(100deg, rgba(255,255,255,0), rgba(255,255,255,.75) 50%, rgba(255,255,255,0)); }
.shop-buy[disabled]::after { animation: none; display: none; }
@keyframes jzBuyShine { 0% { transform: translateX(-160%) skewX(-20deg); } 30%, 100% { transform: translateX(360%) skewX(-20deg); } }
.shop-card, .ward-item { position: relative; }
.shop-card.owned::before, .ward-item.on::before { content: ""; position: absolute; top: 5px; right: 5px; width: 24px; height: 24px; border-radius: 50%; z-index: 2;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231ea865' d='M9 16.2l-4.2-4.2-1.8 1.8 6 6 12-12-1.8-1.8z'/%3E%3C/svg%3E") center/16px no-repeat;
  box-shadow: 0 2px 0 rgba(0,0,0,.3), 0 0 0 2px #1fae6a; }
.shop-card.owned.jz-new::before, .ward-item.on.jz-new::before { animation: jzCheckPop .55s cubic-bezier(.2,1.8,.4,1) .15s both; }
.shop-owned.jz-new svg { animation: jzCheckPop .55s cubic-bezier(.2,1.8,.4,1) .1s both; }
@keyframes jzCheckPop { 0% { transform: scale(0) rotate(-90deg); } 70% { transform: scale(1.3) rotate(8deg); } 100% { transform: none; } }
.ward-item.on.jz-new .shop-thumb img { animation: jzItemHop .6s cubic-bezier(.3,1.6,.5,1); }
@keyframes jzItemHop { 0% { transform: none; } 30% { transform: translateY(-10px) scale(1.12, .92); } 55% { transform: translateY(0) scale(.94, 1.06); } 100% { transform: none; } }
.shop-pass.active { overflow: hidden; }
.shop-pass.active::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit;
  background: linear-gradient(110deg, rgba(255,230,140,0) 30%, rgba(255,236,160,.35) 50%, rgba(255,230,140,0) 70%); background-size: 250% 100%;
  animation: jzGoldShim 3.2s linear infinite; }
@keyframes jzGoldShim { from { background-position: 120% 0; } to { background-position: -130% 0; } }

/* ---------- celebration overlay ---------- */
.jz-cel { position: absolute; inset: 0; z-index: 45; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 16px;
  text-align: center; overflow: hidden; background: radial-gradient(ellipse at 50% 40%, rgba(70, 50, 140, .97), rgba(12, 8, 26, .99) 70%); animation: jzFade .2s ease-out; }
.jz-cel-pass { background: radial-gradient(ellipse at 50% 40%, rgba(150, 100, 20, .97), rgba(30, 16, 8, .99) 70%); }
.jz-cel-theme { background: radial-gradient(ellipse at 50% 40%, rgba(130, 40, 140, .97), rgba(12, 8, 26, .99) 70%); }
.jz-cel-flash { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 40%, #fff 0, rgba(255,255,255,.6) 20%, rgba(255,255,255,0) 60%);
  animation: jzFlash .5s ease-out .1s both; }
@keyframes jzFlash { 0% { opacity: 0; } 20% { opacity: .85; } 100% { opacity: 0; } }
.jz-cel-stage { position: relative; width: 220px; height: 220px; flex: none; display: grid; place-items: center; }
.jz-cel-rays { position: absolute; left: 50%; top: 50%; width: 560px; height: 560px; margin: -280px 0 0 -280px; pointer-events: none; border-radius: 50%;
  background: repeating-conic-gradient(from 0deg, rgba(255, 236, 170, .38) 0 9deg, rgba(255, 236, 170, 0) 9deg 22.5deg);
  -webkit-mask: radial-gradient(circle, #000 0, #000 18%, transparent 68%); mask: radial-gradient(circle, #000 0, #000 18%, transparent 68%);
  animation: jzRaysIn .55s cubic-bezier(.2,1.4,.4,1) .08s both, jzSpin 14s linear infinite; }
.jz-cel-pass .jz-cel-rays { background: repeating-conic-gradient(from 0deg, rgba(255, 210, 80, .55) 0 8deg, rgba(255, 210, 80, 0) 8deg 20deg); }
.jz-cel-theme .jz-cel-rays { background: repeating-conic-gradient(from 0deg, rgba(255, 140, 240, .35) 0 9deg, rgba(120, 230, 255, .25) 9deg 13deg, rgba(0,0,0,0) 13deg 22.5deg); }
@keyframes jzRaysIn { from { opacity: 0; scale: .2; } to { opacity: 1; scale: 1; } }
@keyframes jzSpin { to { transform: rotate(360deg); } }
.jz-cel-glow { position: absolute; inset: 10px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(255, 240, 190, .75) 0, rgba(255, 200, 90, .35) 40%, rgba(255, 200, 90, 0) 70%); animation: jzGlow 2.2s ease-in-out infinite alternate; }
.jz-cel-theme .jz-cel-glow { background: radial-gradient(circle, rgba(255, 170, 250, .7) 0, rgba(140, 90, 255, .35) 40%, rgba(140, 90, 255, 0) 70%); }
@keyframes jzGlow { from { opacity: .75; transform: scale(.94); } to { opacity: 1; transform: scale(1.06); } }
.jz-cel-ring { position: absolute; inset: 30px; border-radius: 50%; border: 5px solid rgba(255, 240, 190, .9); pointer-events: none; animation: jzRingBig .7s ease-out .14s both; }
@keyframes jzRingBig { from { transform: scale(.3); opacity: 1; } to { transform: scale(2); opacity: 0; } }
.jz-cel-item { position: relative; width: 168px; height: 168px; border-radius: 50%; display: grid; place-items: center; overflow: hidden;
  background: radial-gradient(circle at 50% 38%, rgba(255,255,255,.42), rgba(255,255,255,.08) 62%, rgba(255,255,255,0) 72%);
  animation: jzItemPop .75s cubic-bezier(.2,1.5,.35,1) .12s both; }
.jz-cel-item.theme { border-radius: 26px; width: 200px; height: 146px; box-shadow: 0 0 0 4px rgba(255,255,255,.85), 0 12px 30px rgba(0,0,0,.5); background: #120c24; }
@keyframes jzItemPop { 0% { transform: scale(0) rotate(-14deg); opacity: 0; } 45% { transform: scale(1.2, 1.12) rotate(4deg); opacity: 1; } 65% { transform: scale(.92, .98) rotate(-1deg); } 82% { transform: scale(1.04); } 100% { transform: none; opacity: 1; } }
.jz-cel-bob { width: 100%; height: 100%; display: grid; place-items: center; animation: jzBob 2.4s ease-in-out .9s infinite; }
.jz-cel-bob img { width: 100%; height: 100%; object-fit: contain; display: block; filter: drop-shadow(0 8px 10px rgba(0,0,0,.45)); }
.jz-cel-item.theme .jz-cel-bob { animation: none; }
.jz-cel-item.theme img { object-fit: cover; filter: none; }
.jz-cel-bob > .ico { width: 96px; height: 96px; }
@keyframes jzBob { 50% { transform: translateY(-6px) scale(1.02); } }
.jz-cel-shim { position: absolute; inset: 0; pointer-events: none; display: none;
  background: linear-gradient(115deg, rgba(255,255,255,0) 35%, rgba(255, 246, 200, .7) 50%, rgba(255,255,255,0) 65%); transform: translateX(-110%);
  animation: jzShim 2.2s ease-in-out .7s infinite; }
.jz-cel-pass .jz-cel-shim, .jz-cel-theme .jz-cel-shim { display: block; }
@keyframes jzShim { 0% { transform: translateX(-110%); } 45%, 100% { transform: translateX(110%); } }
.jz-cel-tw { position: absolute; inset: -30px; pointer-events: none; }
.jz-cel-tw i { position: absolute; width: 14px; height: 14px; background: #fff6c2; clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
  margin: -7px 0 0 -7px;
  animation: jzTwinkle 1.6s ease-in-out calc(.6s + var(--k) * .23s) infinite both; }
.jz-cel-pass .jz-cel-tw i { background: #ffd65a; }
@keyframes jzTwinkle { 0%, 100% { transform: scale(0) rotate(0); opacity: 0; } 50% { transform: scale(1) rotate(90deg); opacity: 1; } }
.jz-cel-banner { position: relative; margin-top: -6px; padding: 9px 30px 11px; animation: jzBanner .5s cubic-bezier(.2,1.6,.4,1) .38s both; }
.jz-cel-banner::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 6px;
  background: linear-gradient(#ff8f6b, #ff4b5c 55%, #d61f45); box-shadow: 0 5px 0 #8a1024, 0 10px 22px rgba(0,0,0,.4), inset 0 2px 0 rgba(255,255,255,.4);
  clip-path: polygon(0 0, 100% 0, 96% 50%, 100% 100%, 0 100%, 4% 50%); }
.jz-cel-pass .jz-cel-banner::before { background: linear-gradient(#fff1a0, #ffc21f 55%, #e08a00); box-shadow: 0 5px 0 #8a5a00, 0 10px 22px rgba(0,0,0,.4); }
.jz-cel-theme .jz-cel-banner::before { background: linear-gradient(#ff8af0, #b04fe0 55%, #6a2ab0); box-shadow: 0 5px 0 #3a1560; }
.jz-cel-banner span { display: block; font-size: 28px; font-weight: 900; letter-spacing: 1.5px; line-height: 1.05; color: #fff; text-shadow: 0 3px 0 rgba(0,0,0,.28); max-width: 82vw; }
.jz-cel-pass .jz-cel-banner span { color: #3a2400; text-shadow: 0 2px 0 rgba(255,255,255,.5); }
@keyframes jzBanner { 0% { transform: scale(2.2) rotate(-6deg); opacity: 0; } 60% { transform: scale(.92) rotate(1deg); opacity: 1; } 100% { transform: none; opacity: 1; } }
.jz-cel-pass .jz-cel-banner { overflow: hidden; }
.jz-cel-pass .jz-cel-banner::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(110deg, rgba(255,255,255,0) 35%, rgba(255,255,255,.75) 50%, rgba(255,255,255,0) 65%); transform: translateX(-120%); animation: jzShim 2s ease-in-out 1s infinite; }
.jz-cel-name { position: relative; font-size: 24px; font-weight: 900; color: var(--gold); text-shadow: 0 3px 0 rgba(0,0,0,.35); margin-top: 6px; animation: jzUp .4s ease-out .62s both; }
.jz-cel-sub { position: relative; max-width: 300px; font-size: 14px; font-weight: 700; opacity: .9; line-height: 1.3; animation: jzUp .4s ease-out .72s both; }
.jz-cel-btn { position: relative; margin-top: 12px; min-width: 180px; animation: jzBtnIn .45s cubic-bezier(.2,1.6,.4,1) .85s both; }
.jz-cel-tap { position: relative; margin-top: 10px; font-size: 12px; font-weight: 800; opacity: .6; animation: jzUp .4s ease-out .9s both; }
@keyframes jzUp { from { transform: translateY(12px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes jzBtnIn { from { transform: scale(.4); opacity: 0; } to { transform: none; opacity: 1; } }
.jz-cel-stage .jz-p { z-index: 2; }
@media (max-height: 600px) {
  .jz-cel-stage { width: 170px; height: 170px; }
  .jz-cel-item { width: 132px; height: 132px; }
  .jz-cel-item.theme { width: 170px; height: 124px; }
  .jz-cel-banner span { font-size: 22px; }
}

/* ---------- reduced motion: keep the states, drop the motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .sheet, .sheet-card, #results:not(.hidden), .rw-pill.jz-in, .res-list li, .jz-cel, .jz-cel *, .jz-cel *::before, .jz-cel *::after,
  #home .meta-ring-img img, #home #h-avatar, .big-btn.raid::after, .meta-dot::after, .shop-dot::after, #home .badge::after, .shop-fab-ico,
  .shop-buy::after, .shop-pass.active::after, .rw-pill.bounty::after, .rw-pill.pet::after, .shop-card.owned.jz-new::before, .ward-item.on.jz-new::before,
  .shop-owned.jz-new svg, .ward-item.on.jz-new .shop-thumb img, .pill.jz-glint::after, #hud-pet.jz-glint::after { animation: none !important; }
  .star.on::after { animation: none; transform: scale(.86); }
  .big-btn.raid::after, .shop-buy::after, .rw-pill.bounty::after, .rw-pill.pet::after, .jz-cel-flash, .jz-cel-ring, .jz-cel-tw { display: none; }
  .shop-card, .ward-item, .shop-pass, .shop-starter, .shop-theme { transform: none !important; }
}
.jz-still, .jz-still * , .jz-still *::before, .jz-still *::after { animation: none !important; }
.jz-still .jz-cel-flash, .jz-still .jz-cel-ring, .jz-still .jz-cel-tw { display: none; }
#results { overflow-x: hidden; }