@media (max-width: 720px) {

    .player-meta {
        min-width: 0;
    }

    .player-meta .hud-level-bar {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .player-meta .player-name,
    .player-meta .player-level,
    .player-meta .hud-level-figures {
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rail-tile {
        min-width: 0;
        gap: 6px;
        padding-inline: 7px;
    }

    .rail-tile .rail-tile-label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rail-tile > svg {
        flex: 0 0 auto;
    }

    .rail-tile .count-badge {
        flex: 0 0 auto;
    }

    .deck-btn {
        min-width: 0;
    }

    .deck-btn .deck-btn-sub {
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (pointer: coarse) {

    .settings-close,
    .chat-close,
    .wheel-close,
    .wheel-info-btn,
    .paytable-close,
    .bag-close,
    .cal-close,
    .stats-close,
    .sandbox-close,
    .settings-tab,
    .chat-tab,
    .account-tab,
    .sound-mute-btn,
    .chat-send,
    .levelup-continue,
    .nospins-dismiss,
    .picker-cancel,
    .secret-close,
    .idle-secret-btn,
    .wl-notice-btn {
        position: relative;
    }

    .settings-close::after,
    .chat-close::after,
    .wheel-close::after,
    .wheel-info-btn::after,
    .paytable-close::after,
    .bag-close::after,
    .cal-close::after,
    .stats-close::after,
    .sandbox-close::after,
    .settings-tab::after,
    .chat-tab::after,
    .account-tab::after,
    .sound-mute-btn::after,
    .chat-send::after,
    .levelup-continue::after,
    .nospins-dismiss::after,
    .picker-cancel::after,
    .secret-close::after,
    .idle-secret-btn::after,
    .wl-notice-btn::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: max(100%, 44px);
        height: max(100%, 44px);
        transform: translate(-50%, -50%);
        background: transparent;
        pointer-events: auto;
    }

    .sound-slider {
        height: 44px;
    }
}

@media (max-width: 720px) {

    .chest-rewards .gift-icon img {
        width: 80px;
        height: 86px;
    }

    .chest-rewards .gift-icon {
        padding: 8px 6px;
    }
}


.wheel-panel {
    max-height: 92vh;
    max-height: 92dvh;
}

.settings-panel,
.daily-cal-modal,
.daily-gift-modal {
    max-height: 92vh;
    max-height: 92dvh;
}

.notice-modal {
    max-height: 90vh;
    max-height: 90dvh;
}

.odds-panel,
.picker-panel,
.account-panel,
.stats-modal {
    max-height: 88vh;
    max-height: 88dvh;
}

.paytable-modal {
    max-height: 80vh;
    max-height: 80dvh;
}

.bag-panel {
    max-height: 78vh;
    max-height: 78dvh;
}

.chest-modal,
.levelup-modal {
    max-height: 94vh;
    max-height: 94dvh;
}

.server-error-modal,
.return-card-panel {
    max-height: 92vh;
    max-height: 92dvh;
    overflow-y: auto;
}

@media (max-width: 720px) {

    .chat-panel {
        height: min(30rem, 70dvh);
        max-height: calc(100dvh - 96px);
        bottom: max(76px, env(safe-area-inset-bottom, 0px) + 76px);
    }
}