/* Approved B: neutral charcoal cards and coral actions. */
@font-face{font-family:BuyRubik;src:url('assets/fonts/Rubik-Variable.ttf') format('truetype');font-weight:300 900;font-display:swap}
.app[data-ui=modern]{--buy-accent:#e9573f;--buy-hover:#d34630}
.app[data-ui=modern] .hud{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;isolation:isolate}
.app[data-ui=modern] .hud::before{content:"";grid-column:2/-1;grid-row:1/-1;align-self:stretch;justify-self:stretch;position:static;margin:-1px -19px -1px -7px;border:1px solid #ffffff20;border-radius:10px;background:rgb(0 0 0 / 56%);z-index:-1;pointer-events:none}
@media(max-width:940px){.app[data-ui=modern] .hud::before{margin-right:-13px}}
@media(max-width:640px){.app[data-ui=modern] .hud::before{grid-row:2;margin-right:-11px;margin-bottom:-8px}}
.app[data-ui=modern] .hud .spin{background:#282828;border-color:#eee;box-shadow:inset 0 0 0 6px #111}
.app[data-ui=modern] .hud .spin:hover:enabled{background:#363636;box-shadow:inset 0 0 0 6px #111}
.app[data-ui=modern] .hud .meter>span,.app[data-ui=modern] .hud .bet-select>span{color:#ccc}
.app[data-ui=modern] .bonus-menu{background:#282828;color:#fff;border-color:#eee;box-shadow:0 0 0 2px #111}
.app[data-ui=modern] .bonus-menu:hover:enabled{background:#383838}
.app[data-ui=modern] .bonus-menu svg{display:none}
.app[data-ui=modern] .hud[data-feature-active=true] .spin,
.app[data-ui=modern] .hud[data-feature-active=true] .bonus-menu{background:var(--buy-accent);color:#fff}
.app[data-ui=modern] .hud[data-feature-active=true] .spin:hover:enabled,
.app[data-ui=modern] .hud[data-feature-active=true] .bonus-menu:hover:enabled{background:var(--buy-hover)}
.app[data-ui=modern] .hud[data-feature-active=true] .bet-select strong{color:var(--buy-accent)}