/* Original slot-only artwork. Drop and lobby illustrations are never reused here. */
.slots-page{--accent:#d195ff;background:radial-gradient(ellipse at 75% 20%,#4b1b5366,transparent 65%),repeating-linear-gradient(120deg,#f0cb8603 0 1px,transparent 1px 35px),#0c0912}
.slots-page[data-theme=bunny]{--accent:#a3edcb;--gold:#f5d09e;background:radial-gradient(ellipse at 70% 20%,#28645255,transparent 65%),repeating-linear-gradient(60deg,#f1c99604 0 1px,transparent 1px 35px),#0b1416}
.slots-page .slot-layout{max-width:1500px;grid-template-columns:minmax(200px,.5fr) minmax(480px,1.5fr);padding:0 3%;gap:36px}
.slots-page .machine{position:relative;isolation:isolate;height:auto;min-height:0;padding:14px 18px 16px;border:3px solid #d6a45a;border-radius:30px;background:linear-gradient(135deg,#30172b,#110d1d 50%,#311924);box-shadow:0 0 0 3px #5c351c,0 0 0 5px #e4bd7355,0 28px 80px #000b,inset 0 0 0 2px #fff1be55;overflow:hidden}
.slots-page[data-theme=bunny] .machine{background:linear-gradient(135deg,#173f38,#10232b 50%,#3e253c);border-color:#f0c68a}
.machine:before{content:'';position:absolute;inset:6px;border:1px solid #ffe7a455;border-radius:24px;pointer-events:none;z-index:-1}
.machine:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#ffecc116 48%,transparent 65%);transform:translateX(-120%);pointer-events:none;z-index:3}
.machine.is-spinning:after{animation:cabinet-sweep 2.6s ease-out}
.machine.is-spinning{box-shadow:0 0 0 3px #5c351c,0 0 25px #e8bb6780,0 30px 80px #000b,inset 0 0 0 2px #fff1be77}
.slots-page .feature-trio{height:150px;overflow:visible;gap:10px;border-radius:18px;background:none;margin:0 4px 5px}
.slots-page .feature-trio>div{border-bottom:1px solid #f2c47b88;border-radius:50% 50% 8px 8px;background:radial-gradient(ellipse at 50% 55%,#71bd8b33,transparent 70%);padding-bottom:0}
.slots-page .feature-trio>div:nth-child(2){background:radial-gradient(ellipse at 50% 55%,#ffc46644,transparent 70%)}
.slots-page .feature-trio>div:nth-child(3){background:radial-gradient(ellipse at 50% 55%,#c793ff44,transparent 70%)}
.slots-page .feature-character,.slots-page[data-theme=bunny] .feature-character{inset:0 0 33px;background:none!important;opacity:1;filter:drop-shadow(0 0 9px #e4aa5130);animation:guardian-breathe 5s ease-in-out infinite;transform-origin:50% 95%}
.slots-page .feature-trio>div:nth-child(2) .feature-character{animation-delay:-1.6s}.slots-page .feature-trio>div:nth-child(3) .feature-character{animation-delay:-3.3s}
.atlas-art{display:block;width:100%;height:100%;overflow:hidden;filter:drop-shadow(0 2px 2px #0005)}
.slots-page .feature-trio span{font-size:10px;letter-spacing:1px;padding:3px 7px;border:1px solid #d9ab6655;background:linear-gradient(#312037,#100a18);color:#f5e1b2}
.slots-page .feature-trio b,.slots-page .feature-trio b span{font-size:21px;line-height:1.2;color:#ffe5a0;text-shadow:0 2px 3px #000}
.slots-page .feature-trio b span{background:none;border:0;padding:0}
.slots-page .feature-banner{padding:8px 2px;font-size:11px;color:#f5dfc4}
.slots-page .collection-track{height:6px;border:1px solid #765c3b}.slots-page .collection-track i{background:linear-gradient(90deg,#b17e34,#fff1b3,#d5a650);box-shadow:0 0 12px #ffd57d}
.slots-page .bonus-strip{font-size:10px;padding:8px 2px}
.slots-page .reel-frame{position:relative;flex:none;padding:9px;border:2px solid #ffe9b0;border-radius:13px;background:linear-gradient(110deg,#a26a2b,#fff1ae 25%,#bf8738 40%,#684018 50%,#f8dd8f 65%,#b77b31);box-shadow:0 0 0 2px #70451d,0 0 20px #f8b64630}
.reel-frame:after{content:'';position:absolute;inset:9px;border-radius:6px;box-shadow:inset 0 10px 14px #2c150943,inset 0 -10px 14px #2c150943;pointer-events:none}
.slots-page .reels{height:clamp(260px,34vh,350px);gap:4px;border-radius:5px;background:#4b2b1b}
.slots-page .reel{position:relative;display:block;height:100%;overflow:hidden;background:#fce9bb;contain:layout paint;min-width:0}
.slots-page .reel-strip{height:100%;display:flex;flex-direction:column;will-change:transform}
.slots-page .symbol{flex:0 0 25%;height:25%;width:100%;min-height:0;aspect-ratio:auto;border-radius:0;border-bottom:1px solid #976f3a55;background:radial-gradient(ellipse at 50% 35%,#fff9e5,#ecd09b);overflow:hidden;text-shadow:none;box-sizing:border-box}
.slots-page .symbol .atlas-art{width:90%;height:90%}
.slots-page .symbol-guardian{background:radial-gradient(ellipse,#713627,#291523)}
.slots-page[data-theme=bunny] .symbol-guardian{background:radial-gradient(ellipse,#3f7462,#102b29)}
.slots-page .symbol-gold{background:radial-gradient(ellipse,#ffe9a4,#b67c24)}
.slots-page .symbol-gold .atlas-art{opacity:.88}
.slots-page .gold-value{inset:auto 2px 3px;min-height:24px;padding:1px 3px;border-radius:5px;background:linear-gradient(#291529ef,#30150be8);color:#fff6bf;text-shadow:0 1px 2px #000;font:800 clamp(15px,2vw,26px) Georgia;letter-spacing:0;border:1px solid #ffd78599}
.slots-page .symbol-x3,.slots-page .symbol-x4{background:radial-gradient(ellipse,#c48138,#4a1531);color:#fff0ac;font:900 clamp(28px,4vw,50px) Georgia;text-shadow:0 3px #7a3915;box-shadow:inset 0 0 0 3px #f3cf7c}
.slots-page .symbol-x4{background:radial-gradient(ellipse,#8050ad,#2a1545);border:3px double #fff2bd;border-radius:18%}
.slots-page .symbol.winning{box-shadow:inset 0 0 0 3px #fff6be,inset 0 0 24px #ffc95a;animation:winning-light 1.2s ease-in-out 3;z-index:1}
.slots-page .symbol.transformed .atlas-art{animation:transform-symbol .7s ease-out}
.slots-page .reel.spinning{animation:none;transform:none;filter:none}.slots-page .spinning .atlas-art{filter:blur(1.2px)}
.slots-page .slot-ledger{border-bottom:1px solid #d0a15b44;padding:11px 0;background:linear-gradient(90deg,transparent,#d2a1600d,transparent)}
.slots-page .slot-ledger strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:21px}.slots-page .slot-ledger .win-display strong{font-size:29px;color:#ffe2a1}
.slots-page .slot-controls{margin-top:10px;grid-template-columns:110px 1fr}
.slots-page .spin{position:relative;min-height:60px;border-radius:10px;border:2px solid #ffedbd;box-shadow:0 4px 0 #79501e,0 8px 24px #dba33b30,inset 0 1px 0 #fff7d8;background:linear-gradient(120deg,#f5d587,#fff0be 48%,#d6a24c);color:#3d2412;overflow:hidden}
.slots-page .spin:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 #79501e}.slots-page .spin:disabled{opacity:.8}.slots-page .spin small{font-size:10px}
.slots-page .slot-bottom{margin:12px 0 6px;font-size:11px}.slots-page .slot-bottom label{min-height:28px;display:flex;align-items:center;gap:6px}.slots-page .slot-equation{min-height:32px;font-size:11px;line-height:1.5;margin:6px 0 0}
.slots-page .result-dialog{border:2px solid #e4bd72;background:radial-gradient(ellipse at top,#69442d,#211426 70%);box-shadow:0 0 0 5px #8c5f2844,0 25px 100px #000b}.slots-page .result-dialog::backdrop{background:#080510a6;backdrop-filter:blur(2px)}
.slot-coins[popover]{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;background:transparent;pointer-events:none!important;overflow:hidden}.slot-coins::backdrop{display:none}.slot-coins.coin-glow{box-shadow:inset 0 0 35px #f6d37b77}
@keyframes cabinet-sweep{to{transform:translateX(120%)}}@keyframes guardian-breathe{50%{transform:translateY(-3px) scale(1.025)}}@keyframes winning-light{50%{filter:brightness(1.22)}}@keyframes transform-symbol{0%{transform:scale(.7);filter:brightness(2)}100%{transform:scale(1)}}
@media(min-width:721px) and (max-height:820px){.slots-page .slot-layout{margin:16px auto;gap:25px}.slots-page .feature-trio{height:120px}.slots-page .reels{height:260px}.slots-page .machine{padding:10px 14px}.slots-page .slot-intro h1{font-size:56px}.slots-page .slot-equation{min-height:18px}.slots-page .slot-bottom{margin:8px 0 2px}.slots-page .slot-controls{margin-top:6px}.slots-page .slot-ledger{padding:6px 0}}
@media(max-width:720px){.slots-page .arcade-top{padding:16px;gap:12px}.slots-page .wordmark{font-size:22px}.slots-page .slot-layout{display:block;padding:0 10px;margin:12px auto}.slots-page .slot-intro{padding:0 8px 14px}.slots-page .slot-intro h1{font-size:33px}.slots-page .machine{padding:10px 10px 12px;border-radius:24px}.slots-page .feature-trio{height:127px;gap:4px;margin:0}.slots-page .feature-character,.slots-page[data-theme=bunny] .feature-character{inset:0 0 31px}.slots-page .feature-trio span{font-size:8px;letter-spacing:.2px;padding:3px 4px}.slots-page .feature-trio b,.slots-page .feature-trio b span{font-size:18px}.slots-page .reels{height:clamp(245px,72vw,410px);gap:3px}.slots-page .reel-frame{padding:5px;border-radius:9px}.reel-frame:after{inset:5px}.slots-page .symbol .atlas-art{width:96%;height:94%}.slots-page .gold-value{font-size:16px;min-height:19px;bottom:2px}.slots-page .feature-banner{font-size:10px;gap:5px;padding:9px 0}.slots-page .bonus-strip{font-size:9px;gap:4px}.slots-page .slot-ledger small{font-size:9px}.slots-page .slot-ledger strong{font-size:18px}.slots-page .slot-ledger .win-display strong{font-size:25px}.slots-page .slot-controls{grid-template-columns:90px 1fr;gap:10px}.slots-page .slot-controls input{font-size:20px}.slots-page .spin{min-height:56px}.slots-page .slot-bottom{font-size:10px}.slots-page .slot-equation{font-size:11px}.slots-page .arcade-footer{padding:18px;margin-top:10px;line-height:1.6}.slots-page .result-dialog{padding:28px 20px}.slots-page .slot-wallet strong{font-size:25px}}
@media(max-width:360px){.slots-page .arcade-top{gap:8px;padding:14px 10px}.slots-page .wordmark{font-size:19px}.slots-page .back-link{font-size:10px}.slots-page .arcade-top button{padding:8px;font-size:10px}.slots-page .slot-intro h1{font-size:29px}.slots-page .feature-trio{height:111px}.slots-page .feature-trio span{font-size:7px}.slots-page .machine{padding:9px 7px}.slots-page .bonus-strip{font-size:8px}.slots-page .slot-wallet strong{font-size:22px}.slots-page .gold-value{font-size:14px}}
.reduced *,.reduced *:before,.reduced *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.slots-page *,.slots-page *:before,.slots-page *:after{animation:none!important;transition:none!important}}
/* Keep the spin control in the first phone viewport without shrinking the symbols excessively. */
@media(max-width:720px){.slots-page .slot-intro>.eyebrow{margin:0}.slots-page .slot-intro{padding-bottom:10px}.slots-page .slot-wallet{gap:4px}.slots-page .feature-trio{height:104px}.slots-page .reels{height:clamp(210px,60vw,340px)}.slots-page .feature-banner{padding:6px 0}.slots-page .bonus-strip{padding:5px 2px}.slots-page .slot-ledger{padding:7px 0}.slots-page .slot-controls{margin-top:7px}.slots-page .slot-controls label{gap:4px}.slots-page .slot-bottom{margin:8px 0 2px}.slots-page .slot-equation{margin-top:4px}.slots-page .slot-wallet span{font-size:8px}}

/* Separate cylinders, inset glass and an individual landing light per reel. */
.slots-page .reels{gap:8px;background:linear-gradient(90deg,#21130b,#6d4825,#21130b);padding:0 2px}
.slots-page .reel{border-radius:7px;box-shadow:0 0 0 1px #30200e,0 0 0 2px #f4d29977}
.slots-page .reel:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:7px;background:linear-gradient(180deg,#28180c80,transparent 17%,#fff6d40c 45%,transparent 82%,#24160e91);box-shadow:inset 6px 0 9px #5d391326,inset -6px 0 9px #5d391326}
.slots-page .reel:after{content:'';position:absolute;inset:1px;z-index:3;border:1px solid #fff0b04d;border-radius:6px;pointer-events:none;box-shadow:inset 0 0 0 transparent}
.slots-page .reel.landed:after{animation:reel-lock .48s ease-out}
.slots-page .spinning .atlas-art{filter:drop-shadow(0 2px 2px #0005)}
.slots-page .symbol{border-bottom-color:#976f3a22}
.machine.is-spinning:after{animation-duration:6.6s}
@keyframes reel-lock{0%{border-color:#fff8ce;box-shadow:inset 0 0 16px #ffe28faa}100%{border-color:#fff0b04d;box-shadow:inset 0 0 0 transparent}}
@media(max-width:720px){.slots-page .reels{gap:5px;padding:0 1px}.slots-page .reel:before{box-shadow:inset 3px 0 5px #5d391326,inset -3px 0 5px #5d391326}}

/* Winning symbols remain readable inside animated gold rings. */
.slots-page .symbol.winning{box-shadow:inset 0 0 22px #ffc34380;background-blend-mode:screen;animation:none;z-index:1}
.slots-page .has-winning .symbol:not(.winning){filter:brightness(.66) saturate(.65)}
.slots-page .winning .atlas-art{animation:win-symbol-lift 1.2s ease-in-out 3}
.slots-page .win-ring{position:absolute;inset:6% 7%;z-index:4;border:3px solid #ffdc61;border-radius:50%;box-shadow:0 0 2px 1px #fff7cd,inset 0 0 2px 1px #9a5c15,0 0 10px #f5b51a;pointer-events:none;animation:ring-breathe 1.2s ease-in-out 3}
.slots-page .win-ring:after{content:'';position:absolute;inset:-4px;border:3px solid transparent;border-top-color:#fffde2;border-radius:50%;animation:ring-orbit 1.6s linear 3}
.slots-page .win-focus .win-ring{border-color:#fff4b0;box-shadow:0 0 4px 2px #fff8dd,inset 0 0 3px #b77b16,0 0 16px #ffcc42}
.slots-page .win-focus .atlas-art{filter:drop-shadow(0 0 5px #ffe8a4)}
.slots-page .winning .gold-value{z-index:5}
.slots-page .win-review{color:#ffe5a2;border:1px solid #d2a35888;background:#342338;border-radius:6px;padding:5px 8px;font-size:10px;min-height:28px}
.slots-page .win-review:disabled{opacity:.55}.slots-page .win-review[hidden]{display:none}
.slots-page .slot-bottom{flex-wrap:wrap;gap:8px}
.slots-page .result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.slots-page .result-actions [hidden]{display:none}
@keyframes win-symbol-lift{50%{transform:scale(1.09) translateY(-1px)}}
@keyframes ring-breathe{50%{transform:scale(.96);filter:brightness(1.25)}}
@keyframes ring-orbit{to{transform:rotate(360deg)}}
.reduced .win-ring,.reduced .win-ring:after,.reduced .winning .atlas-art{animation:none!important}
@media(prefers-reduced-motion:reduce){.slots-page .win-ring,.slots-page .win-ring:after,.slots-page .winning .atlas-art{animation:none!important}}
@media(max-width:720px){.slots-page .win-ring{border-width:2px;inset:7% 5%}.slots-page .win-ring:after{border-width:2px;inset:-3px}.slots-page .slot-bottom{justify-content:space-between}.slots-page .win-review{font-size:9px}}

.narration-caption{font:11px/1.4 system-ui;text-align:center;color:#b8a991;margin:5px 0 0;min-height:16px}.narration-caption[data-speaking=true]{color:#ffe1a0}.slots-page .slot-bottom{gap:8px}.slots-page .slot-bottom label{white-space:nowrap}