/* Reference-style bottom HUD. The six-reel canvas and game artwork stay in place. */
#stage{aspect-ratio:auto;container-type:inline-size;overflow:hidden;background:#090909}
#game{position:relative;width:100%;height:auto;aspect-ratio:1212/608}
/* The bonus intro covers only the canvas, never the HUD beneath it, so CONTINUE is always reachable. */
#bonus-intro{inset:0 0 auto;aspect-ratio:1212/608}
main{width:min(1560px,100%,calc((100dvh - 85px)*1.72 + 56px))}
.page-top{padding-bottom:10px}
.hud{position:relative;z-index:2;display:grid;grid-template-columns:6.9% minmax(0,1fr) 18.5% 8.4% 10.4% 6.6%;align-items:center;gap:1.3%;width:87%;margin:-2.6cqw auto 0;padding:0 0 1.5cqw;color:#fff;font-family:Arial,Helvetica,sans-serif}
.hud button{display:grid;place-items:center;margin:0;padding:0;border:0;color:inherit;background:transparent;min-width:0;touch-action:manipulation}
.hud button:focus-visible{outline:3px solid #e5cf89;outline-offset:4px}
.hud button:disabled{opacity:.42}
.hud svg{display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.hud-turbo{width:100%;aspect-ratio:1;border:2px solid #fff!important;border-radius:50%;background:#171714dd!important}
.hud-turbo svg{width:48%;height:65%;stroke-width:2.6}
.hud-turbo[aria-pressed=true]{color:#ecd677;background:#383123!important;border-color:#ecd677!important}
.hud-readouts{height:6.8cqw;min-height:52px;display:grid;grid-template-columns:17% minmax(0,1fr) minmax(0,1fr);align-items:center;background:linear-gradient(90deg,#111111e6,#111111cf);border-radius:5px;padding-right:1.4cqw}
.hud-menu{height:100%;width:100%}.hud-menu svg{width:48%;height:auto;stroke-width:4}
.hud-amount{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.04;font-variant-numeric:tabular-nums}
.hud-amount>span{font-size:clamp(10px,.94cqw,14px);font-weight:700}
.hud-amount>strong{font-size:clamp(14px,1.38cqw,21px);font-weight:750;white-space:nowrap;letter-spacing:-.025em;min-width:0}
.hud-win{text-align:right;padding-left:6px}
.hud-bet{height:6.8cqw;min-height:52px;display:flex;align-items:center;justify-content:space-between;background:#111;border-radius:5px;padding-left:1.3cqw}
.hud-bet-arrows{height:100%;width:34%;display:flex;flex-direction:column}
.hud-bet-arrows button{height:50%;width:100%}.hud-bet-arrows svg{width:42%;height:70%;stroke-width:3.6}
.hud .hud-autoplay{height:6.8cqw;min-height:52px;background:#111;border-radius:4px}
.hud-autoplay svg{width:43%;stroke-width:3}.hud-autoplay .auto-play{fill:currentColor;stroke:none}
.hud-autoplay.enabled{color:#e7cf79;background:#28251a}
.hud .hud-autoplay[hidden]{display:grid;visibility:hidden}
.hud .hud-spin{width:100%;aspect-ratio:1;background:#111;border:4px solid #454543;border-radius:50%;position:relative}
.hud-spin svg{width:86%;height:86%;stroke-width:11}
.hud-spin .spin-head{fill:currentColor;stroke:none}
.hud-spin:active:not(:disabled){transform:scale(.97)}
.hud-spin:disabled{opacity:1;color:#bab7ad}
.hud-spin.has-remaining>svg{visibility:hidden}
.hud #remaining{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:50%;background:transparent;font-size:clamp(18px,3cqw,42px);font-weight:700;color:#fff;display:grid;place-items:center}
.hud #remaining[hidden]{display:none}
.hud-provider{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#090909;display:grid;place-items:center}
.hud-provider img{display:block;width:120%;height:120%;max-width:none;object-fit:contain}
.hud button:hover:not(:disabled){color:#e9dfbf}
.hud-turbo:hover:not(:disabled),.hud-spin:hover:not(:disabled){background:#282722!important}
#features{max-height:88%;overflow:auto;top:6%;padding:2%;width:62%;left:25%;border:1px solid #5b5446}
#features .toolbar{display:flex;flex-direction:column;gap:12px;padding:10px 0 12px;margin-bottom:12px;border-bottom:1px solid #38352e}
#features .actions,#features .tools{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0;width:100%}
#features #sound{display:flex;align-items:center;gap:7px}
#features #sound svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
#features #sound svg path:first-child{fill:currentColor;stroke:none}
#features #sound[aria-pressed=true] .mute-slash{display:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
main:fullscreen{width:min(100vw,calc((100dvh - 65px)*1.72 + 56px));height:100dvh}
@media(max-width:850px){main{width:min(100%,calc((100dvh - 65px)*1.70 + 24px))}.hud{width:90%}.hud-readouts,.hud-bet,.hud .hud-autoplay{min-height:46px}.hud-amount>strong{font-size:clamp(12px,1.7cqw,18px)}.hud-amount>span{font-size:10px}.hud-spin{border-width:3px!important}}
@media(max-width:540px){body{padding-top:3vh}main{width:100%}.hud{width:96%;margin-top:-1.5cqw;padding-bottom:10px;grid-template-columns:42px minmax(0,1fr) 66px 40px 54px;gap:5px}.hud-turbo{grid-column:1;grid-row:2;width:38px;justify-self:center}.hud-readouts{grid-column:1/4;grid-row:1;height:45px;min-height:45px;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);padding-right:10px}.hud-bet{grid-column:2/4;grid-row:2;height:42px;min-height:42px;padding-left:12px}.hud .hud-autoplay{grid-column:4;grid-row:2;height:42px;min-height:42px}.hud .hud-spin{grid-column:5;grid-row:2;width:52px}.hud-provider{grid-column:4/6;grid-row:1;width:43px;justify-self:center}.hud-amount>strong{font-size:14px}.hud-amount>span{font-size:10px}.hud-bet-arrows{width:42px}.hud-bet-arrows svg{width:42%}.hud #remaining{font-size:22px}#features{left:5%;width:90%;padding:4%;max-height:90%}#features .toolbar button{min-height:38px}#features .actions{display:flex}}

/* Screen-space glass stays attached to the viewer above the feature artwork. */
#screen-glass{position:absolute;inset:0 0 auto;width:100%;height:auto;aspect-ratio:1212/608;z-index:3;pointer-events:none}

.max-rules{margin-top:20px;color:#d9ccb1;font-size:12px;line-height:1.6}.max-rules summary{cursor:pointer;letter-spacing:1px}.max-rules p{margin:10px 0}.max-rules b{color:#f0d48f}

/* Trickster receipt: gross return and net against the actual paid spin cost. */
#round-net{font-size:clamp(10px,.88cqw,12px);line-height:1.15;font-weight:600;white-space:nowrap;color:inherit;font-variant-numeric:tabular-nums}
#round-net[hidden]{display:none}