.cup-bonus-dialog{padding:0;border:1px solid #f5c469;border-radius:12px;width:min(98vw,1600px,max(620px,calc((94dvh - 150px)*16/9 + 20px)));max-width:98vw;height:94dvh;max-height:94dvh;margin:auto;background:#170b29;overflow:hidden}.cup-bonus-dialog::backdrop{background:#090414e8}.cup-bonus-dialog iframe{width:100%;height:100%;border:0;display:block}.free-spins-hud{position:fixed;z-index:50;top:8px;left:50%;transform:translateX(-50%);padding:8px 16px;border:1px solid #efbc60;border-radius:20px;background:#351945f2;color:#fff0b7;font:700 clamp(11px,2.8vw,16px) system-ui;max-width:96vw;text-align:center;pointer-events:none}.free-spins-hud[hidden]{display:none}
/* 2026-09-25 Free Spins growing multiplier chip: bumps (alternating keyframes restart it) each time it rises. */
.free-spins-hud{display:flex;align-items:center;gap:.6em}.free-spins-hud[hidden]{display:none}
.free-spins-hud .fs-multiplier{display:inline-grid;place-items:center;min-width:2.6em;padding:.1em .5em;border-radius:1em;font:900 clamp(14px,3.4vw,22px)/1.1 CarnivalCoin,Georgia,serif;color:#fff;background:linear-gradient(#b454ff,#5a1296);box-shadow:0 0 0 2px #f3d27a,0 0 12px #c77dff}
.free-spins-hud .fs-multiplier[data-max="true"]{color:#3b1200;background:linear-gradient(#fff0a0,#e8950f);box-shadow:0 0 0 2px #fff4c2,0 0 16px #ffcf53}
.free-spins-hud .fs-multiplier[data-bump="0"]{animation:fs-bump-a .7s cubic-bezier(.2,1.6,.4,1)}
.free-spins-hud .fs-multiplier[data-bump="1"]{animation:fs-bump-b .7s cubic-bezier(.2,1.6,.4,1)}
@keyframes fs-bump-a{0%{transform:scale(1)}40%{transform:scale(1.55);filter:brightness(1.6)}100%{transform:scale(1)}}
@keyframes fs-bump-b{0%{transform:scale(1)}40%{transform:scale(1.55);filter:brightness(1.6)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.free-spins-hud .fs-multiplier{animation:none!important}}

/* Free Spins multiplier sign (2026-09-26 v3): an Artlist-painted carnival marquee in the game's own sign style
   (assets/ui/fs-multiplier-sign-v1.webp, generation 01a0d8ef-2fdd-706f-aece-8bec44a801ee, keyed from a green
   plate). The ×N sits in its dark window in the drawn numerals; MULTIPLIER is lettered on its gold ribbon.
   Desktop: it covers the painted "3 SCATTERS CUP BONUS" sign during free spins. Phone: over the title plaque. */
.reel-stage>.fs-medallion{position:absolute;z-index:14;left:100.2%;top:-39%;width:27.5%;aspect-ratio:1000/586;pointer-events:none;
  --digit:clamp(30px,8.2dvh,86px);background:url('../../assets/ui/fs-multiplier-sign-v1.webp') center/100% 100% no-repeat;
  filter:drop-shadow(0 8px 14px #000b)}
.reel-stage>.fs-medallion .fs-medallion-digits{position:absolute;left:20.7%;right:20%;top:21.7%;bottom:27.1%;display:flex;align-items:center;justify-content:center;
  gap:calc(var(--digit) * .01);filter:drop-shadow(0 3px 0 #3a0508) drop-shadow(0 0 10px #ffd97a88)}
.reel-stage>.fs-medallion .fs-medallion-digits i{display:block;flex:none;height:var(--digit);width:calc(var(--digit) * var(--gw) / 240);
  background:url('../../assets/ui/win-numerals-v3.webp') no-repeat;background-size:calc(var(--digit)  * 2128 / 240) var(--digit);background-position:calc(var(--digit) * var(--gx) / -240) 0}
.reel-stage>.fs-medallion .fs-medallion-ribbon{position:absolute;left:15%;right:15%;top:80%;bottom:5%;display:grid;place-items:center;white-space:nowrap;
  font:900 clamp(10px,1.5dvh,15px)/1 CarnivalCoin,Georgia,serif;letter-spacing:.04em;color:#5a1206;text-shadow:0 1px 0 #ffe9a8}
.reel-stage>.fs-medallion[data-max="true"]{filter:drop-shadow(0 8px 14px #000b) drop-shadow(0 0 26px #ffe066)}
.reel-stage>.fs-medallion.bump{animation:fs-medallion-bump .8s cubic-bezier(.2,1.6,.4,1)}
@keyframes fs-medallion-bump{0%{scale:1}30%{scale:1.14;filter:drop-shadow(0 0 34px #fff2a0) brightness(1.35)}100%{scale:1}}
@media(max-width:900px) and (orientation:portrait){
  .reel-stage>.fs-medallion{left:50%;top:-44%;width:43%;translate:-50% 0;--digit:clamp(18px,6vw,30px)}
  .reel-stage>.fs-medallion .fs-medallion-ribbon{font-size:clamp(9px,2.5vw,11px)}
}
@media(prefers-reduced-motion:reduce){.reel-stage>.fs-medallion.bump{animation:none}}
/* Top Free Spins bar restyled as a carnival marquee plaque (was a plain purple pill in system font). */
.free-spins-hud{padding:.45em 1.4em;border:2px solid #f3d27a;border-radius:.6em;background:linear-gradient(#5a0c18,#240410);
  box-shadow:0 0 0 2px #6b2b04,0 4px 14px #000a,inset 0 0 14px #ffb30033;color:#ffe9a8;
  font:900 clamp(11px,2.6vw,17px)/1.15 CarnivalCoin,Georgia,serif;letter-spacing:.05em;text-shadow:0 2px 0 #3a0508}
.free-spins-hud .fs-multiplier{--digit:clamp(18px,3.2vw,26px);display:inline-flex;align-items:flex-end;gap:calc(var(--digit) * .02);min-width:0;padding:.18em .55em;
  border-radius:.45em;background:linear-gradient(#2a0712,#12030a);box-shadow:0 0 0 2px #f3d27a,0 0 12px #ffcf4a66;filter:drop-shadow(0 2px 2px #000a)}
.free-spins-hud .fs-multiplier i{display:block;flex:none;height:var(--digit);width:calc(var(--digit) * var(--gw) / 240);
  background:url('../../assets/ui/win-numerals-v3.webp') no-repeat;background-size:calc(var(--digit)  * 2128 / 240) var(--digit);background-position:calc(var(--digit) * var(--gx) / -240) 0}
.free-spins-hud .fs-multiplier[data-max="true"]{box-shadow:0 0 0 2px #fff4c2,0 0 18px #ffcf53}
/* ×N centred in the sign's dark window and sized to it (2026-09-29, Barak: "centre the ×3 in the frame"). The window
   is 20.7-80% x 21.7-72.9% of the sign (measured on fs-multiplier-sign-v1); digits are 70% of its height. */
.reel-stage>.fs-medallion{container-type:size}
.reel-stage>.fs-medallion{--digit:35cqh}
@media(max-width:900px) and (orientation:portrait){.reel-stage>.fs-medallion{--digit:35cqh}}
/* The cup scene is a full game scene, not a framed card. */
.cup-bonus-dialog{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:#170b29}

/* Long growing multipliers remain within the existing painted window. */
.reel-stage>.fs-medallion{--digit:min(35cqh,calc(54cqw / var(--multi-width,2)))}
/* Carnival's own lettering, optically centred as one line in the existing
   dark window. Live type stays crisp and shrinks with arbitrarily long values. */
.reel-stage>.fs-medallion .fs-medallion-digits{
  font:700 var(--digit)/1 CarnivalCoin,Georgia,serif;
  color:#ffe69b;white-space:nowrap;font-variant-numeric:lining-nums;
  text-shadow:0 .035em 0 #9d4b0b,0 .075em 0 #4c1406,0 0 .22em #ffc64688;
  filter:none;letter-spacing:-.035em;
}
.free-spins-hud .fs-multiplier{
  font-family:CarnivalCoin,Georgia,serif;font-weight:700;
  font-size:var(--digit);line-height:1;align-items:center;justify-content:center;
  color:#ffe69b;text-shadow:0 .04em 0 #8f3b0a,0 .08em 0 #3a0906;
}