.multiplier-badge {
  position: absolute;
  z-index: 4;
  right: 30px;
  top: 66px;
  min-width: 92px;
  padding: 9px 16px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-family: Bahnschrift, Impact, sans-serif;
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  letter-spacing: -.04em;
  backdrop-filter: blur(10px);
}
.multiplier-badge.multiplier-2 { color:#0891b2; background:rgba(34,211,238,.18); box-shadow:0 0 28px rgba(34,211,238,.34); }
.multiplier-badge.multiplier-3 { color:#d99018; background:rgba(255,200,74,.2); box-shadow:0 0 36px rgba(255,176,45,.36); }
.multiplier-badge.multiplier-5 { color:#e74e45; background:rgba(255,77,58,.18); box-shadow:0 0 46px rgba(255,68,42,.45); }
html[data-theme="dark"] .multiplier-badge.multiplier-2 { color:#67e8f9; }
html[data-theme="dark"] .multiplier-badge.multiplier-3 { color:#ffd35d; }
html[data-theme="dark"] .multiplier-badge.multiplier-5 { color:#ff7668; }

.multiplier-fx { position:absolute; inset:0; z-index:3; overflow:hidden; border-radius:inherit; pointer-events:none; }
.multiplier-fx::before,.multiplier-fx::after { content:""; position:absolute; inset:12%; border:2px solid transparent; border-radius:28px; opacity:0; }
.multiplier-fx i { position:absolute; width:8px; height:8px; border-radius:50%; opacity:0; }
.multiplier-fx i:nth-child(1){left:12%;top:18%}.multiplier-fx i:nth-child(2){left:35%;top:10%}.multiplier-fx i:nth-child(3){left:72%;top:17%}.multiplier-fx i:nth-child(4){left:85%;top:58%}.multiplier-fx i:nth-child(5){left:55%;top:79%}.multiplier-fx i:nth-child(6){left:20%;top:72%}

.multiplier-fx.multiplier-2.multiplier-activation::before { border-color:#22d3ee; animation:multiplier-wave 1.2s ease-out; }
.multiplier-fx.multiplier-2.multiplier-activation i { background:#67e8f9; box-shadow:0 0 14px #22d3ee; animation:multiplier-particle 1.1s ease-out; }
.multiplier-fx.multiplier-3.multiplier-activation::before,.multiplier-fx.multiplier-3.multiplier-activation::after { border-color:#ffc34b; box-shadow:0 0 30px rgba(255,183,57,.55); animation:multiplier-wave 1.35s ease-out; }
.multiplier-fx.multiplier-3.multiplier-activation::after { animation-delay:.18s; }
.multiplier-fx.multiplier-3.multiplier-activation i { width:11px;height:11px;background:#ffd866;box-shadow:0 0 20px #ffac2f;animation:multiplier-particle 1.45s ease-out; }
.multiplier-fx.multiplier-5.multiplier-activation { background:radial-gradient(circle at 50% 50%,rgba(255,104,34,.2),transparent 52%); animation:multiplier-flash 1.4s ease-out; }
.multiplier-fx.multiplier-5.multiplier-activation::before,.multiplier-fx.multiplier-5.multiplier-activation::after { inset:4%;border-color:#ff5c3f;box-shadow:0 0 44px rgba(255,61,35,.75),inset 0 0 36px rgba(255,120,40,.25);animation:multiplier-wave 1.55s ease-out; }
.multiplier-fx.multiplier-5.multiplier-activation::after { inset:18%;animation-delay:.16s; }
.multiplier-fx.multiplier-5.multiplier-activation i { width:14px;height:14px;background:#ff704a;box-shadow:0 0 28px #ff3d24;animation:multiplier-particle-epic 1.65s ease-out; }
.timer-card.multiplier-2.multiplier-activation { animation:multiplier-card-2 .8s ease-out; }
.timer-card.multiplier-3.multiplier-activation { animation:multiplier-card-3 1s ease-out; }
.timer-card.multiplier-5.multiplier-activation { animation:multiplier-card-5 .9s ease-out; }
.multiplier-badge.multiplier-activation { animation:multiplier-badge-in .7s cubic-bezier(.2,1.7,.3,1); }

@keyframes multiplier-wave { 0%{opacity:0;transform:scale(.45)}35%{opacity:1}100%{opacity:0;transform:scale(1.28)} }
@keyframes multiplier-particle { 0%{opacity:0;transform:scale(0)}30%{opacity:1}100%{opacity:0;transform:translateY(-70px) scale(2)} }
@keyframes multiplier-particle-epic { 0%{opacity:0;transform:scale(0) rotate(0)}25%{opacity:1}100%{opacity:0;transform:translateY(-110px) translateX(35px) scale(2.8) rotate(220deg)} }
@keyframes multiplier-flash { 0%,100%{opacity:0}18%{opacity:1}42%{opacity:.45} }
@keyframes multiplier-badge-in { 0%{opacity:0;transform:scale(.25) rotate(-8deg)}70%{transform:scale(1.18) rotate(2deg)}100%{opacity:1;transform:scale(1)} }
@keyframes multiplier-card-2 { 0%,100%{box-shadow:0 22px 60px rgba(30,41,22,.18)}45%{box-shadow:0 0 60px rgba(176,238,44,.65)} }
@keyframes multiplier-card-3 { 0%,100%{filter:none}35%{filter:brightness(1.18) saturate(1.25);box-shadow:0 0 72px rgba(255,183,47,.7)} }
@keyframes multiplier-card-5 { 0%,100%{transform:none}15%{transform:translateX(-5px)}30%{transform:translateX(5px)}45%{transform:translateX(-3px)}60%{transform:translateX(3px);box-shadow:0 0 90px rgba(255,63,34,.72)} }

#multipliersTab { background-image:linear-gradient(108deg,#fffcee 0%,#fffcee 14%,rgba(255,242,211,.9) 58%,rgba(255,119,70,.4)),url('/egypt-temple.webp');background-position:center;background-size:cover; }
html[data-theme="dark"] #multipliersTab { background-image:linear-gradient(108deg,#08140f 0%,#08140f 14%,rgba(8,20,15,.9) 52%,rgba(111,45,28,.3)),url('/egypt-temple.webp'); }
.multiplier-now { min-width:158px;padding:8px 13px;border:1px solid rgba(115,167,31,.28);border-radius:10px;background:rgba(181,235,54,.16);color:#477b10;text-align:right;font-family:Bahnschrift,sans-serif; }
.multiplier-now strong,.multiplier-now span { display:block; }
.multiplier-now strong { font-size:18px;font-weight:900;line-height:1; }
.multiplier-now span { margin-top:4px;font-size:11px;font-weight:800;letter-spacing:.08em; }
.multiplier-status-actions { display:flex;align-items:stretch;gap:9px; }
.multiplier-status-actions .danger { min-height:48px;white-space:nowrap; }
html[data-theme="dark"] .multiplier-now { color:#c8ff59;border-color:rgba(191,255,73,.25);background:rgba(174,239,47,.08); }
.multiplier-layout { display:grid;grid-template-columns:1fr 1.15fr;gap:14px;margin-top:20px; }
.multiplier-control,.multiplier-schedule-form { padding:22px;border:1px solid rgba(29,49,27,.13);border-radius:18px;background:rgba(255,255,255,.62); }
html[data-theme="dark"] .multiplier-control,html[data-theme="dark"] .multiplier-schedule-form { border-color:rgba(218,240,197,.11);background:rgba(1,8,5,.46); }
.multiplier-control h3,.multiplier-schedule-form h3 { margin:4px 0 8px;font-size:22px; }
.multiplier-control>p:not(.control-kicker) { color:var(--muted); }
.control-kicker { margin:0;color:#5d8e18;font:800 11px Bahnschrift,sans-serif;letter-spacing:.12em; }
.multiplier-buttons { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px; }
.multiplier-buttons button { min-height:54px;font:900 18px Bahnschrift,sans-serif; }
.multiplier-buttons button.active { color:#14220a;background:linear-gradient(105deg,#d0fa6a,#99df25);border-color:#8dcc22;box-shadow:0 8px 24px rgba(118,168,29,.2); }
.multiplier-schedule-form { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end; }
.multiplier-schedule-form .control-kicker,.multiplier-schedule-form h3,.multiplier-schedule-form .note { grid-column:1/-1; }
.multiplier-schedule-form button { min-height:46px; }
.schedule-heading { margin:26px 0 10px;padding-top:20px;border-top:1px solid var(--line); }
.multiplier-schedules { display:grid;gap:8px; }
.schedule-item { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.58); }
html[data-theme="dark"] .schedule-item { background:rgba(1,8,5,.48); }
.schedule-multiplier { min-width:52px;color:#5f9517;font:900 24px Bahnschrift,sans-serif; }
html[data-theme="dark"] .schedule-multiplier { color:#c5ff55; }
.schedule-item strong,.schedule-item span { display:block; }
.schedule-item div span { margin-top:3px;color:var(--muted);font-size:13px; }

@media(max-width:900px){.multiplier-layout{grid-template-columns:1fr}.multiplier-schedule-form{grid-template-columns:1fr 1fr}.multiplier-schedule-form button{grid-column:1/-1}}
@media(max-width:620px){.multiplier-badge{right:18px;top:60px;min-width:68px;font-size:25px}.multiplier-status-actions{width:100%;flex-direction:column}.multiplier-now{text-align:left}.multiplier-buttons{grid-template-columns:1fr 1fr}.multiplier-schedule-form{grid-template-columns:1fr}.schedule-item{grid-template-columns:auto 1fr}.schedule-item button{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.multiplier-fx,.multiplier-badge,.timer-card{animation:none!important}}

/* Persistent multiplier stage — intentionally last so it wins over legacy positioning. */
.multiplier-badge{left:50%;right:auto;top:auto;bottom:-27px;min-width:116px;padding:9px 22px;border-width:2px;font-size:38px;transform:translateX(-50%)}
.timer-card:has(.multiplier-badge:not(.hidden)){margin-bottom:30px}
.multiplier-neon{position:absolute;inset:-4px;padding:4px;border-radius:inherit;overflow:hidden;pointer-events:none;opacity:0;z-index:2;transition:opacity .25s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.multiplier-neon::before{content:"";position:absolute;inset:-65%;background:conic-gradient(from 0deg,transparent 0 24%,var(--multiplier-color,#b8ff3d) 33%,#fff 38%,var(--multiplier-color,#b8ff3d) 43%,transparent 52% 74%,var(--multiplier-color,#b8ff3d) 84%,transparent 94%);animation:neon-orbit 2.8s linear infinite}
.multiplier-neon::after{display:none}
.timer-card.multiplier-2 .multiplier-neon,.timer-card.multiplier-3 .multiplier-neon,.timer-card.multiplier-5 .multiplier-neon{opacity:1}
.timer-card.multiplier-3 .multiplier-neon::before{animation-duration:1.8s;filter:brightness(1.3)}
.timer-card.multiplier-5 .multiplier-neon::before{animation-duration:.85s;filter:brightness(1.75)}
.timer-card.multiplier-2{--multiplier-color:#22d3ee!important;animation:panel-idle-2 2.8s ease-in-out infinite}
.timer-card.multiplier-3{animation:panel-idle-3 1.9s ease-in-out infinite}
.timer-card.multiplier-5{animation:panel-idle-5 1.05s ease-in-out infinite}
.multiplier-fx.multiplier-5:not(.multiplier-activation) i{display:block;opacity:.88;width:20px;height:38px;border-radius:55% 55% 45% 45%;background:linear-gradient(to top,#ff2812 5%,#ff8d19 46%,#fff06a 74%,transparent 77%);filter:drop-shadow(0 0 13px #ff5118);transform-origin:50% 100%;animation:panel-flame 1s ease-in-out infinite alternate}
.multiplier-fx.multiplier-5 i:nth-child(1){left:7%;top:auto;bottom:0;animation-delay:-.6s}.multiplier-fx.multiplier-5 i:nth-child(2){left:23%;top:auto;bottom:0;animation-delay:-.2s}.multiplier-fx.multiplier-5 i:nth-child(3){left:41%;top:auto;bottom:0;animation-delay:-.8s}.multiplier-fx.multiplier-5 i:nth-child(4){left:59%;top:auto;bottom:0;animation-delay:-.35s}.multiplier-fx.multiplier-5 i:nth-child(5){left:76%;top:auto;bottom:0;animation-delay:-.7s}.multiplier-fx.multiplier-5 i:nth-child(6){left:90%;top:auto;bottom:0;animation-delay:-.1s}
@keyframes neon-orbit{to{transform:rotate(1turn)}}
@keyframes panel-idle-2{50%{box-shadow:0 0 34px color-mix(in srgb,var(--multiplier-color) 45%,transparent)}}
@keyframes panel-idle-3{50%{box-shadow:0 0 54px color-mix(in srgb,var(--multiplier-color) 62%,transparent);filter:brightness(1.05)}}
@keyframes panel-idle-5{50%{box-shadow:0 0 78px color-mix(in srgb,var(--multiplier-color) 80%,transparent);filter:brightness(1.11)}}
@keyframes panel-flame{0%{transform:translateY(9px) scale(.7) rotate(-6deg)}100%{transform:translateY(-6px) scale(1.2,.94) rotate(6deg)}}
@keyframes multiplier-badge-in-v3{0%{opacity:0;transform:translateX(-50%) scale(.25) rotate(-8deg)}70%{transform:translateX(-50%) scale(1.18) rotate(2deg)}100%{opacity:1;transform:translateX(-50%) scale(1)}}
.multiplier-badge.multiplier-activation{animation-name:multiplier-badge-in-v3}
@media(max-width:620px){.multiplier-badge{left:50%;right:auto;top:auto;bottom:-22px;min-width:84px;font-size:28px}}

/* x3: travelling stardust that escapes and dissolves beyond the frame. */
.multiplier-fx.multiplier-3:not(.multiplier-activation){overflow:visible}
.multiplier-fx.multiplier-3:not(.multiplier-activation) i{opacity:0;width:9px;height:9px;background:#fff8c9;border:1px solid #fff;border-radius:50%;box-shadow:0 0 8px #fff,0 0 19px var(--multiplier-color,#ffd35d),0 0 34px var(--multiplier-color,#ffd35d);animation:x3-stardust 2.65s ease-out infinite}
.multiplier-fx.multiplier-3 i:nth-child(1){left:8%;top:18%;--sx:80px;--sy:-45px;animation-delay:-2.1s}.multiplier-fx.multiplier-3 i:nth-child(2){left:32%;top:3%;--sx:145px;--sy:-58px;animation-delay:-1.15s}.multiplier-fx.multiplier-3 i:nth-child(3){left:68%;top:12%;--sx:115px;--sy:62px;animation-delay:-.35s}.multiplier-fx.multiplier-3 i:nth-child(4){left:91%;top:48%;--sx:-86px;--sy:70px;animation-delay:-1.7s}.multiplier-fx.multiplier-3 i:nth-child(5){left:62%;top:88%;--sx:-135px;--sy:48px;animation-delay:-.75s}.multiplier-fx.multiplier-3 i:nth-child(6){left:14%;top:74%;--sx:-72px;--sy:-70px;animation-delay:-2.45s}
.multiplier-fx.multiplier-3 i:nth-child(7){left:18%;top:7%;--sx:52px;--sy:76px;animation-delay:-.2s;animation-duration:2.1s}.multiplier-fx.multiplier-3 i:nth-child(8){left:48%;top:15%;--sx:-65px;--sy:-88px;animation-delay:-1.4s;animation-duration:3.1s}.multiplier-fx.multiplier-3 i:nth-child(9){left:82%;top:24%;--sx:92px;--sy:-42px;animation-delay:-2.7s;animation-duration:2.35s}.multiplier-fx.multiplier-3 i:nth-child(10){left:95%;top:72%;--sx:70px;--sy:54px;animation-delay:-.9s;animation-duration:2.9s}.multiplier-fx.multiplier-3 i:nth-child(11){left:74%;top:82%;--sx:38px;--sy:94px;animation-delay:-1.85s;animation-duration:2.2s}.multiplier-fx.multiplier-3 i:nth-child(12){left:44%;top:94%;--sx:-48px;--sy:84px;animation-delay:-.55s;animation-duration:3s}.multiplier-fx.multiplier-3 i:nth-child(13){left:5%;top:52%;--sx:-96px;--sy:22px;animation-delay:-2.2s;animation-duration:2.45s}.multiplier-fx.multiplier-3 i:nth-child(14){left:54%;top:46%;--sx:122px;--sy:-96px;animation-delay:-1.05s;animation-duration:3.2s}
.multiplier-fx.multiplier-3 i:nth-child(3n){width:6px;height:6px}.multiplier-fx.multiplier-3 i:nth-child(4n){width:13px;height:13px}
@keyframes x3-stardust{0%{opacity:0;transform:translate(0,0) scale(.25)}18%{opacity:1;transform:translate(calc(var(--sx)*.22),calc(var(--sy)*.18)) scale(1.25)}58%{opacity:.85;transform:translate(calc(var(--sx)*.68),calc(var(--sy)*.66)) scale(.9)}100%{opacity:0;filter:blur(5px);transform:translate(var(--sx),var(--sy)) scale(.05)}}

/* x5: one continuous burning crown, strongest across the top and wrapping both sides. */
.multiplier-fire{position:absolute;inset:-31px -22px 2px;border-radius:34px;pointer-events:none;opacity:0;z-index:3;transition:opacity .25s;filter:drop-shadow(0 0 10px #ff4018) drop-shadow(0 0 26px color-mix(in srgb,var(--multiplier-color) 55%,#ff5218))}
.timer-card.multiplier-5 .multiplier-fire{opacity:1}
.multiplier-fire::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:13px;background:linear-gradient(180deg,#fff08a 0%,#ffac16 15%,#ff4a0e 43%,#b52408 72%,rgba(92,10,3,.72) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:fire-crown .82s ease-in-out infinite alternate}
.multiplier-fire::after{content:"";position:absolute;left:2%;right:2%;top:-32px;height:78px;border-radius:45% 45% 22% 22%;background:radial-gradient(ellipse at 8% 100%,#fff69c 0 5%,#ff9d14 10%,#ff3c0b 25%,transparent 46%),radial-gradient(ellipse at 27% 100%,#fff69c 0 5%,#ffb019 11%,#ff420c 27%,transparent 50%),radial-gradient(ellipse at 49% 100%,#fff9ac 0 6%,#ffa516 12%,#ff390a 29%,transparent 52%),radial-gradient(ellipse at 71% 100%,#fff69c 0 5%,#ffb019 11%,#ff420c 27%,transparent 50%),radial-gradient(ellipse at 92% 100%,#fff69c 0 5%,#ff9d14 10%,#ff3c0b 25%,transparent 46%);filter:blur(3px);mix-blend-mode:screen;animation:fire-flow .58s ease-in-out infinite alternate}
.multiplier-fx.multiplier-5:not(.multiplier-activation) i{display:none!important}
.timer-card.multiplier-5 .multiplier-neon{opacity:0}
.timer-card.multiplier-5 .multiplier-neon{opacity:1}.multiplier-fire{display:none!important}.x5-fire-video{position:absolute;inset:-65px -58px -52px;width:calc(100% + 116px);height:calc(100% + 117px);object-fit:contain;pointer-events:none;opacity:0;z-index:3;mix-blend-mode:screen;filter:saturate(1.14) drop-shadow(0 0 18px rgba(255,83,20,.68));clip-path:inset(0 0 67% 0);transition:opacity .25s}.timer-card.multiplier-5 .x5-fire-video{opacity:1}.timer-card .timer-top,.timer-card .timer,.timer-card .timer-actions{position:relative;z-index:4}
.multiplier-neon{opacity:1}
.timer-card.multiplier-3{--multiplier-color:#ffd05b!important}
.timer-card.multiplier-5{--multiplier-color:#ff5d30!important}
.x5-fire-video{inset:0;width:100%;height:100%;object-fit:fill;clip-path:none;transform:scale(1.07,1.82);transform-origin:center;filter:saturate(1.08) brightness(1.05) drop-shadow(0 0 14px rgba(255,83,20,.72))}
/* El panel web solo muestra el estado; los efectos pertenecen al overlay de OBS. */
.timer-card .multiplier-neon,.timer-card .multiplier-fire,.timer-card .x5-fire-video,.timer-card .multiplier-fx{display:none!important}
.timer-card.multiplier-2,.timer-card.multiplier-3,.timer-card.multiplier-5,.timer-card.multiplier-activation{animation:none!important;filter:none!important}
@keyframes fire-crown{0%{transform:scale(1,.96);filter:hue-rotate(-5deg) brightness(.95)}100%{transform:scale(1.015,1.08);filter:hue-rotate(8deg) brightness(1.28)}}
@keyframes fire-flow{0%{background-position:0 8px;transform:scaleY(.82) skewX(-2deg)}50%{background-position:37px -8px;transform:scaleY(1.14) skewX(2deg)}100%{background-position:74px -18px;transform:scaleY(.86) skewX(-1deg)}}

/* v5: badge integrated into the header instead of floating outside the card. */
.timer-meta{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.timer-top .multiplier-badge{position:relative;left:auto;right:auto;top:auto;bottom:auto;min-width:58px;padding:4px 11px;border-width:1px;font-size:19px;letter-spacing:.02em;transform:none;backdrop-filter:blur(8px)}
.timer-card:has(.multiplier-badge:not(.hidden)){margin-bottom:0}
@keyframes multiplier-badge-integrated{0%{opacity:0;transform:scale(.4) rotate(-8deg)}70%{transform:scale(1.16) rotate(2deg)}100%{opacity:1;transform:scale(1)}}
.timer-top .multiplier-badge.multiplier-activation{animation-name:multiplier-badge-integrated}
@media(max-width:620px){.timer-top .multiplier-badge{left:auto;right:auto;top:auto;bottom:auto;min-width:48px;padding:3px 8px;font-size:17px}.timer-meta{gap:6px}}