/* ✅ On smaller screens (mobile/tablet) → full screen */
@media (max-width: 768px) {
    .mobile-container {
        width: 390px;
        height: 100vh;
        border: none;
        box-shadow: none;
        margin: 0;
        background-size: cover;
    }
    .cube-img {
        max-width: 300px;
    }
    .wallet-icon {
        width: 60px;
    }
    .connect-btn {
        font-size: 18px;
        padding: 20px 60px;
        min-width: 260px;
    }
}

@media (max-width: 390px) {
    body {
        display: block; /* normal flow */
        background: #000; /* keep dark */
    }

    .mobile-container {
        width: 100%;
        height: 100vh;
        border: none;
        box-shadow: none;
        margin: 0;
        background-size: cover;
    }
    .cube-img {
        max-width: 300px;
    }
    .wallet-icon {
        width: 60px;
    }
    .connect-btn {
        font-size: 18px;
        padding: 20px 60px;
        min-width: 260px;
    }
}