/* Environment artwork is optimized once, then reused in lobby, reels and bonus. */
.world-classic{--world-art:url('art/classic-world.webp');--world-background:url('art/classic-background.webp');--world-light:#c99a4d;}
.world-lucky{--world-art:url('art/lucky-world.webp');--world-background:url('art/lucky-background.webp');--world-light:#63ce9c;}
.world-mythic{--world-art:url('art/mythic-world.webp');--world-background:url('art/mythic-background.webp');--world-light:#a38ee8;}
.world-neon{--world-art:url('art/neon-world.webp');--world-background:url('art/neon-background.webp');--world-light:#ff7bd0;}
.world-ocean{--world-art:url('art/ocean-world.webp');--world-background:url('art/ocean-background.webp');--world-light:#73dfeb;}
.slot-world{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.slot-world-art{position:absolute;inset:0;background-image:var(--world-background);background-size:cover;background-position:center;opacity:.6;}
.slot-world-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#090910aa,#0b0b15a6 35%,#09090c66 65%,#09090ef5),linear-gradient(90deg,#09090baa,transparent 35%,transparent 65%,#09090baa);}
.slot-world-floor{position:absolute;bottom:-40px;left:10%;width:80%;height:26%;background:radial-gradient(ellipse,var(--world-light),transparent 65%);opacity:.12;}
.slot-world-motes{position:absolute;inset:0;}
.slot-world-motes i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--world-light);opacity:0;box-shadow:0 0 8px var(--world-light);animation:worldFloat 14s linear infinite;}
@keyframes worldFloat{0%{top:85%;opacity:0;transform:translateX(0)}20%,70%{opacity:.75}100%{top:5%;opacity:0;transform:translateX(24px)}}
.slot-picker{background:#090a10;isolation:isolate;}
.slot-picker>.picker-rail,.slot-picker>.picker-heading,.slot-picker>.picker-carousel{position:relative;z-index:1;}
.picker-heading{margin:22px 0 4px;}
.picker-heading h2{font-size:48px;letter-spacing:-1.5px;}
.picker-rail-label{font-size:10px;letter-spacing:.2em;}
.picker-sound{font-size:11px;min-height:40px;padding:0 10px;border:1px solid #fff3;border-radius:24px;color:#ddd0dd;background:#0c0b13aa;}
.picker-carousel{height:390px;}
.picker-machine{height:358px;}
.picker-cabinet{padding:10px 10px 8px;border-width:2px;border-color:var(--machine-accent);background:linear-gradient(110deg,#090a10,var(--machine-deep) 47%,#0e1018 52%,#10101b);box-shadow:0 16px 25px #000a,inset 0 0 0 3px #08050c,inset 0 0 0 5px #ab9b7544;}
.picker-marquee{position:relative;overflow:hidden;isolation:isolate;height:128px;flex-shrink:0;border-radius:12px 12px 5px 5px;justify-content:flex-end;padding:12px 6px;background:#17121f;border-color:var(--machine-accent);}
.picker-hero-art{position:absolute;inset:0;z-index:-2;background-image:var(--cabinet-art);background-size:cover;background-position:center 28%;}
.picker-marquee:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent,#0001 20%,#07090aeb 100%);}
.picker-marquee strong{font-size:27px;text-shadow:0 2px 5px #000;color:#fff0da;letter-spacing:-.5px;}
.picker-marquee small{color:#fff3d3;letter-spacing:.18em;font-size:8px;}
.picker-crest{position:absolute;top:8px;left:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--machine-accent);border-radius:50%;background:#060611bb;color:var(--machine-accent);font-size:18px;}
.machine-classic{--cabinet-art:url('art/classic-world.webp');}
.machine-lucky{--cabinet-art:url('art/lucky-world.webp');}
.machine-mythic{--cabinet-art:url('art/mythic-world.webp');}
.machine-neon{--cabinet-art:url('art/neon-world.webp');}
.machine-ocean{--cabinet-art:url('art/ocean-world.webp');}
.machine-classic .picker-cabinet{border-radius:36px 36px 12px 12px;background:linear-gradient(120deg,#6b381a,#110d0a 30%,#362016 70%,#8b643a);}
.machine-classic .picker-marquee{border-radius:28px 28px 6px 6px;}
.machine-lucky .picker-cabinet{border-radius:60px 60px 14px 14px;}
.machine-lucky .picker-marquee{border-radius:50px 50px 5px 5px;}
.machine-mythic .picker-cabinet{border-radius:6px 6px 22px 22px;border-top-width:6px;}
.machine-mythic .picker-marquee{border-radius:3px;}
.machine-neon .picker-cabinet{border-radius:5px 24px 5px 24px;box-shadow:0 12px 30px #000b,inset 0 0 0 5px #1a112a;}
.machine-neon .picker-marquee strong{font-family:'JetBrains Mono',monospace;font-size:23px;text-transform:uppercase;}
.machine-ocean .picker-cabinet{border-radius:42px 42px 22px 22px;background:linear-gradient(145deg,#12495f,#0a1728 40%,#16414f);}
.machine-ocean .picker-marquee{border-radius:30px 30px 5px 5px;}
.picker-wild{font-size:9px;padding:8px 0;}
.picker-cabinet-rule{font-size:8px;padding:7px 0;}
.picker-mini-spin{padding:8px;font-size:14px;}
.picker-base{margin-top:10px;letter-spacing:.05em;color:var(--machine-accent);}
.picker-feature{display:flex;align-items:center;gap:12px;margin:15px auto 0;padding:9px 14px;width:360px;text-align:left;background:#080c12bc;border:1px solid #ffffff24;border-radius:10px;}
.picker-feature>span{font-size:23px;color:var(--picker-accent);}
.picker-feature>div{flex:1;}
.picker-feature strong{display:block;font-size:13px;font-weight:600;color:#f8ece0;}
.picker-feature small{display:block;font-size:10px;color:#aea4bb;margin-top:3px;}
.picker-feature button{padding:8px 0 8px 8px;font-size:11px;color:var(--picker-accent);font-weight:600;white-space:nowrap;}
.picker-note{font-size:10px;margin-top:11px;}
.picker-hint{font-size:10px;margin-top:7px;}
.picker-entering .picker-machine.selected{transform:scale(1.15);opacity:0;transition:transform .45s,opacity .45s;}
.picker-entering .picker-machine:not(.selected),.picker-entering .picker-selection,.picker-entering .picker-heading{opacity:0;transition:opacity .35s;pointer-events:none;}
.picker-upright .picker-heading{margin-top:24px;}
.picker-upright .picker-heading h2{font-size:38px;}
.picker-upright .picker-heading>span{font-size:14px;}
.picker-upright .picker-feature{width:350px;margin-top:12px;}
.picker-upright .picker-note{font-size:10px;}
.picker-upright .picker-sound{padding:0 7px;font-size:10px;}
.picker-upright .slot-bank{gap:6px;}
.picker-sideways .picker-machine{height:338px;}
.picker-sideways .picker-selection{background:#070b11e8;padding:12px 8px;}
.picker-sideways .picker-feature{width:100%;margin-top:13px;padding:8px;gap:7px;}
.picker-sideways .picker-feature>span{font-size:17px;}
.picker-sideways .picker-feature strong{font-size:12px;}
.picker-sideways .picker-note{font-size:9px;}

/* The reel screen takes its materials and light from the selected world. */
.slot-playing{isolation:isolate;background:#090a10;animation:slotEnter .5s ease-out;}
.slot-playing>.slot-topbar,.slot-playing>.slot-tabrow,.slot-playing>.slot-stage,.slot-playing>.slot-screen,.slot-playing>.slot-below{position:relative;z-index:1;}
@keyframes slotEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.slot-playing .slot-stats-card,.slot-playing .slot-history-card,.slot-playing .slot-paytable{background:linear-gradient(145deg,#0d1119e8,#090c11ed);border-color:#aaa2af3b;}
.slot-playing .slot-title-sub{color:var(--accent);}
.slot-playing .slot-tabrow{gap:12px;padding-bottom:10px;}
.slot-feature-button{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 16px;border:1px solid #fff3;border-radius:24px;font-size:12px;background:#0d111acc;color:#ddd2df;}
.slot-feature-button>span{color:var(--accent);font-size:18px;}
.slot-feature-button:hover{border-color:var(--accent);}
.slot-cabinet-crown{position:relative;height:80px;display:flex;align-items:center;gap:14px;justify-content:center;padding:10px 24px;margin:0 15px 10px;border:1px solid var(--accent);border-radius:20px 20px 7px 7px;isolation:isolate;overflow:hidden;background:#0e0e19;}
.slot-cabinet-crown:before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--world-art);background-size:cover;background-position:center 26%;opacity:.7;}
.slot-cabinet-crown:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090a13a9,#090a1355,#090a13c9);}
.slot-cabinet-crown>span{font-size:30px;color:var(--accent);}
.slot-cabinet-crown>strong{font-family:'Bricolage Grotesque',sans-serif;font-size:32px;color:#fff2df;text-shadow:0 3px 8px #000;}
.slot-cabinet-crown>small{position:absolute;bottom:5px;right:20px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#eee0d5;}
.slot-playing .slot-frame{background:linear-gradient(130deg,#18212a,#050a12 28%,#0e1621 72%,var(--accent-deep));border-color:var(--accent);box-shadow:0 25px 50px #000b,inset 0 0 0 3px #06080e,inset 0 0 0 7px #aeb1b13a;}
.slot-playing .slot-reels{background:linear-gradient(180deg,#17202b,#040810);border:1px solid var(--accent);}
.cabinet-classic .slot-frame{background:linear-gradient(120deg,#72522c,#25180f 35%,#322119 75%,#805b31);border-radius:28px;}
.cabinet-classic .slot-cabinet-crown{border-radius:36px 36px 6px 6px;}
.cabinet-lucky .slot-frame{background:linear-gradient(125deg,#28583f,#071b16 45%,#123325);border-radius:45px 45px 18px 18px;}
.cabinet-lucky .slot-cabinet-crown{border-radius:50px 50px 8px 8px;}
.cabinet-mythic .slot-frame{border-radius:6px 6px 25px 25px;background:linear-gradient(125deg,#4b385c,#151122 45%,#302345);}
.cabinet-neon .slot-frame{border-radius:5px 30px 5px 30px;background:linear-gradient(130deg,#21132a,#08121d 55%,#40203c);box-shadow:0 0 25px #ed71b326,0 20px 35px #000b,inset 0 0 0 6px #102536;}
.cabinet-neon .slot-cabinet-crown{border-radius:5px 22px 5px 22px;}
.cabinet-neon .slot-cabinet-crown>strong{font-family:'JetBrains Mono',monospace;text-transform:uppercase;font-size:27px;}
.cabinet-ocean .slot-frame{border-radius:45px 45px 24px 24px;background:linear-gradient(135deg,#255a71,#0b2032 45%,#245369);}
.is-upright .slot-cabinet-crown{height:65px;margin:0 0 7px;padding:8px 12px;gap:10px;}
.is-upright .slot-cabinet-crown>strong{font-size:27px;}
.is-upright .slot-cabinet-crown>span{font-size:26px;}
.is-upright .slot-cabinet-crown>small{font-size:8px;}
.is-upright .slot-cabinet-crown:before{background-position:center 25%;}
.is-upright .slot-tabrow{gap:6px;flex-wrap:wrap;padding-bottom:0;}
.is-upright .slot-change-machine{gap:8px;font-size:12px;min-height:44px;}
.is-upright .slot-feature-button{min-height:44px;font-size:12px;padding:0 10px;}
.is-upright .slot-sound{margin-left:0;}
.is-sideways .slot-cabinet-crown{height:44px;margin:0 0 5px;padding:3px 10px;gap:8px;}
.is-sideways .slot-cabinet-crown>strong{font-size:20px;}
.is-sideways .slot-cabinet-crown>span{font-size:20px;}
.is-sideways .slot-cabinet-crown>small{display:none;}
.is-sideways .slot-tabrow{flex-wrap:wrap;gap:6px;padding-bottom:0;}
.is-sideways .slot-feature-button{min-height:38px;padding:0 10px;}

/* Five complete bonus games, with one accessible result and settlement path. */
.slot-bonus{isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:24px 48px;background:#090a10;}
.bonus-top,.bonus-content{position:relative;z-index:1;}
.bonus-top{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:36px;}
.bonus-wordmark{font-size:12px;letter-spacing:.14em;color:#ecdccb;}
.bonus-mode{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--accent);padding:8px 12px;border:1px solid #fff3;border-radius:24px;background:#060b14b0;}
.bonus-content{margin:auto;text-align:center;width:720px;padding:24px 32px;outline:none;}
.bonus-heading{margin-bottom:20px;}
.bonus-emblem{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;color:var(--accent);font-size:34px;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 25px #0005;background:#070c12c9;}
.bonus-heading>p{font-size:10px;letter-spacing:.2em;color:var(--accent);margin:12px 0 8px;}
.bonus-heading h2{font-family:'Bricolage Grotesque',sans-serif;font-size:44px;color:#fff1db;letter-spacing:-1px;}
.bonus-heading>span:last-child{display:block;font-size:14px;line-height:1.5;color:#d0c4d6;margin-top:10px;}
.bonus-stage{min-height:310px;border:1px solid #fff3;border-radius:20px;background:linear-gradient(145deg,#0e1523dd,#090c16ed);padding:25px;box-shadow:0 16px 35px #0005;}
.bonus-primary,.bonus-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:700;}
.bonus-primary{background:var(--accent);color:#10101a;box-shadow:0 4px 0 #0007;}
.bonus-secondary{background:#151c2bcc;color:#f0e2d7;border:1px solid var(--accent);}
.bonus-primary:hover:not(:disabled),.bonus-secondary:hover:not(:disabled){filter:brightness(1.15);}
.bonus-stage button:focus-visible,.bonus-result button:focus-visible,.bonus-exit:focus-visible{outline:3px solid #fff1da;outline-offset:4px;}
.bonus-step{font-size:14px;color:#e2d4df;margin-bottom:20px;}
.bonus-small{font-size:11px;line-height:1.5;color:#a99ab6;margin-top:14px;}
.bonus-haul{display:flex;justify-content:center;gap:20px;align-items:center;margin:20px 0;font-size:12px;color:#bfb0cf;}
.bonus-haul strong{font-family:'JetBrains Mono',monospace;font-size:25px;color:var(--accent);}
.bonus-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--accent);border:1px solid var(--accent);background:linear-gradient(145deg,#203632,#081711);box-shadow:0 6px 0 #0007;transition:transform .2s,background .3s;}
.bonus-pick:hover:not(:disabled){transform:translateY(-5px);}
.bonus-pick.revealed{opacity:1;box-shadow:0 0 15px #b9ffc622;background:#14281b;}
.bonus-pick>span{font-size:48px;line-height:1.2;}
.bonus-pick>small{font-size:9px;letter-spacing:.12em;margin-top:10px;}
.bonus-clovers{display:flex;justify-content:center;gap:14px;}
.bonus-pick.clover{width:102px;height:128px;border-radius:50px 50px 12px 12px;}
.bonus-runes{display:flex;justify-content:center;gap:20px;}
.bonus-pick.rune{width:150px;height:180px;border-radius:8px 8px 30px 30px;background:linear-gradient(145deg,#382653,#110d20);}
.bonus-pick.rune>span{font-size:70px;text-shadow:0 0 22px #ac72ff;}
.bonus-offer-value{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:68px;color:var(--accent);margin:15px;}
.bonus-dragon-offer h3{font-size:22px;color:#f4e4fa;}
.bonus-dragon-offer p{font-size:14px;line-height:1.6;margin:14px auto 24px;max-width:440px;color:#c7b9d5;}
.bonus-actions{display:flex;gap:14px;justify-content:center;}
.bonus-wheel-stage{position:relative;padding-top:12px;}
.bonus-wheel{width:280px;height:280px;margin:0 auto 25px;border-radius:50%;border:8px solid #ddbc70;background:#55422e;background:conic-gradient(#47341b 0deg 72deg,#a78644 72deg 144deg,#392919 144deg 216deg,#ae914d 216deg 288deg,#493424 288deg 360deg);box-shadow:0 0 0 3px #151116,0 0 0 5px #ffe1a2,0 12px 28px #000a;position:relative;}
.bonus-wheel.turning{transform:rotate(var(--wheel-stop));transition:transform 2.2s cubic-bezier(.12,.7,.18,1);}
.bonus-wheel>span{position:absolute;left:calc(50% - 20px);top:calc(50% - 12px);width:40px;font-family:'JetBrains Mono',monospace;font-size:23px;font-weight:700;color:#fff2cb;transform-origin:50% 50%;}
.bonus-wheel>b{position:absolute;left:calc(50% - 35px);top:calc(50% - 35px);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:#2e2110;background:linear-gradient(#ffe8b4,#d3a35e);border:4px solid #3c2b18;}
.bonus-wheel-pointer{position:absolute;left:calc(50% - 14px);top:-5px;z-index:2;font-size:30px;color:#fff1c4;filter:drop-shadow(0 2px 3px #000);}
.bonus-beats{display:flex;gap:20px;justify-content:center;margin:20px;}
.bonus-beats span{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:'JetBrains Mono',monospace;font-size:22px;border:1px solid #d58daf66;color:#8e799a;background:#131724;}
.bonus-beats .done{color:var(--accent);border-color:var(--accent);box-shadow:0 0 18px #fd64c344;}
.bonus-pulse{height:68px;position:relative;background:linear-gradient(180deg,#101623,#1c2638);border:1px solid #d484bf55;border-radius:10px;margin-top:30px;overflow:hidden;}
.pulse-good{position:absolute;left:22%;width:56%;height:100%;background:#633555;}
.pulse-perfect{position:absolute;left:38%;width:24%;height:100%;background:linear-gradient(90deg,#b955b0,#d27bc9,#b955b0);border-left:2px solid #ffd7ff;border-right:2px solid #ffd7ff;}
.pulse-cursor{position:absolute;left:0;top:6px;height:54px;width:5px;margin-left:-2px;background:#fff9dc;box-shadow:0 0 12px #fff;animation:pulseSweep 1400ms linear infinite;}
@keyframes pulseSweep{from{left:0}to{left:100%}}
.bonus-pulse-label{font-family:'JetBrains Mono',monospace;font-size:9px;color:#ccafce;letter-spacing:.04em;margin:12px 0 25px;}
.bonus-seabed{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:350px;margin:0 auto;}
.bonus-pick.dive{height:66px;border-radius:12px;background:linear-gradient(150deg,#164052,#091b2e);}
.bonus-pick.dive>span{font-size:30px;}
.bonus-pick.dive.revealed{background:#144354;}
.bonus-result{padding:25px 24px 20px;border:1px solid var(--accent);border-radius:20px;background:#090d17e8;box-shadow:0 0 60px #0007;outline:none;}
.bonus-result>p{font-size:10px;letter-spacing:.12em;color:var(--accent);line-height:1.6;}
.bonus-result>strong{display:block;font-family:'JetBrains Mono',monospace;font-size:76px;color:#fff1dc;margin:20px 0;}
.bonus-result>span{display:block;font-size:13px;color:#c5b7d0;line-height:1.5;margin-bottom:25px;}
.bonus-result .lg-feedback{margin-top:20px;}
.bonus-exit{display:block;margin:18px auto 0;font-size:12px;color:#dfcfea;min-height:40px;}
.bonus-footer{font-size:10px;line-height:1.5;color:#b2a2be;margin-top:15px;}
.bonus-upright{width:460px;padding:15px 12px;}
.bonus-upright .bonus-top{flex-wrap:wrap;justify-content:center;gap:7px;}
.bonus-upright .bonus-wordmark{font-size:10px;}
.bonus-upright .bonus-mode{font-size:9px;}
.bonus-upright .bonus-content{width:100%;padding:24px 8px;}
.bonus-upright .bonus-heading h2{font-size:35px;}
.bonus-upright .bonus-heading>span:last-child{font-size:13px;}
.bonus-upright .bonus-stage{padding:22px 16px;}
.bonus-upright .bonus-clovers{flex-wrap:wrap;gap:12px;}
.bonus-upright .bonus-pick.clover{width:100px;height:100px;}
.bonus-upright .bonus-pick.clover>span{font-size:36px;}
.bonus-upright .bonus-pick.rune{width:100px;height:155px;}
.bonus-upright .bonus-runes{gap:10px;}
.bonus-upright .bonus-actions{flex-direction:column;}
.bonus-upright .bonus-result>strong{font-size:56px;}
.bonus-upright .bonus-result .bonus-primary{width:100%;font-size:14px;}
.bonus-sideways{width:100%;padding:10px 18px;}
.bonus-sideways .bonus-top{min-height:28px;}
.bonus-sideways .bonus-wordmark{font-size:9px;}
.bonus-sideways .bonus-mode{font-size:8px;padding:5px 10px;}
.bonus-sideways .bonus-content{width:100%;display:grid;grid-template-columns:minmax(0,36fr) minmax(0,64fr);padding:8px 0;column-gap:15px;}
.bonus-sideways .bonus-heading{align-self:center;margin:0;}
.bonus-sideways .bonus-heading h2{font-size:31px;}
.bonus-sideways .bonus-heading>span:last-child{font-size:12px;padding:0 5px;}
.bonus-sideways .bonus-emblem{width:40px;height:40px;font-size:25px;}
.bonus-sideways .bonus-heading>p{font-size:8px;}
.bonus-sideways .bonus-stage{min-height:270px;padding:12px;}
.bonus-sideways .bonus-footer,.bonus-sideways .bonus-exit{grid-column:1 / -1;margin-top:6px;}
.bonus-sideways .bonus-footer{font-size:8px;}
.bonus-sideways .bonus-exit{min-height:24px;font-size:10px;}
.bonus-sideways .bonus-wheel{width:180px;height:180px;margin-bottom:15px;border-width:5px;}
.bonus-sideways .bonus-wheel>span{font-size:16px;}
.bonus-sideways .bonus-wheel>span:nth-child(1){transform:rotate(36deg) translateY(-66px)!important;}
.bonus-sideways .bonus-wheel>span:nth-child(2){transform:rotate(108deg) translateY(-66px)!important;}
.bonus-sideways .bonus-wheel>span:nth-child(3){transform:rotate(180deg) translateY(-66px)!important;}
.bonus-sideways .bonus-wheel>span:nth-child(4){transform:rotate(252deg) translateY(-66px)!important;}
.bonus-sideways .bonus-wheel>span:nth-child(5){transform:rotate(324deg) translateY(-66px)!important;}
.bonus-sideways .bonus-wheel>b{width:50px;height:50px;left:calc(50% - 25px);top:calc(50% - 25px);font-size:22px;}
.bonus-sideways .bonus-primary,.bonus-sideways .bonus-secondary{min-height:42px;font-size:12px;padding:8px 15px;}
.bonus-sideways .bonus-pick.clover{width:80px;height:125px;}
.bonus-sideways .bonus-clovers{gap:8px;}
.bonus-sideways .bonus-pick.clover>span{font-size:34px;}
.bonus-sideways .bonus-step{font-size:12px;margin-bottom:12px;}
.bonus-sideways .bonus-haul{margin:15px 0;}
.bonus-sideways .bonus-runes{gap:12px;}
.bonus-sideways .bonus-pick.rune{width:100px;height:170px;}
.bonus-sideways .bonus-offer-value{font-size:45px;margin:8px;}
.bonus-sideways .bonus-dragon-offer h3{font-size:19px;}
.bonus-sideways .bonus-dragon-offer p{font-size:12px;margin:10px auto 16px;}
.bonus-sideways .bonus-small{font-size:9px;margin-top:10px;}
.bonus-sideways .bonus-beats{margin:12px;}
.bonus-sideways .bonus-beats span{width:40px;height:40px;font-size:17px;}
.bonus-sideways .bonus-pulse{height:48px;margin-top:15px;}
.bonus-sideways .pulse-cursor{top:5px;height:36px;}
.bonus-sideways .bonus-pulse-label{font-size:8px;margin-bottom:12px;}
.bonus-sideways .bonus-seabed{max-width:280px;gap:6px;}
.bonus-sideways .bonus-pick.dive{height:42px;}
.bonus-sideways .bonus-result{padding:20px;align-self:center;}
.bonus-sideways .bonus-result>strong{font-size:52px;margin:10px 0;}
.bonus-sideways .bonus-result>span{font-size:12px;margin-bottom:14px;}
@media(prefers-reduced-motion:reduce){.slot-world-motes i,.slot-playing{animation:none;}.picker-entering .picker-machine.selected{transform:none;}.bonus-wheel.turning{transition:none;}.bonus-pick{transition:none;}}
html.slot-lite .slot-world-motes{display:none;}

.bonus-hidden-symbol{display:block;background-image:url('symbols.svg');flex-shrink:0;}
.bonus-pick.rune{position:relative;isolation:isolate;overflow:hidden;}
.bonus-pick.rune:before{content:'';position:absolute;inset:0;background:url('art/mythic-world.webp') center 40% / cover;opacity:.22;z-index:-1;}
.bonus-pick.clover{background:radial-gradient(ellipse at 50% 22%,#397650,#0a2318 85%);}
.bonus-pick.dive{background:linear-gradient(145deg,#17485d,#061a2c);}
.bonus-sideways .bonus-hidden-symbol{transform:scale(.8);}
.picker-sound:focus,.picker-arrow:focus,.picker-play:focus,.bonus-primary:focus,.bonus-secondary:focus,.bonus-pick:focus,.picker-feature button:focus,.slot-feature-button:focus{outline:2px solid #fff1da;outline-offset:3px;}
/* Keep the entire bonus control area visible in a short landscape viewport. */
.bonus-sideways .bonus-top{min-height:32px;}
.bonus-sideways .bonus-top .picker-sound{min-height:32px;font-size:9px;}
.bonus-sideways .bonus-content{padding:5px 0;}
.bonus-sideways .bonus-ocean-stage .bonus-step{margin-bottom:8px;}
.bonus-sideways .bonus-ocean-stage .bonus-seabed .bonus-pick{height:38px;}
.bonus-sideways .bonus-ocean-stage .bonus-haul{margin:9px 0;}
.bonus-sideways .bonus-ocean-stage .bonus-haul strong{font-size:22px;}
.bonus-sideways .bonus-ocean-stage .bonus-secondary{min-height:38px;}
.bonus-sideways .bonus-ocean-stage .bonus-small{margin-top:6px;line-height:1.4;}