.bonus-wheel-modal {
    position: fixed;
    z-index: 10;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 100vh;
    min-height: 100dvh;
    padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
    background: linear-gradient(180deg, #080e37 0%, rgb(8 14 55 / 75%) 25%, rgb(8 14 55 / 75%) 75%, #080e37 100%);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    overscroll-behavior: none;
}

.bonus-wheel-modal[hidden] {
    display: none;
}

.bonus-wheel-modal-frame-wrap {
    width: min(460px, calc(100vw - 20px), calc(80.9859vh - 16.1972px));
    width: min(460px, calc(100vw - 20px), calc(80.9859dvh - 16.1972px));
    aspect-ratio: 460 / 568;
    overflow: hidden;
    border-radius: clamp(16px, 5.65vw, 26px);
    box-shadow: 0 24px 80px rgb(0 0 0 / 45%);
}

.bonus-wheel-modal-frame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
}