html.no-scroll,
body.no-scroll {
    overflow: hidden;
}

.fortune-cookie {
    width: 48%;
    position: absolute;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

#item-1 {
    top: 21.5%;
    left: 24%;
    z-index: 2;
}

#item-2 {
    top: 17.7%;
    left: 41%;
    z-index: 1;
}

#item-3 {
    top: 20%;
    left: 76%;
    z-index: 3;
}

#item-4 {
    top: 24%;
    left: 58.5%;
    z-index: 4;
}

#animation-block {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 600px;
    z-index: 31;
    transform: translate(-50%, -50%);
}

/* 左下浮動按鈕 */
.count-icon {
    display: none;
    z-index: 100;
    position: fixed;
    left: 10px;
    bottom: 10px;
    width: 20%;
    max-width: 70px;
    cursor: pointer;
}

/* 抽獎券數量數字 */
.redemption-count{
    position: fixed;
    top: 56%;
    left: 50%;
    font-size: clamp(2px, 17.5vw, 105px);
    color: black;
    transform: translate(-50%, -50%);
    user-select: none;
}

/* 遮罩層樣式 */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 30;
    background-color: rgba(0, 0, 0, 0.5);
}

/* 彈出視窗樣式 */
.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    z-index: 600;
    width: 100%;
    max-width: 600px;
}