/* ========================================================
   iHOOK CASINO UNIVERSAL DESIGN SYSTEM FOR ALL GAMES
   (Slots, Plinko, Crash, Mines, Tower, Dice, Wheel/Roulette, HiLo, King, Jackpot, Battle, PvP)
   ======================================================== */

.section.game-section {
    padding-top: 15px;
    padding-bottom: 40px;
}

.game {
    display: flex !important;
    gap: 22px !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    align-items: flex-start !important;
}

@media (max-width: 960px) {
    .game {
        flex-direction: column !important;
    }
}

/* ==========================================
   GAME SIDEBAR / BET CONTROLS CARD
   ========================================== */
.game-sidebar {
    width: 340px !important;
    min-width: 340px !important;
    min-height: auto !important;
    margin-right: 0 !important;
    flex: none !important;
}

@media (max-width: 960px) {
    .game-sidebar {
        width: 100% !important;
        min-width: 100% !important;
    }
}

.game-sidebar .sidebar-block {
    background: #0f1423 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    padding: 22px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.bet-component .form-label,
.game-sidebar .form-label,
.control-label {
    color: #94a3b8 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 8px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.bet-component .form-label span,
.game-sidebar .form-label span {
    color: #94a3b8 !important;
}

/* Input Fields */
.form-field {
    background: #090c17 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}

.form-field input.input-field,
.bet-input-field {
    background: transparent !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: none !important;
    padding: 12px 14px !important;
    height: 44px !important;
    box-sizing: border-box !important;
    outline: none !important;
    width: 100% !important;
}

.form-field .btn-bet-clear {
    background: transparent !important;
    border: none !important;
    color: #64748b !important;
    position: absolute !important;
    right: 8px !important;
    top: 6px !important;
    cursor: pointer !important;
    padding: 6px !important;
    transition: color 0.2s ease !important;
}

.form-field .btn-bet-clear:hover {
    color: #ef4444 !important;
}

/* Quick Bet Button Group */
.form-field .buttons-group {
    background: rgba(255, 255, 255, 0.03) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.form-field .buttons-group .btn-action,
.quick-bet-btn {
    flex: 1 !important;
    height: 36px !important;
    background: transparent !important;
    border: none !important;
    border-right: 1px solid rgba(255, 255, 255, 0.04) !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.form-field .buttons-group .btn-action:last-child {
    border-right: none !important;
}

.form-field .buttons-group .btn-action:hover,
.form-field .buttons-group .btn-action.isActive {
    background: rgba(56, 189, 248, 0.15) !important;
    color: #38bdf8 !important;
}

/* ==========================================
   PRIMARY ACTION BUTTON (PLAY / SPIN / DROP)
   ========================================== */
.bet-component .btn.btn-play,
.start-mines-btn,
#startMines,
.btn-action--play,
#btn-spin,
#btn-drop {
    width: 100% !important;
    min-height: 50px !important;
    background: linear-gradient(135deg, #0066ff 0%, #a855f7 50%, #ec4899 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 6px 20px rgba(168, 85, 247, 0.35) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.bet-component .btn.btn-play:hover,
.start-mines-btn:hover,
#startMines:hover,
#btn-spin:hover,
#btn-drop:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(236, 72, 153, 0.45) !important;
    filter: brightness(1.1) !important;
}

/* CASHOUT / WITHDRAW BUTTON (Deep Blue Theme) */
.bet-component .btn.btn-withdraw,
#finishMines,
.btn-cashout,
.btn-withdraw {
    width: 100% !important;
    min-height: 50px !important;
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 50%, #1d4ed8 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: 16px !important;
}

.bet-component .btn.btn-withdraw:hover,
#finishMines:hover,
.btn-cashout:hover,
.btn-withdraw:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.65) !important;
    filter: brightness(1.15) !important;
}

/* Hide Provably Fair footer button across all cards */
.bet-component .bet-footer,
.bet-footer {
    display: none !important;
}

/* Secondary Selector Buttons (Mines, Risk, etc.) */
.bomb_buttons .buttons-group .btn-action,
.risk-selector .risk-btn {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    color: #cbd5e1 !important;
    font-weight: 700 !important;
    margin: 0 3px !important;
    height: 38px !important;
    transition: all 0.2s ease !important;
}

.bomb_buttons .buttons-group .btn-action.isActive,
.bomb_buttons .buttons-group .btn-action:hover,
.risk-selector .risk-btn.active {
    background: rgba(56, 189, 248, 0.18) !important;
    border-color: rgba(56, 189, 248, 0.5) !important;
    color: #38bdf8 !important;
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.25) !important;
}

/* ==========================================
   GAME MAIN STAGE / BOARD FRAME
   ========================================== */
.game-component {
    flex: 1 !important;
    min-width: 0 !important;
    width: auto !important;
    padding-bottom: 0 !important;
}

.game-block,
.slots-machine-frame,
.plinko-machine-frame {
    background: #0d121f !important;
    border: 1.5px solid rgba(56, 189, 248, 0.35) !important;
    border-radius: 18px !important;
    box-shadow: 0 0 30px rgba(56, 189, 248, 0.12), 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    padding: 22px !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.game-block::before,
.slots-machine-frame::before,
.plinko-machine-frame::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #0066ff, #7c3aed, #ec4899) !important;
}

.game-area {
    background: #090c15 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    padding: 16px !important;
    box-shadow: inset 0 6px 20px rgba(0, 0, 0, 0.6) !important;
}

/* History Bar */
.game-history__wrap {
    background: #0f1423 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    margin-top: 16px !important;
    padding: 12px 16px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3) !important;
}

/* Mines grid cells */
.mines-prefix .game-area .grid-mines .item-mine {
    background: #141a2e !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.2s ease !important;
}

.mines-prefix .game-area .grid-mines .item-mine:hover {
    border-color: rgba(56, 189, 248, 0.4) !important;
    transform: scale(1.04) !important;
}

/* Provably Fair footer link */
.bet-component .bet-footer .btn {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
}

.bet-component .bet-footer .btn:hover {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Common Tables / Stats Container */
.table-stats-wrap,
.games-history-table {
    background: #0f1423 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
}

/* ========================================================
   PLAYER USERNAME BADGE CLEANUP ACROSS ALL TABLES
   ======================================================== */
.table .username .sanitize-name,
.table .username .sanitize-text,
.table .username .sanitize-user,
.table-stats .sanitize-name,
.table-stats .sanitize-text,
.table td.username span,
.table td.username button span,
.table td.username button,
.table td.username,
.sanitize-name,
.sanitize-text,
.sanitize-name * {
    background: transparent !important;
    background-image: none !important;
    color: #e2e8f0 !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    text-shadow: none !important;
}

.table td.username .btn-link {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border: none !important;
}

.sanitize-avatar img {
    border-radius: 50% !important;
}

/* ========================================================
   DICE CONTROLS & STAGE ALIGNMENT
   ======================================================== */
.dice .two-cols {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    width: 100% !important;
    margin-bottom: 14px !important;
}

.dice .two-cols .form-row {
    margin-bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.dice .two-cols .two-cols {
    margin-bottom: 0 !important;
    gap: 12px !important;
}

.dice .btn-perc {
    flex: 1 !important;
    height: 36px !important;
    background: transparent !important;
    border: none !important;
    border-right: 1px solid rgba(255, 255, 255, 0.04) !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.dice .btn-perc:last-child {
    border-right: none !important;
}

.dice .btn-perc:hover {
    background: rgba(56, 189, 248, 0.15) !important;
    color: #38bdf8 !important;
}

.dice .btn-play {
    width: 100% !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    border-radius: 12px !important;
    padding: 8px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    border: none !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.dice .btn-play:hover {
    transform: translateY(-2px) !important;
}

.dice .btn-play[data-type="min"] {
    background: linear-gradient(135deg, #0066ff 0%, #38bdf8 100%) !important;
    box-shadow: 0 6px 20px rgba(56, 189, 248, 0.35) !important;
}

.dice .btn-play[data-type="max"] {
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%) !important;
    box-shadow: 0 6px 20px rgba(236, 72, 153, 0.35) !important;
}

.dice .bet-chance {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

.dice .chance-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

.dice .chance-text span {
    font-size: 14px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    line-height: 1.2 !important;
    color: #ffffff !important;
    display: block !important;
}

.dice .chance-text p {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: rgba(255, 255, 255, 0.95) !important;
    margin: 3px 0 0 0 !important;
    white-space: nowrap !important;
    letter-spacing: 0.2px !important;
    line-height: 1.2 !important;
}

.dice .bordered-block {
    background: #090c17 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 8px 10px !important;
    text-align: center !important;
    width: 100% !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.dice .bordered-block .nvuti-exp {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.dice .bordered-block .number {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #10b981 !important;
    line-height: 1.2 !important;
    margin-bottom: 2px !important;
}

.dice .bordered-block .form-label {
    margin: 0 !important;
    padding: 0 !important;
}

.dice .bordered-block .form-label span {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    white-space: nowrap !important;
}

.dice .game-dice {
    background: #090c17 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 8px 10px !important;
    width: 100% !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.dice .game-dice .result {
    font-size: 20px !important;
    font-weight: 900 !important;
    min-height: auto !important;
    line-height: 1.2 !important;
    color: #94a3b8 !important;
}

/* ========================================================
   PREMIUM PRO TOWER GAME CASINO STYLING
   ======================================================== */
.tower_tower__1ms3K {
    background: radial-gradient(circle at 50% 15%, #151934 0%, #070914 100%) !important;
    border: 2px solid rgba(124, 58, 237, 0.35) !important;
    border-radius: 20px !important;
    box-shadow: 0 0 35px rgba(124, 58, 237, 0.2), inset 0 0 25px rgba(0, 0, 0, 0.7) !important;
    padding: 24px 28px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto !important;
    position: relative !important;
    overflow: hidden !important;
    gap: 16px !important;
    box-sizing: border-box !important;
    min-height: 480px !important;
}

.tower_tower__1ms3K::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #0066ff, #7c3aed, #ec4899) !important;
}

/* Left Payout Column */
.tower_payouts__3WyFB {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 90px !important;
    min-width: 80px !important;
    max-width: 90px !important;
    display: flex !important;
}

.tower_payoutsWrap__1grO5 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 6px !important;
    height: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.tower_payoutItem__1V4dZ {
    flex: 1 !important;
    min-height: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    background: rgba(15, 23, 42, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    color: #94a3b8 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    font-family: inherit !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.04), 0 2px 5px rgba(0, 0, 0, 0.3) !important;
}

.tower_payoutItem__1V4dZ.tower_payoutItemActive__1xYqA {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
    border-color: #34d399 !important;
    box-shadow: 0 0 16px rgba(16, 185, 129, 0.6) !important;
    transform: scale(1.05) !important;
    font-size: 13.5px !important;
}

/* Tower Grid Component */
.tower_component__3oM-1 {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    position: relative !important;
}

.tower_tiles__2V8Cz {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 6px !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Rows */
.tile_row__2H-Sa {
    display: flex !important;
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 2px !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    transition: all 0.25s ease !important;
}

.tile_notAutomated__2MIRN .tile_row__2H-Sa.tile_isActive__2d3mO {
    background: rgba(56, 189, 248, 0.12) !important;
    border: 1px solid rgba(56, 189, 248, 0.4) !important;
    box-shadow: 0 0 16px rgba(56, 189, 248, 0.25) !important;
}

/* Hide default circle dots on row hover */
.tile_notAutomated__2MIRN .tile_row__2H-Sa.tile_isActive__2d3mO .tile_item__eJPTt:after,
.tile_notAutomated__2MIRN .tile_row__2H-Sa.tile_isActive__2d3mO .tile_item__eJPTt:before {
    display: none !important;
}

.tile_item__eJPTt {
    flex: 1 !important;
    width: auto !important;
    height: 100% !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Tile Button */
.tile_btn__1b-Eh {
    width: 100% !important;
    height: 100% !important;
    min-height: 32px !important;
    border-radius: 8px !important;
    background: rgba(22, 28, 48, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.04), 0 2px 5px rgba(0, 0, 0, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: not-allowed !important;
    opacity: 0.65 !important;
    pointer-events: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    padding: 0 !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.tile_btn__1b-Eh:before {
    display: none !important;
}

/* Active Clickable Tile */
.tile_notAutomated__2MIRN .tile_row__2H-Sa.tile_isActive__2d3mO .tile_btn__1b-Eh {
    cursor: pointer !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%) !important;
    border: 1px solid rgba(56, 189, 248, 0.45) !important;
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.25) !important;
}

.tile_notAutomated__2MIRN .tile_row__2H-Sa.tile_isActive__2d3mO .tile_btn__1b-Eh:hover {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    border-color: #38bdf8 !important;
    transform: translateY(-2px) scale(1.04) !important;
    box-shadow: 0 6px 18px rgba(56, 189, 248, 0.5) !important;
}

/* Revealed Gems & Mines */
.tile_btn__1b-Eh.tile_isRevealed__1vm7Q {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.3) 0%, rgba(5, 150, 105, 0.45) 100%) !important;
    border-color: #10b981 !important;
    box-shadow: 0 0 14px rgba(16, 185, 129, 0.4) !important;
    opacity: 1 !important;
}

.tile_btn__1b-Eh.tile_isMine__3hfGe {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.35) 0%, rgba(185, 28, 28, 0.5) 100%) !important;
    border-color: #ef4444 !important;
    box-shadow: 0 0 14px rgba(239, 68, 68, 0.5) !important;
    opacity: 1 !important;
}

/* Claim / Collect State Button */
.bet-component .btn.btn-play.claim {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.45) !important;
    color: #ffffff !important;
}

.bet-component .btn.btn-play.claim:hover:not(:disabled) {
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%) !important;
    box-shadow: 0 10px 25px rgba(16, 185, 129, 0.65) !important;
}

/* Game Tooltip Popup Victory/Won */
.tower_component__3oM-1 .game-tooltip {
    background: rgba(13, 21, 51, 0.95) !important;
    border: 2px solid #10b981 !important;
    border-radius: 16px !important;
    box-shadow: 0 0 35px rgba(16, 185, 129, 0.5) !important;
    padding: 24px 36px !important;
    backdrop-filter: blur(12px) !important;
    z-index: 50 !important;
}

.tower_component__3oM-1 .game-tooltip .payout {
    font-size: 32px !important;
    font-weight: 900 !important;
    color: #10b981 !important;
    text-shadow: 0 0 15px rgba(16, 185, 129, 0.6) !important;
}

.wheel-game,
.game_Wheel {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

/* WHEEL MULTIPLIER BUTTONS (Equal 4-column grid) */
.button-group__content.wheel.btnToggle {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 6px !important;
}

.button-group__content.wheel.btnToggle .btn,
.button-group__content.wheel.btnToggle .btn-light,
.button-group__content.wheel.btnToggle .btn-black,
.button-group__content.wheel.btnToggle .btn-red,
.button-group__content.wheel.btnToggle .btn-green,
.button-group__content.wheel.btnToggle .btn-yellow {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}

.button-group__content.wheel.btnToggle .btn-black {
    background: #1e293b !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.button-group__content.wheel.btnToggle .btn-red {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%) !important;
    color: #ffffff !important;
}

.button-group__content.wheel.btnToggle .btn-green {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
    color: #ffffff !important;
}

.button-group__content.wheel.btnToggle .btn-yellow {
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%) !important;
    color: #ffffff !important;
}

.button-group__content.wheel.btnToggle .btn:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.15) !important;
}

/* PVP / COINFLIP LOGO THEME */
.coinflip-games {
    min-height: 480px !important;
}

.coinflip-games .yours,
.coinflip-games .actives {
    width: 50% !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

.coinflip-games .line {
    margin: 10px 0 16px 0 !important;
}

.coinflip-games .line span {
    background: #141a2e !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #cbd5e1 !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important;
    padding: 6px 18px !important;
}

.game-coin {
    background: #0f1423 !important;
    border: 1.5px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.2s ease !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    margin-bottom: 16px !important;
}

.game-coin:hover {
    border-color: rgba(56, 189, 248, 0.4) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(56, 189, 248, 0.15) !important;
}

.game-coin .top .center .vs {
    background: linear-gradient(135deg, #0066ff 0%, #38bdf8 100%) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    box-shadow: 0 0 15px rgba(124, 58, 237, 0.6) !important;
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.game-coin .bottom .info {
    border-top: none !important;
    padding-top: 0 !important;
}

.game-coin .bottom .hash {
    color: #64748b !important;
    font-size: 10.5px !important;
    padding-top: 0 !important;
}

.game-coin .btn-join {
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 60%, #1d4ed8 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    padding: 0 18px !important;
    height: 40px !important;
    min-height: 40px !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.45) !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.game-coin .btn-join:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    box-shadow: 0 8px 22px rgba(37, 99, 235, 0.65) !important;
    filter: brightness(1.15) !important;
}

/* Universal Table & List Scroll */
.table-stats-wrap,
.games-history-table,
.table-wrap,
.scroll {
    max-height: 420px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(56, 189, 248, 0.4) rgba(15, 20, 35, 0.6) !important;
}

.table-stats-wrap::-webkit-scrollbar,
.games-history-table::-webkit-scrollbar,
.table-wrap::-webkit-scrollbar,
.scroll::-webkit-scrollbar {
    width: 6px !important;
}

.table-stats-wrap::-webkit-scrollbar-thumb,
.games-history-table::-webkit-scrollbar-thumb,
.table-wrap::-webkit-scrollbar-thumb,
.scroll::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.4) !important;
    border-radius: 3px !important;
}

.table-stats-wrap::-webkit-scrollbar-track,
.games-history-table::-webkit-scrollbar-track,
.table-wrap::-webkit-scrollbar-track,
.scroll::-webkit-scrollbar-track {
    background: rgba(15, 20, 35, 0.6) !important;
}

/* Chat Toggle Floating Handle (Hidden as requested) */
#btnchat {
    display: none !important;
}

/* Footer Counters Responsive Layout - Professional Glassmorphic Cards */
.pro-counters-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.pro-counter-card {
    background: linear-gradient(145deg, #131a33 0%, #0d1226 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 14px !important;
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    min-width: 0 !important;
}

.pro-counter-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(56, 189, 248, 0.35) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(56, 189, 248, 0.12) !important;
}

.pro-counter-card .counter-number {
    color: #ffffff !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.3px !important;
}

.pro-counter-card .counter-title {
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    margin-top: 3px !important;
}

[data-theme="light"] .pro-counter-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .pro-counter-card .counter-number {
    color: #0f172a !important;
}

[data-theme="light"] .pro-counter-card .counter-title {
    color: #64748b !important;
}

@media (max-width: 991px) {
    .pro-counters-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

@media (max-width: 575px) {
    .pro-counters-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}

[data-theme="light"] .footer {
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .footer-nav a,
[data-theme="light"] .footer p {
    color: #64748b !important;
}

.wrapper .main-content .main-content-footer {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* ========================================================
   LIGHT MODE OVERRIDES ACROSS ALL GAMES & COMPONENTS
   ======================================================== */
[data-theme="light"] .game-block,
[data-theme="light"] .tower_component__3oM-1,
[data-theme="light"] .dice-stage-block,
[data-theme="light"] .coinflip-stage-block,
[data-theme="light"] .mines-prefix .game-block,
[data-theme="light"] .game-area,
[data-theme="light"] .game-area__wrap,
[data-theme="light"] .chart-block,
[data-theme="light"] .chart-wrap,
[data-theme="light"] .roulette-wrapper,
[data-theme="light"] .game-component,
[data-theme="light"] .slots-header-banner,
[data-theme="light"] .slots-machine-frame,
[data-theme="light"] .slots-control-card,
[data-theme="light"] .slots-paytable-card,
[data-theme="light"] .plinko-header-banner,
[data-theme="light"] .plinko-board-card,
[data-theme="light"] .plinko-sidebar-card,
[data-theme="light"] .coinflip-hero-banner,
[data-theme="light"] .coinflip-sidebar-card,
[data-theme="light"] .game-coin,
[data-theme="light"] .sidebar-block,
[data-theme="light"] .game-sidebar .sidebar-block,
[data-theme="light"] .modal-content {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #0f172a !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .slots-reels-viewport,
[data-theme="light"] .plinko-board-viewport,
[data-theme="light"] .tower_stage__2X2eZ,
[data-theme="light"] .dice-action-card,
[data-theme="light"] .dice-result-card,
[data-theme="light"] .dice-slider-track-wrap,
[data-theme="light"] .game-coin .bottom,
[data-theme="light"] .plinko-stat-card,
[data-theme="light"] .slots-paytable-item {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .slot-column,
[data-theme="light"] .slot-symbol-card,
[data-theme="light"] .mines__btn,
[data-theme="light"] .tile_btn__1b-Eh,
[data-theme="light"] .tower_payoutItem__3Y98- {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #0f172a !important;
}

[data-theme="light"] .form-label,
[data-theme="light"] .form-label span,
[data-theme="light"] .bet-form label,
[data-theme="light"] .slots-stat-label,
[data-theme="light"] .slots-input-label,
[data-theme="light"] .plinko-control-label,
[data-theme="light"] .coinflip-control-label,
[data-theme="light"] .dice-card-title {
    color: #64748b !important;
}

[data-theme="light"] .input-field,
[data-theme="light"] .form-field input,
[data-theme="light"] #sum,
[data-theme="light"] .slots-input-wrapper,
[data-theme="light"] .slots-input-wrapper input,
[data-theme="light"] .plinko-input-box,
[data-theme="light"] .coinflip-input-box {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    color: #0f172a !important;
}

[data-theme="light"] .btn-action,
[data-theme="light"] .plinko-mode-btn,
[data-theme="light"] .coinflip-filter-tab {
    background: #f1f5f9 !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #475569 !important;
}

[data-theme="light"] .table-stats-wrap,
[data-theme="light"] .games-history-table,
[data-theme="light"] .table-wrap,
[data-theme="light"] .table-responsive,
[data-theme="light"] table {
    background: #ffffff !important;
    color: #0f172a !important;
}

[data-theme="light"] table thead th {
    background: #f8fafc !important;
    color: #64748b !important;
}

[data-theme="light"] table tbody tr {
    background: #ffffff !important;
    color: #334155 !important;
}

/* Crash Specific in Light Mode */
[data-theme="light"] .crash-prefix .game-block {
    background: #ffffff !important;
    border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .crash-prefix .game-area {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .crash__connected {
    background: radial-gradient(circle at 50% 60%, #ffffff 0%, #f1f5f9 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.02), 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .aviator-multiplier {
    color: #0f172a !important;
}

[data-theme="light"] .aviator-status-wait,
[data-theme="light"] #chartInfo {
    color: #0f172a !important;
    text-shadow: none !important;
}

[data-theme="light"] .game-history__wrap {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .game-history .item {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

[data-theme="light"] .game-history .item:hover {
    background: #f1f5f9 !important;
    border-color: rgba(2, 132, 199, 0.3) !important;
}

/* Quick Bet Button Group */
[data-theme="light"] .form-field .buttons-group,
[data-theme="light"] .buttons-group {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-top: none !important;
    border-radius: 0 0 12px 12px !important;
}

[data-theme="light"] .form-field .buttons-group .btn-action,
[data-theme="light"] .buttons-group .btn-action,
[data-theme="light"] .quick-bet-btn {
    background: transparent !important;
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #475569 !important;
    font-weight: 700 !important;
}

[data-theme="light"] .form-field .buttons-group .btn-action:last-child,
[data-theme="light"] .buttons-group .btn-action:last-child {
    border-right: none !important;
}

[data-theme="light"] .form-field .buttons-group .btn-action:hover,
[data-theme="light"] .form-field .buttons-group .btn-action.isActive,
[data-theme="light"] .buttons-group .btn-action:hover,
[data-theme="light"] .buttons-group .btn-action.isActive,
[data-theme="light"] .quick-bet-btn:hover,
[data-theme="light"] .quick-bet-btn.isActive {
    background: rgba(2, 132, 199, 0.12) !important;
    color: #0284c7 !important;
}

/* Table Player Names & Avatars in Light Mode */
[data-theme="light"] .sanitize-name,
[data-theme="light"] .sanitize-user,
[data-theme="light"] .table .sanitize-name,
[data-theme="light"] .table .username,
[data-theme="light"] .table td.username,
[data-theme="light"] .table .btn-link,
[data-theme="light"] .table .btn-link span,
[data-theme="light"] .game-stats .username,
[data-theme="light"] .game-stats .sanitize-name,
[data-theme="light"] .user-link,
[data-theme="light"] .user-name {
    color: #0f172a !important;
    font-weight: 700 !important;
}

[data-theme="light"] .sanitize-avatar,
[data-theme="light"] .message-avatar,
[data-theme="light"] .user-avatar {
    background: #f1f5f9 !important;
    border-radius: 50% !important;
}

[data-theme="light"] .sanitize-avatar img,
[data-theme="light"] .message-avatar img,
[data-theme="light"] .user-avatar img {
    border-radius: 50% !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
    background: #f1f5f9 !important;
}

/* ========================================================
   WHEEL & BATTLE PROGRESS INFO BOXES (LIGHT MODE)
   ======================================================== */
[data-theme="light"] .progress-item,
[data-theme="light"] .progress-wrap .progress-item {
    background: #f8fafc !important;
    border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
    color: #475569 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    border-radius: 10px !important;
}

[data-theme="light"] .progress-item .title {
    color: #64748b !important;
    font-weight: 600 !important;
}

[data-theme="light"] .progress-item span {
    color: #0f172a !important;
    font-weight: 800 !important;
}

/* ========================================================
   DISTINCT CHAT INPUT BOX (LIGHT & DARK MODE)
   ======================================================== */
.chat .chat-message-input {
    margin: 12px 14px !important;
    position: relative !important;
    height: auto !important;
    min-height: 52px !important;
    border-radius: 14px !important;
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    display: flex !important;
    align-items: center !important;
    padding: 6px 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.2s ease !important;
}

.chat .chat-message-input:focus-within {
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
    background: #ffffff !important;
}

.chat .chat-textarea {
    flex: 1 !important;
    max-width: calc(100% - 44px) !important;
    padding: 4px 6px !important;
}

.chat .chat-editable {
    min-height: 24px !important;
    max-height: 80px !important;
    overflow-y: auto !important;
    color: #0f172a !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    outline: none !important;
}

.chat .chat-editable:empty:before {
    content: 'Type your message...' !important;
    color: #94a3b8 !important;
    cursor: text !important;
}

.chat .chat-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.chat .sendMessage {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #0066ff 0%, #7c3aed 100%) !important;
    border: none !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(0, 102, 255, 0.35) !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
}

.chat .sendMessage:hover {
    transform: scale(1.06) !important;
    box-shadow: 0 4px 14px rgba(0, 102, 255, 0.5) !important;
}

.chat .sendMessage svg {
    width: 16px !important;
    height: 16px !important;
    fill: #ffffff !important;
}

/* Dark Mode Chat Input */
[data-theme="dark"] .chat .chat-message-input,
body:not(.theme-light) .chat .chat-message-input {
    background: #0f1424 !important;
    border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .chat .chat-message-input:focus-within,
body:not(.theme-light) .chat .chat-message-input:focus-within {
    border-color: #38bdf8 !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2) !important;
    background: #141b30 !important;
}

[data-theme="dark"] .chat .chat-editable,
body:not(.theme-light) .chat .chat-editable {
    color: #ffffff !important;
}

/* ========================================================
   UNIFIED LEFT SIDEBAR (DARK & LIGHT MODE SYNCHRONIZED)
   ======================================================== */
.left-sidebar {
    position: fixed !important;
    z-index: 120 !important;
    top: 78px !important;
    left: 14px !important;
    bottom: auto !important;
    max-height: calc(100vh - 90px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 8px 6px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-radius: 12px !important;
    height: auto !important;
}

.left-sidebar::-webkit-scrollbar {
    display: none !important;
}

/* ========================================================
   THEME TOGGLE BUTTON (SUN FOR LIGHT, MOON FOR DARK)
   ======================================================== */
.btn-theme-toggle {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
    color: #38bdf8 !important;
}

.btn-theme-toggle:hover {
    transform: scale(1.05) !important;
    background: rgba(255, 255, 255, 0.12) !important;
}

/* Dark Mode -> Show Moon, Hide Sun */
.btn-theme-toggle .icon-moon {
    display: block !important;
}
.btn-theme-toggle .icon-sun {
    display: none !important;
}

/* Light Mode -> Show Sun, Hide Moon */
[data-theme="light"] .btn-theme-toggle,
.theme-light .btn-theme-toggle {
    background: #f1f5f9 !important;
    border: 1.5px solid rgba(0, 0, 0, 0.1) !important;
    color: #f59e0b !important;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.2) !important;
}

[data-theme="light"] .btn-theme-toggle:hover,
.theme-light .btn-theme-toggle:hover {
    background: #e2e8f0 !important;
    transform: scale(1.08) !important;
}

[data-theme="light"] .btn-theme-toggle .icon-moon,
.theme-light .btn-theme-toggle .icon-moon {
    display: none !important;
}

[data-theme="light"] .btn-theme-toggle .icon-sun,
.theme-light .btn-theme-toggle .icon-sun {
    display: block !important;
}

/* Precise Sun & Moon SVG styling */
.btn-theme-toggle svg.icon-sun {
    fill: none !important;
    stroke: #f59e0b !important;
    stroke-width: 2.2px !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    width: 20px !important;
    height: 20px !important;
}

.btn-theme-toggle svg.icon-sun circle {
    fill: #fbbf24 !important;
    stroke: #f59e0b !important;
    stroke-width: 2px !important;
}

.btn-theme-toggle svg.icon-moon {
    fill: #38bdf8 !important;
    stroke: #38bdf8 !important;
    width: 18px !important;
    height: 18px !important;
}

/* ========================================================
   LOGO TEXT THEME SWITCHING (BLACK IN LIGHT MODE)
   ======================================================== */
.logo-dark-theme {
    display: block !important;
}
.logo-light-theme {
    display: none !important;
}

[data-theme="light"] .logo-dark-theme,
.theme-light .logo-dark-theme {
    display: none !important;
}
[data-theme="light"] .logo-light-theme,
.theme-light .logo-light-theme {
    display: block !important;
}

/* ========================================================
   SEAMLESS HEADER WALLET & BALANCE DISPLAY (NO BACKGROUND BOX)
   ======================================================== */
.deposit-wrap {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    gap: 4px !important;
}

[data-theme="light"] .deposit-wrap,
.theme-light .deposit-wrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.deposit-wrap .dropdown > .btn {
    background: transparent !important;
    border: none !important;
    padding: 4px 6px !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #38bdf8 !important;
    border-radius: 8px !important;
}

[data-theme="light"] .deposit-wrap .dropdown > .btn,
.theme-light .deposit-wrap .dropdown > .btn {
    color: #0284c7 !important;
}

.deposit-wrap .dropdown > .btn:hover {
    background: rgba(2, 132, 199, 0.1) !important;
}

.deposit-wrap .deposit-block {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 2px 6px !important;
    display: flex !important;
    align-items: center !important;
}

.deposit-wrap .deposit-block .select-field {
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: -0.3px !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

[data-theme="light"] .deposit-wrap .deposit-block .select-field,
.theme-light .deposit-wrap .deposit-block .select-field {
    color: #0f172a !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.deposit-wrap .deposit-block .select-field #balance {
    color: #10b981 !important;
    font-weight: 800 !important;
}

[data-theme="light"] .deposit-wrap .deposit-block .select-field #balance,
.theme-light .deposit-wrap .deposit-block .select-field #balance {
    color: #059669 !important;
}

/* Balance Dropdown Menu */
.deposit-wrap .dropdown-menu {
    background: #0f172a !important;
    border: 1.5px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5) !important;
    padding: 6px !important;
    min-width: 210px !important;
}

[data-theme="light"] .deposit-wrap .dropdown-menu,
.theme-light .deposit-wrap .dropdown-menu {
    background: #ffffff !important;
    border: 1.5px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
}

.deposit-wrap .dropdown-item {
    border-radius: 8px !important;
    padding: 8px 12px !important;
    transition: all 0.2s ease !important;
}

.deposit-wrap .dropdown-item:hover {
    background: rgba(2, 132, 199, 0.1) !important;
}

.deposit-wrap .balance-item {
    color: #e2e8f0 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

[data-theme="light"] .deposit-wrap .balance-item,
.theme-light .deposit-wrap .balance-item {
    color: #334155 !important;
}

.deposit-wrap .balance-item .value {
    color: #10b981 !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    margin-left: auto !important;
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.25) !important;
    border-radius: 6px !important;
    padding: 2px 8px !important;
}

.deposit-wrap .balance-item.bonus .value {
    color: #8b5cf6 !important;
    background: rgba(139, 92, 246, 0.12) !important;
    border: 1px solid rgba(139, 92, 246, 0.25) !important;
}

/* Plinko & Slots History Player Names in Light Mode */
[data-theme="light"] #plinkoHistoryBody td.username,
[data-theme="light"] #plinkoHistoryBody td.username span,
[data-theme="light"] #plinkoHistoryBody .sanitize-name,
[data-theme="light"] .plinko-table td.username,
[data-theme="light"] .plinko-table td.username span,
[data-theme="light"] #slotsHistoryBody td.username,
[data-theme="light"] #slotsHistoryBody td.username span,
[data-theme="light"] #slotsHistoryBody .sanitize-name,
[data-theme="light"] .slots-table td.username,
[data-theme="light"] .slots-table td.username span {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* FAQ in Light Mode */
[data-theme="light"] .faq-component,
.theme-light .faq-component {
    background: #ffffff !important;
    border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .faq-caption,
.theme-light .faq-caption {
    color: #0f172a !important;
    font-weight: 800 !important;
}

[data-theme="light"] .faq-component .faq-item,
.theme-light .faq-component .faq-item {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .faq-component .faq-item .caption-block,
.theme-light .faq-component .faq-item .caption-block {
    background: #ffffff !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .faq-component .faq-item .caption-block:before,
.theme-light .faq-component .faq-item .caption-block:before {
    border-color: transparent rgba(0, 0, 0, 0.15) transparent transparent !important;
}

[data-theme="light"] .faq-component .faq-item .faq-content p,
.theme-light .faq-component .faq-item .faq-content p {
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
}

[data-theme="light"] .faq-component .faq-item .faq-content a,
.theme-light .faq-component .faq-item .faq-content a {
    color: #0284c7 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

/* ========================================================
   TOP NAVIGATION MENUS IN LIGHT MODE (WHITE BG, BLACK TEXT)
   ======================================================== */
[data-theme="light"] .top-nav li > a,
.theme-light .top-nav li > a,
[data-theme="light"] .top-nav .toggle > .btn,
.theme-light .top-nav .toggle > .btn {
    background: #ffffff !important;
    border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    border-radius: 10px !important;
}

[data-theme="light"] .top-nav li > a span,
.theme-light .top-nav li > a span,
[data-theme="light"] .top-nav .toggle > .btn span,
.theme-light .top-nav .toggle > .btn span {
    color: #0f172a !important;
    font-weight: 700 !important;
}

[data-theme="light"] .top-nav li > a:hover,
.theme-light .top-nav li > a:hover,
[data-theme="light"] .top-nav .toggle > .btn:hover,
.theme-light .top-nav .toggle > .btn:hover {
    background: #ffffff !important;
    border-color: #0066ff !important;
    color: #0066ff !important;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.15) !important;
}

[data-theme="light"] .top-nav li > a:hover span,
.theme-light .top-nav li > a:hover span,
[data-theme="light"] .top-nav .toggle > .btn:hover span,
.theme-light .top-nav .toggle > .btn:hover span {
    color: #0066ff !important;
}

[data-theme="light"] .top-nav li > a.isActive,
.theme-light .top-nav li > a.isActive {
    background: #ffffff !important;
    border-color: #7c3aed !important;
    color: #7c3aed !important;
    box-shadow: 0 4px 14px rgba(124, 58, 237, 0.15) !important;
}

[data-theme="light"] .top-nav li > a.isActive span,
.theme-light .top-nav li > a.isActive span {
    color: #7c3aed !important;
}

/* ========================================================
   CLAN PROFILE CARD IN LIGHT MODE (WHITE BG, BLACK TEXT)
   ======================================================== */
[data-theme="light"] .profile__user,
.theme-light .profile__user {
    background: #ffffff !important;
    border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .profile__username b,
.theme-light .profile__username b {
    color: #0f172a !important;
    font-weight: 800 !important;
}

[data-theme="light"] .profile__stats,
.theme-light .profile__stats {
    background: #ffffff !important;
    border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

/* ========================================================
   ULTRA-PREMIUM WALLET MODAL (DEPOSIT & WITHDRAW)
   ======================================================== */
.modal-dialog.deposit-modal .modal-content {
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1.5px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .modal-dialog.deposit-modal .modal-content,
.theme-light .modal-dialog.deposit-modal .modal-content {
    background: #ffffff !important;
    border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12) !important;
}

.deposit-modal-component {
    padding: 24px 28px 28px !important;
}

/* Modal Tabs (Segmented Control) */
.deposit-modal-component .tabs {
    background: rgba(0, 0, 0, 0.05) !important;
    padding: 5px !important;
    border-radius: 14px !important;
    display: flex !important;
    gap: 6px !important;
    margin-bottom: 24px !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="dark"] .deposit-modal-component .tabs,
.theme-dark .deposit-modal-component .tabs {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.deposit-modal-component .btn-tab {
    flex: 1 !important;
    width: 50% !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
    margin: 0 !important;
}

.deposit-modal-component .btn-tab:hover {
    color: #0f172a !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="dark"] .deposit-modal-component .btn-tab:hover,
.theme-dark .deposit-modal-component .btn-tab:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

.deposit-modal-component .btn-tab.isActive {
    background: linear-gradient(135deg, #0066ff 0%, #7c3aed 100%) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 15px rgba(0, 102, 255, 0.35) !important;
}

/* Form Labels */
.deposit-modal-component .form-label {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #64748b !important;
    margin-bottom: 8px !important;
}

[data-theme="light"] .deposit-modal-component .form-label,
.theme-light .deposit-modal-component .form-label {
    color: #475569 !important;
}

/* Input Fields */
.deposit-modal-component .form-field {
    background: #090c17 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}

.deposit-modal-component .input-valid {
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
}

.deposit-modal-component .form-field input.input-field {
    width: 100% !important;
    height: 48px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
    outline: none !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

.deposit-modal-component .form-field input.input-field.input-with-icon,
.deposit-modal-component .input-valid input.input-with-icon,
.deposit-modal-component input.input-with-icon,
.deposit-modal-component #valwithdraw {
    padding-left: 56px !important;
    padding-right: 16px !important;
}

.deposit-modal-component input.input-field::placeholder {
    color: #64748b !important;
    opacity: 0.8 !important;
}

[data-theme="light"] .deposit-modal-component .form-field,
.theme-light .deposit-modal-component .form-field {
    background: #f8fafc !important;
    border: 1.5px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .deposit-modal-component .form-field input.input-field,
.theme-light .deposit-modal-component .form-field input.input-field {
    color: #0f172a !important;
}

/* Accordion Global Content Colors (Dark and Light Themes) */
.footer-accordion .accordion-content {
    background: #121212 !important;
    padding: 16px 20px !important;
}

.footer-accordion .accordion-content p {
    color: #cbd5e1 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

[data-theme="light"] .footer-accordion .accordion-header,
.theme-light .footer-accordion .accordion-header,
[data-theme="light"] .footer-accordion .accordion-header > div,
.theme-light .footer-accordion .accordion-header > div {
    color: #000000 !important;
    font-weight: 700 !important;
}

[data-theme="light"] .footer-accordion .accordion-content,
.theme-light .footer-accordion .accordion-content {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-top: none !important;
}

[data-theme="light"] .footer-accordion .accordion-content p,
.theme-light .footer-accordion .accordion-content p,
[data-theme="light"] .footer-accordion .accordion-content span,
.theme-light .footer-accordion .accordion-content span,
[data-theme="light"] .footer-accordion .accordion-content div,
.theme-light .footer-accordion .accordion-content div,
[data-theme="light"] .footer-accordion .accordion-content li,
.theme-light .footer-accordion .accordion-content li {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* FAQ Light Mode Text Color (Pure Black) */
[data-theme="light"] .faq-component,
.theme-light .faq-component {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .faq-component .faq-caption,
.theme-light .faq-component .faq-caption,
[data-theme="light"] .faq-caption,
.theme-light .faq-caption {
    color: #000000 !important;
    font-weight: 800 !important;
}

[data-theme="light"] .faq-component .faq-item,
.theme-light .faq-component .faq-item {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .faq-component .faq-item .caption-block,
.theme-light .faq-component .faq-item .caption-block {
    background: #ffffff !important;
    color: #000000 !important;
    font-weight: 700 !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .faq-component .faq-item .caption-block svg,
.theme-light .faq-component .faq-item .caption-block svg {
    fill: #000000 !important;
    color: #000000 !important;
}

[data-theme="light"] .faq-component .faq-item .faq-content,
.theme-light .faq-component .faq-item .faq-content,
[data-theme="light"] .faq-component .faq-item .faq-content p,
.theme-light .faq-component .faq-item .faq-content p,
[data-theme="light"] .faq-component .faq-item .faq-content span,
.theme-light .faq-component .faq-item .faq-content span,
[data-theme="light"] .faq-component .faq-item .faq-content div,
.theme-light .faq-component .faq-item .faq-content div {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* ========================================================
   TERMS OF SERVICE & FAIR GAMING MODALS (DARK & LIGHT)
   ======================================================== */
.modal-dialog.tos-modal .modal-content,
.modal-dialog.fair-modal .modal-content {
    background: #0d1533 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
    border-radius: 16px !important;
}

.tos-modal-container,
.fair-modal__container {
    color: #cbd5e1 !important;
}

.tos-modal-container p,
.fair-modal__container p {
    color: #cbd5e1 !important;
}

.tos-modal-container strong,
.fair-modal__container strong {
    color: #ffffff !important;
}

.tos-heading,
.fair-heading {
    color: #ffffff !important;
}

.tos-subheading,
.fair-card-heading,
.fair-verify-heading {
    color: #ffffff !important;
}

.tos-meta,
.fair-meta {
    color: #38bdf8 !important;
}

.tos-modal-container a,
.fair-modal__container a {
    color: #38bdf8 !important;
}

.tos-footer-note {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #94a3b8 !important;
}

.fair-card-main {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.fair-step-1 {
    background: rgba(0, 102, 255, 0.08) !important;
    border: 1px solid rgba(0, 102, 255, 0.2) !important;
}
.fair-step-1 .fair-step-title { color: #38bdf8 !important; }

.fair-step-2 {
    background: rgba(124, 58, 237, 0.08) !important;
    border: 1px solid rgba(124, 58, 237, 0.2) !important;
}
.fair-step-2 .fair-step-title { color: #c084fc !important; }

.fair-step-3 {
    background: rgba(236, 72, 153, 0.08) !important;
    border: 1px solid rgba(236, 72, 153, 0.2) !important;
}
.fair-step-3 .fair-step-title { color: #f472b6 !important; }

.fair-step-desc {
    color: #94a3b8 !important;
}

.fair-verify-card {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.fair-hash-input {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* ========================================================
   LIGHT MODE: PURE BLACK TEXT FOR TERMS & FAIR MODALS
   ======================================================== */
[data-theme="light"] .modal-dialog.tos-modal .modal-content,
.theme-light .modal-dialog.tos-modal .modal-content,
[data-theme="light"] .modal-dialog.fair-modal .modal-content,
.theme-light .modal-dialog.fair-modal .modal-content {
    background: #ffffff !important;
    border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .tos-modal-container,
.theme-light .tos-modal-container,
[data-theme="light"] .fair-modal__container,
.theme-light .fair-modal__container {
    color: #000000 !important;
}

[data-theme="light"] .tos-modal-container p,
.theme-light .tos-modal-container p,
[data-theme="light"] .tos-modal-container div,
.theme-light .tos-modal-container div,
[data-theme="light"] .tos-modal-container span,
.theme-light .tos-modal-container span,
[data-theme="light"] .fair-modal__container p,
.theme-light .fair-modal__container p,
[data-theme="light"] .fair-modal__container div,
.theme-light .fair-modal__container div,
[data-theme="light"] .fair-modal__container span,
.theme-light .fair-modal__container span {
    color: #000000 !important;
    font-weight: 500 !important;
}

[data-theme="light"] .tos-modal-container strong,
.theme-light .tos-modal-container strong,
[data-theme="light"] .fair-modal__container strong,
.theme-light .fair-modal__container strong {
    color: #000000 !important;
    font-weight: 800 !important;
}

[data-theme="light"] .tos-heading,
.theme-light .tos-heading,
[data-theme="light"] .fair-heading,
.theme-light .fair-heading {
    color: #000000 !important;
    font-weight: 900 !important;
}

[data-theme="light"] .tos-subheading,
.theme-light .tos-subheading,
[data-theme="light"] .fair-card-heading,
.theme-light .fair-card-heading,
[data-theme="light"] .fair-verify-heading,
.theme-light .fair-verify-heading {
    color: #000000 !important;
    font-weight: 800 !important;
}

[data-theme="light"] .tos-meta,
.theme-light .tos-meta,
[data-theme="light"] .fair-meta,
.theme-light .fair-meta {
    color: #0066ff !important;
    font-weight: 700 !important;
}

[data-theme="light"] .tos-modal-container a,
.theme-light .tos-modal-container a,
[data-theme="light"] .fair-modal__container a,
.theme-light .fair-modal__container a {
    color: #0066ff !important;
    font-weight: 700 !important;
}

[data-theme="light"] .tos-footer-note,
.theme-light .tos-footer-note {
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #000000 !important;
}

[data-theme="light"] .fair-card-main,
.theme-light .fair-card-main {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .fair-step-1,
.theme-light .fair-step-1 {
    background: #f0f7ff !important;
    border: 1px solid rgba(0, 102, 255, 0.25) !important;
}
[data-theme="light"] .fair-step-1 .fair-step-title,
.theme-light .fair-step-1 .fair-step-title {
    color: #0066ff !important;
}

[data-theme="light"] .fair-step-2,
.theme-light .fair-step-2 {
    background: #faf5ff !important;
    border: 1px solid rgba(124, 58, 237, 0.25) !important;
}
[data-theme="light"] .fair-step-2 .fair-step-title,
.theme-light .fair-step-2 .fair-step-title {
    color: #7c3aed !important;
}

[data-theme="light"] .fair-step-3,
.theme-light .fair-step-3 {
    background: #fdf2f8 !important;
    border: 1px solid rgba(236, 72, 153, 0.25) !important;
}
[data-theme="light"] .fair-step-3 .fair-step-title,
.theme-light .fair-step-3 .fair-step-title {
    color: #db2777 !important;
}

[data-theme="light"] .fair-step-desc,
.theme-light .fair-step-desc {
    color: #334155 !important;
    font-weight: 500 !important;
}

[data-theme="light"] .fair-verify-card,
.theme-light .fair-verify-card {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .fair-hash-input,
.theme-light .fair-hash-input {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    color: #000000 !important;
}

.deposit-modal-component .form-field:focus-within {
    border-color: #0066ff !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.25) !important;
}

.deposit-modal-component .input-icon,
.deposit-modal-component .form-field .input-icon {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
    z-index: 10 !important;
    width: 22px !important;
    height: 22px !important;
}

.deposit-modal-component .input-icon svg,
.deposit-modal-component .form-field .input-icon svg {
    width: 22px !important;
    height: 22px !important;
    fill: #ffc645 !important;
}

/* Auth Modal Styles */
.auth-modal-component .form-field {
    background: #090c17 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}

.auth-modal-component .form-field input.input-field {
    width: 100% !important;
    height: 48px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
    outline: none !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
}

.auth-modal-component .form-field:focus-within {
    border-color: #0066ff !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.25) !important;
}

[data-theme="light"] .auth-modal-component .form-field,
.theme-light .auth-modal-component .form-field {
    background: #f8fafc !important;
    border: 1.5px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .auth-modal-component .form-field input.input-field,
.theme-light .auth-modal-component .form-field input.input-field {
    color: #0f172a !important;
}

/* Dropdown Method Select */
.deposit-modal-component .select-payment .dropdown {
    width: 100% !important;
}

.deposit-modal-component .select-payment .dropdown-toggle {
    width: 100% !important;
    height: 48px !important;
    border-radius: 12px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

[data-theme="light"] .deposit-modal-component .select-payment .dropdown-toggle,
.theme-light .deposit-modal-component .select-payment .dropdown-toggle {
    background: #f8fafc !important;
    border: 1.5px solid rgba(0, 0, 0, 0.1) !important;
    color: #0f172a !important;
}

.deposit-modal-component .select-payment .dropdown-toggle .opener {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
}

.deposit-modal-component .dropdown-menu {
    border-radius: 14px !important;
    padding: 8px !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.15) !important;
    width: 100% !important;
}

[data-theme="light"] .deposit-modal-component .dropdown-menu,
.theme-light .deposit-modal-component .dropdown-menu {
    background: #ffffff !important;
    border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
}

.deposit-modal-component .dropdown-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: all 0.15s ease !important;
    cursor: pointer !important;
}

[data-theme="light"] .deposit-modal-component .dropdown-item,
.theme-light .deposit-modal-component .dropdown-item {
    color: #1e293b !important;
}

[data-theme="light"] .deposit-modal-component .dropdown-item:hover,
.theme-light .deposit-modal-component .dropdown-item:hover {
    background: rgba(0, 102, 255, 0.08) !important;
    color: #0066ff !important;
}

.deposit-modal-component .dropdown-item .image,
.deposit-modal-component .dropdown-toggle .image {
    width: 68px !important;
    height: 32px !important;
    min-width: 68px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) !important;
    margin-right: 8px !important;
}

.deposit-modal-component .dropdown-item .image img,
.deposit-modal-component .dropdown-toggle .image img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Submit Action Button */
.deposit-modal-component .deposit-section button[type="submit"],
.deposit-modal-component .btn-green {
    width: 100% !important;
    height: 50px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: 0.3px !important;
    background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.35) !important;
    cursor: pointer !important;
    margin-top: 20px !important;
    transition: all 0.2s ease !important;
}

/* ========================================================
   AFFILIATE PAGE IN LIGHT MODE (WHITE BACKGROUND, BLACK TEXT)
   ======================================================== */
[data-theme="light"] .quest-banner.affiliate,
.theme-light .quest-banner.affiliate {
    background: #ffffff !important;
    border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .quest-banner.affiliate .caption h1 span,
.theme-light .quest-banner.affiliate .caption h1 span {
    color: #0f172a !important;
    font-weight: 800 !important;
}

[data-theme="light"] .quest-banner.affiliate .info span,
.theme-light .quest-banner.affiliate .info span {
    color: #475569 !important;
    font-weight: 600 !important;
}

[data-theme="light"] .affiliate-stats-item .wrap,
.theme-light .affiliate-stats-item .wrap {
    background: #ffffff !important;
    border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .affiliates-form .text,
.theme-light .affiliates-form .text {
    color: #0f172a !important;
    font-weight: 700 !important;
}

[data-theme="light"] .affiliate-stats-item .input-field,
.theme-light .affiliate-stats-item .input-field {
    background: #f8fafc !important;
    border: 1.5px solid rgba(0, 0, 0, 0.1) !important;
    color: #0f172a !important;
    font-weight: 700 !important;
}

[data-theme="light"] .affiliate-stats-item .input-group-append .btn,
.theme-light .affiliate-stats-item .input-group-append .btn {
    background: linear-gradient(135deg, #0066ff 0%, #7c3aed 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

[data-theme="light"] .affiliate-stats-item .block .num,
.theme-light .affiliate-stats-item .block .num {
    color: #0f172a !important;
    font-weight: 800 !important;
}

[data-theme="light"] .affiliate-stats-item .block .text,
.theme-light .affiliate-stats-item .block .text {
    color: #64748b !important;
    font-weight: 700 !important;
}

[data-theme="light"] .affiliate-stats-item .form-label,
.theme-light .affiliate-stats-item .form-label {
    color: #475569 !important;
    font-weight: 700 !important;
}

/* ========================================================
   FREE COINS PAGE IN LIGHT MODE (WHITE BG, BLACK TEXT)
   ======================================================== */
[data-theme="light"] .dailyFree_dailyFree,
.theme-light .dailyFree_dailyFree,
[data-theme="light"] .dailyFree_wrap,
.theme-light .dailyFree_wrap,
[data-theme="light"] .form_container,
.theme-light .form_container,
[data-theme="light"] .list_list,
.theme-light .list_list {
    background: #ffffff !important;
    border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .quest-banner.daily,
.theme-light .quest-banner.daily {
    background: #ffffff !important;
    border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .quest-banner.daily .caption h1 span,
.theme-light .quest-banner.daily .caption h1 span {
    color: #0f172a !important;
    font-weight: 800 !important;
}

[data-theme="light"] .quest-banner.daily .info span,
.theme-light .quest-banner.daily .info span {
    color: #475569 !important;
    font-weight: 600 !important;
}

[data-theme="light"] .form_info .form_text,
.theme-light .form_info .form_text,
[data-theme="light"] .form_info .form_text span,
.theme-light .form_info .form_text span {
    color: #0f172a !important;
    font-weight: 700 !important;
}

[data-theme="light"] .form_info .form_text strong,
.theme-light .form_info .form_text strong {
    color: #0066ff !important;
    font-weight: 800 !important;
}

[data-theme="light"] .form_info .form_recharge,
.theme-light .form_info .form_recharge {
    color: #059669 !important;
    font-weight: 800 !important;
    background: rgba(5, 150, 105, 0.1) !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(5, 150, 105, 0.25) !important;
}

[data-theme="light"] .list_item,
.theme-light .list_item {
    background: #ffffff !important;
    border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .list_item .list_text,
.theme-light .list_item .list_text,
[data-theme="light"] .list_item .list_text span,
.theme-light .list_item .list_text span {
    color: #334155 !important;
    font-weight: 600 !important;
}

[data-theme="light"] .list_item .list_text strong,
.theme-light .list_item .list_text strong {
    color: #0f172a !important;
    font-weight: 800 !important;
}

/* ========================================================
   TOURNAMENT PAGE IN LIGHT MODE (BLACK TEXT, SLEEK CARDS)
   ======================================================== */
[data-theme="light"] .tour__title,
.theme-light .tour__title,
[data-theme="light"] .tour__title .title,
.theme-light .tour__title .title {
    color: #0f172a !important;
    font-weight: 800 !important;
}

[data-theme="light"] .sm_desc,
.theme-light .sm_desc,
[data-theme="light"] .sm_desc p,
.theme-light .sm_desc p {
    color: #475569 !important;
    font-weight: 600 !important;
}

[data-theme="light"] .tour__title .reward,
.theme-light .tour__title .reward {
    background: #f8fafc !important;
    border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .tour__title .reward .prize,
.theme-light .tour__title .reward .prize {
    color: #059669 !important;
    font-weight: 800 !important;
}

[data-theme="light"] .tour__title .reward .description,
.theme-light .tour__title .reward .description {
    color: #64748b !important;
    font-weight: 700 !important;
}

[data-theme="light"] .tournament-info__settings,
.theme-light .tournament-info__settings {
    background: #ffffff !important;
    border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 12px !important;
}

[data-theme="light"] .tournament-info__settings-item,
.theme-light .tournament-info__settings-item {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* ========================================================
   DASHBOARD TOP AMOUNT IN LIGHT MODE (SOLID BLACK TEXT)
   ======================================================== */
[data-theme="light"] .deposit-block .select-field,
.theme-light .deposit-block .select-field,
[data-theme="light"] .deposit-block .select-field span,
.theme-light .deposit-block .select-field span,
[data-theme="light"] #balance,
.theme-light #balance,
[data-theme="light"] .deposit-wrap .balance-item .value,
.theme-light .deposit-wrap .balance-item .value {
    color: #0f172a !important;
    font-weight: 800 !important;
    background: transparent !important;
    border: none !important;
}

[data-theme="light"] .deposit-wrap .balance-item.bonus .value,
.theme-light .deposit-wrap .balance-item.bonus .value {
    color: #7c3aed !important;
    font-weight: 800 !important;
}

/* ========================================================
   GAME PAGE & SIDEBAR GAME ICONS (PROMINENT & CRISP)
   ======================================================== */
.side-nav li a {
    width: 40px !important;
    height: 40px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.side-nav li a svg,
.side-nav li a .icon {
    width: 22px !important;
    height: 22px !important;
    transition: all 0.2s ease !important;
}

/* Header Logo Proper Sizing */
.header .logo img,
.logo-dark-theme,
.logo-light-theme {
    height: 42px !important;
    max-height: 42px !important;
    width: auto !important;
    object-fit: contain !important;
}