#loading-utilities{position:fixed;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));display:flex;flex-direction:column;gap:10px;z-index:2147483647;isolation:isolate;}
#loading-utilities[hidden],#game-audio-toggle[hidden]{display:none!important;}
.loading-utility,.global-audio-button{position:relative;display:block;width:64px;height:64px;padding:0;background:none;border:0;cursor:pointer;flex:none;isolation:isolate;}
.loading-utility>img,.global-audio-button>img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;filter:var(--hud-art-filter,none);}
.loading-utility:focus-visible,.global-audio-button:focus-visible{outline:2px solid var(--gold,#ffd700);outline-offset:3px;border-radius:50%;}
.loading-utility:hover,.global-audio-button:hover{transform:scale(1.04);}.loading-utility:active,.global-audio-button:active{transform:scale(.97);}
.audio-state{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);font:bold 10px/1.1 Arial,sans-serif;color:#fff4cb;background:#111e;border:1px solid #bd943d;border-radius:4px;padding:1px 3px;pointer-events:none;}
[data-audio-state=OFF]::after{content:'';position:absolute;left:24%;top:46%;width:52%;height:4px;background:#e86c64;border:1px solid #24120e;border-radius:3px;transform:rotate(-45deg);pointer-events:none;}
[data-audio-state=OFF] .audio-state{color:#ffb6ad;}
#game-audio-toggle{position:fixed;z-index:99;}
body:not(.publisher-game-open) #game-audio-toggle{display:none;}
#login-modal,.legal-modal-overlay{z-index:2147483647!important;}
body.loading-utility-modal #loading-utilities{top:max(10px,env(safe-area-inset-top));}
body.loading-utility-modal #loading-utilities .loading-utility:not([data-audio-master]){display:none;}
@media(max-width:900px){.loading-utility{width:44px;height:44px;}#loading-utilities,body.loading-utility-modal #loading-utilities{right:max(8px,env(safe-area-inset-right));top:4px!important;gap:6px;}#loading-utilities .audio-state{font-size:9px;bottom:4px;}}
@media(max-aspect-ratio:1/1){#loading-screen #loading-title{left:50%!important;width:calc(100vw - 128px)!important;}}
body.mobile-slide-mode #game-audio-toggle{position:absolute!important;left:auto!important;right:8px!important;top:148px!important;width:44px;height:44px;}
body.mobile-slide-mode #game-audio-toggle .audio-state{font-size:9px;bottom:4px;}
/* The provider buttons retain their original markup, colours and sizing. */
#login-modal{backdrop-filter:blur(5px);background:#05090dbb;align-items:center!important;}
#login-modal .login-modal-content{position:relative;width:min(420px,calc(100vw - 30px));max-width:calc(100vw - 30px);max-height:calc(100dvh - 40px);box-sizing:border-box;overflow-y:auto;background:#101820;border:9px solid transparent;border-image:url('/assets/ui/hud/frame-v2.webp') 17% stretch;border-radius:8px;padding:20px 22px;color:#d7e2ed;box-shadow:0 14px 55px #000b;text-align:center;}
#login-modal .login-modal-content h3{color:var(--gold,#ffd65d);font-size:25px;line-height:1.2;margin:4px 22px 12px;font-weight:900;text-shadow:0 2px 1px #000;}
#login-modal .login-close-x{position:absolute;right:8px;top:7px;width:25px;height:25px;line-height:22px;text-align:center;border:1px solid #8a98b4;border-radius:50%;background:#202b3b;color:#fff;font-size:22px;cursor:pointer;}
#login-modal .login-input{background:#080e15;border-radius:6px;min-height:40px;}
#login-modal .login-input:focus{outline:2px solid var(--gold,#ffd65d);outline-offset:1px;}
@media(max-width:480px){#login-modal .login-modal-content{padding:15px 12px;border-width:8px;}#login-modal .login-modal-content h3{font-size:23px;}}
body:not(.mobile-slide-mode) #privacyMenuBtn{top:92px!important;}
body:not(.mobile-slide-mode) #supportMenuBtn{top:166px!important;}
body:not(.mobile-slide-mode) .ads-floating-button{top:314px!important;}
body.mobile-slide-mode #loginMenuBtn{top:4px!important;}
body.mobile-slide-mode #privacyMenuBtn{top:52px!important;}
body.mobile-slide-mode #supportMenuBtn{top:100px!important;}
body.mobile-slide-mode .ads-floating-button{top:196px!important;}
.email-visibility-toggle{flex:0 0 28px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:3px;margin-right:6px;border:0;border-radius:4px;background:transparent;color:#d5dfed;cursor:pointer;}
.email-visibility-toggle svg{display:block;width:22px;height:22px;}
.email-visibility-toggle:hover{color:#fff;background:#ffffff15;}
.email-visibility-toggle:focus-visible{outline:2px solid var(--gold,#ffd65d);}
/* Tint the painted rim only, preserving text and provider branding. */
#login-modal .login-modal-content,#privacy-modal .legal-modal-card,#support-modal .legal-modal-card,#wheel-modal>.custom-modal-content{position:relative;isolation:isolate;border:9px solid transparent;border-image:none;border-radius:8px;overflow:visible!important;}
#login-modal .login-modal-content::after,#privacy-modal .legal-modal-card::after,#support-modal .legal-modal-card::after,#wheel-modal>.custom-modal-content::after{content:'';position:absolute;inset:-9px;border:9px solid transparent;border-image:url('/assets/ui/hud/frame-v2.webp') 17% stretch;filter:var(--hud-art-filter,none);pointer-events:none;z-index:3;}
.modal-frame-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;}
#login-modal .login-close-x,.legal-modal-close,#wheel-modal .modal-close-btn{z-index:4;}
#emeraude-options .emerald-pack-copy{display:grid;grid-template-columns:24px auto;gap:5px 8px;align-items:center;text-align:left;}
#emeraude-options .emerald-pack-copy>img{width:22px!important;height:22px!important;object-fit:contain;justify-self:center;}
#emeraude-options .emerald-pack-title{font-weight:bold;font-size:14px;}
#emeraude-options .emerald-pack-amount{color:#fff;font-size:13px;font-weight:bold;}