:root{--topper-height:auto}
.topper{}
:root{color-scheme:dark;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#fff6d5;background:radial-gradient(circle at 50% 12%,#51186e,#14082b 46%,#05030c);overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cabinet{width:min(1180px,100%);min-height:100vh;margin:auto;display:flex;flex-direction:column;align-items:center;padding:10px clamp(8px,2vw,22px) 4px;gap:10px}.lower-screen{position:relative;width:100%;aspect-ratio:1672/941;background:url('../assets/cabinet/carnival-main-screen-landscape-v1.png') center/100% 100% no-repeat;filter:drop-shadow(0 18px 22px #000b)}
.reel-stage{position:absolute;left:17.4%;top:22.1%;width:65.2%;height:51.4%}.reels{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:.6%}.reel{display:grid;grid-template-rows:repeat(3,1fr);gap:1.1%}.symbol{display:grid;place-items:center;min-height:0;border-radius:8%;background:radial-gradient(circle at 50% 38%,#633566eb,#210e29f2 70%);font:clamp(22px,4vw,56px) system-ui;transition:transform .2s,filter .2s;overflow:hidden}.symbol.winning{filter:brightness(1.28) drop-shadow(0 0 12px #ffb447);transform:scale(1.06);z-index:4;box-shadow:inset 0 0 14px #fff,0 0 20px #ff8e19;overflow:visible}.symbol.coin{border-radius:50%;margin:7%;color:#fff3a7;font-weight:900;text-shadow:0 2px #000;background:radial-gradient(circle at 35% 28%,#ffe58a,var(--coin,#bf362b) 33%,#51101b 78%);border:clamp(2px,.35vw,5px) solid #ffd250}.symbol.coin-blue{--coin:#1685d3}.symbol.coin-green{--coin:#55a936}.symbol.coin-gold{--coin:#e4a819}#payline-canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 7px #ff5b13)}
.status{position:absolute;left:24%;top:75.6%;width:52%;height:5.3%;margin:0;display:grid;place-items:center;color:#ffe47e;letter-spacing:.11em;font-size:clamp(10px,1.75vw,22px);text-align:center;text-shadow:0 2px 3px #000}.controls{position:absolute;inset:0;pointer-events:none}.controls label{position:absolute;top:84.7%;height:9.3%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1.25%;pointer-events:auto}.controls label span{display:none}.controls output{color:#fff;font-family:Georgia,serif;font-weight:800;font-size:clamp(10px,1.65vw,22px);text-shadow:0 2px 3px #000}.balance-label{left:6.6%;width:19.3%}.bet-label{left:29.1%;width:18.8%;gap:4%}.win-label{left:51.4%;width:18.6%}.controls button{color:#fff;background:#6b285b;border:2px solid #e89c36;border-radius:50%;font:inherit;cursor:pointer}.bet-label button{width:1.65em;height:1.65em;display:grid;place-items:center;line-height:1}.spin{position:absolute;right:5.2%;top:82%;width:14.8%;aspect-ratio:1;border:0!important;background:transparent!important;color:transparent!important;pointer-events:auto}.controls button:disabled{filter:grayscale(1)}footer{padding:2px 8px;color:#aa91b6;font:10px system-ui;letter-spacing:.08em}
.art-symbol::before{content:'';position:absolute;inset:2%;background-image:url('../assets/symbols/carnival-symbols-atlas-v1.png');background-repeat:no-repeat;background-size:400% 200%;filter:drop-shadow(0 4px 3px #000a);transform-origin:50% 70%}.symbol{position:relative}.symbol[data-symbol="wild"]::before{background-position:0 0}.symbol[data-symbol="cannon"]::before{background-position:33.333% 0}.symbol[data-symbol="clown"]::before{background-position:66.666% 0}.symbol[data-symbol="mallet"]::before{background-position:100% 0}.symbol[data-symbol="balloon"]::before{background-position:0 100%}.symbol[data-symbol="popcorn"]::before{background-position:33.333% 100%}.symbol[data-symbol="ticket"]::before{background-position:66.666% 100%}.symbol[data-symbol="candy"]::before{background-position:100% 100%}.symbol[data-symbol="wild"]::after{content:'';position:absolute;z-index:3;width:18%;height:52%;left:44%;top:16%;opacity:0;border-radius:50% 50% 44% 44%;background:linear-gradient(90deg,#fff 0 28%,#e32c25 28% 46%,#fff 46% 72%,#e32c25 72%);border:1px solid #ffe58b;filter:drop-shadow(0 0 8px #ff5c16)}.symbol.winning[data-symbol="wild"]{overflow:visible;z-index:6}.symbol.winning[data-symbol="wild"]::before{animation:wild-performance .9s cubic-bezier(.2,.75,.25,1.2) both}.symbol.winning[data-symbol="wild"]::after{animation:wild-thrown-pin .9s cubic-bezier(.22,.8,.25,1) .12s both}@keyframes wild-performance{0%{transform:translateY(0) scale(1)}28%{transform:translateY(-16%) scale(1.18) rotate(-4deg)}55%{transform:translateY(-21%) scale(1.24) rotate(3deg)}100%{transform:translateY(0) scale(1)}}@keyframes wild-thrown-pin{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.7)}18%{opacity:1}75%{opacity:1;transform:translate(235%,-25%) rotate(620deg) scale(1)}100%{opacity:0;transform:translate(330%,-10%) rotate(820deg) scale(.55)}}
/* Painted cabinet wells own the backgrounds; live values and status are text only. */
.status{background:none}.controls label{background:none}.controls output,.bet-label button{position:relative;z-index:1}
@media(max-width:600px),(orientation:portrait) and (max-width:900px){.cabinet{width:min(520px,100%);padding:5px;gap:6px}.lower-screen{aspect-ratio:941/1672;background-image:url('../assets/cabinet/carnival-main-screen-mobile-v1.png')}.reel-stage{left:9.2%;top:23.3%;width:81.1%;height:37.3%}.reels{gap:.55%}.reel{gap:.55%}.symbol{font-size:clamp(24px,10vw,50px)}.status{left:14%;top:63.8%;width:72%;height:4.6%;font-size:clamp(12px,3.7vw,20px)}.controls label{top:71%;height:7.1%;padding-bottom:.8%}.controls output{font-size:clamp(13px,4.2vw,21px)}.balance-label{left:6.5%;width:27.7%}.bet-label{left:35.5%;width:28.7%;gap:3%}.win-label{left:65.5%;width:27.8%}.spin{right:34.9%;top:80.4%;width:30.2%}footer{font-size:8px}}
@media(min-width:901px) and (min-height:900px){.cabinet{width:min(1040px,100%)}}
.symbol[data-symbol="wild"]::before{animation:wild-idle 2.4s ease-in-out infinite}.symbol.winning[data-symbol="wild"]::before{animation:wild-performance .9s cubic-bezier(.2,.75,.25,1.2) both}@keyframes wild-idle{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3%) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.symbol[data-symbol="wild"]::before{animation:none}.symbol.winning[data-symbol="wild"]::after{animation:none}}
@font-face{font-family:CarnivalCoin;src:url('../assets/fonts/cinzel-bold.woff2') format('woff2');font-weight:700;font-display:swap}.coin{margin:0;border:0;border-radius:0;background:none!important;overflow:visible;isolation:isolate;animation:coin-land .48s cubic-bezier(.2,.8,.25,1.25)}.coin::before{content:'';position:absolute;inset:1%;z-index:0;background-image:url('../assets/symbols/carnival-coins-atlas-v1.png');background-repeat:no-repeat;background-size:400% 100%;filter:drop-shadow(0 5px 5px #000b);transform-origin:50% 50%}.coin-red::before{background-position:0 0}.coin-blue::before{background-position:33.333% 0}.coin-green::before{background-position:66.666% 0}.coin-gold::before{background-position:100% 0}.coin::after{content:'';position:absolute;z-index:2;left:25%;top:17%;width:13%;height:55%;border-radius:50%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:rotate(28deg) translateX(-180%);opacity:0;animation:coin-shine 2.8s ease-in-out 1s infinite}.coin-value{position:relative;z-index:1;display:block;max-width:56%;font-family:CarnivalCoin,Georgia,serif;font-size:clamp(14px,2.9vw,40px);line-height:1;color:#fff3a8;-webkit-text-stroke:clamp(1px,.15vw,2px) #4b1808;text-shadow:0 2px 0 #8b3b0a,0 4px 5px #000,0 0 8px #ffc83d;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.coin-value-long .coin-value{font-size:clamp(11px,2.25vw,32px);letter-spacing:-.1em}@keyframes coin-land{0%{transform:translateY(-35%) scale(.55) rotate(-12deg);opacity:0}65%{transform:translateY(3%) scale(1.08) rotate(2deg);opacity:1}100%{transform:none;opacity:1}}@keyframes coin-shine{0%,48%,100%{opacity:0;transform:rotate(28deg) translateX(-180%)}58%{opacity:.9}72%{opacity:0;transform:rotate(28deg) translateX(420%)}}@media(max-width:600px),(orientation:portrait) and (max-width:900px){.coin-value{font-size:clamp(14px,7vw,28px);-webkit-text-stroke:1px #4b1808}.coin-value-long .coin-value{font-size:clamp(11px,5.2vw,22px)}}@media(prefers-reduced-motion:reduce){.coin,.coin::after{animation:none}}
.bonus-demo{position:absolute;right:20.2%;top:85.4%;width:4.5%;aspect-ratio:1;pointer-events:auto;border:0!important;background:transparent!important;color:transparent!important}.feature-screen[hidden]{display:none}.feature-screen{position:absolute;z-index:20;inset:12% 9% 5%;display:grid;grid-template-rows:auto auto 1fr auto;gap:1.2%;padding:2.2% 3%;overflow:hidden;border:clamp(3px,.45vw,7px) solid #ffc84b;border-radius:4%;background:radial-gradient(circle at 50% 35%,#442065 0,#190d2b 55%,#070713 100%);box-shadow:inset 0 0 32px #000,0 0 25px #ff9d25}.feature-screen::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 0,#ef382844,transparent 28%),radial-gradient(circle at 50% 0,#168ce044,transparent 28%),radial-gradient(circle at 80% 0,#61c43844,transparent 28%)}.feature-header{position:relative;text-align:center;line-height:1}.feature-header small{display:block;color:#fff0a2;font-size:clamp(8px,1vw,14px);letter-spacing:.25em}.feature-header strong{font-family:CarnivalCoin,Georgia,serif;font-size:clamp(16px,2.5vw,34px);color:#ffd24f;-webkit-text-stroke:1px #6f1b0d;text-shadow:0 3px 0 #5c160c,0 0 14px #ff7b21}.feature-modifiers{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1%;font-size:clamp(7px,.95vw,13px);text-align:center}.feature-modifiers span{padding:2.2% 1%;border:2px solid #ffd15b;border-radius:999px;box-shadow:inset 0 0 12px #0008}.mod-red{background:#a51d23}.mod-blue{background:#08689a}.mod-green{background:#328127}.feature-board{position:relative;width:min(76%,620px);height:100%;min-height:0;justify-self:center;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:1%;padding:1%;border:3px solid #d98f2d;border-radius:3%;background:#080714aa;box-shadow:inset 0 0 20px #000}.feature-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border:1px solid #784c77;border-radius:10%;background:radial-gradient(circle,#372244,#100b1c 72%)}.feature-cell.locked{isolation:isolate;animation:feature-coin-land .55s cubic-bezier(.18,.8,.25,1.3) both}.feature-cell.locked::before{content:'';position:absolute;inset:0;background-image:url('../assets/symbols/carnival-coins-atlas-v1.png');background-size:400% 100%;background-repeat:no-repeat;filter:drop-shadow(0 3px 4px #000)}.feature-cell.coin-red::before{background-position:0 0}.feature-cell.coin-blue::before{background-position:33.333% 0}.feature-cell.coin-green::before{background-position:66.666% 0}.feature-cell.coin-gold::before{background-position:100% 0}.feature-cell .coin-value{max-width:58%;font-size:clamp(11px,2vw,28px)}.feature-meter{position:relative;display:grid;grid-template-columns:auto auto auto;align-items:center;justify-content:center;gap:3%;color:#ffe986;font-size:clamp(9px,1.2vw,17px);letter-spacing:.1em}.feature-meter output{display:grid;place-items:center;width:1.6em;aspect-ratio:1;border-radius:50%;background:#c32625;border:3px solid #ffd15b;font-size:1.8em;box-shadow:0 0 14px #ff4c22}.feature-meter small{font:clamp(6px,.7vw,10px) system-ui}.feature-close{position:absolute;right:1.2%;top:1.2%;width:5%;aspect-ratio:1;border-radius:50%;border:2px solid #ffd15b;background:#561734;color:#fff;font:clamp(14px,2vw,28px)/1 system-ui;cursor:pointer}@keyframes feature-coin-land{0%{opacity:0;transform:translateY(-55%) scale(.35) rotate(-18deg)}65%{opacity:1;transform:translateY(3%) scale(1.12) rotate(3deg)}100%{opacity:1;transform:none}}@media(max-width:600px),(orientation:portrait) and (max-width:900px){.bonus-demo{right:24%;top:84.7%;width:10%}.feature-screen{inset:13% 4% 4%;padding:4% 3%;gap:1.2%;grid-template-rows:auto auto 1fr auto}.feature-header small{font-size:clamp(7px,2.4vw,11px)}.feature-header strong{font-size:clamp(17px,6vw,29px)}.feature-modifiers{font-size:clamp(6px,2vw,10px)}.feature-board{width:100%;max-height:63%;align-self:center;gap:1.3%;padding:1.5%}.feature-cell .coin-value{font-size:clamp(10px,5vw,21px)}.feature-meter{font-size:clamp(9px,3vw,14px)}.feature-meter small{font-size:clamp(6px,1.7vw,8px)}.feature-close{width:9%;font-size:20px}}@media(prefers-reduced-motion:reduce){.feature-cell.locked{animation:none}}
.lower-screen{filter:brightness(1.08) saturate(1.08) drop-shadow(0 18px 22px #000b)}.symbol:not(.coin){background:radial-gradient(circle at 50% 38%,#754379c9,#27102bd1 72%)}.reel-spinning{overflow:hidden}.reel-spinning .symbol{animation:reel-symbol-scroll .18s linear infinite;animation-delay:var(--reel-delay);filter:blur(2px) brightness(1.25);box-shadow:inset 0 0 18px #6ce6ff55}.reel-stopping .symbol{animation:reel-stop-bounce .2s ease-out}.feature-cell.spinning{overflow:hidden;background:linear-gradient(180deg,#152947,#4a1b64,#182f4b);box-shadow:inset 0 0 14px #58e7ff66}.feature-cell.spinning::before{content:'';position:absolute;inset:-70% 14%;border-radius:50%;background:repeating-linear-gradient(180deg,#ffdb5b 0 7%,#dd3340 8% 15%,#23bde0 16% 23%,#62c741 24% 31%);filter:blur(3px);animation:feature-cell-spin .22s linear infinite;animation-delay:var(--cell-delay)}@keyframes reel-symbol-scroll{0%{transform:translateY(-18%) scaleY(1.16);opacity:.55}50%{transform:translateY(18%) scaleY(.9);opacity:1}100%{transform:translateY(72%) scaleY(1.16);opacity:.5}}@keyframes reel-stop-bounce{0%{transform:translateY(-12%)}65%{transform:translateY(5%)}100%{transform:none}}@keyframes feature-cell-spin{from{transform:translateY(-28%)}to{transform:translateY(28%)}}@media(prefers-reduced-motion:reduce){.reel-spinning .symbol,.reel-stopping .symbol,.feature-cell.spinning::before{animation:none}}
.lower-screen{position:relative;z-index:1;margin-top:-2.4%}.spin{border-radius:50%!important;clip-path:circle(50% at 50% 50%);outline:none}.spin:focus-visible{outline:4px solid #ffe36d;outline-offset:-7px;box-shadow:inset 0 0 0 5px #8e1b18,0 0 18px #ffbf36}.coin::before{inset:auto;left:50%;top:50%;height:118%;width:auto;aspect-ratio:543/724;transform:translate(-50%,-50%)}.feature-cell.locked::before{inset:auto;left:50%;top:50%;height:116%;width:auto;aspect-ratio:543/724;transform:translate(-50%,-50%)}.wild-label{position:absolute;z-index:5;left:16%;right:16%;bottom:3%;padding:1.5% 2%;border:clamp(1px,.18vw,3px) solid #ffe36e;border-radius:999px;background:linear-gradient(#ed4032,#8b171a);color:#fff5b5;font-family:CarnivalCoin,Georgia,serif;font-size:clamp(8px,1.15vw,16px);line-height:1;text-align:center;letter-spacing:.08em;-webkit-text-stroke:.5px #5c130c;text-shadow:0 2px 0 #68150e,0 0 8px #ffbc34;box-shadow:0 0 10px #ff6b25,inset 0 0 7px #ffcf56}.symbol.winning[data-symbol="wild"] .wild-label{animation:wild-label-pop .9s ease both}@keyframes wild-label-pop{30%{transform:translateY(-22%) scale(1.16)}65%{transform:scale(1.08)}100%{transform:none}}@media(max-width:600px),(orientation:portrait) and (max-width:900px){.lower-screen{margin-top:-3.2%}.wild-label{font-size:clamp(7px,2.7vw,12px);bottom:1%}}