/* Registered to the illustrated controls in the 1670 × 941 native scene. */
#auto{left:63.47%;top:88.20%;width:7.12%;height:9.04%;border-radius:0;clip-path:polygon(13% 0,86% 0,100% 18%,100% 80%,85% 100%,13% 100%,0 83%,0 18%)}
#auto:hover,#auto.active{background:transparent;box-shadow:none}
#auto::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:#e6ffbd10;backdrop-filter:brightness(1.22);-webkit-backdrop-filter:brightness(1.22);transition:opacity .16s}
#auto:not(:disabled):hover::before,#auto:focus-visible::before{opacity:1}
#auto.active::after{content:'';position:absolute;left:29%;right:29%;bottom:8%;height:3%;border-radius:50%;background:#eaffc0;box-shadow:0 0 .5cqw #b4ff34}
#auto:disabled::before{opacity:0}

/* The illustrated red face sits inside the original desktop metal rim.
   Phones show the complete matching mobile rim from this same artwork. */
#spin .spin-stop-art{display:none;position:absolute;pointer-events:none;z-index:-1;left:-26%;top:50%;width:152%;height:auto;max-width:none;transform:translateY(-48.046875%);clip-path:circle(33.1% at 50% 48.046875%)}
#spin.autoplay-stop .spin-stop-art{display:block}
#spin.autoplay-stop{box-shadow:none;background:transparent;isolation:isolate}
#spin.autoplay-stop::before{display:none}
#spin.autoplay-stop::after{content:attr(data-auto-count);position:absolute;left:33%;top:34%;width:34%;height:30%;display:grid;place-items:center;border:0;background:none;box-shadow:none;color:#7b0811;text-shadow:none;font:900 1.65cqw/1 'Segoe UI',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.06em;pointer-events:none}
#spin.autoplay-stop:hover .spin-stop-art{filter:brightness(1.12)}
#spin.autoplay-stop:active .spin-stop-art{filter:brightness(.92)}
#spin.autoplay-stop:focus-visible{outline:2px solid #fff0bd;outline-offset:.35cqw}

/* A small illuminated metal plate in the graveyard beside the cabinet. */
#buy-bonus{position:absolute;left:3%;top:75.8%;width:16.5%;height:7.4%;z-index:7;display:flex;align-items:center;justify-content:center;gap:.55cqw;border:.22cqw ridge #bcc4b8;border-radius:.7cqw;padding:.4cqw .7cqw;background:linear-gradient(170deg,#343c3f 0,#111c20 16%,#0b1517 80%,#03090c 100%);box-shadow:inset 0 0 0 .16cqw #091214,inset 0 0 0 .3cqw #565761,0 .35cqw .6cqw #000b,0 0 1.1cqw #85ff2445;color:#e5ffb3;font:900 1.52cqw/1.05 'Segoe UI',sans-serif;letter-spacing:.025em;text-shadow:0 .14cqw .12cqw #000,0 0 .7cqw #76ff3470}
#buy-bonus::before,#buy-bonus::after{content:'';position:absolute;width:.4cqw;height:.4cqw;border-radius:50%;border:.08cqw solid #090c10;background:linear-gradient(120deg,#d1d8cd,#4a5655 55%,#161d1e);top:calc(50% - .2cqw);box-shadow:0 .06cqw .12cqw #000}
#buy-bonus::before{left:.5cqw}#buy-bonus::after{right:.5cqw}
#buy-bonus>span{color:#b5ff4b;font-size:1.8cqw;text-shadow:0 0 .75cqw #83ff21}
#buy-bonus:hover:not(:disabled){filter:brightness(1.15);box-shadow:inset 0 0 0 .16cqw #091214,inset 0 0 0 .3cqw #839c73,0 .35cqw .6cqw #000b,0 0 1.6cqw #85ff2460}
#buy-bonus:disabled{opacity:.55}
#buy-bonus[hidden]{display:none}
