.cratedigger-brown-button {
    background: linear-gradient(45deg, #8B4513, #A0522D) !important;
    color: white !important;
    border: none !important;
    padding: 6px 18px !important;
    border-radius: 18px !important;
    font-size: 0.95rem !important;
    font-weight: bold !important;
    box-shadow: 0 2px 8px rgba(139, 69, 19, 0.18) !important;
    transition: all 0.3s ease !important;
    margin: 0 5px !important;
}

.cratedigger-brown-button:hover:not(:disabled) {
    background: linear-gradient(45deg, #A0522D, #CD853F) !important;
}

.cratedigger-play-button {
    background: linear-gradient(45deg, #1db954, #1ed760) !important;
    color: white !important;
    border: none !important;
    padding: 6px 18px !important;
    border-radius: 18px !important;
    font-size: 0.95rem !important;
    font-weight: bold !important;
    box-shadow: 0 2px 8px rgba(29, 185, 84, 0.18) !important;
    transition: all 0.3s ease !important;
    margin: 0 5px !important;
}

.cratedigger-play-button:hover:not(:disabled) {
    background: linear-gradient(45deg, #1ed760, #1db954) !important;
}

#cratedigger-view {
    background: linear-gradient(180deg, #8B4513 0%, #A0522D 50%, #8B4513 100%) !important;
}

#cratedigger-view #cratedigger {
    background: transparent !important;
}