/* Shared surface palette. Keep game results, primary actions, rank colors and artwork intact. */
:root{--bg:#080a10!important;--background:#080a10!important;--panel:#10131c!important;--secondary-bg:#10131c!important;--third-bg:#171b27!important;--input:#0b0e16!important;--fourth-bg:#0b0e16!important;--fifth-bg:#10131c!important;--line:#292e3c!important;--gradient-bg:linear-gradient(180deg,#121621,#0b0e16)!important;--muted:#a3aec2!important;--text:#edf1f8!important;color-scheme:dark}
body,#root .app,#root .app>.center,#root .app>.center>.content{background-color:#080a10!important}
#root .navigation-sidebar,#root .chat-shell,#root .site-footer{background:#0a0d14!important;border-color:#252a36!important}
#root .navbar-container .main-navbar{background:linear-gradient(110deg,#0e111a,#0a0d14)!important}
#root .navigation-sidebar .nav-group{background:#10131c!important;border-color:#262b38!important}
#root .chat-shell .message-list,#root .chat-shell .composer{background:#0a0d14!important}
#root .chat-message{background:#10141e!important;border-color:#282d3a!important;box-shadow:0 3px 12px #0002!important}
#root .chat-shell :is(.input-row,.reply-preview,.emoji-menu),#root .activity-card,#root .chat-activity-card{background:#0e121b!important;border-color:#282d3a!important}
#root .activity-card header{background:#0b0e16!important;border-color:#252a36!important}
#root .chat-shell .input-row input{background:transparent!important;color:#e4e9f2!important}
#root .casino-home :is(.originals-section,.home-slots){background:linear-gradient(135deg,#10131c,#0c0f17)!important;border-color:#292c38!important}
#root .casino-home .home-account-panel{background:radial-gradient(ellipse at 8% 90%,#9c552015,transparent 52%),linear-gradient(110deg,#111019,#0c1018)!important}
#root .casino-home .home-account-panel .panel-level{background:#090c14db!important}
/* Original play areas: override the older per-game light surfaces. */
#root :is(.mines-page,.tower-page,.keno-page,.dice-page,.bj-page,.plinko-page) :is(.game-shell,.tower-shell,.keno-shell,.dice-shell,.bj-game,.plinko-shell){background:#0e111a!important}
#root :is(.mines-page,.tower-page,.keno-page,.dice-page,.bj-page,.plinko-page) :is(.control-card,.controls,.keno-controls,.dice-controls,.bj-controls,.plinko-controls){background:#11151f!important;border-color:#292e3c!important}
#root .mines-page .game-shell .board-area,#root .tower-page .tower-shell .stage,#root .keno-page .keno-shell .keno-game,#root .dice-page .dice-shell .dice-stage,#root .bj-page .bj-table,#root .plinko-page .plinko-stage{background:radial-gradient(ellipse at 50% 45%,#151a26,#0d111a 75%)!important;border-color:#292e3c!important}
#root .mines-page .game-shell .board-wrap,#root .tower-page .tower-board{background:#090d15!important;border-color:#303747!important}
#root .mines-page .game-shell .count-card{background:linear-gradient(180deg,#161b28,#0e131e 70%,#0b0f17)!important;border-color:#29313f!important}
#root .mines-page .game-shell .mines-grid .tile:not(.gem):not(.bomb){background:#222938!important;border-color:#323b4c!important;box-shadow:inset 0 1px #ffffff05,inset 0 -3px #0003,0 3px #080b11!important}
#root .mines-page .game-shell .mines-grid .tile:not(.gem):not(.bomb):hover:not(:disabled){background:#2c3547!important;border-color:#48576e!important}
#root .keno-page .keno-shell .keno-game .number-tile:not(.selected):not(.hit):not(.drawn):not(.matched):not(.miss){background:#202735!important;border-color:#323b4c!important;box-shadow:0 3px #090c13!important}
#root .keno-page .keno-shell .keno-game .number-tile:not(.selected):not(.hit):not(.drawn):not(.matched):not(.miss):hover:not(:disabled){background:#2b3547!important;border-color:#49566b!important}
#root .tower-page .tower-shell .tile:not(.selected):not(.trap):not(.safe):not(.current){background:linear-gradient(135deg,#191d2b,#141924)!important;border-color:#2b3140!important}
#root .tower-page .tower-shell .floor-row.ready .tile:not(.trap):not(.safe),#root .tower-page .tower-shell .tile.current{background:linear-gradient(#2c3547,#202939)!important;border-color:#3b485e!important}
#root .tower-page .tower-board::before,#root .tower-page .tower-board::after{background:linear-gradient(#3f495d,#242d3c 46%,#151c28)!important;border-color:#495469!important}
#root :is(.mines-page,.tower-page,.keno-page,.dice-page,.bj-page,.plinko-page) :is(.amount-field,.amount-input,.profit-input,.target-input,.auto-rounds,.tower-auto-input,.plinko-amount,.bj-input,.mine-select-trigger,.mine-options,.mode-tabs,.direction-tabs,.dice-odds,.tower-live-stats,.bet-summary,.round-stats){background:#0b0f18!important;border-color:#303849!important}
#root :is(.mines-page,.tower-page,.keno-page,.dice-page,.bj-page,.plinko-page) :is(.amount-field,.amount-input,.profit-input,.plinko-amount) button{background:#202838!important;border-color:#303849!important}
#root :is(.mines-page,.tower-page,.keno-page,.dice-page,.bj-page,.plinko-page) :is(.mode-tabs,.direction-tabs) button.active,#root :is(.plinko-manual,.bj-tabs button.selected){background:#252e40!important;color:#f0f3f9!important;border-color:#344157!important}
#root .mines-page .multiplier-step:not(.current):not(.maximum),#root .mines-page .rail-arrow,#root .keno-page :is(.payout-placeholder,.payout-table),#root .dice-page :is(.roll-display,.dice-value){background:#171d2b!important;border-color:#2d3545!important}
#root :is(.tower-select,.plinko-controls,.keno-controls,.dice-controls) select{background:#0b0f18!important;border-color:#303849!important;color:#edf1f8!important}
#root :is(.original-game-footer,.slot-info){background:linear-gradient(100deg,#111019,#0b0f17)!important}
/* Account, cashier, creator, affiliate, admin and documentation surfaces. */
#root :is(.account-summary,.account-stats>div,.account-page .table,.account-page .table-data,.account-page .settings-container,.wallet-balance,.wallet-panel,.wallet-history,.admin-card,.admin-dialog,.aff-card,.aff-dashboard-card,.aff-referrals,.fair-card,.document-sections>section,.blox-document header,.document-contact,.vault-dialog,.launch-announcement,.notification-card){background:#11151f!important;border-color:#2b303f!important;box-shadow:0 8px 25px #0002!important}
#root .creator-panel{--cp-panel:#11151f;--cp-line:#2b303f;--cp-muted:#a3aec2}
#root .creator-panel :is(.creator-card,.cp-summary,.cp-history,.cp-activity-card){background:#11151f!important;border-color:#2b303f!important}
#root .creator-panel :is(.deal-meter,.deal-fill,.cp-history-table th,.cp-history-table td,.deal-stats,.creator-empty-icon){background:#171c29!important;border-color:#2b303f!important}
#root .creator-panel .deal-track,#root .creator-panel .cp-progress,#root .account-level-track{background:#252d3e!important}
#root :is(.account-page .table-header,.admin-page th,.aff-page th,.admin-dialog .admin-heading){background:#171c29!important;border-color:#2c3343!important}
#root :is(.wallet-amount,.wallet-address,.wallet-network,.wallet-deposit-info,.wallet-conversion-row>div,.admin-balance-form,.admin-feature,.aff-link-row,.aff-tier,.aff-tier-steps>div,.vault-balance,.vault-input,.fairness-panel code,.fair-result){background:#0c1019!important;border-color:#2c3343!important}
#root :is(.account-page,.wallet-page,.admin-page,.creator-panel,.aff-page,.fairness-panel,.vault-dialog) :is(input:not([type=checkbox]):not([type=range]),select,textarea){background:#0b0f18!important;border-color:#354055!important;color:#edf1f8!important;color-scheme:dark}
#root :is(.wallet-form,.admin-page,.creator-panel,.aff-page,.fairness-panel) input::placeholder{color:#7e8ca4!important}
#root .account-page :is(.tab,.pagination button,.link,.unlink),#root .admin-page button:not(.admin-primary),#root .creator-panel button:not(.cp-primary):not(.selected),#root .wallet-form button:not(.wallet-primary),#root .wallet-history-row button,#root :is(.aff-secondary,.document-nav a,.document-contact button,.vault-header>button,.vault-input button){background:#1b2231!important;border-color:#354055!important;color:#ccd6e5!important;box-shadow:none!important}
#root .account-page .tab.active,#root :is(.wallet-tabs a.selected,.admin-tabs a.selected,.aff-periods button.active,.document-nav a.selected,.vault-tabs button.active){background:#263147!important;color:#f2f5fb!important;border-color:#455571!important}
#root :is(.catalog-tools,.bets-container .tabs,.bets-container .filters,.bet-table th){background:#10151f!important;border-color:#2b3342!important}
#root .bets-container tbody tr{background:#10141e!important;border-color:#292f3e!important}
#root :is(.user-menu,.notification-menu,.notifications-dropdown,.context-menu,.chat-rules-menu,.user-profile-modal,.profile-modal,.tip-modal,.tip-container,.freecoins-container,.affiliates-container){background:#11151f!important;border-color:#303849!important}
#root .bj-page .bj-field>div,#root .bj-page .bj-tabs,#root .keno-page :is(.payout-panel,.empty-payout,.keno-help),#root .dice-page .dice-odds{background:#0e131e!important;border-color:#303849!important}
#root .keno-page .payout-cell:not(.active){background:#192131!important;border-color:#303b4f!important}
#root .bj-page .bj-field button,#root .bj-page .bj-actions button,#root .keno-page .action-grid button,#root .tower-page .random-button{background:#212a3b!important;border-color:#344158!important;color:#dbe3f0!important}
#root .activity-brand img{content:url('/assets/logo/bloxgamba/bloxgamba-auth-v33.png');width:100%!important;height:100%!important;inset:0!important;object-fit:contain!important;mix-blend-mode:normal!important}
/* Dialogs are rendered outside #root, so give their surfaces the same palette. */
body .wallet-overlay .wallet-page.wallet-page{background:#0e121b!important;border-color:#303747!important}
body .wallet-overlay .wallet-page :is(.wallet-tabs,.wallet-recent-options){background:#141a26!important;border-color:#303747!important}
body .wallet-overlay .wallet-page :is(.wallet-method,.wallet-panel,.wallet-balance,.wallet-history,.wallet-deposit-info,.wallet-conversion-row>div){background:#111721!important;border-color:#303747!important}
body .wallet-overlay .wallet-page .wallet-method{border-color:#111721!important;box-shadow:inset 0 0 0 1px #303747!important}
body .wallet-overlay .wallet-page :is(input,select,.wallet-address,.wallet-amount,.wallet-network){background:#090e17!important;border-color:#354158!important;color:#edf1f8!important}
body .wallet-overlay .wallet-page .wallet-tabs a:not(.selected){background:#1c2433!important;color:#b7c4d8!important}
body :is(.vault-dialog.vault-dialog,.tip-container.tip-container,.freecoins-container.freecoins-container,.user-profile-modal.user-profile-modal,.profile-modal.profile-modal,.chat-rules-dialog.chat-rules-dialog,.notification-card.notification-card,.launch-announcement.launch-announcement,.admin-dialog.admin-dialog){background:#11151f!important;border-color:#303849!important}
#root .dice-page .dice-rail{background:#0d121c!important;border-color:#253044!important}
#root .dice-page .dice-odds-input,#root .dice-page .dice-result strong{background:#101621!important;border-color:#303b4e!important}
#root .dice-page .dice-history span:not(.win),#root .plinko-page .plinko-history a:not(.profit){background:#1c2637!important;color:#dce4f2!important}
/* Chat heading and portal dialogs share the near-black site surfaces. */
#root .sidebar-container{background:#0a0d14!important;border-color:#252a36!important}
#root .sidebar-container :is(.chat-header,.chat-tools){background:#0a0d14!important;border-color:#252a36!important}
body .wallet-overlay .wallet-page.wallet-page{background:#0b0e16!important;border-color:#292e3c!important}
body .wallet-overlay .wallet-page :is(.wallet-tabs,.wallet-recent-options){background:#0e121b!important;border-color:#292e3c!important}
body .wallet-overlay .wallet-page :is(.wallet-method,.wallet-panel,.wallet-balance,.wallet-history,.wallet-deposit-info,.wallet-conversion-row>div){background:#0c1018!important;border-color:#292e3c!important}
body .wallet-overlay .wallet-page .wallet-method.wallet-method{border-color:#0c1018!important;box-shadow:inset 0 0 0 1px #292e3c!important}
body .wallet-overlay .wallet-page .wallet-method::before{opacity:.35!important}
body .wallet-overlay .wallet-page .wallet-tabs a:not(.selected){background:#161b27!important}
body .player-profile-overlay .player-profile-dialog{background:#0e121b!important;border-color:#292e3c!important;box-shadow:0 24px 90px #0009!important}
body .player-profile-dialog :is(.player-profile-heading,.player-profile-tip){background:#0b0f17!important;border-color:#292e3c!important}
body .player-profile-dialog .player-profile-stat{background:#11151f!important;border-color:#2b303e!important}
body .player-profile-dialog .profile-tip-row label{background:#090d15!important;border-color:#303849!important}
body .player-profile-dialog .profile-close{background:#171d29!important;border-color:#303849!important}
body .player-profile-dialog .profile-close:hover{background:#232c3c!important;color:#fff!important}
#root :is(.account-menu,.notification-dropdown){background:#0b0e16!important;border-color:#292e3c!important}
#root .account-menu .account-header,#root .notification-dropdown>header{background:#0e121b!important;border-color:#292e3c!important}
#root .account-menu :is(.menu-links,.logout-button),#root .notification-dropdown .notification-list{background:#0b0e16!important;border-color:#292e3c!important}
#root .account-menu .menu-link{color:#b3bfd2!important}
#root .account-menu .menu-link:hover,#root .notification-dropdown .notification-item:hover{background:#171e2b!important;border-color:#354055!important}
#root .notification-dropdown .notification-item{background:#10141e!important;border-color:#282e3b!important}
#root .account-menu .account-header .rank-badge{background:#171d29!important;border-color:#354055!important}
#root .notification-dropdown :is(.empty-icon,.event-copy strong){background:#151b27!important;border-color:#2c3443!important}
#root .account-menu .logout-button:hover{background:#31171e!important}
#root .creator-panel .cp-raw-mode{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:18px 20px;background:#0e121b!important;border:1px solid #2b303f;border-radius:8px}
#root .creator-panel .cp-raw-mode strong{font-size:14px;color:#edf1f8}
#root .creator-panel .cp-raw-mode p{margin:7px 0 0;font-size:12px;line-height:1.5;color:#a3aec2}
#root .creator-panel .cp-raw-mode button{flex-shrink:0;min-width:85px;padding:10px 14px;cursor:pointer;border:1px solid #354055;border-radius:6px;font:600 12px Rubik,sans-serif}
#root .creator-panel .cp-raw-mode button:disabled{opacity:.55;cursor:default}
@media(max-width:600px){#root .creator-panel .cp-raw-mode{align-items:flex-start;padding:14px;gap:12px}}

/* Footer cards match the dark surfaces used throughout the site. */
#root .site-footer .footer-links section{background:#0e121b!important;border-color:#292e3c!important}
#root .site-footer .footer-links h3{background:#0b0f17!important;border-color:#292e3c!important;color:#e7edf7!important}
#root .site-footer .footer-links :is(a,button){color:#a3aec2!important}
#root .site-footer .footer-links :is(a,button):hover{background:#171e2b!important;color:#f5c25b!important}
#root .site-footer .footer-bottom{border-color:#252a36!important}

/* Extended chat picker and locally animated reactions. */
#root .emoji-menu{width:280px!important;max-width:calc(100vw - 36px)!important;max-height:320px!important;padding:10px!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;background:#0e121b!important;border-color:#303747!important;gap:5px!important}
#root .emoji-menu button{height:36px!important;font-size:23px!important;overflow:visible}
#root .emoji-menu button:has(.emoji-motion){background:#241d14!important;border:1px solid #584024!important}
#root .emoji-menu button:hover{background:#202838!important}
#root .emoji-menu .emoji-picker-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:3px 2px 9px;color:#eef2fa;font:600 12px Rubik,sans-serif}
#root .emoji-picker-heading span{font-size:9px;color:#b7a384;font-weight:400}
.emoji-motion{display:inline-block;transform-origin:center;will-change:transform;animation-duration:1.6s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}
#root .content .emoji-motion{font-size:23px;line-height:28px;text-align:center}
.emoji-motion-dance{animation-name:emoji-dance}.emoji-motion-glow{animation-name:emoji-glow}.emoji-motion-beat{animation-name:emoji-beat}.emoji-motion-float{animation-name:emoji-float}.emoji-motion-wobble{animation-name:emoji-wobble}.emoji-motion-launch{animation-name:emoji-launch}.emoji-motion-clap{animation-name:emoji-clap}.emoji-motion-shine{animation-name:emoji-shine}
@keyframes emoji-dance{0%,100%{transform:rotate(-12deg)}50%{transform:translateY(-3px) rotate(12deg)}}
@keyframes emoji-glow{0%,100%{transform:scale(.92);filter:drop-shadow(0 0 0 #f90)}50%{transform:scale(1.12);filter:drop-shadow(0 0 5px #f90)}}
@keyframes emoji-beat{0%,45%,100%{transform:scale(1)}15%,30%{transform:scale(1.16)}}
@keyframes emoji-float{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}}
@keyframes emoji-wobble{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}
@keyframes emoji-launch{0%,100%{transform:translate(-2px,2px)}50%{transform:translate(3px,-3px)}}
@keyframes emoji-clap{0%,100%{transform:rotate(-8deg) scale(.94)}50%{transform:rotate(8deg) scale(1.08)}}
@keyframes emoji-shine{0%,100%{transform:rotate(-8deg);filter:brightness(1)}50%{transform:rotate(8deg);filter:brightness(1.35)}}
@media(prefers-reduced-motion:reduce){.emoji-motion{animation:none!important;will-change:auto;filter:none!important}}

#root .animated-emoji{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;vertical-align:middle}
#root .animated-emoji img{display:block;width:28px!important;height:28px!important;object-fit:contain}
#root .emoji-menu button:has(.animated-emoji){background:#241d14!important;border:1px solid #584024!important}
#root .emoji-menu .emoji-art-credit{grid-column:1/-1;grid-row:100;font:400 8px Rubik,sans-serif;color:#8d98ad;padding:7px 2px;text-align:center}