.elementor-13760 .elementor-element.elementor-element-673db3c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-13760 .elementor-element.elementor-element-b3646a4 .elementor-icon-wrapper{text-align:center;}.elementor-13760 .elementor-element.elementor-element-05aaef6{--display:flex;}.elementor-13760 .elementor-element.elementor-element-56426f5{column-gap:0px;text-align:center;}.elementor-13760 .elementor-element.elementor-element-6315ddd{--display:flex;}.elementor-13760 .elementor-element.elementor-element-9f2bd94{--display:flex;}/* Start custom CSS for html, class: .elementor-element-9d6bcc6 */#super-bio-wrapper .super-bio-game-container {
    background: linear-gradient(135deg, #1a2a6c 0%, #101b45 100%) !important;
    padding: clamp(20px, 5vw, 40px) !important;
    border-radius: 24px !important;
    box-shadow: 0 15px 35px rgba(26, 42, 108, 0.4) !important;
    text-align: center !important;
    max-width: 450px !important;
    margin: 0 auto !important;
    font-family: sans-serif !important;
    position: relative !important;
    z-index: 1 !important;
}

#super-bio-wrapper .game-title {
    color: #fdfbfb !important;
    font-size: clamp(22px, 6vw, 28px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: 2px !important;
}

#super-bio-wrapper button.start-clock-in-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(253, 251, 251, 0.1) !important;
    border: 1px solid #d4af37 !important;
    color: #d4af37 !important;
    cursor: pointer !important;
    padding: 12px 30px !important;
    border-radius: 50px !important;
    font-size: clamp(16px, 5vw, 18px) !important;
    font-weight: 700 !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2), inset 0 0 10px rgba(212, 175, 55, 0.1) !important;
    transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1) !important;
    white-space: nowrap !important;
    margin-bottom: 20px !important;
}

#super-bio-wrapper button.start-clock-in-btn span {
    color: inherit !important;
}

#super-bio-wrapper button.start-clock-in-btn:active,
#super-bio-wrapper .mole:active {
    transform: scale(0.9) !important;
}

#super-bio-wrapper .score-board {
    color: #fdfbfb !important;
    margin: 20px 0 15px 0 !important;
    font-size: clamp(16px, 4.5vw, 18px) !important;
    font-weight: 300 !important;
}

#super-bio-wrapper .whack-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: clamp(10px, 3vw, 20px) !important;
}

#super-bio-wrapper .hole {
    background: rgba(0, 0, 0, 0.4) !important;
    border: 2px solid rgba(253, 251, 251, 0.1) !important;
    border-radius: 50% !important;
    aspect-ratio: 1 / 1 !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: inset 0 8px 15px rgba(0,0,0,0.6) !important;
}

#super-bio-wrapper .mole {
    position: absolute !important;
    font-size: clamp(35px, 10vw, 55px) !important;
    top: 100% !important; 
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: top 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    cursor: pointer !important;
    user-select: none !important;
}

#super-bio-wrapper .mole.up {
    top: 0 !important;
}

@media (max-width: 767px) {
    #super-bio-wrapper .super-bio-game-container {
        padding: 15px !important;
    }
}/* End custom CSS */