
/* Bonut Blast: an industrial mining detonator. */
.dm-teaser{width:100%;display:flex;justify-content:center}
.dm-stage.narrow .dm-machine,.dm-stage.narrow .dm-deck{flex-shrink:0}
.dm-buybtn.dm-blast-entry{position:relative;width:min(190px,100%);height:auto;min-height:0;padding:0 4px 8px;border:0;border-radius:0;background:none;box-shadow:none;gap:0;color:#ffe4ab;transition:transform .22s,filter .22s}
.dm-blast-art{position:relative;display:block;width:180px;max-width:100%;aspect-ratio:20/17;filter:drop-shadow(0 9px 9px #0008)}
.dm-blast-art svg{display:block;width:100%;height:100%;overflow:visible}
.dm-blast-gem{position:absolute;left:0;bottom:7%;width:29%;height:35%;object-fit:contain;image-rendering:pixelated;transform:rotate(-13deg);filter:drop-shadow(0 0 9px #67e5ff44);transition:transform .3s}
.dm-plunger{transition:transform .28s cubic-bezier(.2,1.4,.4,1)}
.dm-blast-name{display:block;width:100%;margin-top:-9px;padding:11px 9px 9px;border:3px solid #ad8751;background:linear-gradient(110deg,#4b2820,#261c17);box-shadow:inset 0 0 0 2px #161310,0 4px 0 #161310;font:700 16px/1.2 Silkscreen,monospace;letter-spacing:.08em;text-shadow:0 2px #401f16}
.dm-blast-name strong{display:block;font-size:27px;color:#ffca79;letter-spacing:.03em}
.dm-blast-tag{padding:10px 0 0;font:700 9px/1.2 Silkscreen,monospace;letter-spacing:.14em;color:#d7bc92}
.dm-buybtn.dm-blast-entry:hover:not(:disabled){transform:translateY(-5px);filter:brightness(1.12)}
.dm-blast-entry:hover:not(:disabled) .dm-plunger{transform:translateY(10px)}
.dm-blast-entry:hover:not(:disabled) .dm-blast-gem{transform:rotate(-20deg) translateY(-5px)}
.dm-blast-entry:hover:not(:disabled) .dm-blast-spark{animation:dmFuse .55s ease-in-out infinite alternate;transform-origin:177px 63px}
.dm-buybtn.dm-blast-entry:active:not(:disabled){transform:translateY(-1px) scale(.97)}
.dm-buybtn.dm-blast-entry:focus-visible{outline:2px solid #ffe1a0;outline-offset:7px}
.dm-buybtn.dm-blast-entry:disabled{opacity:.48}
.dm-buybtn.dm-blast-entry.lowstake:disabled{box-shadow:none;border:0}
@keyframes dmFuse{from{opacity:.6;transform:scale(.75)}to{opacity:1;transform:scale(1.25)}}
/* Bonus purchase: a mine panorama above a clear, quiet purchase footer. */
#dm-buy{background:#02080dbd;backdrop-filter:blur(5px)}
.dm-card.buy.dm-blast-confirm{width:min(600px,100%);padding:0;overflow:auto;max-height:100%;text-align:left;border:1px solid #506b72;border-radius:16px;background:#0b1922;box-shadow:0 25px 80px #000b;transform:translateY(20px);transition:transform .3s ease}
.dm-ovl.on .dm-blast-confirm{transform:none}
.dm-purchase-scene{position:relative;isolation:isolate;min-height:280px;padding:26px 30px;overflow:hidden;background:linear-gradient(90deg,#05121ce6 5%,#06141c88 48%,#08151a11),url(../assets/slots/deepmine/bonus-mine-v3.png) center 60%/cover}
.dm-purchase-scene:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b1922,transparent 30%)}
.dm-purchase-brand{font:700 10px/1.4 Silkscreen,monospace;letter-spacing:.12em;color:#a7bbc1}
.dm-purchase-title{margin-top:25px;position:relative;z-index:2}
.dm-purchase-title>span{font:800 10px/1.4 Inter,sans-serif;letter-spacing:.22em;color:#e7b970}
.dm-card.buy.dm-blast-confirm h2{font:800 49px/.98 Inter,system-ui,sans-serif;letter-spacing:-.045em;margin:10px 0 0;color:#f4ead7;text-transform:none;text-shadow:none}
.dm-purchase-title h2 strong{font-weight:800;color:#88d8e0}
.dm-purchase-donuts{position:absolute;right:24px;top:70px;width:215px;height:140px;filter:drop-shadow(0 10px 16px #000a)}
.dm-purchase-donuts img{position:absolute;width:90px;height:90px;object-fit:contain;image-rendering:pixelated}
.dm-purchase-donuts img:nth-child(1){left:0;top:26px;transform:rotate(-17deg)}
.dm-purchase-donuts img:nth-child(2){left:64px;top:0;width:100px;height:100px}
.dm-purchase-donuts img:nth-child(3){right:0;top:47px;transform:rotate(16deg)}
.dm-purchase-spins{position:absolute;right:58px;bottom:27px;display:flex;align-items:center;gap:9px;color:#eaf6ee}
.dm-purchase-spins>b{font:800 33px/1 Inter,sans-serif;letter-spacing:-.04em}
.dm-purchase-spins>span{font:800 10px/1.3 Inter,sans-serif;letter-spacing:.1em;color:#acc9cc}
.dm-purchase-details{padding:10px 30px 26px}
.dm-blast-confirm .dm-buy-cost{margin:0 0 21px;padding:17px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;background:none;border:0;border-top:1px solid #aecfd32b;border-bottom:1px solid #aecfd317;box-shadow:none}
.dm-blast-confirm .dm-buy-cost small{font:600 13px/1.4 Inter,sans-serif;letter-spacing:0;text-transform:none;color:#a9bcc4}
.dm-blast-confirm .dm-buy-cost b{font:800 31px/1.2 Inter,sans-serif;letter-spacing:-.035em;color:#f5e5c9;text-shadow:none}
.dm-blast-confirm .dm-row{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}
.dm-blast-confirm .dm-row .btn{min-height:49px;height:auto;border-radius:8px;font:700 14px/1.4 Inter,sans-serif;padding:12px}
.dm-card.buy.dm-blast-confirm .btn.pri{background:#dfb676;color:#242015;border:1px solid #f0cd96;text-shadow:none;box-shadow:0 3px 0 #8b6939}
.dm-card.buy.dm-blast-confirm .btn.sec{background:#142630;border:1px solid #334953;color:#becdd2;box-shadow:none}
.dm-card.buy.dm-blast-confirm .btn.pri:hover:not(:disabled){background:#ecc88f;transform:translateY(-1px)}
@media(max-width:600px){.dm-purchase-scene{min-height:250px;padding:22px}.dm-card.buy.dm-blast-confirm h2{font-size:41px}.dm-purchase-donuts{right:0;top:65px;transform:scale(.77);transform-origin:right center}.dm-purchase-spins{right:29px;bottom:22px}.dm-purchase-details{padding:5px 22px 22px}.dm-blast-confirm .dm-buy-cost b{font-size:28px}}
.dm-stage.narrow .dm-buybtn.dm-blast-entry{height:80px;min-height:0;width:100%;padding:0;gap:0;display:flex;justify-content:flex-end;align-self:center}
.dm-stage.narrow .dm-blast-entry .dm-blast-art{position:absolute;width:63px;top:-8px;left:calc(50% - 31px)}
.dm-stage.narrow .dm-blast-entry .dm-blast-name{font-size:8px;line-height:1.1;padding:5px 2px 4px;border-width:2px;z-index:1}
.dm-stage.narrow .dm-blast-entry .dm-blast-name strong{font-size:14px}
.dm-stage.narrow .dm-blast-entry .dm-blast-tag{font-size:6px;padding-top:4px}

@media(prefers-reduced-motion:reduce){.dm-blast-entry,.dm-plunger,.dm-blast-gem,.dm-blast-confirm{transition:none!important}.dm-blast-spark{animation:none!important}}
