/* The Classics: theme colours and vector decorations, with the existing layout. */
.stage.classicFx{border-color:color-mix(in srgb,var(--classic-accent) 52%,transparent);background-color:var(--classic-backdrop);box-shadow:inset 0 1px var(--classic-light),inset 0 -1px color-mix(in srgb,var(--classic-secondary) 45%,transparent)}
.classicFx .gameHead{color:var(--classic-light)}
.classicFx .gameHead>.btn,.classicFx .gameInfo{border-color:color-mix(in srgb,var(--classic-accent) 36%,transparent)}
.classicFx .gameInfo summary{color:var(--classic-light)}
.classicFx .slotReels canvas{box-shadow:0 0 0 1px color-mix(in srgb,var(--classic-light) 45%,transparent),0 0 0 3px color-mix(in srgb,var(--classic-accent) 28%,transparent),0 8px 24px #0005}
.classicFx .deck.slotDeck{border-color:color-mix(in srgb,var(--classic-accent) 55%,transparent);background:linear-gradient(165deg,color-mix(in srgb,var(--classic-backdrop) 92%,var(--classic-accent)),var(--classic-dark) 68%);box-shadow:inset 0 1px color-mix(in srgb,var(--classic-light) 34%,transparent),0 12px 30px -20px #000c}
.classicFx .deck.slotDeck .bigSpin{border-color:var(--classic-light);background:linear-gradient(130deg,var(--classic-light),var(--classic-accent));color:var(--classic-dark);box-shadow:0 5px color-mix(in srgb,var(--classic-backdrop) 72%,#000),0 9px 20px -8px #0009}
.classicFx .deck.slotDeck .bigSpin:active:not(:disabled){box-shadow:0 2px var(--classic-dark)}
.classicFx .deck.slotDeck .extraBtn:not(.gmBtn){border-color:var(--classic-secondary);background:linear-gradient(150deg,var(--classic-backdrop),var(--classic-dark));color:var(--classic-light)}
.classicFx .deck.slotDeck .extraBtn:not(.gmBtn) small,.classicFx .deck.slotDeck .extraBtn:not(.gmBtn) b{color:var(--classic-light)}
.classicFx .deck.slotDeck .extraBtn.buy,.classicFx .deck.slotDeck .extraBtn.on{background:linear-gradient(130deg,var(--classic-light),var(--classic-secondary));border-color:var(--classic-light);color:var(--classic-dark);box-shadow:0 5px var(--classic-dark)}
.classicFx .deck.slotDeck .extraBtn.buy small,.classicFx .deck.slotDeck .extraBtn.buy b,.classicFx .deck.slotDeck .extraBtn.on small,.classicFx .deck.slotDeck .extraBtn.on b{color:var(--classic-dark)}
.classicFx .deck :is(.rnd,.autoSpinBtn,.turboBtn,.modeBtn){border-color:color-mix(in srgb,var(--classic-accent) 42%,transparent)}
.classicFx .deck :is(.stakeBox small,.deckMeta){color:color-mix(in srgb,var(--classic-light) 78%,#8d9da9)}
.classicFx .deck.slotDeck .stakeRow input{border-color:color-mix(in srgb,var(--classic-secondary) 42%,transparent);background:var(--classic-dark);color:var(--classic-light)}
.classicFx :is(.totalVal,.winLine){color:var(--classic-light);text-shadow:0 0 15px color-mix(in srgb,var(--classic-accent) 35%,transparent)}
.classicFx :is(button,input,summary):focus-visible{outline-color:var(--classic-light)}
.classicFx .banner.on b{background:linear-gradient(130deg,var(--classic-accent),var(--classic-secondary));color:var(--classic-dark)}
.classicFx.slotFxV2[data-slot-fx-ceremony] .banner.on b,.classicFx.slotFxV2[data-slot-fx-ceremony="mega"] .banner.on b{border-color:var(--classic-light);background:linear-gradient(145deg,color-mix(in srgb,var(--classic-backdrop) 82%,var(--classic-accent)),var(--classic-dark) 60%,color-mix(in srgb,var(--classic-backdrop) 82%,var(--classic-secondary)));color:var(--classic-light);box-shadow:inset 0 0 0 4px var(--classic-dark),inset 0 0 0 5px var(--classic-accent),0 0 30px color-mix(in srgb,var(--classic-accent) 40%,transparent);text-shadow:0 2px var(--classic-dark),0 4px var(--classic-backdrop),0 7px 8px #0008}
.classicFx.slotFxV2 .sfx2Crownlight{background:radial-gradient(ellipse,color-mix(in srgb,var(--classic-dark) 94%,transparent) 12%,color-mix(in srgb,var(--classic-dark) 72%,transparent) 32%,color-mix(in srgb,var(--classic-accent) 35%,transparent) 48%,transparent 69%)}
.classicFx.slotFxV2 .sfx2Coin{border-color:var(--classic-light);background:radial-gradient(circle at 30% 24%,var(--classic-light),var(--classic-accent) 36%,var(--classic-secondary) 76%);box-shadow:inset 0 0 0 2px var(--classic-backdrop),0 3px 0 var(--classic-dark),0 4px 8px #0007}
.classicFx.slotFxV2 .sfx2Coin::after{border-color:var(--classic-backdrop);box-shadow:1px 1px 0 var(--classic-light)}
.classicFx[data-classic-theme="aquatic"] .sfx2Coin{border-width:1px;background:radial-gradient(circle at 28% 22%,#ffffffc9,transparent 23%,transparent 58%,color-mix(in srgb,var(--classic-accent) 72%,transparent));box-shadow:inset 0 0 7px var(--classic-accent),0 0 5px color-mix(in srgb,var(--classic-accent) 55%,transparent)}
.classicFx[data-classic-theme="aquatic"] .sfx2Coin::after{inset:16% 44% 51% 16%;border-width:2px 0 0 2px;box-shadow:none;border-color:var(--classic-light)}
.classicFx:is([data-classic-theme="forest"],[data-classic-theme="tropical"]) .sfx2Coin{border-radius:0 85% 0 85%;border-width:1px;background:linear-gradient(130deg,var(--classic-light),var(--classic-secondary));box-shadow:inset 1px 1px var(--classic-accent)}
.classicFx:is([data-classic-theme="forest"],[data-classic-theme="tropical"]) .sfx2Coin::after{inset:15% 47%;border-width:0 0 0 1px;border-radius:0;transform:rotate(43deg);box-shadow:none}
.classicFx:is([data-classic-theme="asian"],[data-classic-theme="royal"]) .sfx2Coin{border-radius:80% 15% 65% 35%;background:linear-gradient(135deg,var(--classic-light),var(--classic-accent),var(--classic-secondary));border-width:1px;box-shadow:0 2px 5px #0005}
.classicFx:is([data-classic-theme="asian"],[data-classic-theme="royal"]) .sfx2Coin::after{display:none}
.classicFx:is([data-classic-theme="jester"],[data-classic-theme="gem"]) .sfx2Coin{border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(135deg,var(--classic-light) 0 32%,var(--classic-accent) 33% 60%,var(--classic-secondary) 61%);box-shadow:none;border:0}
.classicFx:is([data-classic-theme="jester"],[data-classic-theme="gem"]) .sfx2Coin::after{inset:25%;border-radius:0;border-color:var(--classic-light);transform:rotate(45deg);box-shadow:none}
.classicFx[data-classic-theme="hotfruit"] .sfx2Coin{border-radius:65% 15% 50% 45%;background:linear-gradient(145deg,var(--classic-light),var(--classic-accent) 50%,var(--classic-secondary));border:0;box-shadow:none}
.classicFx[data-classic-theme="hotfruit"] .sfx2Coin::after{inset:42% 30% 10%;background:var(--classic-light);border:0;box-shadow:none;border-radius:70% 15% 55% 35%}
.classicFx[data-classic-particle="ankh"] .sfx2Coin,.classicFx[data-classic-particle="seven"] .sfx2Coin{background:none;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 2px 2px var(--classic-dark))}
.classicFx[data-classic-particle="ankh"] .sfx2Coin::after,.classicFx[data-classic-particle="seven"] .sfx2Coin::after{inset:-12%;display:grid;place-items:center;color:var(--classic-light);font:bold calc(var(--sfx-size)*1.4)/1 Georgia,serif;border:0;border-radius:0;background:none;box-shadow:none;transform:none}
.classicFx[data-classic-particle="ankh"] .sfx2Coin::after{content:'☥'}
.classicFx[data-classic-particle="seven"] .sfx2Coin::after{content:'7';font-style:italic;color:var(--classic-accent);text-shadow:1px 0 var(--classic-light)}
.classicFx[data-classic-particle="cherry"] .sfx2Coin{background:none;border:0;box-shadow:none;filter:drop-shadow(0 2px 2px #0005)}
.classicFx[data-classic-particle="cherry"] .sfx2Coin::before{content:'';position:absolute;left:0;top:38%;width:54%;height:54%;border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--classic-light),var(--classic-accent) 43%,var(--classic-secondary));box-shadow:calc(var(--sfx-size)*.47) calc(var(--sfx-size)*.06) 0 var(--classic-accent)}
.classicFx[data-classic-particle="cherry"] .sfx2Coin::after{inset:0 13% 42% 29%;border:2px solid var(--classic-secondary);border-width:2px 2px 0 0;border-radius:0 90% 0 0;background:none;box-shadow:none;transform:rotate(-28deg)}
.classicFx[data-classic-theme="magic"][data-classic-particle="star"] .sfx2Coin{border:0;border-radius:0;box-shadow:none;clip-path:polygon(50% 0,61% 34%,98% 35%,69% 57%,79% 94%,50% 72%,21% 94%,31% 57%,2% 35%,39% 34%)}
.classicFx[data-classic-theme="magic"][data-classic-particle="star"] .sfx2Coin::after{display:none}

.classicFx>.classicFxLayer{position:absolute;inset:0;z-index:8;overflow:hidden;border-radius:inherit;pointer-events:none;contain:layout paint}
.classicFx:has(.gmPanel:not([hidden]))>.classicFxLayer{display:none}
.classicFx .classicFxMote{position:absolute;display:block;pointer-events:none;font-style:normal;will-change:transform,opacity}
.classicFx .classicFxPiece{width:var(--classic-size);height:var(--classic-size);color:var(--classic-light);background:linear-gradient(135deg,var(--classic-light),var(--classic-mote) 45%,var(--classic-secondary));filter:drop-shadow(0 0 3px color-mix(in srgb,var(--classic-mote) 60%,transparent));animation:classicFxScatter var(--classic-life) cubic-bezier(.12,.62,.35,1) var(--classic-delay) both}
.classicFx .classicFxRing{width:var(--classic-size);height:var(--classic-size);border:1px solid var(--classic-light);border-radius:50%;box-shadow:inset 0 0 14px color-mix(in srgb,var(--classic-accent) 50%,transparent);animation:classicFxRipple var(--classic-life) ease-out both}
.classicFx[data-classic-theme="egypt"] .classicFxRing{border-style:double;border-width:3px;border-radius:25%;transform:rotate(45deg)}
.classicFx[data-classic-theme="adventure"] .classicFxRing{border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-width:2px}
.classicFx[data-classic-theme="magic"] .classicFxRing{border-style:dashed;outline:1px solid var(--classic-secondary);outline-offset:7px}
.classicFx:is([data-classic-theme="forest"],[data-classic-theme="tropical"]) .classicFxRing{border-radius:28% 72%;border-color:var(--classic-secondary)}
.classicFx:is([data-classic-theme="jester"],[data-classic-theme="gem"]) .classicFxRing{border-radius:0;border-style:double;border-width:3px}
.classicFx .classicFx-star{clip-path:polygon(50% 0,61% 34%,98% 35%,69% 57%,79% 94%,50% 72%,21% 94%,31% 57%,2% 35%,39% 34%)}
.classicFx .classicFx-spark{clip-path:polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%)}
.classicFx .classicFx-diamond{clip-path:polygon(50% 0,95% 50%,50% 100%,5% 50%)}
.classicFx .classicFx-crystal{height:calc(var(--classic-size)*1.3);clip-path:polygon(50% 0,100% 32%,65% 100%,20% 83%,0 27%);background:linear-gradient(115deg,var(--classic-light) 0 31%,var(--classic-mote) 32% 61%,var(--classic-secondary) 62%)}
.classicFx .classicFx-bubble{border:1px solid var(--classic-light);border-radius:50%;background:radial-gradient(circle at 29% 24%,#ffffffc9,transparent 24%,transparent 55%,color-mix(in srgb,var(--classic-mote) 55%,transparent));box-shadow:inset 0 0 5px var(--classic-mote);animation-name:classicFxFloat}
.classicFx .classicFx-leaf{border-radius:0 85% 0 85%;background:linear-gradient(135deg,var(--classic-light),var(--classic-secondary));animation-name:classicFxFlutter}
.classicFx .classicFx-leaf::after{content:'';position:absolute;left:49%;top:12%;height:80%;border-left:1px solid var(--classic-backdrop);transform:rotate(43deg);opacity:.6}
.classicFx .classicFx-petal{border-radius:80% 10% 65% 35%;animation-name:classicFxFlutter}
.classicFx .classicFx-flame{height:calc(var(--classic-size)*1.5);border-radius:70% 10% 55% 45%;background:linear-gradient(150deg,var(--classic-light),var(--classic-mote) 45%,var(--classic-secondary));animation-name:classicFxFloat}
.classicFx .classicFx-flame::after{content:'';position:absolute;inset:44% 28% 9%;border-radius:70% 10% 55% 45%;background:var(--classic-light)}
.classicFx .classicFx-coin{border:1px solid var(--classic-light);border-radius:50%;box-shadow:inset 0 0 0 2px var(--classic-accent),0 2px var(--classic-dark)}
.classicFx .classicFx-coin::after{content:'';position:absolute;inset:23%;border:1px solid var(--classic-backdrop);border-radius:50%}
.classicFx .classicFx-ankh,.classicFx .classicFx-seven{background:none;filter:drop-shadow(0 2px 1px var(--classic-dark))}
.classicFx .classicFx-ankh::before,.classicFx .classicFx-seven::before{position:absolute;inset:-25%;display:grid;place-items:center;font:bold calc(var(--classic-size)*1.7)/1 Georgia,serif;color:var(--classic-light)}
.classicFx .classicFx-ankh::before{content:'☥'}
.classicFx .classicFx-seven::before{content:'7';font-style:italic;color:var(--classic-mote);text-shadow:1px 0 var(--classic-light)}
.classicFx .classicFx-cherry{background:none;filter:drop-shadow(0 2px 2px #0005)}
.classicFx .classicFx-cherry::before{content:'';position:absolute;left:3%;top:38%;width:55%;height:55%;border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--classic-light),var(--classic-mote) 40%,var(--classic-accent));box-shadow:calc(var(--classic-size)*.46) calc(var(--classic-size)*.06) 0 var(--classic-mote)}
.classicFx .classicFx-cherry::after{content:'';position:absolute;left:29%;top:0;width:50%;height:55%;border:2px solid var(--classic-secondary);border-width:2px 2px 0 0;border-radius:0 90% 0 0;transform:rotate(-28deg)}
@keyframes classicFxRipple{0%{translate:-50% -50%;scale:.16;opacity:0}15%{opacity:.65}100%{translate:-50% -50%;scale:1.22;opacity:0}}
@keyframes classicFxScatter{0%{transform:translate(-50%,-50%) scale(.28) rotate(0);opacity:0}12%{opacity:1}45%{transform:translate(calc(-50% + var(--classic-mid-x)),calc(-50% + var(--classic-mid-y))) scale(1) rotate(30deg)}78%{opacity:.9}100%{transform:translate(calc(-50% + var(--classic-x)),calc(-50% + var(--classic-y))) scale(.4) rotate(var(--classic-turn));opacity:0}}
@keyframes classicFxFloat{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}18%{opacity:.9}70%{opacity:.75}100%{transform:translate(calc(-50% + var(--classic-x)),calc(-50% + var(--classic-y))) scale(1.1) rotate(var(--classic-turn));opacity:0}}
@keyframes classicFxFlutter{0%{transform:translate(-50%,-50%) scale(.4) rotate(-25deg);opacity:0}15%{opacity:1}48%{transform:translate(calc(-50% + var(--classic-mid-x)),calc(-50% + var(--classic-mid-y))) scale(1) rotate(35deg)}80%{opacity:.8}100%{transform:translate(calc(-50% + var(--classic-x)),calc(-50% + var(--classic-y))) scale(.5) rotate(var(--classic-turn));opacity:0}}
html.opHidden .classicFx .classicFxMote,.classicFx.classicFxHidden :is(.classicFxMote,.sfx2Coin,.sfx2Rays,.sfx2Crownlight){animation-play-state:paused!important}
.classicFx.slotFxQuiet>.classicFxLayer{display:none}
@media(prefers-reduced-motion:reduce){.classicFx>.classicFxLayer{display:none}.classicFx .classicFxMote{animation:none!important}}