/* Wheel Page Styles - Inline for reliability */
.section.game-section.wheel-page {
    padding: 20px 40px 40px !important;
    background: transparent !important;
}

.wheel-page .container {
    max-width: 1400px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Main Layout - Two columns */
.wheel-page .wheel-main-layout {
    display: flex !important;
    flex-direction: row !important;
    gap: 24px !important;
    margin-bottom: 24px !important;
    width: 100% !important;
    align-items: flex-start !important;
}

/* Left side - Game Area */
.wheel-page .wheel-game-area {
    flex: 1 !important;
    min-width: 0 !important;
    background: #161922 !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Wheel Display */
.wheel-page .wheel-display {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 0 !important;
    flex: 1 !important;
    overflow: hidden !important;
    background: radial-gradient(ellipse at center 100%, rgba(20, 40, 70, 0.4) 0%, transparent 60%) !important;
}

/* Timer in stats bar - center */
.wheel-page .stats-center {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
}

.wheel-page .stats-center .timer-content,
.wheel-page .stats-center .waiting-content {
    transition: opacity 0.4s ease !important;
}

.wheel-page .stats-center .timer-content.hidden,
.wheel-page .stats-center .waiting-content.hidden {
    display: none !important;
}

.wheel-page .stats-center .timer-value {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #D4A04A !important;
    letter-spacing: 2px !important;
    text-shadow: 0 0 15px rgba(212, 160, 74, 0.3) !important;
}

.wheel-page .stats-center .waiting-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #6B7280 !important;
    animation: waiting-pulse 2s ease-in-out infinite !important;
    white-space: nowrap !important;
}

@keyframes waiting-pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
}

/* Wheel Container */
.wheel-page .wheel-container {
    position: relative !important;
    width: 1000px !important;
    height: 320px !important;
    overflow: hidden !important;
}

/* Wheel Circle - container for cells */
.wheel-page .wheel-circle {
    position: absolute !important;
    bottom: -530px !important;
    left: 50% !important;
    width: 700px !important;
    height: 700px !important;
    min-width: 700px !important;
    min-height: 700px !important;
    transition: transform 8s cubic-bezier(0, 0.49, 0, 1);
    list-style: none !important;
    background: transparent !important;
}

/* Individual wheel cells - triangle sectors */
.wheel-page .wheel-cell {
    position: absolute !important;
    width: 131.6px !important;
    height: 700px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    top: 0 !important;
    left: 50% !important;
    transform-origin: 50% 50% !important;
    clip-path: polygon(0 0, 100% 0, 50% 50%, 50% 50%) !important;
    display: flex !important;
    justify-content: center !important;
    transition: background 0.3s !important;
    border: 6px solid #161922 !important;
    border-radius: 30px !important;
    overflow: hidden !important;
	pointer-events: none;
}

.wheel-page .wheel-cell span,
.wheel-page .wheel-cell img {
    margin-top: 30px !important;
}

.wheel-page .wheel-cell.blue {
    background: linear-gradient(180deg, #1E4A7A 0%, #163A60 30%) !important;
}

.wheel-page .wheel-cell.green {
    background: linear-gradient(180deg, #0D9488 0%, #0A7A70 30%) !important;
}

.wheel-page .wheel-cell.orange {
    background: linear-gradient(180deg, #C4724A 0%, #A05A3A 30%) !important;
}

.wheel-page .wheel-cell img {
    width: 40px !important;
    height: 40px !important;
    object-fit: contain !important;
	user-select: none;
	pointer-events: none;
}

/* Winning cell highlight */
.wheel-page .wheel-cell.winner {
    filter: brightness(1.3) !important;
}

/* Losing cells darken */
.wheel-page .wheel-cell.loser {
    filter: brightness(0.6) !important;
}

.wheel-page .wheel-cell {
    transition: background 0.3s, filter 0.5s ease-in-out !important;
}

/* Wheel outline overlay - centered over wheel */
.wheel-page .wheel-outline {
    background: radial-gradient(50% 50% at 50% 50%, transparent 75%, rgba(0, 0, 0, 0.34) 97.91%, rgba(0, 0, 0, 0.4) 97.92%) !important;
    border-radius: 50% !important;
    position: absolute !important;
    width: 550px !important;
    height: 600px !important;
    bottom: -530px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important;
    pointer-events: none !important;
}

/* Center area */
.wheel-page .wheel-center-area {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 340px !important;
    height: 340px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, #1a2540 0%, #141c30 100%) !important;
    z-index: 2 !important;
}

/* Center Circle */
.wheel-page .wheel-center {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 120px !important;
    height: 120px !important;
    background: radial-gradient(circle, #1f2a3d 0%, #151b2a 100%) !important;
    border-radius: 50% !important;
    border: 3px solid #2a3a55 !important;
    z-index: 10 !important;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5) !important;
}

/* Wheel Pointer */
.wheel-page .wheel-pointer {
    position: absolute !important;
    bottom: -5px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 20 !important;
    filter: drop-shadow(0 0 15px rgba(212, 160, 74, 0.8)) !important;
}

/* Stats Bar */
.wheel-page .wheel-stats-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 24px !important;
    background: rgba(0, 0, 0, 0.3) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    position: relative !important;
}

.wheel-page .stats-left,
.wheel-page .stats-right {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
}

.wheel-page .wheel-stats-bar .stat-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.wheel-page .wheel-stats-bar .stat-label {
    font-size: 12px !important;
    color: #6B7280 !important;
    text-transform: uppercase !important;
}

.wheel-page .wheel-stats-bar .stat-value {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
}

.wheel-page .wheel-stats-bar .stat-value .currency {
    color: #fff !important;
}

.wheel-page .wheel-stats-bar .stat-divider {
    width: 1px !important;
    height: 24px !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

.wheel-page .wheel-stats-bar .stat-item.last-games {
    margin-left: 0 !important;
}

.wheel-page .wheel-stats-bar .last-100-counts {
    display: flex !important;
    gap: 8px !important;
    margin-left: 12px !important;
}

.wheel-page .last-100-counts span {
    padding: 6px 16px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.wheel-page .count-blue,
.wheel-page .last-100-games-item.black {
    background: rgba(30, 74, 122, 0.9) !important;
    color: #74A7DE !important;
}

.wheel-page .count-orange,
.wheel-page .last-100-games-item.red {
    background: rgba(217, 123, 61, 0.9) !important;
    color: #FFE4D4 !important;
}

.wheel-page .count-green,
.wheel-page .last-100-games-item.green {
    background: rgba(13, 148, 136, 0.9) !important;
    color: #A7F3D0 !important;
}

/* History Dots */
.wheel-page .wheel-history-dots {
    display: flex !important;
    gap: 6px !important;
    padding: 14px 24px !important;
    flex-wrap: wrap !important;
    background: rgba(0, 0, 0, 0.2) !important;
}

.wheel-page .history-dot {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
}

.wheel-page .history_black { background: #1E4A7A !important; }
.wheel-page .history_red { background: #D97B3D !important; }
.wheel-page .history_green { background: #0D9488 !important; }

/* Right Sidebar - Unified Card */
.wheel-page .wheel-betting-sidebar {
    width: 340px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    background: #161922 !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    overflow: hidden !important;
}

.wheel-page .wheel-betting-sidebar .bet-section {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 20px 20px 16px !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.wheel-page .wheel-betting-sidebar .bet-section:last-of-type {
    border-bottom: none !important;
}

.wheel-page .wheel-betting-sidebar .section-label {
    font-size: 11px !important;
    color: #6B7280 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 14px !important;
    font-weight: 600 !important;
}

/* Bet Type Buttons */
.wheel-page .bet-type-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}

.wheel-page .bet-type-btn {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    color: #6B7280 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.wheel-page .bet-type-btn:hover {
    background: rgba(5, 178, 246, 0.08) !important;
    border-color: rgba(5, 178, 246, 0.3) !important;
    color: #fff !important;
}

.wheel-page .bet-type-btn.active {
    background: linear-gradient(135deg, #E8457C 0%, #D63A6B 100%) !important;
    border-color: #E8457C !important;
    color: #fff !important;
}

/* Bet Input */
.wheel-page .bet-input-group {
    display: flex !important;
    align-items: center !important;
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    transition: border-color 0.2s ease !important;
    gap: 0 !important;
}

.wheel-page .bet-adjust-btn {
    display: none !important;
}

.wheel-page .bet-amount-input {
    flex: 1 !important;
    min-width: 0 !important;
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-align: left !important;
    padding: 14px 16px !important;
    outline: none !important;
}

.wheel-page .bet-amount-input::placeholder {
    color: #4B5563 !important;
}

.wheel-page .bet-quick-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding-right: 10px !important;
    flex-shrink: 0 !important;
}

.wheel-page .quick-btn {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    color: #9CA3AF !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
}

.wheel-page .quick-btn:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
}

.wheel-page .quick-btn:active {
    transform: scale(0.95) !important;
}

/* Color Selection */
.wheel-page .color-selection {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 10px !important;
}

.wheel-page .color-btn {
    background: rgba(0, 0, 0, 0.35) !important;
    border: 2px solid transparent !important;
    border-radius: 14px !important;
    padding: 16px 12px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

.wheel-page .color-btn::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    transition: opacity 0.25s ease !important;
}

.wheel-page .color-btn.blue {
    border-color: rgba(30, 74, 122, 0.4) !important;
    background: linear-gradient(180deg, rgba(30, 74, 122, 0.25) 0%, rgba(30, 74, 122, 0.08) 100%) !important;
}

.wheel-page .color-btn.blue::before {
    background: radial-gradient(circle at center, rgba(30, 74, 122, 0.3) 0%, transparent 70%) !important;
}

.wheel-page .color-btn.blue:hover {
    border-color: rgba(30, 74, 122, 0.7) !important;
    background: linear-gradient(180deg, rgba(30, 74, 122, 0.4) 0%, rgba(30, 74, 122, 0.15) 100%) !important;
}

.wheel-page .color-btn.blue.isActive {
    border-color: #1E4A7A !important;
    background: linear-gradient(180deg, rgba(30, 74, 122, 0.5) 0%, rgba(30, 74, 122, 0.2) 100%) !important;
}

.wheel-page .color-btn.blue.isActive::before {
    opacity: 1 !important;
}

.wheel-page .color-btn.orange {
    border-color: rgba(196, 114, 74, 0.4) !important;
    background: linear-gradient(180deg, rgba(196, 114, 74, 0.25) 0%, rgba(196, 114, 74, 0.08) 100%) !important;
}

.wheel-page .color-btn.orange::before {
    background: radial-gradient(circle at center, rgba(196, 114, 74, 0.3) 0%, transparent 70%) !important;
}

.wheel-page .color-btn.orange:hover {
    border-color: rgba(196, 114, 74, 0.7) !important;
    background: linear-gradient(180deg, rgba(196, 114, 74, 0.4) 0%, rgba(196, 114, 74, 0.15) 100%) !important;
}

.wheel-page .color-btn.orange.isActive {
    border-color: #C4724A !important;
    background: linear-gradient(180deg, rgba(196, 114, 74, 0.5) 0%, rgba(196, 114, 74, 0.2) 100%) !important;
}

.wheel-page .color-btn.orange.isActive::before {
    opacity: 1 !important;
}

.wheel-page .color-btn.green {
    border-color: rgba(13, 148, 136, 0.4) !important;
    background: linear-gradient(180deg, rgba(13, 148, 136, 0.25) 0%, rgba(13, 148, 136, 0.08) 100%) !important;
}

.wheel-page .color-btn.green::before {
    background: radial-gradient(circle at center, rgba(13, 148, 136, 0.3) 0%, transparent 70%) !important;
}

.wheel-page .color-btn.green:hover {
    border-color: rgba(13, 148, 136, 0.7) !important;
    background: linear-gradient(180deg, rgba(13, 148, 136, 0.4) 0%, rgba(13, 148, 136, 0.15) 100%) !important;
}

.wheel-page .color-btn.green.isActive {
    border-color: #0D9488 !important;
    background: linear-gradient(180deg, rgba(13, 148, 136, 0.5) 0%, rgba(13, 148, 136, 0.2) 100%) !important;
}

.wheel-page .color-btn.green.isActive::before {
    opacity: 1 !important;
}

.wheel-page .color-btn:active {
    transform: scale(0.96) !important;
}

.wheel-page .color-icon {
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 1 !important;
}

.wheel-page .color-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.2s ease !important;
}

.wheel-page .color-btn:hover .color-icon img {
    transform: scale(1.08) !important;
}

.wheel-page .color-btn.isActive .color-icon img {
    transform: scale(1.1) !important;
}

.wheel-page .color-info {
    text-align: center !important;
}

.wheel-page .color-amount {
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-bottom: 4px !important;
}

.wheel-page .color-amount .currency {
    color: #E879A9 !important;
}

.wheel-page .color-multiplier {
    display: block !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #05B2F6 !important;
}

/* Auto Bet */
.wheel-page .auto-bet-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}

.wheel-page .auto-btn {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    color: #9CA3AF !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.wheel-page .auto-btn:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #fff !important;
}

/* Place Bet Button */
.wheel-page .place-bet-btn {
    background: var(--main-color);
    border: none !important;
    border-radius: 14px !important;
    padding: 16px 20px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: calc(100% - 40px) !important;
    margin: 4px 20px 20px !important;
    transition: all 0.25s ease !important;
}

.wheel-page .place-bet-btn:hover {
    filter: brightness(1.03) !important;
}

/* Bets Section */
.wheel-page .wheel-bets-section {
    background: #161922 !important;
    border-radius: 20px !important;
    padding: 24px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.wheel-page .bets-header {
    margin-bottom: 20px !important;
}

.wheel-page .bets-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* Bets Columns */
.wheel-page .bets-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 16px !important;
    align-items: start !important;
}

.wheel-page .bets-column {
    background: #12151C !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.wheel-page .column-header {
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.wheel-page .bets-column.blue .column-header {
    background: linear-gradient(135deg, rgba(30, 74, 122, 0.4) 0%, rgba(30, 74, 122, 0.15) 100%) !important;
}

.wheel-page .bets-column.orange .column-header {
    background: linear-gradient(135deg, rgba(217, 123, 61, 0.4) 0%, rgba(217, 123, 61, 0.15) 100%) !important;
}

.wheel-page .bets-column.teal .column-header {
    background: linear-gradient(135deg, rgba(13, 148, 136, 0.4) 0%, rgba(13, 148, 136, 0.15) 100%) !important;
}

.wheel-page .column-icon {
    width: 42px !important;
    height: 42px !important;
    flex-shrink: 0 !important;
}

.wheel-page .column-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.wheel-page .column-multiplier {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #fff !important;
}

.wheel-page .column-amount {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    margin-left: auto !important;
}

.wheel-page .column-players {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #6B7280 !important;
    font-size: 13px !important;
}

.wheel-page .column-bets {
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    max-height: 320px !important;
    overflow-y: auto !important;
    position: relative !important;
}

/* Waiting for bets placeholder */
.wheel-page .bets-waiting {
    color: #6B7280 !important;
    font-size: 13px !important;
    text-align: center !important;
    padding: 20px 10px !important;
    opacity: 1 !important;
    transition: opacity 0.3s ease !important;
}

.wheel-page .bets-waiting.hidden {
    opacity: 0 !important;
    display: none !important;
}

.wheel-page .bet-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 12px !important;
    background: #1D2029 !important;
    border-radius: 10px !important;
}

.wheel-page .bet-item.bet-new {
    animation: bet-appear 0.3s ease forwards !important;
}

@keyframes bet-appear {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.wheel-page .bet-item.bet-updated {
    animation: bet-pulse 0.5s ease !important;
}

.wheel-page .bet-item.bet-updated .bet-amount {
    animation: amount-highlight 0.5s ease !important;
}

@keyframes bet-pulse {
    0% {
        background: #1D2029;
    }
    50% {
        background: rgba(5, 178, 246, 0.15);
    }
    100% {
        background: #1D2029;
    }
}

@keyframes amount-highlight {
    0% {
        transform: scale(1);
        color: #fff;
    }
    50% {
        transform: scale(1.15);
        color: #05B2F6;
    }
    100% {
        transform: scale(1);
        color: #fff;
    }
}

.wheel-page .bet-user {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.wheel-page .bet-user img {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    object-fit: cover !important;
}

.wheel-page .bet-user span {
    font-size: 13px !important;
    color: #fff !important;
    font-weight: 500 !important;
}

.wheel-page .bet-amount {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #fff !important;
}

/* Jackpot Card */
.wheel-page .jackpot-card {
    background: linear-gradient(135deg, #2D2A1F 0%, #1F1D16 100%) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(212, 165, 116, 0.2) !important;
}

.wheel-page .jackpot-header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
}

.wheel-page .jackpot-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #D4A574 !important;
}

.wheel-page .jackpot-amount {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-bottom: 16px !important;
}

.wheel-page .jackpot-amount .currency {
    color: #E879A9 !important;
}

.wheel-page .jackpot-combo-label {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    margin-bottom: 10px !important;
}

.wheel-page .jackpot-combo {
    display: flex !important;
    gap: 8px !important;
}

.wheel-page .combo-slot {
    width: 40px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    border: 1px solid rgba(212, 165, 116, 0.3) !important;
}

.wheel-page .jackpot-decoration {
    position: absolute !important;
    right: -15px !important;
    bottom: -15px !important;
    opacity: 0.3 !important;
}

/* Hidden */
.wheel-page .hash {
    display: none !important;
}

/* Responsive */
@media (max-width: 1400px) {
    .wheel-page .bets-columns {
        grid-template-columns: 1fr 1fr 1fr !important;
    }
    .wheel-page .jackpot-card {
        grid-column: span 3 !important;
        max-width: 320px !important;
        margin: 16px auto 0 !important;
    }
}

@media (max-width: 1100px) {
    .wheel-page .wheel-main-layout {
        flex-direction: column !important;
    }
    .wheel-page .wheel-betting-sidebar {
        width: 100% !important;
        max-width: 500px !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 900px) {
    .wheel-page .bets-columns {
        grid-template-columns: 1fr 1fr !important;
    }
    .wheel-page .jackpot-card {
        grid-column: span 2 !important;
    }
}

@media (max-width: 768px) {
    .section.game-section.wheel-page {
        padding: 16px 20px 30px !important;
    }
    .wheel-page .wheel-game {
        width: 350px !important;
        height: 200px !important;
    }
    .wheel-page .wheel-game .wheel-img {
        width: 350px !important;
        height: 350px !important;
        bottom: -175px !important;
    }
    .wheel-page .wheel-game .time .value {
        font-size: 38px !important;
    }
    .wheel-page .bets-columns {
        grid-template-columns: 1fr !important;
    }
    .wheel-page .jackpot-card {
        grid-column: span 1 !important;
        max-width: 100% !important;
    }
}