/* PrivateDrop — Mystery mode of the upgrader (v1).
   Every layer is absolutely positioned inside an existing container: no size, margin or
   position of the upgrader changes. Only the multipliers row gets an 8th equal cell. */

/* ---------- toggle: left-most cell of the multipliers row (green Mystery emblem) ---------- */
[class*="_multipliersBar_"].pd-mys-has{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.pd-mys-btn{position:relative;overflow:hidden;min-width:0!important;padding:0!important;display:grid!important;place-items:center;cursor:pointer;isolation:isolate;
  transition:border-color .2s,background .2s,box-shadow .2s}
.pd-mys-btn .pd-mys-ico{width:66%;height:66%;opacity:.72;filter:saturate(.75);transition:opacity .2s,filter .2s,transform .2s}
.pd-mys-btn:hover .pd-mys-ico{opacity:1;filter:none}
.pd-mys-btn.is-on{border-color:rgba(18,243,131,.6)!important;
  background:radial-gradient(85% 75% at 50% 40%,rgba(18,243,131,.2),rgba(18,243,131,0) 72%),linear-gradient(180deg,#0f1f17,#0c1410)!important;
  box-shadow:inset 0 0 12px rgba(18,243,131,.18),0 0 14px rgba(18,243,131,.14)!important}
.pd-mys-btn.is-on .pd-mys-ico{opacity:1;filter:drop-shadow(0 0 4px rgba(18,243,131,.55));animation:pd-mys-ico 3.2s ease-in-out infinite}
@keyframes pd-mys-ico{0%,100%{filter:drop-shadow(0 0 3px rgba(18,243,131,.4))}50%{filter:drop-shadow(0 0 7px rgba(18,243,131,.75))}}

/* target pickers are not used by Mystery but stay live: one click on them leaves Mystery */
body.pd-mys-on [class*="_multipliersBar_"] > :not(.pd-mys-btn){opacity:.5;transition:opacity .2s}
body.pd-mys-on [class*="_multipliersBar_"] > :not(.pd-mys-btn):hover{opacity:1}
/* a disabled cell would swallow the click: let it reach the row so the click still leaves Mystery */
body.pd-mys-on [class*="_multipliersBar_"] > :disabled{pointer-events:none}
body.pd-mys-on [class*="_balanceBar_"]{opacity:.42;transition:opacity .2s}
body.pd-mys-on [class*="_balanceBar_"]:hover{opacity:.8}

/* ---------- desired skins: locked while Mystery picks the result (same lock as during an upgrade) ---------- */
body.pd-mys-on [class*="_panel_14f48_"]:not([class*="_inventory_"]){pointer-events:none}
body.pd-mys-on [class*="_panel_14f48_"]:not([class*="_inventory_"]) [data-skin-card]{cursor:default}
body.pd-mys-on [class*="_panel_14f48_"]:not([class*="_inventory_"]) [data-skin-card] > :not([class*="_cardImg_"]){opacity:.5;transition:opacity .25s}
body.pd-mys-on [class*="_panel_14f48_"]:not([class*="_inventory_"]) [data-skin-card] [class*="_cardImg_"] img{opacity:.42;filter:grayscale(.25) drop-shadow(0 1.6cqw 2.4cqw rgba(0 0 0/.4));transform:none;transition:opacity .25s}
body.pd-mys-on [class*="_panel_14f48_"]:not([class*="_inventory_"]) [data-skin-card]::before,
body.pd-mys-on [class*="_panel_14f48_"]:not([class*="_inventory_"]) [data-skin-card]::after{opacity:.55}
body.pd-mys-on [class*="_panel_14f48_"]:not([class*="_inventory_"]) [data-skin-card] [class*="_cardImg_"]::after{
  content:"";position:absolute;left:50%;top:50%;z-index:4;width:31cqw;height:36cqw;transform:translate(-50%,-50%);background:#c7c8cb;
  -webkit-mask:url('/assets/pd-lock-v2250.svg') center/contain no-repeat;mask:url('/assets/pd-lock-v2250.svg') center/contain no-repeat;
  filter:drop-shadow(0 1cqw 2cqw rgba(0 0 0/.35));pointer-events:none}
body.pd-mys-on [class*="_panel_14f48_"]:not([class*="_inventory_"]) [class*="_centerIcon_"],
body.pd-mys-on [class*="_panel_14f48_"]:not([class*="_inventory_"]) [class*="_removeIcon_"]{display:none}
body.pd-mys-on [class*="_panel_14f48_"]:not([class*="_inventory_"]) input,
body.pd-mys-on [class*="_panel_14f48_"]:not([class*="_inventory_"]) button{opacity:.5}

/* ---------- dial: reference circle; its outer bezel (r=511 of 1254) sits exactly on the dial box ---------- */
/* overflow:hidden — the rotating sweep is a square layer: its corners swept past the screen edge on phones
   (page scrolled sideways by up to ~30px); everything visible lies inside this box anyway */
.pd-mys-dial{--mys-rgb:18 243 131;position:absolute;inset:-11.354%;z-index:4;pointer-events:none;opacity:0;transition:opacity .45s ease;overflow:hidden}
body.pd-mys-on .pd-mys-dial{opacity:1}
body.pd-mys-on .pd-dial > :not(.pd-mys-dial),
body.pd-mys-on [class*="_wheelCell_"] [class*="_ringLabel_"]{opacity:0!important;transition:opacity .3s}
.pd-mys-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pd-mys-ticks line{stroke-linecap:butt}
.pd-mys-t3{stroke:#e8ede1;stroke-width:5}
.pd-mys-t2{stroke:#dfe5d4;stroke-width:4.5;stroke-opacity:.88}
.pd-mys-t1{stroke:#cfd5d5;stroke-width:2;stroke-opacity:.32}
.pd-mys-t0{stroke:#cfd5d5;stroke-width:1.6;stroke-opacity:.27}
.pd-mys-lbl text{font:500 28.5px Inter,"Exo 2",sans-serif;fill:#c6cacc;text-anchor:middle;dominant-baseline:central}
.pd-mys-nglow{opacity:.82;animation:pd-mys-breathe 3.6s ease-in-out infinite}
.pd-mys-neon{animation:pd-mys-neon 3.6s ease-in-out infinite}
@keyframes pd-mys-breathe{0%,100%{opacity:.72}50%{opacity:.95}}
@keyframes pd-mys-neon{0%,100%{stroke:#12f383}50%{stroke:#2bff95}}
body.pd-mys-busy .pd-mys-nglow,body.pd-mys-busy .pd-mys-neon{animation-duration:2s}
.pd-mys-sweep{position:absolute;inset:0;border-radius:50%;opacity:.2;mix-blend-mode:screen;will-change:transform;transition:opacity .5s;
  background:conic-gradient(from 0deg,rgba(210,255,230,0) 0 80%,rgba(210,255,230,.12) 90%,rgba(225,255,238,.7) 99.4%,rgba(210,255,230,0) 100%);
  -webkit-mask:radial-gradient(closest-side,transparent 64.5%,#000 64.9%,#000 69%,transparent 69.4%);mask:radial-gradient(closest-side,transparent 64.5%,#000 64.9%,#000 69%,transparent 69.4%)}
body.pd-mys-busy .pd-mys-sweep{opacity:.5}
.pd-mys-emb{position:absolute;left:35.17%;top:39.83%;width:29.9%;height:23.52%;animation:pd-mys-emb 3.6s ease-in-out infinite}
.pd-mys-emb .pd-mys-ico{display:block;width:100%;height:100%;overflow:visible}
@keyframes pd-mys-emb{0%,100%{filter:drop-shadow(0 0 6px rgba(18,243,131,.16))}50%{filter:drop-shadow(0 0 14px rgba(18,243,131,.32))}}
body.pd-mys-busy .pd-mys-emb{animation-duration:2s}
/* mist inside the disc (r=354 of 1254 -> inset 21.77%): a faint ambient haze, and on reveal a denser
   cloud that grows from the centre to the rim; slow counter-rotating layers */
.pd-mys-mist{position:absolute;inset:21.77%;border-radius:50%;overflow:hidden}
.pd-mys-mist .pd-mys-amb,.pd-mys-mist .pd-mys-fog-in{position:absolute;inset:0;border-radius:50%;
  -webkit-mask:radial-gradient(closest-side,#000 50%,transparent 100%);mask:radial-gradient(closest-side,#000 50%,transparent 100%)}
.pd-mys-mist .pd-mys-amb{opacity:.28}
.pd-mys-mist .pd-mys-fog-in{opacity:0;transform:scale(.12);transition:opacity 1.9s ease,transform 2.2s ease-out}
.pd-mys-mist i{position:absolute;inset:-32%;background-size:300px 300px;opacity:.75;filter:blur(2px);
  animation:pd-mys-swirl 46s linear infinite}
.pd-mys-mist i:nth-child(2){background-size:220px 220px;opacity:.55;animation-duration:64s;animation-direction:reverse}
@keyframes pd-mys-swirl{to{transform:rotate(360deg)}}
.pd-mys-dial.is-fog .pd-mys-fog-in{opacity:.9;transform:none;transition:opacity calc(var(--fog-in,4s) * .5) ease-out,transform var(--fog-in,4s) cubic-bezier(.22,.5,.25,1)}
.pd-mys-dial.is-clear .pd-mys-fog-in{transform:scale(1.15)}
.pd-mys-dial.is-fog .pd-mys-emb{opacity:.72;transition:opacity var(--fog-in,4s) ease}
.pd-mys-emb{transition:opacity 1.6s ease}

/* ---------- right panel: Mystery stage inside the same item panel box ---------- */
.pd-mys-stage{--mys-rgb:18 243 131;position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;overflow:hidden;container-type:size;
  border-radius:inherit;color:#fff;font-family:Inter,sans-serif;
  background:radial-gradient(120% 80% at 50% 108%,rgba(18,243,131,.13) 0%,rgba(18,243,131,0) 60%),radial-gradient(90% 60% at 50% -10%,rgba(18,243,131,.06) 0%,rgba(18,243,131,0) 70%),linear-gradient(180deg,#141a18 0%,#121815 100%);
  box-shadow:inset 0 0 0 1px rgba(18,243,131,.13),inset 0 0 46px rgba(18,243,131,.07);
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
body.pd-mys-on .pd-mys-stage{opacity:1;visibility:visible;transition:opacity .3s ease}
.pd-mys-bg{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle,rgba(63,217,138,.2) 1px,rgba(63,217,138,0) 1.5px) 0 0/13px 13px;
  -webkit-mask:radial-gradient(62% 52% at 50% 46%,#000 0%,rgba(0,0,0,.4) 55%,transparent 88%);mask:radial-gradient(62% 52% at 50% 46%,#000 0%,rgba(0,0,0,.4) 55%,transparent 88%)}
.pd-mys-glow{position:absolute;inset:0;pointer-events:none}
.pd-mys-stage > .pd-mys-glow{animation:pd-mys-breathe 3.6s ease-in-out infinite;transition:background .5s;
  background:radial-gradient(56% 46% at 50% 46%,rgba(var(--mys-rgb),.22) 0%,rgba(var(--mys-rgb),.07) 55%,rgba(var(--mys-rgb),0) 82%)}
.pd-mys-stage > .pd-mys-amb{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.2;
  -webkit-mask:radial-gradient(75% 65% at 50% 52%,#000 20%,transparent 100%);mask:radial-gradient(75% 65% at 50% 52%,#000 20%,transparent 100%)}
.pd-mys-stage > .pd-mys-amb i{position:absolute;inset:-560px;background-size:512px 512px;filter:blur(4px);opacity:.9;animation:pd-mys-drift 60s linear infinite}
.pd-mys-stage > .pd-mys-amb i:nth-child(2){background-size:384px 384px;opacity:.6;animation-duration:44s;animation-direction:reverse}
.pd-mys-stage[data-phase="reveal"] > .pd-mys-glow{animation-duration:2.4s}
.pd-mys-head{position:relative;z-index:2;padding:33px 16px 0;text-align:center;transition:opacity .6s ease,transform .6s ease}
.pd-mys-stage[data-phase="result"] .pd-mys-head{opacity:0;transform:translateY(-6px)}
.pd-mys-title{font:600 14px/18px Inter,sans-serif;color:#f2f3f2}
.pd-mys-subtitle{margin-top:4px;font:500 12px/16px Inter,sans-serif;color:#7c9a8b}
.pd-mys-shot{position:relative;flex:1 1 auto;min-height:0;margin:6px 14px 0}
.pd-mys-halo{position:absolute;left:50%;top:50%;height:84%;aspect-ratio:1;max-width:84%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(18,243,131,.12) 0%,rgba(18,243,131,.03) 50%,rgba(18,243,131,0) 66%);
  box-shadow:inset 0 0 0 1.5px rgba(18,243,131,.2),inset 0 0 30px rgba(18,243,131,.12),0 0 0 9px rgba(18,243,131,.03),0 0 40px rgba(18,243,131,.08);
  animation:pd-mys-halo 4.2s ease-in-out infinite}
@keyframes pd-mys-halo{0%,100%{opacity:.85}50%{opacity:1}}
.pd-mys-mark{position:absolute;left:50%;top:50%;width:46%;height:60%;transform:translate(-50%,-50%);opacity:.16;transition:opacity .4s;filter:drop-shadow(0 0 12px rgba(18,243,131,.4))}
.pd-mys-mark .pd-mys-ico,.pd-mys-load-mark .pd-mys-ico{display:block;width:100%;height:100%}
.pd-mys-stage[data-phase="loading"] .pd-mys-mark{opacity:0}
.pd-mys-img{position:absolute;left:8%;top:6%;width:84%;height:88%;object-fit:contain;opacity:0;pointer-events:none;user-select:none;
  filter:blur(14px) brightness(.15);transform:scale(.92) translateY(6px)}
.pd-mys-img.is-in{animation:pd-mys-in 1.1s cubic-bezier(.3,.55,.2,1) forwards}
.pd-mys-img.is-in.is-fast{animation-duration:.16s}
.pd-mys-img.is-in.is-sil{animation-name:pd-mys-in-sil}
.pd-mys-img.is-in.is-final{animation:pd-mys-final 1.8s cubic-bezier(.3,.6,.2,1) forwards}
.pd-mys-img.is-out{animation:pd-mys-out 1s ease-in-out forwards}
.pd-mys-img.is-out.is-fast{animation-duration:.13s}
@keyframes pd-mys-in{0%{opacity:0;filter:blur(12px) brightness(.4) drop-shadow(0 0 0 rgba(18,243,131,0));transform:scale(.95)}
  100%{opacity:1;filter:blur(0) brightness(1) drop-shadow(0 8px 22px rgba(18,243,131,.22));transform:none}}
@keyframes pd-mys-in-sil{0%{opacity:0;filter:blur(12px) brightness(0);transform:scale(.94)}
  100%{opacity:.9;filter:blur(0) brightness(0) drop-shadow(0 0 10px rgba(18,243,131,.7));transform:none}}
@keyframes pd-mys-final{0%{opacity:0;filter:blur(20px) brightness(.5);transform:scale(.94)}
  35%{opacity:.6;filter:blur(9px) brightness(.85)}
  100%{opacity:1;filter:blur(0) brightness(1) drop-shadow(0 10px 30px rgba(18,243,131,.35));transform:none}}
@keyframes pd-mys-out{0%{opacity:1;filter:blur(0) brightness(1) drop-shadow(0 8px 22px rgba(18,243,131,.22));transform:none}100%{opacity:0;filter:blur(12px) brightness(.4);transform:scale(1.04)}}
/* fog: grows from the centre of the panel evenly to the edges and thickens for the whole reveal,
   then thins out as the result sharpens */
.pd-mys-fog{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 1.9s cubic-bezier(.4,0,.2,1)}
.pd-mys-fog-in{position:absolute;inset:-35%;transform:scale(.1);transition:transform 2.4s ease-out;
  -webkit-mask:radial-gradient(closest-side,#000 42%,rgba(0,0,0,.75) 66%,transparent 100%);mask:radial-gradient(closest-side,#000 42%,rgba(0,0,0,.75) 66%,transparent 100%)}
.pd-mys-fog i{position:absolute;inset:-560px;background-size:512px 512px;filter:blur(3px);opacity:.64;
  animation:pd-mys-drift 34s linear infinite}
.pd-mys-fog i:nth-of-type(2){background-size:384px 384px;opacity:.55;animation-duration:26s;animation-direction:reverse}
.pd-mys-fog i:nth-of-type(3){background-size:640px 640px;opacity:.45;animation-duration:48s;animation-name:pd-mys-drift2}
@keyframes pd-mys-drift{to{transform:translate3d(512px,-128px,0)}}
@keyframes pd-mys-drift2{to{transform:translate3d(-640px,-160px,0)}}
.pd-mys-haze{position:absolute;inset:0;background:radial-gradient(closest-side,rgba(14,190,98,.24) 0%,rgba(10,150,78,.12) 55%,rgba(10,150,78,0) 100%)}
.pd-mys-stage.is-fog .pd-mys-fog{opacity:1;transition:opacity calc(var(--fog-in,4s) * .45) ease-out}
.pd-mys-stage.is-fog .pd-mys-fog-in{transform:none;transition:transform var(--fog-in,4s) cubic-bezier(.22,.5,.25,1)}
.pd-mys-stage.is-clear .pd-mys-fog-in{transform:scale(1.18)}
.pd-mys-dial.is-clear .pd-mys-mist{transition:opacity 2s ease}
.pd-mys-stage.is-fog .pd-mys-mark{animation:pd-mys-glim 3s ease-in-out infinite}
@keyframes pd-mys-glim{0%,100%{opacity:.12}50%{opacity:.26}}
.pd-mys-stage.is-fog .pd-mys-name{animation:pd-mys-breathe 2.4s ease-in-out infinite}

/* static loading after the intro */
.pd-mys-load{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.pd-mys-stage[data-phase="loading"] .pd-mys-load{display:flex}
.pd-mys-load-mark{width:76px;height:60px;filter:drop-shadow(0 0 14px rgba(18,243,131,.5));animation:pd-mys-pulse 1.1s ease-in-out infinite}
.pd-mys-load-bar{width:92px;height:3px;border-radius:2px;background:rgba(18,243,131,.12);overflow:hidden;box-shadow:0 0 12px rgba(18,243,131,.25)}
.pd-mys-load-bar b{display:block;height:100%;width:0;background:linear-gradient(90deg,#148c53,#12f383);animation:pd-mys-bar 1.05s ease-in-out forwards}
@keyframes pd-mys-pulse{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}
@keyframes pd-mys-bar{to{width:100%}}
.pd-mys-foot{position:relative;z-index:2;padding:2px 18px 22px;text-align:center;min-height:72px}
.pd-mys-name{font:600 18px/23px Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 18px rgba(18,243,131,.28)}
.pd-mys-sub{margin-top:3px;font-size:12.5px;line-height:17px;color:#86a596;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-mys-sub b{color:var(--pd2-gold);font-weight:600}
.pd-mys-sub.is-warn{color:#e3796c}
/* result line "weapon · price coin": the weapon gives way, the price never does */
.pd-mys-sub.is-price{display:flex;justify-content:center;align-items:center}
.pd-mys-sub.is-price .pd-mys-w{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-mys-sub.is-price b,.pd-mys-sub.is-price .pd-mys-coin{flex:none}
.pd-mys-delta{display:none;margin:6px auto 0;width:max-content;padding:3px 9px;border-radius:7px;font-size:12px;font-weight:600}
.pd-mys-delta.is-up{display:block;color:#34e28c;background:rgba(18,243,131,.1)}
.pd-mys-delta.is-down{display:block;color:#b9bcc4;background:rgba(255,255,255,.06)}
.pd-mys-coin{display:inline-block;flex:none;width:14px;height:14px;margin-left:5px;background:url('/assets/pd-coin-v2140.svg?v=2140') center/contain no-repeat}

/* ---------- upgrade CTA: same box as the existing button, laid over it.
   Its look (ready / not ready / busy) comes from privatedrop-topfx-v1.css, shared with the native button. ---------- */
.pd-mys-cta{position:absolute;z-index:3;display:none;align-items:center;justify-content:center;gap:.55em;padding:0;line-height:1}
.pd-mys-cta span{font-family:inherit}
.pd-mys-cta b{margin-left:-6px;font:600 .72em/1 "Exo 2",Inter,sans-serif;opacity:.8;transform:translateY(-.45em)}
.pd-mys-cta-arrows{width:.92em;height:1em;
  -webkit-mask:url('/assets/pd-arrows-v2250.svg?v=2250') center/contain no-repeat;mask:url('/assets/pd-arrows-v2250.svg?v=2250') center/contain no-repeat}
body.pd-mys-on .pd-mys-cta{display:flex}
body.pd-mys-on [class*="_upgradeBtnContainer_"] > [class*="_upgradeBtn_"]{visibility:hidden}
.pd-mys-cta.is-busy{pointer-events:none}

/* compact panel (phones): same box, denser content */
@container (max-width:300px){
  .pd-mys-head{padding:9px 8px 0}
  .pd-mys-title{font-size:10.5px;line-height:13px}
  .pd-mys-subtitle{display:none}
  .pd-mys-shot{margin:2px 6px 0}
  .pd-mys-img{left:4%;top:4%;width:92%;height:92%}
  .pd-mys-foot{padding:0 6px 9px;min-height:0}
  .pd-mys-name{font-size:11.5px;line-height:14px}
  .pd-mys-sub{margin-top:1px;font-size:9.5px;line-height:12px}
  .pd-mys-delta{margin-top:3px;padding:1px 6px;border-radius:5px;font-size:9.5px}
  .pd-mys-coin{width:8px;height:8px;margin-left:2px}
  .pd-mys-load-mark{width:44px;height:35px}
  .pd-mys-load{gap:9px}
  .pd-mys-load-bar{width:56px}
}
@container (max-height:250px){
  /* the line stays reserved (no jump when the result arrives); the hints stay hidden, the won price shows
     exactly as on desktop */
  .pd-mys-sub:not(.is-warn){visibility:hidden}
  .pd-mys-sub.is-price{visibility:visible}
  .pd-mys-sub.is-price b{font-size:10.5px}
  .pd-mys-sub.is-price .pd-mys-coin{width:9px;height:9px}
  .pd-mys-sub.is-warn{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}

/* ---------- phones / touch tablets (html.pd-mys-lite, set by the script): the same scene, lighter to render ----------
   One fog layer less per set (script), small tiles so each turbulence is rasterised once at a small size,
   no blur on the big drifting layers, and the dial SVG is no longer repainted every frame (its neon ring
   animated stroke/opacity under Gaussian blurs). On a phone-sized dial the difference is barely visible. */
.pd-mys-lite .pd-mys-mist i,
.pd-mys-lite .pd-mys-mist i:nth-child(2){background-size:200px 200px;filter:none}
.pd-mys-lite .pd-mys-stage > .pd-mys-amb i,
.pd-mys-lite .pd-mys-fog i,
.pd-mys-lite .pd-mys-fog i:nth-of-type(2){inset:-256px;background-size:256px 256px;filter:none;animation-name:pd-mys-drift-m}
.pd-mys-lite .pd-mys-fog i:nth-of-type(2){animation-name:pd-mys-drift2-m}
@keyframes pd-mys-drift-m{to{transform:translate3d(256px,-64px,0)}}
@keyframes pd-mys-drift2-m{to{transform:translate3d(-256px,-64px,0)}}
.pd-mys-lite .pd-mys-nglow,.pd-mys-lite .pd-mys-neon{animation:none}
.pd-mys-lite .pd-mys-emb{animation:none;filter:drop-shadow(0 0 8px rgba(18,243,131,.24))}
.pd-mys-lite .pd-mys-btn.is-on .pd-mys-ico{animation:none;filter:drop-shadow(0 0 4px rgba(18,243,131,.55))}

@media (prefers-reduced-motion:reduce){
  .pd-mys-nglow,.pd-mys-neon,.pd-mys-emb,.pd-mys-fog i,.pd-mys-mist i,.pd-mys-amb i,.pd-mys-halo,.pd-mys-btn.is-on .pd-mys-ico,.pd-mys-stage > .pd-mys-glow{animation:none!important}
}