/* Nakładka specjalna: NIE zmienia żadnego elementu oryginalnego wskaźnika do 15 meczów.
   Cała strona, kolory czerwony/żółty/zielony, tabela, stopka i Firebase pozostają bez zmian. */
.meter .wsk-mega-stage { display: none; }
.meter.wsk-mega-on {
  display: block;
  position: relative;
  flex: 0 0 330px;
  width: 330px;
  min-height: var(--total-height,656px);
  margin: 0;
  align-self: flex-start;
}
.meter.wsk-mega-on > .level { display: none !important; }
.meter.wsk-mega-on > .wsk-mega-stage {
  display: block;
  width: 330px;
  height: var(--total-height,656px);
  min-height: 656px;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(213,113,255,.54);
  border-radius: 23px;
  box-shadow: 0 0 0 1px #ffffff0a, 0 16px 60px #0009, 0 0 52px #d15dff29, inset 0 1px #ffffff24;
  background:
    radial-gradient(ellipse at 50% 67%, #9243b82e, transparent 62%),
    linear-gradient(154deg,#1d1626 0%,#0f0c17 43%,#08070b 100%);
}
.wsk-mega-stage:before { content:""; position:absolute; inset:0; z-index:-1; opacity:.44; background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px); background-size:25px 25px; mask-image:linear-gradient(transparent,#000 25%,#000 85%,transparent); }
.wsk-mega-stage:after { content:""; position:absolute; left:12%; right:12%; bottom:14%; height:14%; border-radius:50%; background:#c265ff42; filter:blur(42px); z-index:-1; }
.wsk-mega-masthead { position:absolute; top:19px; left:18px; color:#cabbd9; z-index:4; display:flex; align-items:center; gap:8px; font-size:9px; font-weight:900; letter-spacing:1.65px; }
.wsk-mega-pulse { display:inline-block; width:8px; height:8px; border-radius:50%; background:#df92ff; box-shadow:0 0 8px #b94ffb; animation:wskMegaPulse 2.6s ease-in-out infinite; }
.wsk-mega-heading { position:absolute; left:0; right:0; top:54px; z-index:3; text-align:center; letter-spacing:3px; font-weight:1000; font-size:24px; color:#fff; text-shadow:0 3px 14px #000; }
.wsk-mega-heading b { color:#db78ff; text-shadow:0 0 23px #a836d0a8; }
.wsk-mega-aura { position:absolute; width:260px; height:465px; left:35px; top:121px; z-index:0; background:radial-gradient(ellipse,#db83ff35,transparent 67%); filter:blur(24px); animation:wskMegaPulse 3.2s ease-in-out infinite; }
.wsk-mega-spots { position:absolute; left:0; right:0; top:140px; bottom:40px; z-index:1; pointer-events:none; background:radial-gradient(circle at 20% 24%,#dba0ff59 1px,transparent 3px),radial-gradient(circle at 80% 44%,#b74aff79 1px,transparent 3px),radial-gradient(circle at 27% 73%,#fff8 1px,transparent 3px),radial-gradient(circle at 78% 74%,#dba0ff69 1px,transparent 3px); }
.wsk-mega-model { position:absolute; inset:77px 0 28px; z-index:2; transform:rotateY(var(--wsk-rotate-y,0deg)) rotateX(var(--wsk-rotate-x,0deg)); transition:transform 150ms ease; transform-origin:50% 62%; perspective:600px; }
.wsk-mega-anatomy { display:block; width:100%; height:100%; max-width:100%; max-height:100%; overflow:visible; filter:drop-shadow(0 0 9px #d882ff2b); }
.wsk-mega-unlock { position:absolute; z-index:4; bottom:74px; left:0; right:0; text-align:center; color:#f4ddff; font-weight:900; font-size:10px; letter-spacing:2.1px; text-shadow:0 2px 12px #000; }
.wsk-mega-unlock b { color:#e086ff; }
.wsk-mega-count { position:absolute; z-index:4; bottom:16px; left:0; right:0; font-variant-numeric:tabular-nums; text-align:center; font-size:11px; letter-spacing:1.2px; font-weight:800; color:#b8a8c5; }
.wsk-mega-stage.wsk-mega-reveal { animation:wskMegaUnlock 1100ms cubic-bezier(.22,1.18,.35,1) both; }
.wsk-mega-stage.wsk-mega-reveal .wsk-mega-heading { animation:wskMegaTitle 1200ms cubic-bezier(.2,.8,.2,1) both; }
.wsk-mega-spark { display:block; position:absolute; z-index:5; width:7px; height:11px; border-radius:2px; background:var(--hue,#dc80ff); left:50%; top:53%; box-shadow:0 0 12px var(--hue,#dc80ff); opacity:0; animation:wskMegaSpark 1.25s cubic-bezier(.15,.65,.25,1) var(--delay,0ms) both; pointer-events:none; }
@keyframes wskMegaUnlock { 0% {opacity:0; transform:scale(.48) rotate(-6deg); filter:brightness(3)} 48% {opacity:1;transform:scale(1.055) rotate(1.2deg);filter:brightness(1.3)} 100%{opacity:1;transform:scale(1) rotate(0);filter:brightness(1)} }
@keyframes wskMegaTitle {0%{opacity:0;transform:translateY(-20px) scale(.85)} 65%{opacity:1;transform:translateY(3px) scale(1.03)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes wskMegaSpark {0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.5) rotate(350deg)}}
@keyframes wskMegaPulse {50%{opacity:.6}}
@media (prefers-reduced-motion:reduce) { .wsk-mega-stage,.wsk-mega-stage *, .wsk-mega-spark {animation:none !important;transition:none !important;} }


/* === POSTTEAM / OD 16 DO 30: kolejne, osobno odblokowywane efekty === */
.wsk-mega-droplets{position:absolute;inset:0;z-index:6;pointer-events:none;}
.wsk-mega-drop{
  display:block;position:absolute;left:50%;top:23.4%;
  width:var(--wsk-drop-size,12px);height:calc(var(--wsk-drop-size,12px) * 1.65);
  border-radius:70% 8% 68% 52%;
  border:1px solid #ffffffdd;
  background:linear-gradient(135deg,#fff 10%,#f8fcff 29%,#d9e4f6 75%,#8aa2c4 100%);
  box-shadow:inset 2px 2px 3px #fff,0 0 8px #ffffff85,0 0 18px #f9efff70;
  opacity:0;
  animation:wskMegaJet 3.3s cubic-bezier(.24,.47,.31,.98) var(--wsk-drop-delay,0s) infinite;
  will-change:transform,opacity;
}
.wsk-mega-drop:before{content:"";position:absolute;top:17%;left:22%;height:36%;width:26%;border-radius:50%;background:#fff9;filter:blur(1px)}
.wsk-mega-drop[hidden],.wsk-mega-ray[hidden]{display:none !important}
@keyframes wskMegaJet {
  0%,5%{opacity:0;transform:translate3d(-50%,0,0) scale(.30) rotate(-45deg)}
  13%{opacity:1;transform:translate3d(-50%,-9px,0) scale(.90) rotate(-15deg)}
  47%{opacity:1;transform:translate3d(calc(-50% + var(--wsk-drop-dx)),var(--wsk-drop-peak),0) scale(1.12) rotate(var(--wsk-drop-rotate,22deg))}
  69%{opacity:.89;transform:translate3d(calc(-50% + var(--wsk-drop-dx)),calc(var(--wsk-drop-peak) + 8px),0) scale(1) rotate(65deg)}
  93%,100%{opacity:0;transform:translate3d(calc(-50% + var(--wsk-drop-dx)),var(--wsk-drop-end),0) scale(.65) rotate(135deg)}
}
/* Narracja pod modelem zamiast stałego napisu, a pod nią skala 16..30. */
.wsk-mega-status{
  position:absolute;left:14px;right:14px;bottom:105px;z-index:7;
  text-align:center;letter-spacing:1.6px;font-size:12px;font-weight:950;
  color:#fff;line-height:1.3;text-shadow:0 2px 8px #000,0 0 22px #d56dffc0;
  white-space:nowrap;max-width:max-content;margin:0 auto;padding:5px 13px;
  background:rgba(12,7,18,.83);border:1px solid #d977ff54;border-radius:999px;box-shadow:0 2px 12px #0008;
}
.wsk-mega-progress{
  position:absolute;bottom:47px;left:28px;right:28px;z-index:7;
  display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:3px;height:7px;
}
.wsk-mega-pip{height:100%;border-radius:2px;background:#49324c;border:1px solid #9f5ab451;transition:background .25s,box-shadow .25s}
.wsk-mega-pip.lit{background:linear-gradient(90deg,#e88aff,#fff1f6);border-color:#eab4ff;box-shadow:0 0 7px #bd57f7a8}
.wsk-mega-rays{position:absolute;inset:0;pointer-events:none;z-index:1;}
.wsk-mega-ray{
  display:block;position:absolute;left:50%;top:55%;width:2px;height:155px;
  background:linear-gradient(to top,transparent,#f9c1ff2c 22%,#f6d5ff9c 51%,transparent);
  border-radius:100%;filter:drop-shadow(0 0 7px #db66ff);
  transform-origin:50% 0;
  transform:rotate(var(--wsk-ray-angle,0deg)) translateY(-4px);
  opacity:.6;animation:wskMegaRays 2.8s ease-in-out var(--wsk-ray-delay,0s) infinite alternate;
}
@keyframes wskMegaRays {to{opacity:.18;filter:drop-shadow(0 0 12px #fff);transform:rotate(var(--wsk-ray-angle,0deg)) translateY(12px) scaleY(1.17)}}
.wsk-mega-stage.wsk-mega-turbo {box-shadow:0 0 0 1px #ffffff16,0 16px 60px #0009,0 0 64px #d15dff4d,inset 0 1px #ffffff24;}
.wsk-mega-turbo .wsk-mega-heading b {animation:wskMegaWord 1.5s ease-in-out infinite alternate}
@keyframes wskMegaWord {to{color:#fff5ff;text-shadow:0 0 17px #fff,0 0 35px #c847ff}}
.wsk-mega-rings{display:none;position:absolute;inset:0;z-index:1;pointer-events:none;}
.wsk-mega-rings i {position:absolute;left:50%;top:54%;width:165px;height:165px;border:2px solid #f7afff8a;border-radius:50%;box-shadow:0 0 24px #e995ff6a,inset 0 0 17px #d15fff8c;animation:wskMegaRing 3s ease-out infinite;}
.wsk-mega-rings i:nth-child(2){animation-delay:1.5s}
@keyframes wskMegaRing {0%{transform:translate(-50%,-50%) scale(.50);opacity:0}20%{opacity:.8}80%,100%{transform:translate(-50%,-50%) scale(1.87);opacity:0}}
.wsk-mega-power1 .wsk-mega-rings{display:block}
.wsk-mega-power1 .wsk-mega-rings i:nth-child(2){display:none}
.wsk-mega-power2 .wsk-mega-rings i:nth-child(2){display:block}
.wsk-mega-charged .wsk-mega-aura{background:radial-gradient(ellipse,#ffb7ff8a,transparent 70%);filter:blur(29px)}
.wsk-mega-charged .wsk-mega-heading:before,.wsk-mega-charged .wsk-mega-heading:after {content:'✦';position:absolute;top:-4px;color:#f7c2ff;text-shadow:0 0 12px #fff;animation:wskMegaPulse 1s infinite alternate}
.wsk-mega-charged .wsk-mega-heading:before{left:23px}
.wsk-mega-charged .wsk-mega-heading:after{right:23px}
.wsk-mega-crown{display:none;position:absolute;top:112px;left:0;right:0;z-index:7;text-align:center;font-size:11px;letter-spacing:2px;font-weight:950;color:#fff6c7;text-shadow:0 0 13px #f4d67d;animation:wskMegaCrown 1.2s ease-in-out infinite alternate}
.wsk-mega-boss .wsk-mega-crown{display:block}
.wsk-mega-boss{border-color:#ffd27f !important;box-shadow:0 0 0 1px #fff7dd40,0 16px 60px #0009,0 0 66px #ffc15c7b,inset 0 0 27px #b76ee733 !important}
.wsk-mega-boss .wsk-mega-status{color:#ffe3a1;text-shadow:0 0 17px #ffbf66}
.wsk-mega-boss .wsk-mega-pip.lit{background:linear-gradient(90deg,#eeb859,#fffcdd);border-color:#ffe2a4;box-shadow:0 0 9px #ffcc67}
@keyframes wskMegaCrown{to{transform:scale(1.045);filter:brightness(1.5)}}
@media(max-width:768px){.wsk-mega-status{font-size:11px;letter-spacing:1.1px}}
@media(prefers-reduced-motion:reduce){
  .wsk-mega-drop{opacity:1;animation:none;transform:translate3d(calc(-50% + var(--wsk-drop-dx)),var(--wsk-drop-peak),0) scale(1)}
  .wsk-mega-ray{animation:none}
  .wsk-mega-rings{display:none!important}
}