/* =========================================================
   Common mobile base (har page + har game mein lagti hai)
   User ki di hui mobile screen settings.
   ========================================================= */
/* Lucky Namer Mobile Screen */
* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
}

.lucky-namer-container {
    width: 100%;
    max-width: 480px;
    min-height: 100dvh;
    margin: 0 auto;
    overflow-x: hidden;
}

.wheel-container {
    width: 100%;
    aspect-ratio: 1 / 1;
}

.number-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.number-card {
    min-width: 0;
    aspect-ratio: 1 / 1;
}

.bet-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
}

.bet-card {
    min-width: 0;
    min-height: 90px;
}

@media (max-width: 480px) {
    .lucky-namer-container {
        width: 100%;
        padding: 8px;
    }
}