@import '_content/BroPlay.Shared/BroPlay.Shared.20uf3kweo3.bundle.scp.css';

/* /Layout/Lobby.razor.rz.scp.css */
/* CONTAINER CHÍNH LOBBY - Khóa khung 9:16 chuẩn trên cả Desktop và Mobile */
.arcade-loading-container[b-hspmmr0c6f] {
    position: relative;
    width: min(100vw, calc(100vh * (9 / 16)));
    max-width: 450px;
    height: 100vh;
    height: 100dvh;
    margin: 0 auto;
    background: #000 url('../images/loading/bg.png') center center / cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(8px, 1.5vh, 12px) clamp(10px, 2vw, 14px);
    box-sizing: border-box;
    overflow: hidden;
    user-select: none;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.9);
    font-family: 'DePixel Breit', 'Press Start 2P', monospace, sans-serif;
}

    .arcade-loading-container[b-hspmmr0c6f]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.35) 50%);
        background-size: 100% 4px;
        pointer-events: none;
        z-index: 2;
    }

.user-header-box[b-hspmmr0c6f] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    z-index: 5;
    flex-shrink: 0;
    box-sizing: border-box;
}

.user-avatar-frame[b-hspmmr0c6f] {
    width: clamp(48px, 7vh, 56px);
    height: clamp(48px, 7vh, 56px);
    background-image: url('../images/lobby/vienava.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-color: transparent;
    border: none;
    outline: none;
    padding: 4px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.7));
}

.user-avatar-img[b-hspmmr0c6f] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    image-rendering: pixelated;
}

.user-info-group[b-hspmmr0c6f] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.info-pill[b-hspmmr0c6f] {
    height: clamp(22px, 3vh, 26px);
    width: fit-content;
    max-width: 100%;
    background-image: url('../images/lobby/vientnv.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    padding: 0 12px 0 10px;
    box-sizing: border-box;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.6));
}

.username-pill[b-hspmmr0c6f] {
    justify-content: flex-start;
}

.username-text[b-hspmmr0c6f] {
    color: #ffffff;
    font-size: clamp(8px, 1.1vh, 10px);
    letter-spacing: 0.5px;
    text-shadow: 1px 1px 2px #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.balance-pill[b-hspmmr0c6f] {
    justify-content: flex-start;
    gap: 6px;
}

.coin-icon[b-hspmmr0c6f] {
    width: 14px;
    height: 14px;
    object-fit: contain;
    flex-shrink: 0;
}

.balance-text[b-hspmmr0c6f] {
    color: #ffe600;
    font-size: clamp(8px, 1.1vh, 10px);
    letter-spacing: 0.5px;
    text-shadow: 1px 1px 2px #000;
    white-space: nowrap;
}

/* STYLE DÀNH CHO ICON INCREASE BET */
.increase-bet-icon[b-hspmmr0c6f] {
    width: 14px;
    height: 14px;
    object-fit: contain;
    flex-shrink: 0;
    cursor: pointer;
    margin-left: 2px;
    image-rendering: pixelated;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.8));
    transition: transform 0.12s ease, filter 0.12s ease;
}

    .increase-bet-icon:hover[b-hspmmr0c6f] {
        transform: scale(1.15);
        filter: brightness(1.2) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.9));
    }

    .increase-bet-icon:active[b-hspmmr0c6f] {
        transform: scale(0.9);
    }

.music-toggle-btn[b-hspmmr0c6f] {
    width: clamp(34px, 5vh, 40px);
    height: clamp(34px, 5vh, 40px);
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: auto;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.7));
    transition: transform 0.12s ease;
}

    .music-toggle-btn:hover[b-hspmmr0c6f] {
        transform: scale(1.1);
    }

    .music-toggle-btn:active[b-hspmmr0c6f] {
        transform: scale(0.92);
    }

.music-toggle-icon[b-hspmmr0c6f] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    image-rendering: pixelated;
}

.game-list-container[b-hspmmr0c6f] {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: clamp(6px, 1.2vh, 10px);
    z-index: 5;
    margin: 6px 0;
    overflow: hidden;
}

.game-card[b-hspmmr0c6f] {
    width: 100%;
    height: clamp(60px, 11vh, 88px);
    border: 2px solid #8c52ff;
    outline: 1.5px solid #00f0ff;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8);
    transition: transform 0.15s ease, filter 0.15s ease;
    background: #111;
    flex-shrink: 1;
}

    .game-card:hover[b-hspmmr0c6f] {
        transform: scale(1.02);
        filter: brightness(1.1);
    }

    .game-card:active[b-hspmmr0c6f] {
        transform: scale(0.98);
    }

.game-banner-img[b-hspmmr0c6f] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.bottom-nav-bar[b-hspmmr0c6f] {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 5;
    flex-shrink: 0;
    padding-top: 2px;
}

.nav-item[b-hspmmr0c6f] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.12s ease;
}

    .nav-item:hover[b-hspmmr0c6f] {
        transform: translateY(-2px);
    }

    .nav-item:active[b-hspmmr0c6f] {
        transform: translateY(1px);
    }

.nav-icon[b-hspmmr0c6f] {
    width: clamp(60px, 16vw, 76px);
    height: auto;
    max-height: 48px;
    object-fit: contain;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.85));
}

/* MODAL POPUP */
.modal-backdrop[b-hspmmr0c6f] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(3px);
    animation: fadeIn-b-hspmmr0c6f 0.15s ease-out;
}

.payment-modal-card[b-hspmmr0c6f] {
    position: relative;
    width: 92%;
    max-width: 400px;
    min-height: 480px;
    background: url('../images/lobby/popup_khung.png') center center / 100% 100% no-repeat;
    border: none;
    border-radius: 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    overflow: visible;
    color: #fff;
    box-sizing: border-box;
    padding: 20px 16px 24px 16px;
    animation: popUp-b-hspmmr0c6f 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.close-popup-btn[b-hspmmr0c6f] {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 36px;
    height: 36px;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 10;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8));
    transition: transform 0.12s ease;
}

    .close-popup-btn:hover[b-hspmmr0c6f] {
        transform: scale(1.1);
    }

    .close-popup-btn:active[b-hspmmr0c6f] {
        transform: scale(0.9);
    }

.close-popup-img[b-hspmmr0c6f] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    image-rendering: pixelated;
}

.modal-header[b-hspmmr0c6f] {
    background: transparent;
    padding: 8px 4px 14px 4px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.modal-title[b-hspmmr0c6f] {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-transform: lowercase;
    letter-spacing: 0.5px;
}

.modal-body[b-hspmmr0c6f] {
    padding: 10px 4px 0 4px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.info-row[b-hspmmr0c6f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.row-label[b-hspmmr0c6f] {
    color: #ffffff;
    font-size: 12px;
    display: block;
}

.row-val[b-hspmmr0c6f] {
    font-size: 13px;
    font-weight: bold;
}

.green-text[b-hspmmr0c6f] {
    color: #00ff22;
}

.logout-box[b-hspmmr0c6f] {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.logout-btn[b-hspmmr0c6f] {
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    cursor: pointer;
    width: 75%;
    max-width: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.6));
    transition: transform 0.12s ease, filter 0.12s ease;
}

    .logout-btn:hover[b-hspmmr0c6f] {
        transform: scale(1.04);
        filter: brightness(1.1) drop-shadow(0 4px 8px rgba(0, 0, 0, 0.7));
    }

    .logout-btn:active[b-hspmmr0c6f] {
        transform: scale(0.96);
    }

.logout-btn-img[b-hspmmr0c6f] {
    width: 100%;
    height: auto;
    object-fit: contain;
    image-rendering: pixelated;
    display: block;
}

@keyframes fadeIn-b-hspmmr0c6f {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes popUp-b-hspmmr0c6f {
    from {
        transform: scale(0.85);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}
/* /Layout/Login.razor.rz.scp.css */
/* RESET CONTAINER - XẾP DỌC FLEXBOX CÂN ĐỐI */
.arcade-loading-container[b-84xf9a8yq0] {
    position: relative !important;
    width: 100vw;
    width: 100dvw;
    height: 100vh;
    height: 100dvh;
    margin: 0;
    padding: clamp(10px, 2vh, 18px) 12px;
    background: #100b26 url('../images/loading/bg.png') center center / cover no-repeat;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box;
    overflow: hidden;
    user-select: none;
}

    .arcade-loading-container[b-84xf9a8yq0]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.35) 50%);
        background-size: 100% 4px;
        pointer-events: none;
        z-index: 2;
    }

/* 1. LOGO BROPLAY TRÊN CÙNG */
.arcade-logo-box[b-84xf9a8yq0] {
    position: relative !important;
    width: 65%;
    max-width: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
    flex-shrink: 0;
}

.arcade-logo-img[b-84xf9a8yq0] {
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.9));
}

/* WRAPPER BAO KHUNG ĐỂ CĂN GIỮA TUYỆT ĐỐI */
.arcade-card-wrapper[b-84xf9a8yq0] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    z-index: 5;
}

/* 2. KHUNG CARD CHÍNH (LOGIN / REGISTER) */
.login-card[b-84xf9a8yq0] {
    position: relative !important;
    width: 90%;
    max-width: 320px;
    min-height: 345px; /* 👈 Thêm chiều cao tối thiểu (tăng/giảm số này như 360px, 400px...) */
    background: transparent url('/images/login_register/khung.png') center center / 100% 100% no-repeat;
    border: none;
    outline: none;
    padding: clamp(14px, 2vh, 20px) clamp(14px, 3vw, 18px) clamp(10px, 1.5vh, 14px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-between;
}

/* Tăng nhẹ padding cho khung Register dài thêm một chút để chứa lỗi thoải mái */
.register-card[b-84xf9a8yq0] {
    padding-top: clamp(16px, 2.4vh, 22px) !important;
    padding-bottom: clamp(12px, 1.8vh, 16px) !important;
}

.login-card-title[b-84xf9a8yq0] {
    font-family: 'DePixel Breit', monospace, sans-serif;
    color: #fff6a5;
    font-size: clamp(11px, 1.5vh, 14px);
    font-weight: bold;
    margin-bottom: clamp(4px, 0.8vh, 8px);
    letter-spacing: 1px;
    text-shadow: 2px 2px 0px #000;
}

/* KHỐI HIỂN THỊ THÔNG BÁO LỖI (API ERROR MESSAGE) */
.error-msg[b-84xf9a8yq0] {
    font-family: 'DePixel Breit', monospace, sans-serif;
    font-size: clamp(7px, 0.9vh, 8.5px);
    color: #facc15;
    text-shadow: 1px 1px 0px #000;
    min-height: 14px;
    margin-bottom: 6px;
}

/* KHỐI INPUT 95% CÂN ĐỐI */
.input-group-custom[b-84xf9a8yq0] {
    position: relative;
    width: 95%;
    margin: 0 auto clamp(2px, 0.4vh, 4px) auto;
    display: flex;
    align-items: center;
}

.input-field-custom[b-84xf9a8yq0] {
    width: 100%;
    height: clamp(22px, 3vh, 26px);
    background: #32354a;
    border: 1.5px solid #5d6282;
    border-radius: 5px;
    padding: 0 6px 0 26px;
    color: #ffffff;
    font-family: 'DePixel Breit', monospace, sans-serif;
    font-size: clamp(7px, 0.9vh, 8px);
    outline: none;
    box-sizing: border-box;
}

    .input-field-custom:focus[b-84xf9a8yq0] {
        border-color: #00f0ff;
        box-shadow: 0 0 6px rgba(0, 240, 255, 0.4);
    }

    .input-field-custom[b-84xf9a8yq0]::placeholder {
        color: #a0a5c0;
    }

.input-icon[b-84xf9a8yq0] {
    position: absolute;
    left: 6px;
    width: 12px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 2;
    opacity: 0.85;
}

.user-icon[b-84xf9a8yq0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0a5c0'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'/%3E%3C/svg%3E");
}

.lock-icon[b-84xf9a8yq0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0a5c0'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E");
}

.strength-box[b-84xf9a8yq0] {
    width: 95%;
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin: 0 auto 2px auto;
}

.strength-label[b-84xf9a8yq0] {
    color: #ffffff;
    font-size: 6px;
    font-family: 'DePixel Breit', monospace, sans-serif;
}

.strength-bars[b-84xf9a8yq0] {
    display: flex;
    gap: 2px;
    width: 100%;
    height: 3px;
}

    .strength-bars .bar[b-84xf9a8yq0] {
        flex: 1;
        height: 100%;
        background: #475569;
        border-radius: 1px;
    }

        .strength-bars .bar.active[b-84xf9a8yq0] {
            background: #00f0ff;
        }

.phone-group[b-84xf9a8yq0] {
    display: flex;
    gap: 3px;
}

.country-prefix[b-84xf9a8yq0] {
    height: clamp(22px, 3vh, 26px);
    padding: 0 4px;
    background: #2e344a;
    border: 1.5px solid #5d6282;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 2px;
    color: #ffffff;
    font-size: 7px;
    font-family: 'DePixel Breit', monospace, sans-serif;
    flex-shrink: 0;
}

.arrow-down[b-84xf9a8yq0] {
    font-size: 4px;
    color: #a0a5c0;
}

.input-phone[b-84xf9a8yq0] {
    padding-left: 5px !important;
}

.age-warning-text[b-84xf9a8yq0] {
    width: 95%;
    color: #f97316;
    font-size: 6px;
    font-family: 'DePixel Breit', monospace, sans-serif;
    margin: 0 auto 2px auto;
}

.captcha-group[b-84xf9a8yq0] {
    display: flex;
    gap: 3px;
    margin-bottom: max(35px, 2.5vh);
}

.input-captcha[b-84xf9a8yq0] {
    flex: 1;
}

.captcha-img-box[b-84xf9a8yq0] {
    height: clamp(22px, 3vh, 26px);
    padding: 0 4px;
    background: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.captcha-text[b-84xf9a8yq0] {
    font-family: 'Courier New', monospace;
    font-weight: bold;
    font-size: 10px;
    color: #000000;
    letter-spacing: 1px;
    text-decoration: line-through;
    font-style: italic;
}

.captcha-refresh-btn[b-84xf9a8yq0] {
    background: #00f0ff;
    border: none;
    border-radius: 2px;
    color: #000000;
    font-size: 8px;
    font-weight: bold;
    cursor: pointer;
    padding: 1px 2px;
}

/* Tăng khoảng cách giãn cách cho khối Remember Me */
.remember-box[b-84xf9a8yq0] {
    width: 95%;
    display: flex;
    align-items: center;
    gap: 8px; /* Tăng khoảng cách giữa ô checkbox và chữ */
    margin: 10px auto clamp(26px, 1.2vh, 12px) auto; /* Tăng margin-top để đẩy cách xa ô password */
    cursor: pointer;
    user-select: none;
}

.remember-checkbox[b-84xf9a8yq0] {
    width: 12px;
    height: 12px;
    accent-color: #00f0ff;
    cursor: pointer;
    flex-shrink: 0;
}

.remember-label[b-84xf9a8yq0] {
    color: #d0d4e6;
    font-size: clamp(7px, 0.9vh, 8.5px);
    font-family: 'DePixel Breit', monospace, sans-serif;
}
 
.terms-box .remember-label[b-84xf9a8yq0] {
    font-size: 6px;
    line-height: 1.15;
}

.terms-link[b-84xf9a8yq0] {
    color: #f97316;
}
  
/* NÚT BẤM DẠNG ẢNH CÂN ĐỐI */
.action-btn-box[b-84xf9a8yq0] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: clamp(2px, 0.4vh, 4px);
    cursor: pointer;
}

.action-btn-img[b-84xf9a8yq0] {
    width: 78%;
    max-height: 50px;
    height: auto;
    object-fit: contain;
    image-rendering: pixelated;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
    transition: transform 0.1s ease, filter 0.1s ease;
}

.action-btn-box:hover .action-btn-img[b-84xf9a8yq0] {
    filter: brightness(1.1) drop-shadow(0 2px 6px rgba(0, 240, 255, 0.5));
    transform: translateY(-1px);
}

.action-btn-box:active .action-btn-img[b-84xf9a8yq0] {
    transform: translateY(1px);
    filter: brightness(0.95);
}

.create-account-box[b-84xf9a8yq0] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto; /* 👈 Tự động đẩy nút xuống sát đáy khung */
    margin-bottom: 5px; /* 👈 Cách đáy 5px */
    cursor: pointer;
}

.create-account-img[b-84xf9a8yq0] {
    width: clamp(110px, 45%, 135px);
    height: auto;
    object-fit: contain;
    image-rendering: pixelated;
}

/* THU NHỎ ẢNH LOGIN.PNG TRONG REGISTER */
.login-back-img[b-84xf9a8yq0] {
    width: clamp(60px, 24%, 85px) !important;
    max-height: 20px !important;
    object-fit: contain;
    image-rendering: pixelated;
    transition: transform 0.1s ease, filter 0.1s ease;
}

.create-account-box:hover .login-back-img[b-84xf9a8yq0] {
    filter: brightness(1.2) drop-shadow(0 0 6px rgba(0, 240, 255, 0.6));
    transform: scale(1.03);
}

.create-account-box:active .login-back-img[b-84xf9a8yq0] {
    transform: scale(0.97);
}

/* 3. BOTTOM LINKS BÁM SÁT DƯỚI CHÂN MÀN HÌNH */
.bottom-links-box[b-84xf9a8yq0] {
    position: relative !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    z-index: 5;
    flex-shrink: 0;
    margin-bottom: 4px;
}

.bottom-link[b-84xf9a8yq0] {
    color: #ffffff;
    font-family: 'DePixel Breit', monospace, sans-serif;
    font-weight: bold;
    font-size: clamp(7.5px, 1vh, 9px);
    text-decoration: underline;
    cursor: pointer;
    text-shadow: 1px 1px 3px #000;
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* Reset MainLayout rỗng hoàn toàn để không gây xung đột với layout Arcade 9:16 */
.page[b-vm6cdtebhx] {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}