/* GAIA supplied HUD assets, adapted to PRISMA's DOM and existing book player. */
@font-face{font-family:PrismaHUD;src:url('./assets/gaia/fonts/Rubik-SemiBold.ttf') format('truetype');font-display:swap}
.hud-wrap{width:min(920px,100%)}
.toolbar{display:grid;grid-template-columns:38px 88px minmax(100px,1.2fr) minmax(80px,1fr) minmax(114px,1fr) minmax(85px,.9fr) 86px 38px;gap:8px;align-items:center;font-family:PrismaHUD,Arial,sans-serif;padding:0 4px;background:linear-gradient(180deg,#242424,#141414);border:1px solid #454545;border-radius:10px;box-shadow:0 7px 0 #080a0d,0 12px 28px #0005}
.toolbar .meter{display:contents}.toolbar .hamburger,.toolbar .bonus-button,.toolbar .spin,.toolbar .aux,.toolbar .win-pill,.toolbar .amount{position:static;width:auto;height:auto;margin:0;min-width:0;max-width:none}
.toolbar .hamburger{grid-column:1;grid-row:1;width:36px;height:36px;padding:7px;background:url('./assets/gaia/hud/chip-40-idle.svg') center/contain no-repeat;border:0}
.hamburger img{width:100%;height:100%}
.toolbar .bonus-button{grid-column:2;grid-row:1;height:78px;position:relative;align-self:center;background:none;border:0}
.toolbar .bonus-button img{width:100%;height:100%;object-fit:fill}.toolbar .bonus-button span{bottom:auto;top:32px;color:#111;text-shadow:none;font:11px PrismaHUD;letter-spacing:-.3px;transform:rotate(-5deg)}
.toolbar .bonus-button.active span{font-size:10px}.toolbar .bonus-button.active{filter:drop-shadow(0 0 7px #ffd20177)}
.toolbar .amount{gap:6px;align-items:center;text-align:center}.toolbar .amount:first-child{grid-column:3;grid-row:1;align-items:flex-start;padding-left:5px}
.toolbar .bet-amount{grid-column:5;grid-row:1}.toolbar .mode-amount{grid-column:6;grid-row:1;border-left:1px solid #5555;padding-left:7px;display:flex}
.toolbar .amount>span,.toolbar .win-pill>span{font:9px PrismaHUD;color:#999;letter-spacing:.05em}.toolbar .amount strong,.toolbar .win-pill strong{font:18px PrismaHUD;color:white;-webkit-text-stroke:0;text-shadow:none;font-variant-numeric:tabular-nums}
.toolbar .mode-amount>span{font-size:7px;max-width:100%;white-space:normal}.toolbar .mode-amount strong{font-size:15px}
.toolbar .win-pill{grid-column:4;grid-row:1;background:none;border:0;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px}.game:has(.has-win) .win-pill{box-shadow:none}.game:has(.has-win) .win-pill strong{color:#ffd201}
.toolbar .stake-control{gap:4px}.toolbar .stake-control>button:not(#bet-button){width:25px;height:28px;padding:5px;border-radius:50%;background:url('./assets/gaia/hud/chip-40-idle.svg') center/contain no-repeat}.stake-control button img{width:100%;height:100%}
#bet-button{background:none;border:0;padding:5px 2px;min-width:46px}#bet-button:hover strong{color:#ffd201}
.toolbar .spin{grid-column:7;grid-row:1;height:92px;width:86px;background:none;border:0;border-radius:50%;box-shadow:none;padding:0;align-self:center;transform:translateY(-3px)}
.toolbar .spin img{height:100%;width:100%;opacity:1!important;transition:filter .15s}.toolbar .spin.busy{background:none;box-shadow:none}.toolbar .spin:hover img{filter:brightness(1.12)}.toolbar .spin:active{transform:translateY(-1px) scale(.96)}
.toolbar .spin span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.toolbar .aux{grid-column:8;grid-row:1;display:flex;gap:7px}.toolbar .aux button{width:32px;height:32px;border-radius:50%;padding:6px;background:url('./assets/gaia/hud/chip-40-idle.svg') center/contain no-repeat}.toolbar .aux button[aria-pressed=true]{background-image:url('./assets/gaia/hud/chip-40-solid.svg');outline:none}.toolbar .aux button[aria-pressed=true] img{filter:brightness(0)}
.toolbar button{transition:filter .12s,transform .12s}.toolbar button:hover:not(:disabled){filter:brightness(1.14)}.toolbar button:disabled{opacity:.38}
dialog{background:#141414;border:1px solid #555;border-radius:14px;box-shadow:0 28px 100px #000b;font-family:PrismaHUD,Arial,sans-serif}dialog .eyebrow{color:#ffd201}dialog .mode-card{background:linear-gradient(160deg,#2b2b2b,#191919);border:1px solid #505050;border-radius:10px}dialog .mode-card h3{font-family:PrismaHUD;font-size:19px}dialog .mode-card>strong{color:#ffd201}dialog button[data-mode],dialog #confirm,dialog .primary{background:#ffd201;color:#111;border:0;border-radius:6px;font-family:PrismaHUD}dialog .mode-card p{font-family:Arial,sans-serif;line-height:1.6}dialog .confirm-actions button{border-radius:6px}
.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.choice-grid button{padding:16px 8px;border:1px solid #555;border-radius:8px;background:#242424;font:17px PrismaHUD}.choice-grid button[aria-pressed=true]{background:#ffd201;color:#111;border-color:#ffd201}.dialog-summary{display:flex;justify-content:space-between;gap:16px;border-block:1px solid #444;padding:14px 0;font-size:12px}.dialog-summary b{color:#ffd201}dialog .info>p{line-height:1.7;color:#b7bec5}
.sound-shortcut{font-family:PrismaHUD;font-size:9px;border-color:#555;background:#202020}.audio-settings input{accent-color:#ffd201}
dialog .mode-card.sticky button[data-mode]{background:#ffd201;color:#111}
dialog .mode-card{padding:18px 14px}dialog .mode-art{width:78px}dialog .mode-card p{min-height:30px;margin:7px 0}dialog .mode-card h3{margin-bottom:8px}dialog .mode-card strong{margin:8px 0}dialog .mode-card button{margin-top:auto}
.audio-menu-volume{accent-color:#ffd201}
@media(max-width:800px){.toolbar{grid-template-columns:32px 72px minmax(78px,1fr) minmax(62px,.8fr) minmax(104px,1fr) 74px 32px;gap:5px}.toolbar .mode-amount{display:none}.toolbar .spin{grid-column:6;height:82px;width:74px}.toolbar .aux{grid-column:7}.toolbar .bonus-button{height:68px}.toolbar .bonus-button span{top:28px;font-size:10px}.toolbar .amount strong,.toolbar .win-pill strong{font-size:15px}.toolbar .amount>span,.toolbar .win-pill>span{font-size:8px}.toolbar .hamburger{width:30px;height:30px}.toolbar .aux button{width:28px;height:28px}.toolbar .stake-control>button:not(#bet-button){width:23px}}
@media(max-width:560px){.hud-wrap,.toolbar{height:122px}.game{grid-template-rows:48px 18px minmax(0,1fr) 22px 122px 20px}.board-shell,.board-top,.under-board{width:min(100%,620px,calc((100svh - 349px)*1.2))}.toolbar{grid-template-columns:30px 62px 1fr 1fr 70px 30px;grid-template-rows:44px 65px;gap:0 5px;padding:3px 7px}.toolbar .hamburger{grid-column:1;grid-row:2}.toolbar .bonus-button{grid-column:2;grid-row:2;height:60px}.toolbar .bonus-button span{top:24px;font-size:9px}.toolbar .amount:first-child{grid-column:1/4;grid-row:1;align-items:flex-start;padding-left:8px}.toolbar .win-pill{grid-column:4/7;grid-row:1;align-items:flex-end;padding-right:8px}.toolbar .bet-amount{grid-column:3/5;grid-row:2}.toolbar .spin{grid-column:5;grid-row:2;height:76px;width:70px}.toolbar .aux{grid-column:6;grid-row:2;gap:4px}.toolbar .amount{gap:2px}.toolbar .win-pill{gap:2px}.toolbar .stake-control{gap:7px}.toolbar .amount strong,.toolbar .win-pill strong{font-size:16px}.choice-grid{gap:6px}.choice-grid button{font-size:14px;padding:14px 4px}.sound-shortcut{bottom:auto;top:21px;right:137px;font-size:7px;padding:5px}}
@media(max-width:360px){.toolbar{grid-template-columns:26px 48px minmax(90px,1fr) 56px 26px;column-gap:3px;padding-inline:5px}.toolbar .bet-amount{grid-column:3}.toolbar .spin{grid-column:4;width:56px;height:64px}.toolbar .aux{grid-column:5}.toolbar .aux button{width:26px;height:26px}.toolbar .hamburger{width:26px;height:28px}.toolbar .win-pill{grid-column:4/6}.toolbar .bonus-button{height:49px}.toolbar .bonus-button span{font-size:7px;top:20px}.toolbar .stake-control{gap:0}.toolbar .stake-control>button:not(#bet-button){width:21px;padding:4px}#bet-button{min-width:44px}.toolbar .amount strong{font-size:14px}}
@media(max-width:360px){.sound-shortcut{width:26px;height:26px;right:144px;top:18px;font-size:0;background:#202020 url('./assets/gaia/hud/icon-sound.svg') center/17px no-repeat}body[data-audio-muted=true] .sound-shortcut{background-image:url('./assets/gaia/hud/icon-sound-off.svg')}}
@media(max-height:620px) and (min-width:801px){.toolbar .spin{height:76px;width:72px}.toolbar .bonus-button{height:62px}.toolbar .bonus-button span{top:25px}.toolbar{grid-template-columns:32px 74px minmax(90px,1.2fr) minmax(70px,1fr) minmax(108px,1fr) minmax(80px,.9fr) 74px 32px;gap:6px}.toolbar .amount strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.toolbar button,.toolbar .spin img{transition:none}}