.hhm-game{--hhm-accent:#ff2d8d;position:relative;box-sizing:border-box;max-width:790px;margin:28px auto;padding:38px clamp(8px,4vw,40px) 56px;overflow:hidden;border:2px solid #ffd86a;border-radius:28px;background:radial-gradient(circle at 50% 0,#78173e,#250810 43%,#070506 82%);box-shadow:0 24px 55px #16000866,0 0 34px color-mix(in srgb,var(--hhm-accent) 42%,transparent),inset 0 0 48px #000;color:#fff;text-align:center;font-family:Arial,sans-serif}.hhm-game *{box-sizing:border-box}.hhm-title{margin:0 0 5px;color:#fff4c4;font:700 clamp(30px,6vw,46px)/1.05 Georgia,serif;text-shadow:0 0 9px #ffd45e,0 0 18px var(--hhm-accent)}.hhm-subtitle{margin:0 0 22px;color:#ff7fbb;font-weight:1000;letter-spacing:.16em}.hhm-machine{position:relative;max-width:680px;margin:auto;padding:18px 16px 25px;border:7px solid #d69519;border-radius:30px;background:linear-gradient(145deg,#fff3a1,#9b5204 11%,#f4bb39 28%,#4a2100 70%,#ffe596);box-shadow:inset 0 0 0 5px #281406,0 13px 28px #000b,0 0 24px #ffc93d88}.hhm-marquee{padding:10px;border:2px solid #ffe99d;border-radius:13px;background:#320716;color:#fff0a6;font-weight:1000;letter-spacing:.2em;text-shadow:0 0 9px #ffbd31}.hhm-lights{height:11px;margin:10px 2px;background:radial-gradient(circle,#fff 0 19%,#ffd13b 24% 43%,#9a3f00 48% 58%,transparent 62%) 0 50%/22px 14px repeat-x;filter:drop-shadow(0 0 5px #ffd43e)}.hhm-ways{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;padding:7px 12px;border:2px solid #ffe585;border-radius:9px;background:linear-gradient(90deg,#2b0712,#741d46,#2b0712);box-shadow:inset 0 0 12px #000;color:#ff93c3;font-size:10px;font-weight:1000;letter-spacing:.14em}.hhm-ways strong{color:#fff1a5;font:1000 23px/1 monospace;letter-spacing:0;text-shadow:0 0 8px #ffd44b}
.hhm-reels{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:5px;height:330px;padding:25px 7px 7px;overflow:hidden;border:4px solid #160b08;border-radius:15px;background:radial-gradient(circle at 50% 10%,#84345a55,transparent 48%),linear-gradient(#240812,#0c0508);box-shadow:inset 0 0 35px #000,0 0 0 2px #ffe069}.hhm-reel{--cells:7;position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;height:100%;padding-top:20px;border-right:1px solid #ffd36a44}.hhm-reel:last-child{border-right:0}.hhm-reel:before{content:attr(data-reel);position:absolute;top:0;left:50%;display:none}.hhm-reel:after{content:attr(data-cells);position:absolute;z-index:5;top:-20px;left:50%;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid #ffe487;border-radius:50%;background:#470b24;color:#fff0a3;font:1000 11px/1 Arial;transform:translateX(-50%);box-shadow:0 0 8px #ffca42}.hhm-reel i{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:40px;min-height:40px;border:2px solid #9c5d14;border-radius:7px;background:radial-gradient(circle at 35% 25%,#fff5c0,#d38a1c 48%,#5c2804);box-shadow:inset 0 0 7px #fff5,0 3px 4px #0008;color:#3d1300;font:normal 27px/1 "Segoe UI Emoji",Arial,sans-serif;font-style:normal;text-shadow:0 1px 1px #fff7}.hhm-reel i.is-seven{color:#d10b45;font:1000 29px/1 Georgia,serif}.hhm-reel i.is-diamond{background:radial-gradient(circle at 35% 20%,#fff,#9deeff 38%,#188bc1);filter:drop-shadow(0 0 5px #77e8ff)}.hhm-game.is-spinning .hhm-reels{filter:saturate(1.2)}.hhm-game.is-spinning .hhm-reel:nth-child(odd){animation:hhm-reel-shake .15s linear infinite alternate}.hhm-game.is-spinning .hhm-reel:nth-child(even){animation:hhm-reel-shake .13s -.08s linear infinite alternate-reverse}.hhm-game.is-spinning .hhm-reel i{filter:blur(1.7px) brightness(1.25)}.hhm-reel i.is-winning-symbol{z-index:3;border-color:#fff3a1;animation:hhm-symbol-win .46s ease-in-out infinite alternate;box-shadow:0 0 7px #fff,0 0 17px #ffd43d,0 0 26px var(--hhm-accent)}.hhm-reel i.is-vanishing{animation:hhm-vanish .42s ease-in forwards}.hhm-reel i.is-new{animation:hhm-new-symbol .5s cubic-bezier(.18,.8,.25,1)}.hhm-cascade{min-height:24px;margin-top:7px;color:#ff87bd;font-size:12px;font-weight:1000;letter-spacing:.12em;text-shadow:0 0 7px #ff2d8d}.hhm-message{min-height:43px;margin:5px 0 7px;color:#fff3bd;font-weight:900;text-shadow:0 0 8px #ffb82f}.hhm-message span{display:block}.hhm-win-title,.hhm-jackpot-title{font-size:21px;letter-spacing:.07em}.hhm-jackpot-title{color:#bdf7ff;text-shadow:0 0 8px #fff,0 0 18px #4ddcff}.hhm-paytable{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px;border:1px solid #ffe18c;border-radius:10px;background:#230710}.hhm-paytable>div{display:flex;flex-direction:column;gap:3px;padding:7px;border-radius:6px;background:#ffffff0c}.hhm-paytable>div:last-child{border:2px solid #7ee8ff;background:linear-gradient(135deg,#113b55,#210816)}.hhm-paytable span{color:#ff83ba;font-size:11px;font-weight:1000}.hhm-paytable strong{color:#fff0ad;font-size:13px}.hhm-last-win{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding:7px 11px;border:1px solid #ff78b6;border-radius:7px;background:#090305;color:#ff73b2;font-size:11px;font-weight:900;letter-spacing:.12em}.hhm-last-win strong{color:#fff0a1;font:1000 20px/1 monospace;letter-spacing:0}
.hhm-controls{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1.1fr);gap:11px;max-width:680px;margin:22px auto 0;text-align:left}.hhm-controls label{grid-column:1/-1;margin-bottom:-5px;color:#fff0bd;font-weight:800}.hhm-input{display:flex;align-items:center;height:50px;padding:0 13px;border:2px solid #e5b73e;border-radius:11px;background:#fff;color:#171217}.hhm-input span,.hhm-stake{font-family:Arial,sans-serif!important;font-size:18px!important;font-weight:800!important;line-height:1!important}.hhm-input span{display:flex;align-items:center;align-self:stretch;margin-right:7px}.hhm-stake{display:block;width:100%;height:22px!important;margin:0!important;padding:0!important;border:0!important;outline:0;background:transparent!important;color:#171217!important}.hhm-spin{height:50px;border:2px solid #ffe79b;border-radius:11px;background:linear-gradient(#ff72b6,var(--hhm-accent),#bd0055);box-shadow:0 7px 0 #6f0031;color:#fff;font-weight:1000;cursor:pointer}.hhm-spin:disabled{opacity:.55;cursor:wait}.hhm-note{margin:15px 0 0;color:#aaa;font-size:12px;line-height:1.4}.hhm-version{position:absolute;z-index:20;right:14px;bottom:13px;padding:5px 10px;border:1px solid #ff9ac7;border-radius:999px;background:linear-gradient(#ff6cae,var(--hhm-accent));color:#fff;font:800 11px/1 Arial;cursor:pointer}.hhm-version.is-armed{background:linear-gradient(#fff18a,#e1a900);color:#310}.hhm-confetti{position:absolute;inset:0;z-index:10;overflow:hidden;pointer-events:none}.hhm-confetti i{position:absolute;top:-15px;left:var(--x);width:9px;height:14px;background:var(--c);animation:hhm-fall 5s var(--delay) forwards}.hhm-game.is-jackpot .hhm-machine{animation:hhm-jackpot .7s ease-in-out 4}.hhm-game.is-jackpot .hhm-message{animation:hhm-jackpot-text .55s ease-in-out infinite alternate}
@keyframes hhm-reel-shake{to{transform:translateY(4px)}}@keyframes hhm-symbol-win{to{transform:scale(1.08);filter:brightness(1.4)}}@keyframes hhm-vanish{to{opacity:0;transform:scale(.2) rotate(35deg)}}@keyframes hhm-new-symbol{from{opacity:0;transform:translateY(-80px) scale(.7)}to{opacity:1;transform:none}}@keyframes hhm-fall{to{transform:translate(var(--d),1300px) rotate(900deg)}}@keyframes hhm-jackpot{50%{filter:brightness(1.35);box-shadow:inset 0 0 0 5px #281406,0 13px 28px #000b,0 0 42px #85efff,0 0 75px var(--hhm-accent)}}@keyframes hhm-jackpot-text{to{transform:scale(1.06);color:#fff;text-shadow:0 0 8px #fff,0 0 18px #61dfff}}
@media(max-width:570px){.hhm-game{padding:28px 5px 55px}.hhm-machine{padding:13px 5px 20px;border-width:5px}.hhm-reels{height:280px;gap:2px;padding-right:3px;padding-left:3px}.hhm-reel{gap:2px}.hhm-reel i{height:34px;min-height:34px;border-width:1px;font-size:21px}.hhm-reel i.is-seven{font-size:24px}.hhm-reel:after{width:21px;height:21px;font-size:9px}.hhm-ways strong{font-size:19px}.hhm-controls{grid-template-columns:1fr}.hhm-controls label{grid-column:auto}.hhm-paytable strong{font-size:11px}}

/* Shared Megaways engine layout; Kaisa colours are applied in kaisa-theme.css. */
.hhm-marquee{display:flex;align-items:center;justify-content:center;gap:9px;letter-spacing:.14em}
.hhm-marquee b{padding:4px 7px;border-radius:5px;background:#c81035;color:#fff;font-size:.76em;letter-spacing:.08em;transform:skew(-7deg);box-shadow:inset 0 0 0 1px #ffb0bc,0 0 9px #f22}
.hhm-reel i.is-seven{background:radial-gradient(circle at 35% 25%,#fff8cf,#f3b62e 48%,#793200);color:#d10b35;font:1000 29px/1 Georgia,serif;text-shadow:0 2px #fff,0 0 7px #ffcf38}
.hhm-reel i.is-bar{background:linear-gradient(#fff6ca,#d9a729 45%,#6c3308);color:#291000;font:1000 13px/1 Arial,sans-serif;letter-spacing:-.04em;text-shadow:0 1px #fff}

/* Iedere rol vult verticaal het volledige venster; minder cellen worden groter. */
.hhm-reel{display:grid;grid-template-rows:repeat(var(--cells),minmax(0,1fr));align-content:stretch;justify-content:stretch;gap:3px;padding-top:20px}
.hhm-reel i{width:100%;height:auto;min-height:0;font-size:clamp(20px,4.2vw,32px)}
.hhm-reel[data-cells="2"] i{font-size:clamp(38px,7.5vw,62px)}
.hhm-reel[data-cells="3"] i{font-size:clamp(32px,6.3vw,51px)}
.hhm-reel[data-cells="4"] i{font-size:clamp(28px,5.4vw,43px)}
.hhm-reel[data-cells="5"] i{font-size:clamp(24px,4.8vw,37px)}
.hhm-reel[data-cells="6"] i{font-size:clamp(21px,4.3vw,33px)}
.hhm-reel[data-cells="7"] i{font-size:clamp(19px,3.9vw,29px)}
.hhm-reel[data-cells="2"] i.is-seven{font-size:clamp(46px,9vw,72px)}
.hhm-reel[data-cells="3"] i.is-seven{font-size:clamp(38px,7.4vw,59px)}
.hhm-reel[data-cells="4"] i.is-seven{font-size:clamp(32px,6.3vw,49px)}
.hhm-reel[data-cells="5"] i.is-seven{font-size:clamp(27px,5.3vw,41px)}
.hhm-reel[data-cells="6"] i.is-seven{font-size:clamp(23px,4.6vw,35px)}
.hhm-reel[data-cells="7"] i.is-seven{font-size:clamp(21px,4.1vw,31px)}
.hhm-reel[data-cells="2"] i.is-bar{font-size:clamp(18px,3.5vw,28px)}
.hhm-reel[data-cells="3"] i.is-bar{font-size:clamp(16px,3vw,23px)}
.hhm-reel[data-cells="4"] i.is-bar{font-size:clamp(14px,2.6vw,20px)}

@media(max-width:570px){.hhm-reel{gap:2px;padding-top:20px}.hhm-reel i{height:auto;min-height:0}}

.hhm-reel i.is-scatter{background:radial-gradient(circle at 35% 20%,#fff8c9,#ffd338 43%,#8d3a00);filter:drop-shadow(0 0 5px #ffd84c)}
.hhm-reel i.is-star{background:radial-gradient(circle at 35% 20%,#fff,#8ce6ff 43%,#176baa);filter:drop-shadow(0 0 5px #53d7ff)}
.hhm-round-info{display:flex;justify-content:space-between;gap:8px;margin:8px 0;padding:7px 10px;border:1px solid #ffe18c;border-radius:8px;background:#19060d;color:#ff8cbd;font-size:10px;font-weight:1000;letter-spacing:.09em}
.hhm-round-info b{color:#fff0a4;font-size:14px}.hhm-game.is-free-spins .hhm-round-info{box-shadow:0 0 14px #55dfff;background:#102d3a}.hhm-paytable-toggle{width:100%;padding:8px;border:1px solid #ffe18c;border-radius:7px;background:linear-gradient(#6f173d,#310711);color:#fff0a4;font-weight:1000;letter-spacing:.08em;cursor:pointer}.hhm-paytable-toggle[aria-expanded="true"]{background:linear-gradient(#a32a59,#4c0c22)}
.hhm-paytable[hidden]{display:none!important}.hhm-paytable{display:block;margin-top:7px;padding:10px;border:1px solid #ffe18c;border-radius:10px;background:linear-gradient(135deg,#171d28,#55322c 52%,#25262a);text-align:left}.hhm-paytable>div{padding:0;background:transparent}.hhm-paytable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hhm-paytable-grid>div{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:5px;padding:6px;border-radius:7px;background:#ffffff0d}.hhm-paytable-grid i{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:7px;background:radial-gradient(circle at 35% 20%,#fff8cd,#dfa52a 48%,#6b2d04);font:normal 30px/1 "Segoe UI Emoji",Arial,sans-serif;font-style:normal}.hhm-paytable-grid span{color:#fff;font:800 11px/1.45 monospace}.hhm-paytable p{margin:9px 2px 0;color:#f7edf0;font-size:11px;line-height:1.4}.hhm-paytable p b{color:#ffd768}
@media(max-width:570px){.hhm-paytable-grid{grid-template-columns:1fr}.hhm-round-info{font-size:9px}.hhm-paytable-grid>div{grid-template-columns:46px 1fr}.hhm-paytable-grid i{min-height:42px;font-size:25px}}

/* PNG-symbolenset en cascadefysica */
.hhm-reel i{overflow:hidden;padding:3px;background:radial-gradient(circle at 45% 30%,#fff9d7,#eebd43 50%,#9c590d);font-size:0}
.hhm-reel i img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 1px #0007);pointer-events:none;user-select:none}
.hhm-reel i.is-bar{padding:4px;background:radial-gradient(circle at 45% 30%,#fff9d7,#eebd43 50%,#9c590d)}
.hhm-reel i.is-scatter{padding:2px;background:radial-gradient(circle at 35% 20%,#fff8c9,#ffd338 43%,#8d3a00)}
.hhm-reel i.is-falling{animation:hhm-drop-symbol .5s cubic-bezier(.18,.82,.25,1)}
.hhm-reel[data-cells="2"] i{padding:8px}.hhm-reel[data-cells="3"] i{padding:6px}.hhm-reel[data-cells="6"] i,.hhm-reel[data-cells="7"] i{padding:2px}
.hhm-paytable-grid i{padding:3px;overflow:hidden}.hhm-paytable-grid i img{display:block;width:100%;height:48px;object-fit:contain;filter:drop-shadow(0 2px 1px #0007)}
@keyframes hhm-drop-symbol{from{transform:translateY(-45px);opacity:.55}to{transform:translateY(0);opacity:1}}

/* Winpresentatie volgens het videovoorbeeld */
.hhm-reels.has-win .hhm-reel i{transition:filter .22s ease,opacity .22s ease;filter:brightness(.36) saturate(.62);opacity:.78}
.hhm-reels.has-win .hhm-reel i.is-winning-symbol{animation:none;filter:brightness(1.12) saturate(1.12);opacity:1;transform:none;border-color:#fff0a0;box-shadow:0 0 7px #fff6,0 0 15px #ffd43d}
.hhm-reel i.is-vanishing{animation:none;position:relative;overflow:visible}
.hhm-reel i.is-vanishing img{animation:hhm-reference-vanish .42s ease-in forwards}
.hhm-reel i.is-vanishing:after{content:"";position:absolute;z-index:4;left:50%;top:50%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#ffd74d 12% 22%,#ff4d91 28%,transparent 66%);transform:translate(-50%,-50%) scale(.15);opacity:0;animation:hhm-win-burst .4s ease-out forwards;pointer-events:none}
.hhm-reel i.is-empty-win{overflow:hidden;filter:brightness(.48);box-shadow:inset 0 0 18px #111}
.hhm-reel i.is-empty-win img{visibility:hidden}
@keyframes hhm-reference-vanish{0%{opacity:1;transform:scale(1);filter:brightness(1.15)}45%{opacity:1;transform:scale(1.06);filter:brightness(1.45)}100%{opacity:0;transform:scale(.62);filter:brightness(2)}}
@keyframes hhm-win-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(3.1)}}

/* Langzamere tweefasen-cascade en gegarandeerd passende cellen */
.hhm-reels,.hhm-reel,.hhm-reel i,.hhm-reel i img{min-width:0;min-height:0}
.hhm-reel{overflow:hidden}
.hhm-reel i{max-height:100%;overflow:hidden}
.hhm-reel i img{max-height:100%;object-fit:contain}
.hhm-reel i.is-falling{animation:hhm-slow-drop .9s cubic-bezier(.2,.72,.22,1)}
.hhm-reel i.is-new{animation:hhm-slow-refill .86s cubic-bezier(.16,.76,.2,1)}
.hhm-reel i.is-placeholder{border-color:#30261d;background:repeating-linear-gradient(0deg,#262626 0 3px,#323232 3px 5px);box-shadow:inset 0 0 16px #000;opacity:.72}
@keyframes hhm-slow-drop{from{transform:translateY(-70%);opacity:.7}to{transform:translateY(0);opacity:1}}
@keyframes hhm-slow-refill{from{transform:translateY(-130%);opacity:.25}to{transform:translateY(0);opacity:1}}

.hhm-bonus-intro{position:absolute;z-index:40;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px;background:radial-gradient(circle,#8e2754f2,#270712f8 58%,#050204fc);cursor:pointer;text-align:center;outline:none}
.hhm-bonus-intro[hidden]{display:none!important}
.hhm-bonus-intro:before{content:"";position:absolute;inset:12%;border:4px solid #ffd96a;border-radius:26px;box-shadow:0 0 25px #ffd34f,inset 0 0 35px #ff2d8d66;pointer-events:none}
.hhm-bonus-intro strong{position:relative;color:#fff0a1;font:1000 clamp(38px,8vw,72px)/1 Georgia,serif;text-shadow:0 0 10px #fff,0 0 25px #ffb928,0 5px #8c3f00}
.hhm-bonus-intro span{position:relative;color:#fff;font-size:clamp(13px,2.6vw,21px);font-weight:1000;letter-spacing:.12em;animation:hhm-continue-pulse .8s ease-in-out infinite alternate}
@keyframes hhm-continue-pulse{to{opacity:.48}}

/* Vloeiende individuele reelspin; gestopte rollen blijven volledig stil. */
.hhm-game.is-spinning .hhm-reel:not(.is-reel-spinning){animation:none!important;transform:none!important}
.hhm-game.is-spinning .hhm-reel:not(.is-reel-spinning) i{filter:none!important}
.hhm-game.is-spinning .hhm-reel.is-reel-spinning i{filter:blur(2.3px) brightness(1.2)}
.hhm-game.is-spinning .hhm-reel.is-reel-spinning:nth-child(odd){animation:hhm-reel-flow .11s linear infinite alternate}
.hhm-game.is-spinning .hhm-reel.is-reel-spinning:nth-child(even){animation:hhm-reel-flow .1s -.05s linear infinite alternate-reverse}
@keyframes hhm-reel-flow{from{transform:translateY(-3px)}to{transform:translateY(4px)}}

/* Vast creditsaldo, inzet 1 en vrije tellerstrook boven de rollen. */
.hhm-reels{padding-top:38px}
.hhm-reel{padding-top:0!important;overflow:visible}
.hhm-reel:after{top:-31px;width:25px;height:25px;line-height:25px}
.hhm-controls{grid-template-columns:minmax(90px,.75fr) minmax(115px,1fr) minmax(150px,1.1fr)}
.hhm-credit-panel{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 12px;border:2px solid #e5b73e;border-radius:11px;background:linear-gradient(#310711,#130207);color:#ff83ba;font-size:10px;font-weight:1000;letter-spacing:.08em}
.hhm-credit-panel strong{color:#fff0a1;font:1000 19px/1 monospace;letter-spacing:0}
.hhm-stake[readonly]{cursor:default;text-align:center}
@media(max-width:570px){.hhm-reels{padding-top:36px}.hhm-reel:after{top:-29px}.hhm-controls{grid-template-columns:1fr}.hhm-credit-panel{width:100%}}

/* Doorlopende GPU-strip, gebaseerd op de vloeiende spin uit slotmachine v1.7.1. */
.hhm-reel.is-reel-spinning{animation:none!important;transform:none!important}
.hhm-spin-track{position:absolute;z-index:12;top:0;left:0;width:100%;display:block;background:#160811;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}
.hhm-spin-track i{display:flex;width:100%;min-height:0;max-height:none!important;border-radius:7px}
.hhm-spin-track i img{width:100%;height:100%;object-fit:contain}
.hhm-reel.is-stopped{animation:hhm-strip-stop .32s ease-out}
@keyframes hhm-strip-stop{35%{transform:translateY(5px)}70%{transform:translateY(-2px)}100%{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hhm-spin-track{transition-duration:.25s!important}.hhm-reel *{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* v1.5.5: start above a single credit/bet row; paytable below the controls. */
.hhm-controls{display:grid;grid-template-columns:1fr;gap:10px}.hhm-spin{grid-row:1}.hhm-credit-bet{grid-row:2;display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:8px 12px;border:2px solid #e5b73e;border-radius:11px;background:linear-gradient(#310711,#130207);color:#ff83ba;font-size:12px;font-weight:1000;letter-spacing:.08em}.hhm-credit-bet>span{display:flex;align-items:center;gap:7px}.hhm-credit-bet>span:last-of-type{justify-content:flex-end;text-align:right}.hhm-credit-bet strong{color:#fff0a1;font:1000 19px/1 monospace;letter-spacing:0}.hhm-credit-bet .hhm-credit-panel{width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;color:#ff83ba;font-size:12px}.hhm-paytable-toggle{display:block;max-width:680px;margin:14px auto 0}.hhm-paytable{max-width:680px;margin:7px auto 0;text-align:left}
@media(max-width:570px){.hhm-credit-bet{font-size:11px}.hhm-credit-bet .hhm-credit-panel{font-size:11px}.hhm-credit-bet strong{font-size:17px}}

/* v1.5.6: compositor-only mobile reel motion, matching Book of Secrets. */
@media(max-width:570px){.hhm-reels{transform:translateZ(0)}.hhm-spin-track,.hhm-game.is-spinning .hhm-reel.is-reel-spinning i,.hhm-game.is-spinning .hhm-reel.is-reel-spinning i img{filter:none!important}.hhm-spin-track{contain:layout paint;transform-style:preserve-3d}.hhm-spin-track i img{filter:none!important}}

/* v1.5.7: reduce tall-reel paint work and soften cascade refills. */
.hhm-reel i.is-new{animation:hhm-gentle-refill 1.12s cubic-bezier(.16,.72,.2,1) var(--hhm-refill-delay,0ms) both;will-change:transform,opacity}
@keyframes hhm-gentle-refill{0%{transform:translate3d(0,-190%,0);opacity:0}35%{opacity:.72}82%{transform:translate3d(0,4%,0);opacity:1}100%{transform:translate3d(0,0,0);opacity:1}}
@media(max-width:570px){.hhm-reel.is-reel-spinning>i{visibility:hidden}.hhm-spin-track i{border-color:transparent;box-shadow:none}.hhm-spin-track i img{transform:translateZ(0)}}

/* v1.5.8: keep every temporary strip inside its own 2-7 cell reel viewport. */
.hhm-reel.is-reel-spinning{overflow:hidden!important}

/* v1.5.9: one prerendered canvas layer per mobile reel. */
.hhm-spin-canvas{position:absolute;z-index:12;top:0;left:0;display:block;max-width:none;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;contain:strict}
@media(max-width:570px){.hhm-spin-canvas{filter:none!important}.hhm-reel.is-reel-spinning{contain:layout paint}}

/* v1.5.10: free-spin total left and last win right in one summary bar. */
.hhm-last-win{gap:14px}.hhm-last-win>span{display:flex;align-items:center;gap:8px;min-width:0}.hhm-last-win .hhm-free-total{justify-content:flex-start;text-align:left}.hhm-last-win .hhm-last-result{justify-content:flex-end;margin-left:auto;text-align:right}.hhm-last-win em{font-style:normal}.hhm-last-win .hhm-free-total strong,.hhm-last-win .hhm-last-result strong{color:#fff0a1;font:1000 20px/1 monospace;letter-spacing:0;white-space:nowrap}
@media(max-width:570px){.hhm-last-win{gap:7px;padding-inline:8px}.hhm-last-win>span{gap:5px;font-size:8px}.hhm-last-win .hhm-free-total strong,.hhm-last-win .hhm-last-result strong{font-size:15px}}

