/* Tablet adaptations reuse the mobile page rules for touch devices. Game-specific rules remain in the game stylesheets. */

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .pwa-install-page {
        width: min(100% - 20px, 560px);
        margin-top: 18px;
        margin-bottom: 40px;
    }

    .pwa-install-hero {
        margin-bottom: 20px;
        padding: 0 8px;
    }

    .pwa-install-hero p {
        font-size: 15px;
    }

    .pwa-install-layout {
        grid-template-columns: 1fr;
    }

    .pwa-install-device-card {
        min-height: 390px;
        padding: 28px 24px;
    }

    .pwa-install-qr-card {
        padding: 28px 22px;
    }

    .pwa-install-preview-section {
        padding: 30px 16px;
    }

    .pwa-install-previews {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .pwa-install-preview-landscape .pwa-install-device-frame {
        width: min(100%, 520px);
        margin: 0 auto;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .content > .pwa-install-page.pwa-install-conversion {
        align-items: flex-start;
        padding: 16px 14px 22px;
    }

    .install-conversion-shell {
        grid-template-columns: 1fr;
        grid-template-areas:
            "brand"
            "copy"
            "action";
        gap: 0;
    }

    .install-conversion-brand {
        width: 62px;
        height: 62px;
        margin: 0 auto 12px;
        border-radius: 18px;
    }

    .install-conversion-copy {
        text-align: center;
    }

    .install-conversion-kicker {
        margin-bottom: 8px;
        font-size: 14px;
    }

    .install-conversion-copy h1 {
        font-size: clamp(28px, 8.6vw, 38px);
        line-height: 1.06;
    }

    .install-conversion-copy > p {
        display: none;
    }

    .install-conversion-benefits {
        justify-content: center;
        gap: 7px 12px;
        margin-top: 14px;
    }

    .install-conversion-benefits span {
        font-size: 14px;
    }

    .install-conversion-reward {
        margin-top: 15px;
        padding: 10px 11px;
        text-align: left;
    }

    .install-conversion-reward > i {
        width: 36px;
        height: 36px;
    }

    .install-conversion-reward strong {
        font-size: 14px;
    }

    .install-conversion-reward span {
        display: none;
    }

    .install-conversion-reward b {
        font-size: 16px;
    }

    .install-conversion-action-card {
        min-height: 0;
        margin-top: 15px;
        padding: 20px 17px;
        border-radius: 21px;
    }

    .install-conversion-action-icon {
        width: 54px;
        height: 54px;
        margin-bottom: 12px;
        border-radius: 17px;
        font-size: 26px;
    }

    .install-conversion-panel h2 {
        font-size: 21px;
    }

    .install-conversion-panel > p {
        margin: 8px 0 14px;
        font-size: 14px;
        line-height: 1.4;
    }

    .install-conversion-primary,
    .install-conversion-secondary {
        min-height: 50px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .content > .pwa-install-page.pwa-install-conversion {
        padding: 12px 18px;
        align-items: center;
    }

    .install-conversion-shell {
        grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr);
        grid-template-areas: "copy action";
        gap: 24px;
    }

    .install-conversion-brand,
    .install-conversion-copy > p,
    .install-conversion-benefits {
        display: none;
    }

    .install-conversion-copy {
        text-align: left;
    }

    .install-conversion-copy h1 {
        font-size: clamp(28px, 5.8vw, 42px);
    }

    .install-conversion-reward {
        margin-top: 16px;
    }

    .install-conversion-action-card {
        margin: 0;
        padding: 16px;
    }

    .install-conversion-action-icon {
        width: 46px;
        height: 46px;
        margin-bottom: 8px;
        font-size: 22px;
    }

    .install-conversion-panel h2 {
        font-size: 19px;
    }

    .install-conversion-panel > p {
        margin: 6px 0 10px;
        font-size: 14px;
    }

    .install-conversion-primary,
    .install-conversion-secondary {
        min-height: 42px;
    }

    .install-conversion-mini-steps {
        margin-bottom: 8px;
        gap: 5px;
    }

    .install-conversion-mini-steps span {
        min-height: 36px;
        padding-block: 4px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .pwa-install-page {
        width: calc(100% - 14px);
        min-height: calc(100dvh - 70px);
        margin: 4px auto 8px;
        justify-content: flex-start;
    }

    .pwa-install-hero {
        margin-bottom: 8px;
    }

    .pwa-install-kicker {
        margin-bottom: 4px;
        font-size: 14px;
    }

    .pwa-install-hero h1 {
        font-size: clamp(22px, 7vw, 29px);
    }

    .pwa-install-hero p {
        margin-top: 4px;
        font-size: 14px;
        line-height: 1.25;
    }

    .pwa-install-platforms {
        margin-top: 6px;
        gap: 6px;
    }

    .pwa-install-platforms span {
        min-height: 27px;
        padding: 0 9px;
        border-radius: 9px;
        font-size: 14px;
    }

    .pwa-install-platforms i {
        font-size: 14px;
    }

    .pwa-install-layout {
        display: block;
    }

    .pwa-install-device-card {
        min-height: 185px;
        padding: 15px 17px;
        border-radius: 18px;
    }

    .pwa-install-card-icon {
        width: 38px;
        height: 38px;
        margin-bottom: 7px;
        border-radius: 12px;
        font-size: 19px;
    }

    .pwa-install-device-panel h2 {
        margin-bottom: 4px;
        font-size: 18px;
    }

    .pwa-install-device-panel > p {
        margin-bottom: 8px;
        font-size: 14px;
    }

    .pwa-install-primary,
    .pwa-install-secondary {
        min-height: 36px;
        padding: 0 14px;
        font-size: 14px;
    }

    .pwa-install-qr-card {
        display: none;
    }

    .pwa-install-preview-section {
        margin-top: 8px;
        padding: 9px 10px;
        border-radius: 18px;
    }

    .pwa-install-preview-head {
        margin-bottom: 6px;
    }

    .pwa-install-preview-head h2 {
        font-size: 16px;
    }

    .pwa-install-previews {
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 10px;
    }

    .pwa-install-preview-portrait .pwa-install-device-frame {
        width: 62px;
    }

    .pwa-install-preview-landscape .pwa-install-device-frame {
        width: min(100%, 245px);
    }

    .pwa-install-preview figcaption {
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    body {
        background-image:
            radial-gradient(circle at 82% 6%, rgba(107, 70, 125, .14), transparent 34%),
            linear-gradient(rgba(25, 27, 29, .62), rgba(17, 19, 21, .72)),
            url("/images/site-bg-ornament-v1-mobile.webp");
        background-position: center;
        background-size: cover;
        background-attachment: scroll;
    }

    .main {
        background-image:
            linear-gradient(rgba(34, 36, 36, .76), rgba(22, 25, 25, .84)),
            url("/images/site-bg-club-v1-mobile.webp");
        background-position: center;
        background-size: cover;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .footer {
        display: none !important;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .trnsingle-page .trnsingle-sidebar-box {
        min-height: 0;
        padding: 6px;
        border-radius: 9px;
    }

    .trnsingle-page .trnsingle-sidebar-top {
        flex: 0 1 auto;
    }

    .trnsingle-page .trnsingle-sidebar-title {
        margin-bottom: 5px !important;
        font-size: 14px;
        line-height: 1.1;
    }

    .trnsingle-page .trnsingle-sidebar-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-content: start;
        gap: 3px 7px;
        overflow-y: auto;
    }

    .trnsingle-page .trnsingle-sidebar-list .trnsingle-player {
        min-width: 0;
        min-height: 24px;
        padding: 3px 4px;
        gap: 5px;
        border: 1px solid rgba(218, 237, 244, 0.07);
        border-radius: 6px;
        font-size: 14px;
        line-height: 1.1;
    }

    .trnsingle-page .trnsingle-sidebar-list .trnsingle-player span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .trnsingle-page .trnsingle-sidebar-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
        margin-top: 5px;
    }

    .trnsingle-page .trnsingle-sidebar-meta > div {
        min-height: 28px;
        padding: 4px 6px;
        border-radius: 7px;
    }

    .trnsingle-page .trnsingle-sidebar-meta span {
        font-size: 14px;
    }

    .trnsingle-page .trnsingle-sidebar-meta strong {
        font-size: 14px;
    }

    .trnsingle-page .trnsingle-sidebar-box .trnsingle-btn {
        min-height: 32px;
        margin-top: 4px !important;
        padding: 5px 7px;
        border-radius: 8px;
        font-size: 14px;
    }

    .trnsingle-page .trnsingle-sidebar-box .trnsingle-btn:first-of-type {
        margin-top: 6px !important;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .trnsingle-page .trnsingle-content {
        height: auto;
        min-height: 0;
        flex: 1 1 auto;
        overflow: hidden;
    }

    .trnsingle-page .trnsingle-main-layout {
        display: flex;
        flex-direction: column;
        min-height: 0;
        height: auto;
        flex: 1 1 auto;
    }

    .trnsingle-page .trnsingle-main-layout > div:first-child {
        min-height: 0;
        height: auto;
        flex: 1 1 auto;
        align-self: stretch;
    }

    .trnsingle-page .trnsingle-sidebar-box {
        height: auto;
        min-height: 0;
        max-height: none;
        flex: 0 0 auto;
        width: 100%;
        align-self: stretch;
        display: flex;
        overflow: visible;
    }

    .trnsingle-page .trnsingle-sidebar-top {
        flex: 0 0 auto;
    }

    .trnsingle-page .trnsingle-sidebar-bottom {
        margin-top: 6px;
    }

    .trnsingle-page .trnsingle-games-stage,
    .trnsingle-page .trnsingle-games-grid {
        flex: 1 1 auto;
        min-height: 0;
    }

    .trnsingle-page .trnsingle-games-stage {
        height: auto;
    }

    .trnsingle-page .trnsingle-games-grid {
        height: auto;
        flex: 1 1 auto;
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .trnsingle-page .trnsingle-sidebar-meta {
        grid-template-columns: minmax(0, 1fr);
    }

    .trnsingle-page .trnsingle-sidebar-meta strong {
        font-size: 14px;
        line-height: 1.15;
    }

    .trnsingle-page .trnsingle-sidebar-meta > div:nth-child(2) {
        display: block;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .new-lobby-page { min-height: calc(100dvh - 56px); padding: 10px 10px 14px; align-items: start; }
    .new-lobby-shell { gap: 11px; }
    .new-lobby-play { min-height: clamp(185px, 27dvh, 240px); padding: 20px !important; grid-template-columns: minmax(0, 1fr) 105px; border-radius: 25px !important; }
    .new-lobby-play-copy > strong { font-size: clamp(27px, 8.2vw, 36px); }
    .new-lobby-play-emblem { width: 112px; }
    .new-lobby-play-action > .fa-play { width: 45px; height: 45px; }
    .new-lobby-mode-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .new-lobby-mode { min-height: 94px !important; padding: 12px !important; grid-template-columns: 44px 1fr auto; gap: 3px 8px; border-radius: 17px !important; }
    .new-lobby-mode-5 { grid-column: 1 / -1; min-height: 88px !important; }
    .new-lobby-mode-icon { width: 44px; height: 44px; border-radius: 13px; font-size: 25px; }
    .new-lobby-mode-copy strong { font-size: 15px; }
    .new-lobby-mode-copy small { font-size: 14px; }
    .new-lobby-mode-price { font-size: 15px; }
    .new-lobby-dock { grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 20px; padding: 8px; gap: 8px; }
    .new-lobby-dock-item { min-height: 66px; padding: 8px; grid-template-columns: 39px 1fr; gap: 1px 8px; border-radius: 14px; }
    .new-lobby-dock-item > span:first-child { width: 39px; height: 39px; border-radius: 12px; font-size: 18px; }
    .new-lobby-dock-item strong { font-size: 14px; }
    .new-lobby-dock-item b, .new-lobby-dock-item small { font-size: 14px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-lobby-page { min-height: calc(100dvh - 56px); padding: 15px 16px 22px; align-items: start; }
    .arcade-lobby-board { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: minmax(180px, 27dvh) repeat(4, minmax(105px, 1fr)); min-height: 0; gap: 9px; }
    .arcade-tile { border-width: 2px !important; border-radius: 17px 17px 23px 13px !important; padding: 12px !important; box-shadow: 0 7px 0 rgba(1,15,22,.4), 0 12px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.2) !important; }
    .arcade-play-tile { grid-column: 1 / -1; grid-row: 1; display: grid !important; grid-template-columns: 1fr 105px; grid-template-rows: auto 1fr auto; text-align: left; align-items: center; }
    .arcade-play-tile > strong { font-size: clamp(25px, 7.4vw, 34px); }
    .arcade-play-icon { grid-column: 2; grid-row: 1 / 4; width: 100%; }
    .arcade-play-icon img { width: 92px; }
    .arcade-play-arrows { grid-column: 1; margin: 0; justify-content: flex-start; font-size: 38px; }
    .arcade-play-tile .arcade-tile-meta { grid-column: 1; }
    .arcade-mode-5 { grid-column: 1; grid-row: 2; }.arcade-mode-4 { grid-column: 2; grid-row: 2; }.arcade-mode-6 { grid-column: 1 / -1; grid-row: 3; }
    .arcade-shop-tile { grid-column: 1; grid-row: 4; }.arcade-wheel-tile { grid-column: 2; grid-row: 4; }.arcade-reward-tile { grid-column: 1; grid-row: 5; }.arcade-tournament-tile { grid-column: 2; grid-row: 5; }
    .arcade-tile > strong { font-size: clamp(15px, 4.4vw, 20px); }
    .arcade-mode-icon { font-size: clamp(42px, 13vw, 58px); }
    .arcade-tile-meta { gap: 4px; }
    .arcade-tile-meta b { padding: 3px 5px; font-size: 14px; }
    .arcade-action-tile > strong { font-size: clamp(13px, 3.8vw, 16px); }
    .arcade-action-tile > span { font-size: 39px; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .new-lobby-play {
        justify-self: center;
        width: min(88vw, 350px);
        min-height: 0;
        aspect-ratio: 1.32 / 1;
        border-radius: 45% 55% 48% 52% / 55% 45% 55% 45% !important;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr auto;
        text-align: center;
        padding: 20px 24px !important;
    }
    .new-lobby-play-copy { grid-row: 1; align-self: start; justify-items: center; }
    .new-lobby-play-stats { justify-content: center; }
    .new-lobby-play-emblem { grid-column: 1; grid-row: 2; width: 94px; }
    .new-lobby-play-action { grid-row: 3; justify-content: center; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .home-page {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .lobby-dashboard {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, 72px);
        gap: 7px;
        margin: 10px 6px 12px;
    }

    .lobby-quick-card {
        gap: 8px;
        padding: 9px 10px;
        border-radius: 16px;
    }

    .lobby-quick-icon {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        font-size: 16px;
    }

    .lobby-quick-copy strong {
        font-size: 14px;
    }

    .lobby-quick-copy b {
        font-size: 16px;
    }

    .lobby-quick-copy small {
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .lobby-dashboard {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: 52px;
        gap: 6px;
        flex: 0 0 52px;
        margin: 14px 6px 5px;
    }

    .lobby-quick-card {
        gap: 6px;
        padding: 6px 8px;
        border-radius: 14px;
    }

    .lobby-quick-icon {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        font-size: 14px;
    }

    .lobby-quick-copy strong {
        font-size: 14px;
    }

    .lobby-quick-copy b {
        font-size: 14px;
    }

    .lobby-quick-copy small {
        font-size: 14px;
    }

    .lobby-quick-arrow {
        display: none;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    html,
    body {
        overflow: hidden;
        overscroll-behavior: none;
    }

    .blot-shell {
        min-height: 100dvh;
        max-height: 100dvh;
    }

    .main {
        min-height: 0;
        overflow: hidden;
    }

    .settings-mobile-item,
    .settings-mobile-divider {
        display: block;
    }

    .header .blot-balance-animated strong .text-white {
        font-size: 19px;
        font-weight: 900;
        line-height: 1;
    }

    .header .btn-purple {
        min-width: 60px;
        padding-right: 12px !important;
        padding-left: 12px !important;
        justify-content: center;
    }

    .header-settings-dropdown {
        --mobile-header-menu-width: min(68vw, 260px);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1001;
        display: flex;
        align-items: center;
        margin: 0 !important;
        transform: none;
    }

    .header-settings-dropdown .header-mobile-menu-button {
        width: 40px;
        padding: 0 !important;
        justify-content: center;
    }

    .header-settings-dropdown .header-mobile-menu-button::after {
        display: none;
    }

    .header .header-home-link,
    .header-settings-dropdown .fa-gear {
        display: none !important;
    }

    .header-settings-dropdown .fa-bars {
        display: inline-block !important;
    }

    .header-settings-dropdown .dropdown-menu {
        position: fixed !important;
        inset: 8px auto auto 8px !important;
        top: 8px !important;
        bottom: auto !important;
        right: auto !important;
        left: 8px !important;
        width: var(--mobile-header-menu-width);
        min-width: 0;
        height: auto;
        padding: 8px;
        margin: 0 !important;
        transform: none;
        border-width: 1px;
        border-radius: 16px;
        box-shadow: 18px 0 50px rgba(0, 0, 0, 0.42);
        overflow: visible;
    }

    .header-settings-dropdown .dropdown-menu.show {
        animation: mobileHeaderMenuIn 0.22s ease-out both;
    }

    .header-settings-dropdown .settings-language-list {
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        margin: 4px 0 0 !important;
        background:
            linear-gradient(160deg, rgba(22, 45, 55, 0.99), rgba(8, 18, 23, 0.99)),
            url("/images/carbon-fibre.png") !important;
        border: 1px solid rgba(255, 255, 255, 0.09);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    }

    .header-settings-dropdown .settings-language-list-open {
        animation: mobileLanguageMenuDown 0.18s ease-out both;
    }

    .header-settings-dropdown .settings-language-current .fa-chevron-left {
        transform: rotate(180deg) !important;
    }

    .header-settings-dropdown .settings-language-current .settings-language-icon-open {
        transform: rotate(0deg) !important;
    }

    .header .dropdown-menu {
        min-width: 190px;
        padding: 5px;
        border-radius: 9px;
    }

    .header .dropdown-item {
        min-height: 44px;
        padding: 10px 12px;
        border-radius: 8px;
        font-size: 15px;
    }

    .header .dropdown-divider {
        margin: 3px 0;
    }

    .header .form-switch .form-check-input {
        width: 2.35rem;
        height: 1.25rem;
        margin-left: 10px;
    }

    .settings-language-current {
        font-size: 14px;
    }

    .settings-language-current img {
        width: 20px;
        height: 20px;
    }

    .settings-language-list {
        width: 132px;
        padding: 3px;
        border-radius: 8px;
    }

    .settings-language-list .dropdown-item {
        padding: 9px 10px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    body:has(.header-settings-dropdown .dropdown-menu.show) .header {
        z-index: 1002;
    }

    body:has(.header-settings-dropdown .dropdown-menu.show)::before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 1000;
        display: block !important;
        background: rgba(2, 10, 14, 0.62);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        animation: mobileGameMenuBackdropIn 0.18s ease-out both;
        pointer-events: none;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .header .settings-language-menu {
        position: relative;
    }

    .header .btn-danger {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .header .settings-language-list {
        position: static;
        width: 100%;
        margin-top: 4px;
        box-shadow: none;
        background: rgba(255, 255, 255, 0.055);
    }

    .header .settings-language-icon-open {
        transform: rotate(90deg);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .dropdown-toggle::after {
        display: none;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .content,
    .content.page-transition-out,
    .content.page-transition-in {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
        transition: none !important;
    }

    .modal.fade,
    .modal-backdrop.fade {
        transition: opacity 0.14s linear !important;
    }

    .blot-friend-invite,
    .blot-socket-notice,
    .blot-chat-menu,
    .wheel-reward-popup {
        transition: none !important;
    }

    .modal.fade .modal-dialog {
        opacity: 0;
        transform: translate3d(0, 8px, 0) scale(0.985) !important;
        transition:
            transform 0.16s cubic-bezier(0.2, 0.75, 0.25, 1),
            opacity 0.12s linear !important;
        will-change: transform, opacity !important;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }

    .modal.show .modal-dialog {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1) !important;
    }

    .modal-backdrop.show {
        opacity: 0.42;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .modal-content:not(.profile-modal),
    .vip-modal,
    .payment-method-modal,
    .payment-success-modal,
    .not-enough-chips-modal,
    .game-leave-modal .modal-content,
    .friend-table-modal .modal-content,
    .tournament-prizes-modal .modal-content {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background:
            linear-gradient(160deg, rgba(31, 58, 70, 0.99), rgba(13, 27, 35, 1)) !important;
        border-color: rgba(177, 200, 212, 0.14) !important;
        box-shadow: none !important;
        contain: paint;
        isolation: isolate;
    }

    .modal-content:not(.profile-modal)::after,
    .vip-modal::before,
    .payment-method-modal::before,
    .payment-success-modal::before,
    .wheel-reward-modal::before {
        display: none !important;
    }

    .blot-result,
    .blot-levelup,
    .wheel-reward-modal {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background:
            linear-gradient(160deg, rgba(31, 58, 70, 0.99), rgba(13, 27, 35, 1)) !important;
        border-color: rgba(177, 200, 212, 0.14) !important;
        box-shadow: none !important;
        will-change: auto;
    }

    .blot-result.blot-result-show,
    .blot-levelup.blot-levelup-show,
    .wheel-reward-popup.active .wheel-reward-modal {
        animation: none !important;
        transition: none !important;
        opacity: 1 !important;
    }

    .blot-result.blot-result-show,
    .wheel-reward-popup.active .wheel-reward-modal {
        transform: none !important;
    }

    .blot-levelup.blot-levelup-show {
        transform: translate(-50%, -50%) scale(1) !important;
    }

    .blot-levelup-glow {
        display: none !important;
    }

    .profile-close {
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .game-leave-modal .modal-dialog {
        max-width: min(320px, calc(100vw - 26px));
        margin-left: auto;
        margin-right: auto;
    }

    .game-leave-modal .modal-content {
        border-radius: 16px;
    }

    .game-leave-modal .modal-header,
    .game-leave-modal .modal-footer {
        padding: 10px 12px;
    }

    .game-leave-modal .modal-body {
        padding: 12px;
        font-size: 14px;
    }

    .game-leave-modal .modal-title {
        font-size: 14px;
    }

    .game-leave-modal .btn {
        min-width: 70px;
        height: 34px;
        padding: 0 12px;
        border-radius: 10px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {

    .profile-close {
        top: 9px;
        right: 9px;
        width: 28px;
        height: 28px;
        font-size: 14px;
    }

    .game-leave-modal .modal-dialog {
        max-width: min(300px, calc(100vw - 26px));
    }

    .game-leave-modal .modal-header,
    .game-leave-modal .modal-footer {
        padding: 8px 10px;
    }

    .game-leave-modal .modal-body {
        padding: 10px;
        font-size: 14px;
    }

    .game-leave-modal .modal-title {
        font-size: 14px;
    }

    .game-leave-modal .btn {
        height: 30px;
        min-width: 64px;
        font-size: 14px;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .vip-dialog {
        --bs-modal-width: min(360px, calc(100vw - 24px));
        margin: 8px auto;
    }

    .vip-modal {
        padding: 14px;
        border-radius: 16px;
    }

    .vip-modal::before {
        height: 92px;
    }

    .vip-close {
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .vip-hero {
        gap: 10px;
        padding-right: 30px;
    }

    .vip-badge {
        width: 54px;
        height: 54px;
        border-radius: 15px;
        font-size: 22px;
    }

    .vip-kicker {
        height: 20px;
        padding: 0 8px;
        font-size: 14px;
    }

    .vip-hero h4 {
        margin-top: 5px;
        font-size: 18px;
    }

    .vip-hero p {
        margin-top: 5px;
        font-size: 14px;
        line-height: 1.25;
    }

    .vip-benefits {
        gap: 7px;
        margin-top: 10px;
    }

    .vip-item {
        gap: 7px;
        padding: 8px;
        border-radius: 10px;
    }

    .vip-icon {
        width: 28px;
        height: 28px;
        border-radius: 9px;
        font-size: 14px;
    }

    .vip-text {
        font-size: 14px;
        line-height: 1.2;
    }

    .vip-current-status {
        margin: 8px 0 -2px;
        padding: 8px 10px;
        border-radius: 10px;
        font-size: 14px;
    }

    .vip-packages {
        gap: 7px;
        margin-top: 10px;
    }

    .vip-card {
        padding: 8px 6px;
        border-radius: 10px;
    }

    .vip-days {
        font-size: 14px;
    }

    .vip-price {
        margin-top: 4px;
        font-size: 15px;
    }

    .vip-footer {
        gap: 9px;
        margin-top: 10px;
        padding-top: 10px;
    }

    .vip-footer span {
        font-size: 14px;
    }

    .vip-buy-btn {
        min-width: 110px;
        height: 34px;
        border-radius: 10px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .vip-dialog {
        --bs-modal-width: min(500px, calc(100vw - 24px));
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .vip-modal {
        max-height: calc(100vh - 16px);
        padding: 10px;
        overflow-y: auto;
        border-radius: 14px;
    }

    .vip-modal::before {
        height: 96px;
    }

    .vip-close {
        top: 9px;
        right: 9px;
        width: 28px;
        height: 28px;
        font-size: 14px;
    }

    .vip-badge {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        font-size: 20px;
    }

    .vip-hero {
        gap: 11px;
        padding-right: 32px;
    }

    .vip-kicker {
        height: 20px;
        padding: 0 8px;
        font-size: 14px;
    }

    .vip-hero h4 {
        margin-top: 5px;
        font-size: 17px;
    }

    .vip-hero p {
        display: none;
    }

    .vip-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 10px;
    }

    .vip-item {
        padding: 8px;
    }

    .vip-icon {
        width: 28px;
        height: 28px;
        border-radius: 9px;
        font-size: 14px;
    }

    .vip-text {
        font-size: 14px;
    }

    .vip-packages {
        gap: 8px;
        margin-top: 10px;
    }

    .vip-card {
        padding: 8px 6px;
    }

    .vip-price {
        margin-top: 4px;
        font-size: 15px;
    }

    .vip-footer {
        margin-top: 8px;
        padding-top: 8px;
    }

    .vip-buy-btn {
        height: 32px;
        min-width: 104px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .header {
        height: 52px;
    }

    .header .btn,
    .header a[href="/fortune"] {
        height: 34px;
        min-height: 34px;
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 10px;
    }

    .header .btn > i {
        font-size: 18px;
    }

    .header .btn > img,
    #openProfile img {
        width: 28px;
        height: 28px;
    }


    .header strong {
        min-height: 34px;
        padding: 0 6px;
        border: none;
        background: transparent;
        border-radius: none;
    }

    .footer {
        height: 36px;
    }

    .footer-menu a {
        margin-left: 10px;
    }

    .header-fortune-link {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        margin-right: 7px;
    }

    .wheel-icon {
        width: 34px;
        height: 34px;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .header .btn-purple[data-bs-target="#vipModal"] {
        min-width: 44px;
        margin-right: 2px !important;
        margin-left: 2px !important;
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    #openProfile {
        height: 38px;
        min-height: 38px;
        padding-right: 2px !important;
        padding-left: 2px !important;
    }

    #openProfile img {
        width: 34px;
        height: 34px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .header {
        height: 50px;
    }

    .footer {
        height: 32px;
    }

    .header .btn,
    .header a[href="/fortune"],
    .header strong {
        height: 34px !important;
        min-height: 34px;
        font-size: 14px;
    }

    .header .btn > i {
        font-size: 18px;
    }

    .header .btn > img,
    #openProfile img {
        width: 28px;
        height: 28px;
    }

    .header-fortune-link {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        margin-right: 7px;
    }

    .wheel-icon {
        width: 34px;
        height: 34px;
    }

    .footer {
        font-size: 14px;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .not-enough-chips-dialog {
        --bs-modal-width: min(520px, calc(100vw - 28px));
        margin: 8px auto;
    }

    .not-enough-chips-modal {
        max-height: calc(100vh - 16px);
        padding: 14px 18px 16px;
        overflow: hidden;
    }

    .not-enough-chips-icon {
        width: 44px;
        height: 44px;
        margin-bottom: 8px;
        font-size: 18px;
        box-shadow: none;
    }

    .not-enough-chips-modal h3 {
        margin-bottom: 4px;
        font-size: 18px;
    }

    .not-enough-chips-modal p {
        max-width: 440px;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.25;
    }

    .not-enough-chips-stats {
        gap: 8px;
        margin-bottom: 10px;
    }

    .not-enough-chips-stats div {
        padding: 8px 10px;
        border-radius: 9px;
    }

    .not-enough-chips-stats span {
        font-size: 14px;
    }

    .not-enough-chips-stats strong {
        margin-top: 3px;
        font-size: 19px;
    }

    .not-enough-chips-offer {
        margin-bottom: 8px;
        padding: 7px 9px;
    }

    .not-enough-chips-offer-icon {
        width: 28px;
        height: 28px;
    }

    .not-enough-chips-offer-copy strong {
        font-size: 14px;
    }

    .not-enough-chips-offer-copy small {
        font-size: 14px;
    }

    .not-enough-chips-offer-value {
        font-size: 18px;
    }

    .not-enough-chips-buy {
        min-height: 46px;
        border-radius: 9px;
        font-size: 14px;
    }

    .not-enough-chips-modal .profile-close {
        top: 8px;
        right: 8px;
        width: 28px;
        height: 28px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .account-blocked-modal .modal-dialog {
        max-width: min(92vw, 420px);
        margin: 10px auto;
    }

    .account-blocked-modal .modal-content {
        padding: 18px;
        border-radius: 14px;
    }

    .account-blocked-icon {
        width: 44px;
        height: 44px;
        margin-bottom: 10px;
        font-size: 18px;
    }

    .account-blocked-title {
        font-size: 18px;
    }

    .account-blocked-text {
        margin-bottom: 12px;
        font-size: 14px;
    }

    .account-blocked-box {
        padding: 10px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .payment-method-dialog {
        --bs-modal-width: min(720px, calc(100vw - 24px));
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .payment-method-modal {
        max-height: calc(100vh - 16px);
        padding: 14px;
        overflow-y: auto;
        border-radius: 14px;
    }

    .payment-method-modal::before {
        height: 62px;
        background:
            linear-gradient(90deg, rgba(0, 139, 187, 0.1), transparent 70%);
    }

    .payment-method-modal .profile-close {
        top: 8px;
        right: 8px;
    }

    .payment-method-head {
        gap: 10px;
        min-height: 42px;
        margin-bottom: 10px;
        padding-right: 34px;
    }

    .payment-method-icon {
        width: 42px;
        height: 42px;
        border-radius: 12px;
        font-size: 18px;
    }

    .payment-method-head h4 {
        font-size: 16px;
        line-height: 1.1;
    }

    .payment-method-head p {
        margin-top: 2px;
        font-size: 14px;
        line-height: 1.15;
    }

    .payment-product-row {
        gap: 6px;
        margin-top: 2px;
    }

    .payment-product-row strong {
        min-height: 20px;
        padding: 3px 7px;
        font-size: 14px;
    }

    .payment-method-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .payment-method-card {
        min-height: 46px;
        gap: 8px;
        padding: 7px 34px 7px 8px;
        border-radius: 10px;
        font-size: 14px;
        line-height: 1.1;
    }

    .payment-method-card::after {
        right: 10px;
        width: 20px;
        height: 20px;
        font-size: 14px;
    }

    .payment-method-card i {
        width: 26px;
        height: 26px;
        border-radius: 8px;
        font-size: 17px;
    }

    .payment-method-test {
        grid-column: auto;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) and (max-height: 380px) {
    .payment-method-dialog {
        --bs-modal-width: min(760px, calc(100vw - 18px));
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .payment-method-modal {
        max-height: calc(100vh - 12px);
        padding: 10px;
    }

    .payment-method-modal::before {
        height: 36px;
        opacity: 0.55;
    }

    .payment-method-head {
        margin-bottom: 7px;
    }

    .payment-method-icon {
        width: 34px;
        height: 34px;
        font-size: 15px;
    }

    .payment-method-head h4 {
        font-size: 14px;
    }

    .payment-method-head p {
        font-size: 14px;
    }

    .payment-method-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    .payment-method-card {
        min-height: 38px;
        padding: 6px 26px 6px 7px;
        font-size: 14px;
    }

    .payment-method-card::after {
        right: 7px;
        width: 16px;
        height: 16px;
        font-size: 14px;
    }

    .payment-method-card i {
        width: 22px;
        height: 22px;
        border-radius: 7px;
        font-size: 15px;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .game-resume-modal .modal-dialog,
    .account-blocked-modal .modal-dialog,
    .tournament-prizes-modal .modal-dialog,
    #tournamentResultsModal .modal-dialog,
    #playersModal .modal-dialog,
    #prizeModal .modal-dialog {
        max-width: min(380px, calc(100vw - 24px));
        margin-left: auto;
        margin-right: auto;
    }

    .game-resume-modal .modal-content,
    .account-blocked-modal .modal-content,
    .tournament-prizes-modal .modal-content,
    #tournamentResultsModal .modal-content,
    #playersModal .modal-content,
    #prizeModal .modal-content {
        border-radius: 17px;
    }

    .game-resume-modal .modal-header,
    .game-resume-modal .modal-footer,
    .account-blocked-modal .modal-header,
    .account-blocked-modal .modal-footer,
    .tournament-prizes-modal .modal-header,
    .tournament-prizes-modal .modal-footer,
    #tournamentResultsModal .modal-header,
    #tournamentResultsModal .modal-footer,
    #playersModal .modal-header,
    #playersModal .modal-footer,
    #prizeModal .modal-header,
    #prizeModal .modal-footer {
        padding: 12px 14px;
    }

    .game-resume-modal .modal-title,
    .account-blocked-title,
    .tournament-prizes-modal .modal-title,
    #tournamentResultsModal .modal-title,
    #playersModal .modal-title,
    #prizeModal .modal-title {
        font-size: 16px;
        line-height: 1.2;
    }

    .game-resume-modal .modal-body,
    .account-blocked-text,
    .tournament-prizes-modal .modal-body,
    #tournamentResultsModal .modal-body,
    #playersModal .modal-body,
    #prizeModal .modal-body {
        font-size: 14px;
        line-height: 1.35;
    }

    .game-resume-modal .btn,
    .tournament-prizes-modal .btn,
    #tournamentResultsModal .btn,
    #playersModal .btn,
    #prizeModal .btn {
        min-height: 38px;
        min-width: 82px;
        padding: 0 14px;
        border-radius: 11px;
        font-size: 14px;
        font-weight: 800;
    }

    .vip-text,
    .vip-current-status,
    .vip-footer span,
    .payment-method-head p,
    .payment-product-row strong,
    .payment-method-card,
    .account-blocked-box span,
    .account-blocked-box strong {
        font-size: max(12px, 0.82rem);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .game-resume-modal .modal-dialog,
    .account-blocked-modal .modal-dialog,
    .tournament-prizes-modal .modal-dialog,
    #tournamentResultsModal .modal-dialog,
    #playersModal .modal-dialog,
    #prizeModal .modal-dialog {
        max-width: min(430px, calc(100vw - 24px));
    }

    .game-resume-modal .modal-body,
    .account-blocked-text,
    .tournament-prizes-modal .modal-body,
    #tournamentResultsModal .modal-body,
    #playersModal .modal-body,
    #prizeModal .modal-body {
        font-size: 14px;
    }

    .vip-text,
    .payment-method-card {
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .payment-method-list {
        width: min(68vw, 100%);
        grid-template-columns: repeat(4, minmax(0, 1fr));
        justify-content: center;
        gap: clamp(4px, 1vw, 7px);
        margin-inline: auto;
    }

    .payment-method-card {
        width: 100%;
        max-width: none;
        padding: 10px 7px;
        gap: 7px;
        border-radius: 13px;
        font-size: 14px;
    }

    .payment-method-card i {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        font-size: 19px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .payment-method-dialog {
        --bs-modal-width: 100vw;
        width: 100vw;
        max-width: none;
        height: 100dvh;
        margin: 0;
    }

    .payment-method-modal {
        width: 100%;
        min-height: 100dvh;
        max-height: none;
        display: flex;
        flex-direction: column;
        border: 0;
        border-radius: 0;
    }

    .payment-method-modal .payment-method-list {
        flex: 1 1 auto;
        align-content: center;
    }

    #paymentMethodModal .profile-close,
    #vipModal .vip-close {
        top: 14px;
        right: 14px;
        width: 44px;
        height: 44px;
        font-size: 18px;
        border-width: 2px;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    #vipModal .vip-dialog {
        --bs-modal-width: 100vw;
        width: 100vw;
        max-width: none;
        min-height: 100dvh;
        margin: 0;
    }

    #vipModal .vip-modal {
        width: 100%;
        min-height: 100dvh;
        max-height: 100dvh;
        padding: clamp(12px, 3vw, 18px);
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        border: 0;
        border-radius: 0;
    }

    #vipModal .vip-benefits {
        flex: 1 1 auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: minmax(min-content, 1fr);
        gap: clamp(7px, 2vw, 10px);
        margin-top: clamp(10px, 2.5vh, 16px);
    }

    #vipModal .vip-packages {
        flex: 1 1 auto;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-auto-rows: minmax(min-content, 1fr);
        gap: clamp(6px, 2vw, 10px);
        margin-top: clamp(10px, 2.5vh, 16px);
    }

    #vipModal .vip-item,
    #vipModal .vip-card {
        height: 100%;
    }

    #vipModal .vip-footer {
        margin-top: auto;
        padding-top: clamp(10px, 2.5vh, 14px);
    }

    #vipModal .vip-buy-btn {
        min-width: 180px;
        min-height: 48px;
        padding-inline: 24px;
        border-radius: 13px;
        font-size: 15px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    #vipModal .vip-modal {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: clamp(6px, 1.8vh, 10px);
        padding: clamp(10px, 2.5vh, 14px);
    }

    #vipModal .vip-hero,
    #vipModal .vip-benefits,
    #vipModal .vip-packages,
    #vipModal .vip-footer {
        width: min(100%, 760px);
        margin-right: auto;
        margin-left: auto;
    }

    #vipModal .vip-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 0;
    }

    #vipModal .vip-item {
        padding-block: clamp(10px, 3vh, 14px);
    }

    #vipModal .vip-packages {
        margin-top: 0;
    }

    #vipModal .vip-card {
        padding-block: clamp(20px, 6vh, 26px);
    }

    #vipModal .vip-footer {
        margin-top: 0;
        padding-top: clamp(6px, 1.8vh, 10px);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .lobby > .row > div {
        width: 33.33333333%;
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .game-mode {
        display: inline-block;
        width: 100%;
        padding: 18px 20px;
        min-height: 120px;
    }

    .game-mode h3 {
        font-size: 20px;
    }

    .game-mode .text-center.text-md-end {
        display: flex;
        justify-content: space-between;
    }

    .mode-prizes,
    .mode-win,
    .mode-vip-win,
    .mode-till {
        display: none;
    }

    .mode-icon {
        width: 46px;
        margin-right: 10px;
    }

    .mode-faicon {
        font-size: 34px;
        margin-right: 10px;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .home-page {
        height: 100%;
        padding: 2px 8px !important;
        overflow: hidden;
    }

    .content:has(.home-page) {
        overflow: hidden;
    }

    .home-page .lobby > .row > div {
        width: 33.33333333%;
        height: calc((100% - 2px) / 2);
        padding-right: 4px !important;
        padding-left: 4px !important;
    }

    .home-page .game-mode {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: space-between;
        gap: 6px;
        padding: 15px;
        min-height: 0;
        border-radius: 14px;
    }

    .home-page .game-mode h3 {
        margin-bottom: 14px;
        font-size: clamp(15px, 2.6vw, 19px);
        line-height: 1.08;
    }

    .home-page .mode-win,
    .home-page .mode-vip-win,
    .home-page .mode-till {
        font-size: 14px;
        line-height: 1.18;
    }

    .home-page .mode-vip-win {
        padding: 2px 6px;
        font-size: 14px;
    }

    .home-page .game-mode .text-center.text-md-end {
        width: 100%;
        display: flex;
        align-items: end;
        justify-content: space-between;
        margin-top: 0 !important;
    }

    .home-page .mode-icon {
        width: 40px;
        margin-right: 0;
    }

    .home-page .mode-faicon {
        margin-right: 0;
        font-size: 32px;
        line-height: 1;
    }

    .home-page .game-mode .fs-4 {
        margin-top: 0 !important;
        font-size: 16px !important;
        line-height: 1;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .auth-page {
        align-items: stretch;
    }

    .auth-panel {
        padding: 8px 12px;
        justify-content: center;
    }

    .auth-head {
        width: min(680px, 100%);
        gap: 10px;
        padding-bottom: 8px;
    }

    .auth-icon {
        width: 36px;
        height: 36px;
        border-radius: 11px;
        font-size: 16px;
    }

    .auth-head h2 {
        font-size: 18px;
        line-height: 1;
    }

    .auth-head p {
        margin-top: 3px;
        font-size: 14px;
        line-height: 1.18;
    }

    .auth-social-list {
        width: min(680px, 100%);
        max-width: 500px;
        margin-top: 9px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .auth-social,
    .auth-social-primary,
    .auth-telegram-card {
        min-height: 48px;
        padding: 7px 9px;
        gap: 8px;
        border-radius: 10px;
    }

    .auth-social-mark {
        width: 32px;
        height: 32px;
        border-radius: 10px;
        font-size: 15px;
    }

    .auth-social strong,
    .auth-telegram-card strong {
        margin-bottom: 1px;
        font-size: 14px;
    }

    .auth-social small,
    .auth-telegram-card small {
        font-size: 14px;
        line-height: 1.12;
    }

    .auth-legacy {
        width: min(680px, 100%);
        margin-top: 8px;
        padding-top: 8px;
    }

    .auth-legacy-title {
        margin-bottom: 6px;
        font-size: 14px;
    }

    .auth-legacy-link {
        min-height: 32px;
        padding: 6px 8px;
        border-radius: 9px;
        font-size: 14px;
    }

    .auth-legacy-link span {
        width: 21px;
        height: 21px;
        border-radius: 7px;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .store-page {
        align-items: stretch;
        overflow: hidden;
    }

    .store-panel {
        padding: 8px;
        overflow: hidden;
    }

    .buychips-page .store-panel {
        justify-content: flex-start;
    }

    .store-head {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        padding-bottom: 8px;
    }

    .store-title h2 {
        font-size: 18px;
    }

    .store-title p {
        display: none;
    }

    .store-title-icon {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 16px;
    }

    .store-balance {
        min-width: 102px;
        padding: 8px;
        text-align: right;
    }

    .store-balance strong {
        font-size: 14px;
    }

    .buychips-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 8px;
    }

    .buychips-item {
        min-height: 142px;
        padding: 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }

    .buychips-item-buy {
        width: 100%;
        height: 27px;
        font-size: 14px;
    }

    .buychips-item-main {
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }

    .buychips-item-icon {
        width: 27px;
        height: 27px;
        border-radius: 9px;
        font-size: 14px;
    }

    .buychips-item-amount,
    .buychips-item-price {
        font-size: 15px;
    }

    .buychips-item-old-amount {
        font-size: 14px;
    }

    .buychips-item-label {
        font-size: 14px;
    }

    .buychips-item-meta {
        min-height: 0;
        margin-top: auto;
        text-align: center;
    }

    .buychips-item-gift {
        height: 17px;
        margin: 0 0 4px;
        font-size: 14px;
    }

    .store-foot {
        display: none;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .store-page {
        align-items: stretch;
        overflow: hidden;
    }

    .store-panel {
        padding: 6px;
        overflow: hidden;
    }

    .buychips-page .store-panel {
        justify-content: flex-start;
    }

    .store-head {
        padding-bottom: 8px;
        margin-bottom: 8px;
    }

    .store-title-icon {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }

    .store-title h2 {
        font-size: 19px;
    }

    .store-title p,
    .store-foot {
        display: none;
    }

    .buychips-list {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 6px;
        margin-top: 0;
        height: auto;
        align-items: center;
    }

    .buychips-item {
        min-height: 0;
        height: 176px;
        padding: 6px;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .buychips-item::before {
        height: 54px;
    }

    .buychips-item::after {
        display: none;
    }

    .buychips-item-icon {
        width: 34px;
        height: 34px;
        border-radius: 7px;
        font-size: 14px;
        margin: 0;
    }

    .buychips-item-main {
        gap: 4px;
    }

    .buychips-item-amount,
    .buychips-item-price {
        font-size: 16px;
    }

    .buychips-item-old-amount {
        font-size: 14px;
    }

    .buychips-item-label {
        display: none;
        margin-top: 1px;
        font-size: 14px;
    }

    .buychips-item-meta {
        min-height: 0;
    }

    .buychips-item-gift {
        height: 16px;
        margin-bottom: 5px;
        padding: 0 4px;
        font-size: 14px;
    }

    .buychips-item-buy {
        width: 100%;
        height: 29px;
        padding: 0 4px;
        border-radius: 7px;
        font-size: 14px;
    }

    .buychips-item-buy i {
        display: none;
    }

    .store-balance {
        padding: 4px 12px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .header-landscape-lobby-back {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 1001;
        width: 40px;
        height: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #dff6fd;
        background: transparent;
        border: 0;
        font-size: 17px;
        transform: translateY(-50%);
    }

    .header-landscape-lobby-back:hover,
    .header-landscape-lobby-back:focus {
        color: #fff;
    }

    .header-landscape-lobby-back.is-lobby {
        display: none;
    }

    .header-settings-dropdown.header-settings-landscape-replaced {
        display: none !important;
    }

    .buychips-page .chips-shop-back {
        display: none;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .chips-shop-head {
        padding-top: 10px;
        padding-bottom: 12px;
    }

    .chips-shop-back {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #dff6fd;
        background: rgba(85, 210, 255, 0.09);
        border: 1px solid rgba(109, 210, 239, 0.2);
        border-radius: 11px;
        font-size: 15px;
    }

    .chips-shop-back:hover,
    .chips-shop-back:focus {
        color: #fff;
        background: rgba(85, 210, 255, 0.16);
    }

    .chips-shop-heading {
        flex: 1;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .chips-shop {
        padding: 14px 12px;
        gap: 16px;
    }

    .chips-shop-head {
        padding-bottom: 12px;
    }

    .chips-shop-mark {
        width: 38px;
        height: 38px;
        border-radius: 11px;
        font-size: 16px;
    }

    .chips-shop-heading {
        gap: 10px;
    }

    .chips-shop-heading h2 {
        font-size: 21px;
    }

    .chips-shop-heading p,
    .chips-shop-hint {
        display: none;
    }

    .chips-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        align-content: center;
    }

    .chips-package {
        min-height: 151px;
        padding: 11px;
        border-radius: 13px;
    }

    .chips-package-popular {
        right: 10px;
        padding: 4px 6px 5px;
        font-size: 14px;
    }

    .chips-package-top {
        min-height: 31px;
    }

    .chips-package-icon {
        width: 31px;
        height: 31px;
        border-radius: 9px;
        font-size: 14px;
    }

    .chips-package-vip {
        padding: 4px 6px;
        font-size: 14px;
    }

    .chips-package-content {
        margin: 12px 0 10px;
        gap: 5px;
    }

    .chips-package-amount {
        font-size: clamp(24px, 8vw, 31px);
    }

    .chips-package-label {
        font-size: 14px;
    }

    .chips-package-bottom {
        padding-top: 9px;
    }

    .chips-package-price {
        font-size: 15px;
    }

    .chips-package-action {
        font-size: 0;
    }

    .chips-package-action i {
        font-size: 14px;
    }

    .chips-shop-payment {
        padding: 9px 10px;
    }

    .chips-shop-payment-copy strong {
        font-size: 14px;
    }

    .chips-shop-payment-copy span {
        display: none;
    }

    .chips-shop-payment-methods {
        gap: 4px;
    }

    .chips-shop-payment-methods span {
        width: 27px;
        height: 24px;
        font-size: 15px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .buychips-page {
        overflow-x: hidden;
    }

    .buychips-page .chips-shop-head {
        display: none;
    }

    .header-landscape-lobby-back {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 1001;
        width: 40px;
        height: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #dff6fd;
        background: transparent;
        border: 0;
        font-size: 17px;
        transform: translateY(-50%);
    }

    .header-landscape-lobby-back:hover,
    .header-landscape-lobby-back:focus {
        color: #fff;
    }

    .header-landscape-lobby-back.is-lobby {
        display: none;
    }

    .header-settings-dropdown.header-settings-landscape-replaced {
        display: none !important;
    }

    .chips-shop {
        padding: 7px 10px;
        gap: 7px;
    }

    .chips-shop-head {
        min-height: 0;
        padding-top: 3px;
        padding-bottom: 5px;
    }

    .buychips-page .chips-shop-back {
        display: none;
    }

    .chips-shop-mark {
        display: none;
    }

    .chips-shop-heading h2 {
        font-size: 15px;
        line-height: 1;
        margin-bottom: 0;
    }

    .chips-shop-heading p,
    .chips-shop-hint {
        display: none;
    }

    .chips-package-grid {
        width: 100%;
        min-width: 0;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        gap: clamp(3px, 0.8vw, 7px);
        align-content: center;
        margin-inline: auto;
    }

    .chips-package {
        min-width: 0;
        min-height: 0;
        height: clamp(82px, calc((100dvh - 180px) / 2), 118px);
        padding: 5px clamp(6px, 1vw, 10px);
        border-radius: 11px;
    }

    .chips-package-popular {
        right: 4px;
        padding: 3px 5px 4px;
        font-size: 14px;
    }

    .chips-package-offer-badge {
        top: 4px;
        left: 4px;
        padding: 3px 4px;
        font-size: 14px;
        border-radius: 6px;
    }

    .chips-package-top {
        min-height: 18px;
    }

    .chips-package-icon {
        width: 20px;
        height: 20px;
        border-radius: 6px;
        font-size: 14px;
    }

    .chips-package-vip {
        max-width: calc(100% - 28px);
        padding: 3px 4px;
        overflow: hidden;
        font-size: clamp(6px, 0.9vw, 8px);
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .chips-package-content {
        margin: 2px 0;
    }

    .chips-package-amount {
        max-width: 100%;
        overflow: hidden;
        font-size: clamp(14px, 2.35vw, 22px);
        text-overflow: ellipsis;
    }

    .chips-package-label {
        font-size: 14px;
    }

    .chips-package-old-amount {
        top: -7px;
        font-size: 14px;
    }

    .chips-package-bottom {
        width: 100%;
        min-width: 0;
        padding-top: 3px;
        gap: 4px;
    }

    .chips-package-price {
        min-width: 0;
        max-width: calc(100% - 22px);
        padding: 2px 5px;
        overflow: hidden;
        font-size: clamp(10px, 1.45vw, 13px);
        line-height: 1.15;
        text-overflow: ellipsis;
    }

    .chips-package-action {
        flex: 0 0 auto;
        font-size: 0;
    }

    .chips-package-action i {
        width: 18px;
        height: 18px;
        font-size: 14px;
    }

    .chips-shop-payment {
        min-height: 29px;
        padding: 4px 8px;
        border-radius: 9px;
    }

    .chips-shop-payment-copy > i {
        font-size: 14px;
    }

    .chips-shop-payment-copy strong {
        font-size: 14px;
    }

    .chips-shop-payment-copy span {
        display: none;
    }

    .chips-shop-payment-methods span {
        width: 25px;
        height: 20px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .wheel-game-title {
        font-size: 2.2rem;
    }

    .wheel-center {
        width: 75px;
        height: 75px;
        font-size: 0.9rem;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .wheel-wrapper {
        max-width: 260px;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .wheel-info-box {
        display: none !important;
    }

    .wheel-won-bar {
        height: 100%;
        justify-content: center;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {

    .fortune-hero {
        flex-direction: column;
    }

    .fortune-wallet {
        text-align: left;
        width: 100%;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .fortune-panel {
        padding: 8px;
    }

    .fortune-shell {
        gap: 8px;
    }

    .fortune-hero {
        display: none;
    }

    .fortune-wallet {
        display: none;
    }

    .fortune-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .fortune-wheel-card {
        padding: 8px;
        margin-bottom: 10px;
    }

    .fortune-panel .wheel-wrapper {
        width: min(94vw, calc(100svh - 104px));
        max-width: 460px;
    }

    .fortune-panel .wheel-center {
        width: 70px;
        height: 70px;
        font-size: .82rem;
    }

    .fortune-panel .wheel-center span {
        font-size: 14px;
    }

    .fortune-panel .wheel-center i {
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {

    .fortune-shell {
        gap: 0;
    }

    .fortune-hero {
        display: none;
    }

    .fortune-wheel-card {
        padding: 8px;
        min-height: calc(100svh - 82px);
    }

    .fortune-panel .wheel-wrapper {
        width: min(92vw, calc(100svh - 92px), 460px);
        max-width: none;
    }

    .fortune-wallet {
        display: none;
    }

    .fortune-panel .wheel-center {
        width: 60px;
        height: 60px;
        font-size: 0.72rem;
    }

    .fortune-panel .wheel-center span {
        font-size: 14px;
    }

    .fortune-panel .wheel-center i {
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .fortune-page {
        height: 100%;
        overflow: hidden;
    }

    .fortune-page .store-panel,
    .fortune-panel {
        height: 100%;
        min-height: 0;
        padding: 6px 8px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .fortune-hero,
    .fortune-wallet,
    .fortune-rules-card {
        display: none;
    }

    .fortune-grid {
        height: 100%;
        min-height: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(176px, 230px);
        gap: 8px;
        align-items: stretch;
    }

    .fortune-wheel-card {
        min-height: 0;
        padding: 5px;
        margin: 0;
        border-radius: 16px;
    }

    .fortune-panel .wheel-wrapper {
        width: min(calc(100dvh - 68px), 54vw, 390px);
        max-width: none;
    }

    .fortune-panel .wheel-container {
        border-width: 7px;
    }

    .fortune-panel .wheel-pointer {
        top: -2px;
        border-left-width: 16px;
        border-right-width: 16px;
        border-top-width: 30px;
    }

    .fortune-panel .wheel-center {
        width: clamp(58px, 13dvh, 74px);
        height: clamp(58px, 13dvh, 74px);
        font-size: .78rem;
    }

    .fortune-panel .wheel-center span {
        font-size: 14px;
    }

    .fortune-side {
        min-height: 0;
        padding: 6px 0;
        display: flex;
        align-items: center;
        background: transparent;
        border: 0;
    }

    .fortune-status {
        width: 100%;
        padding: 12px;
        border-radius: 14px;
    }

    .fortune-status-icon {
        width: 38px;
        height: 38px;
        border-radius: 11px;
        font-size: 16px;
    }

    .fortune-status strong {
        font-size: 14px;
        line-height: 1.25;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .tournament-title {
        font-size: 2.3rem;
    }

    .tournament-prize {
        font-size: 1.6rem;
    }

    .tournament-player {
        flex-direction: column;
        gap: 14px;
        align-items: flex-start;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .tournament-scroll {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 16px;
    }

    .tournament-scroll::-webkit-scrollbar {
        display: none;
    }

    .tournament-row {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content;
        margin: 0;
        gap: 16px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .tournament-row > div {
        width: 320px;
        flex: 0 0 auto;
        scroll-snap-align: center;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .tournament-head {
        display: none;
    }

    .tournament-name {
        font-size: 1rem;
        margin: 10px 0;
    }

    .tournament-prize,
    .tournament-time-box,
    .tournament-status {
        display: none;
    }

    .tournament-time-box {
        margin-bottom: 5px;
    }

    .tournament-info {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .tournament-card-header {
        padding: 8px 20px;
    }

    .tournament-join-btn {
        margin-top: 16px;
    }

    .tournament-join-btn {
        padding: 10px 20px;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .trnsingle-main-layout {
        display: inline;
    }

    .trnsingle-games-grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 6px;
    }

    .trnsingle-games-grid::-webkit-scrollbar {
        display: none;
    }

    .trnsingle-game-card {
        min-width: 270px;
        flex: 0 0 auto;
        scroll-snap-align: center;
    }

    .trnsingle-info-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .trnsingle-page {
        padding: 0;
    }

    .trnsingle-card {
        height: auto;
        border-radius: 0;
    }

    .trnsingle-header,
    .trnsingle-content {
        padding: 16px;
    }

    .trnsingle-title {
        font-size: 1.6rem;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .privacy-page {
        padding: 10px;
    }

    .privacy-hero {
        min-height: 0;
        margin-bottom: 10px;
        padding: 18px;
        border-radius: 14px;
    }

    .privacy-hero::after {
        display: none;
    }

    .privacy-hero h1 {
        font-size: 28px;
    }

    .privacy-hero p,
    .privacy-summary li,
    .privacy-card li,
    .privacy-card p {
        font-size: 14px;
        line-height: 1.45;
    }

    .privacy-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .privacy-summary {
        position: static;
        padding: 14px;
    }

    .privacy-card {
        padding: 14px;
        border-radius: 12px;
    }

    .privacy-card h2 {
        font-size: 16px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .privacy-page {
        padding: 8px;
    }

    .privacy-hero {
        margin-bottom: 8px;
        padding: 12px 14px;
    }

    .privacy-eyebrow,
    .privacy-updated {
        font-size: 14px;
    }

    .privacy-hero h1 {
        margin-bottom: 5px;
        font-size: 22px;
    }

    .privacy-hero p {
        font-size: 14px;
        line-height: 1.35;
    }

    .privacy-layout {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 8px;
    }

    .privacy-summary,
    .privacy-card {
        padding: 11px;
    }

    .privacy-summary-title,
    .privacy-card h2 {
        margin-bottom: 7px;
        font-size: 14px;
    }

    .privacy-summary li,
    .privacy-card li,
    .privacy-card p {
        font-size: 14px;
        line-height: 1.35;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .rules-page {
        padding: 10px;
        overflow-y: auto;
    }

    .rules-hero {
        min-height: auto;
        padding: 16px;
        border-radius: 14px;
    }

    .rules-hero h1 {
        font-size: 26px;
    }

    .rules-hero p {
        font-size: 14px;
    }

    .rules-layout {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .rules-card {
        padding: 14px;
        border-radius: 12px;
    }

    .rules-card h2 {
        font-size: 16px;
    }

    .rules-card p,
    .rules-card li {
        font-size: 14px;
    }

    .rules-points-grid {
        grid-template-columns: 1fr;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .faq-container {
        height: auto;
        min-height: 100%;
        overflow-y: auto;
    }

    .faq-hero {
        margin-bottom: 6px;
        padding: 12px 14px;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.26);
    }

    .faq-hero::after {
        right: 12px;
        top: -6px;
        font-size: 76px;
    }

    .faq-title {
        margin-bottom: 3px;
        font-size: 1.28rem;
        line-height: 1.05;
    }

    .faq-subtitle {
        max-width: 86%;
        font-size: 0.72rem;
        line-height: 1.35;
    }

    .faq-grid {
        padding: 8px !important;
    }

    .faq-main {
        padding: 10px;
        border-radius: 16px;
    }

    .faq-section-title {
        margin-bottom: 9px;
        font-size: 0.98rem;
    }

    .accordion-item {
        margin-bottom: 8px;
        border-radius: 13px !important;
    }

    .accordion-button {
        padding: 11px 12px;
        font-size: 0.78rem;
        line-height: 1.25;
    }

    .accordion-body {
        padding: 12px 12px;
        font-size: 0.75rem;
        line-height: 1.5;
    }

    .faq-inline-btn,
    .faq-mini-btn {
        margin: 3px 4px;
        padding: 5px 9px;
        border-radius: 8px;
        font-size: 0.72rem;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .faq-container {
        height: auto;
        min-height: 100%;
        overflow-y: auto;
    }

    .faq-hero {
        margin-bottom: 4px;
        padding: 9px 14px;
    }

    .faq-hero::after {
        right: 14px;
        top: -8px;
        font-size: 64px;
    }

    .faq-title {
        margin-bottom: 2px;
        font-size: 1.1rem;
        line-height: 1;
    }

    .faq-subtitle {
        max-width: 72%;
        font-size: 0.68rem;
        line-height: 1.25;
    }

    .faq-grid {
        padding: 6px !important;
    }

    .faq-main {
        padding: 8px;
        border-radius: 14px;
    }

    .faq-section-title {
        margin-bottom: 7px;
        font-size: 0.9rem;
    }

    .accordion-item {
        margin-bottom: 6px;
        border-radius: 11px !important;
    }

    .accordion-button {
        padding: 9px 11px;
        font-size: 0.74rem;
        line-height: 1.2;
    }

    .accordion-body {
        padding: 11px 10px;
        font-size: 0.72rem;
        line-height: 1.45;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .trnsingle-content {
        padding: 15px;
    }

    .trnsingle-header {
        display: none;
    }

    .trnsingle-description,
    .trnsingle-sidebar-title,
    .trnsingle-sidebar-list {
        display: none !important;
    }

    .trnsingle-info-box {
        padding: 10px 15px;
    }

    .trnsingle-info-grid {
        margin-bottom: 10px;
    }

    .trnsingle-main-layout {
        display: flex;
    }

    .trnsingle-games-grid {
        margin: 0;
    }

    .trnsingle-game-center {
        margin: 2px 0;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .tournament-page {
        height: 100%;
        padding: 6px 8px;
        overflow: hidden;
    }

    .tournament-scroll {
        height: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 0;
    }

    .tournament-row {
        height: 100%;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 0;
    }

    .tournament-row > div {
        width: clamp(214px, 28vw, 252px);
        height: clamp(220px, 78dvh, 292px);
    }

    .tournament-card {
        max-height: 292px;
        border-radius: 16px;
    }

    .tournament-card-header {
        padding: 9px 10px;
    }

    .tournament-name {
        margin-bottom: 4px;
        font-size: 0.96rem;
        line-height: 1.1;
    }

    .tournament-body {
        height: auto;
        padding: 8px 10px 10px;
    }

    .tournament-info {
        margin-bottom: 6px;
        padding-bottom: 6px;
    }

    .tournament-info-label,
    .tournament-info-value {
        font-size: 0.7rem;
    }

    .tournament-join-btn {
        margin-top: auto;
        padding: 9px 10px;
        border-radius: 12px;
        font-size: 0.78rem;
    }

    .trnsingle-page,
    .trnsingle-card {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }

    .trnsingle-page {
        height: 100%;
        display: flex;
        align-items: center;
        background: rgba(255, 255, 255, 0.06);
        backdrop-filter: blur(12px);
    }

    .trnsingle-card {
        height: auto;
        max-height: calc(100% - 12px);
        background: transparent;
        backdrop-filter: none;
    }

    .trnsingle-content {
        height: auto;
        min-height: 0;
        box-sizing: border-box;
        padding: 8px;
        display: grid;
        grid-template-rows: auto auto;
        gap: 8px;
        overflow: hidden;
    }

    .trnsingle-info-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
        margin-bottom: 0;
        min-width: 0;
    }

    .trnsingle-info-box {
        padding: 6px 8px;
        border-radius: 10px;
    }

    .trnsingle-info-label {
        margin-bottom: 2px;
        font-size: 0.55rem;
        letter-spacing: 0.3px;
    }

    .trnsingle-info-value {
        font-size: 0.76rem;
        line-height: 1.1;
    }

    .trnsingle-main-layout {
        width: 100%;
        min-width: 0;
        min-height: 0;
        height: clamp(190px, 54dvh, 260px);
        max-height: none;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 210px;
        align-items: stretch;
        gap: 8px;
    }

    .trnsingle-main-layout > div:first-child {
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
    }

    .trnsingle-games-grid {
        width: 100%;
        min-width: 0;
        height: 100%;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-items: stretch;
        gap: 7px;
        overflow: hidden;
        padding-bottom: 0;
    }

    .trnsingle-game-card {
        height: 100%;
        max-height: none;
        min-width: 0;
        padding: 10px;
        border-radius: 13px;
    }

    .trnsingle-game-badge {
        width: 28px;
        height: 28px;
        border-radius: 9px;
        font-size: 0.75rem;
    }

    .trnsingle-game-score {
        padding: 4px 6px;
        font-size: 0.62rem;
    }

    .trnsingle-game-center {
        margin: auto 0 8px;
    }

    .trnsingle-game-state {
        margin-bottom: 2px;
        font-size: 0.52rem;
    }

    .trnsingle-game-title {
        margin-bottom: 0;
        font-size: 0.88rem;
    }

    .trnsingle-game-btn,
    .trnsingle-btn {
        height: 30px;
        min-height: 30px;
        padding: 5px;
        border-radius: 9px;
        font-size: 0.66rem;
    }

    .trnsingle-sidebar-box {
        width: 100%;
        height: 100%;
        min-height: 0;
        max-height: none;
        box-sizing: border-box;
        padding: 9px;
        border-radius: 13px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .trnsingle-sidebar-meta {
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
        margin-top: 0;
        margin-bottom: 8px;
    }

    .trnsingle-sidebar-meta > div {
        padding: 6px 7px;
        border-radius: 9px;
    }

    .trnsingle-sidebar-meta > div:nth-child(2) {
        display: none;
    }

    .trnsingle-sidebar-box .trnsingle-btn {
        margin-top: 7px !important;
        margin-bottom: 0 !important;
    }

    .trnsingle-sidebar-box .trnsingle-btn:first-of-type {
        margin-top: auto !important;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .tournament-page {
        padding: 7px 9px;
    }

    .tournament-scroll {
        max-width: 860px;
        height: 100%;
    }

    .tournament-row {
        height: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        align-items: center;
    }

    .tournament-col,
    .tournament-row > div {
        width: auto;
        height: min(100%, 294px);
    }

    .tournament-card {
        height: 100%;
        max-height: none;
    }

    .tournament-prize,
    .tournament-time-box,
    .tournament-status {
        display: block;
    }

    .tournament-time-box {
        margin-bottom: 7px;
        padding: 6px 8px;
    }

    .trnsingle-card {
        height: 100%;
        max-height: none;
    }

    .trnsingle-content {
        height: 100%;
        padding: 8px;
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
    }

    .trnsingle-main-layout {
        height: auto;
        grid-template-columns: minmax(0, 1fr) 220px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .tournament-page {
        padding: 6px 8px;
    }

    .tournament-scroll {
        width: 100%;
        max-width: none;
        height: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 2px 2px;
    }

    .tournament-row {
        width: max-content;
        height: 100%;
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 9px;
    }

    .tournament-col,
    .tournament-row > div {
        flex: 0 0 224px;
        width: 224px;
        height: min(286px, calc(100dvh - 64px));
    }

    .tournament-card {
        height: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 14px;
    }

    .tournament-card-header {
        display: block;
        padding: 9px 10px 7px;
    }

    .tournament-status {
        width: fit-content;
        max-width: 100%;
        margin-bottom: 7px;
        padding: 4px 8px;
        white-space: nowrap;
        font-size: 0.62rem;
    }

    .tournament-name {
        margin-bottom: 3px;
        font-size: 0.9rem;
    }

    .tournament-prize {
        font-size: 0.9rem;
    }

    .tournament-body {
        flex: 1;
        min-height: 0;
        padding: 7px 10px 9px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        align-content: stretch;
    }

    .tournament-time-box,
    .tournament-info {
        min-width: 0;
        margin: 0;
        padding: 6px 7px;
        border-radius: 9px;
        background: rgba(255, 255, 255, 0.045);
        border: 1px solid rgba(255, 255, 255, 0.075);
        overflow: hidden;
    }

    .tournament-time-box {
        grid-column: 1 / -1;
    }

    .tournament-time-label,
    .tournament-info-label {
        display: block;
        margin-bottom: 2px;
        font-size: 0.54rem;
        line-height: 1;
    }

    .tournament-time-value {
        font-size: 0.86rem;
        line-height: 1.08;
    }

    .tournament-info-value {
        display: block;
        min-width: 0;
        text-align: right;
        font-size: 0.66rem;
        line-height: 1.12;
        overflow-wrap: anywhere;
    }

    .tournament-info:last-of-type {
        grid-column: 1 / -1;
    }

    .tournament-join-btn {
        grid-column: 1 / -1;
        min-height: 34px;
        border-radius: 10px;
        font-size: 0.72rem;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .blot-socket-notice {
        top: 10px;
        min-height: 46px;
        padding: 8px 12px;
    }

    .blot-socket-notice-title {
        font-size: 14px;
    }

    .blot-socket-notice-text {
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .game-leave-modal .modal-dialog {
        max-width: min(360px, calc(100vw - 24px));
        margin-left: auto;
        margin-right: auto;
    }

    .game-leave-modal .modal-content {
        border-radius: 17px;
    }

    .game-leave-modal .modal-header,
    .game-leave-modal .modal-footer {
        padding: 12px 14px;
    }

    .game-leave-modal .modal-title {
        font-size: 16px;
        line-height: 1.2;
    }

    .game-leave-modal .modal-body {
        padding: 14px;
        font-size: 14px;
        line-height: 1.35;
    }

    .game-leave-modal .btn {
        min-width: 82px;
        height: 38px;
        padding: 0 14px;
        border-radius: 11px;
        font-size: 14px;
        line-height: 1;
    }

    .game-leave-modal .btn-close {
        width: 0.75em;
        height: 0.75em;
        padding: 0.45em;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .game-leave-modal .modal-dialog {
        max-width: min(330px, calc(100vw - 28px));
    }

    .game-leave-modal .modal-title {
        font-size: 15px;
    }

    .game-leave-modal .modal-body {
        padding: 11px 12px;
        font-size: 14px;
    }

    .game-leave-modal .btn {
        height: 34px;
        min-width: 74px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .friend-table-modal .modal-dialog {
        width: min(350px, calc(100vw - 24px));
        margin: 8px auto;
    }

    .friend-table-modal .modal-content {
        padding: 12px;
        border-radius: 15px;
    }

    .friend-table-head {
        gap: 9px;
    }

    .friend-table-icon {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 15px;
    }

    .friend-table-head .modal-title {
        font-size: 15px;
    }

    .friend-table-subtitle,
    .friend-table-label,
    .friend-table-state,
    .friend-table-join label {
        font-size: 14px;
    }

    .friend-table-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        margin-top: 10px;
    }

    .friend-table-action {
        min-height: 54px;
        flex-direction: row;
        gap: 7px;
        padding: 7px;
        border-radius: 11px;
        font-size: 14px;
        line-height: 1.15;
    }

    .friend-table-code-wrap,
    .friend-table-join {
        margin-top: 9px;
        padding: 9px;
        border-radius: 11px;
    }

    .friend-table-code {
        margin-top: 4px;
        font-size: 30px;
        letter-spacing: 6px;
    }

    .friend-table-input-row {
        gap: 6px;
        margin-top: 6px;
    }

    .friend-table-input-row input {
        height: 36px;
        border-radius: 10px;
        font-size: 17px;
    }

    .friend-table-input-row button {
        width: 52px;
        border-radius: 10px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .friend-table-modal .modal-dialog {
        width: min(380px, calc(100vw - 40px));
    }

    .friend-table-action {
        min-height: 48px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {

    .game-debug-panel {
        top: 8px;
        right: 6px;
        gap: 3px;
        opacity: 0.3;
    }

    .game-debug-toggle,
    .game-debug-panel .btn {
        height: 20px;
        padding: 0 5px;
        font-size: 14px;
    }

}

@media(hover: none) and (pointer: coarse) and (min-width: 520px) {

    .blot-chat {
        right: 12px;
        bottom: 100px;
    }

    .blot-chat-toggle {
        width: 45px;
        height: 45px;
        border-radius: 14px;
        font-size: 24px;
    }

    .blot-chat-menu {
        width: min(310px, calc(100vw - 24px));
        bottom: 56px;
        padding: 10px;
        border-radius: 18px;
    }

    .blot-chat-title {
        margin-bottom: 8px;
        font-size: 14px;
    }

    .blot-chat-section:not(:last-child) {
        margin-bottom: 10px;
    }

    .blot-chat-emojis {
        gap: 6px;
    }

    .blot-chat-emoji {
        height: 40px;
        border-radius: 12px;
        font-size: 21px;
    }

    .blot-chat-messages {
        gap: 6px;
    }

    .blot-chat-message {
        min-height: 34px;
        padding: 6px 8px;
        border-radius: 11px;
        font-size: 14px;
        line-height: 1.15;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .header-buychips-link {
        margin-inline: .5rem !important;
        padding-inline: 1rem !important;
    }

    .header-buychips-compact-icon {
        display: none !important;
    }

    .header-buychips-full {
        display: inline-block !important;
    }

    .blot-chat {
        right: 14px;
        bottom: 12px;
    }

    .blot-chat-toggle {
        width: 45px;
        height: 45px;
        border-radius: 14px;
        font-size: 24px;
    }

    .blot-chat-menu {
        right: 12px;
        bottom: 52px;
        width: min(340px, calc(100vw - 72px));
        padding: 10px;
        border-radius: 18px;
    }

    .blot-chat-menu.blot-chat-menu-show {
        transform: translateY(0) scale(1);
    }

    .blot-chat-title {
        margin-bottom: 7px;
        font-size: 14px;
    }

    .blot-chat-section:not(:last-child) {
        margin-bottom: 9px;
    }

    .blot-chat-emojis {
        grid-template-columns: repeat(6, 1fr);
        gap: 6px;
    }

    .blot-chat-emoji {
        height: 38px;
        border-radius: 11px;
        font-size: 20px;
    }

    .blot-chat-messages {
        gap: 6px;
    }

    .blot-chat-message {
        min-height: 32px;
        padding: 5px 7px;
        border-radius: 10px;
        font-size: 14px;
        line-height: 1.12;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .blot-levelup.blot-levelup-level-reward,
    .blot-levelup.blot-levelup-rating-reward {
        width: min(350px, calc(100vw - 22px));
        padding: 20px 17px 17px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .blot-levelup.blot-levelup-level-reward,
    .blot-levelup.blot-levelup-rating-reward {
        width: min(580px, calc(100vw - 28px));
        max-width: 580px;
        padding: 12px 18px;
    }

    .blot-levelup-level-reward .blot-levelup-icon,
    .blot-levelup-rating-reward .blot-levelup-icon {
        width: 62px;
        height: 62px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .blot-levelup.blot-levelup-tournament {
        width: min(360px, calc(100vw - 22px));
        padding: 21px 17px 17px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .blot-levelup.blot-levelup-tournament {
        width: min(600px, calc(100vw - 28px));
        max-width: 600px;
        padding: 12px 18px;
        display: none;
        grid-template-columns: 76px minmax(0, 1fr) minmax(180px, .75fr);
        grid-template-rows: auto auto auto;
        column-gap: 18px;
        text-align: left;
    }

    .blot-levelup.blot-levelup-tournament.blot-levelup-show {
        display: grid;
    }

    .blot-levelup-tournament .blot-levelup-icon {
        grid-column: 1;
        grid-row: 1 / 4;
        align-self: center;
        width: 70px;
        height: 70px;
        margin: 0;
    }

    .blot-levelup-tournament .blot-levelup-title,
    .blot-levelup-tournament .blot-levelup-level {
        grid-column: 2;
    }

    .blot-levelup-tournament .blot-levelup-title {
        align-self: end;
        font-size: 22px;
    }

    .blot-levelup-tournament .blot-levelup-level {
        align-self: start;
        margin: 3px 0 0;
    }

    .blot-levelup-tournament .blot-levelup-reward {
        grid-column: 3;
        grid-row: 1 / 3;
        align-self: center;
        margin: 0;
        text-align: center;
    }

    .blot-levelup-tournament .blot-levelup-button {
        grid-column: 2 / 4;
        grid-row: 3;
        height: 40px;
        margin-top: 8px;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .blot-levelup {
        max-width: 520px;
        padding: 14px;
    }

    .blot-levelup-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 8px;
    }

    .blot-levelup-icon span {
        font-size: 28px;
    }

    .blot-levelup-title {
        font-size: 20px;
        margin-bottom: 2px;
    }

    .blot-levelup-level {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .blot-levelup-level span {
        font-size: 15px;
    }

    .blot-levelup-reward {
        padding: 10px;
        margin-bottom: 10px;
    }

    .blot-levelup-reward-value {
        font-size: 22px;
    }

    .blot-levelup-button {
        height: 42px;
        font-size: 14px;
    }

}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .home-page .lobby > .chips-offer-banner {
        margin-right: 6px;
        margin-left: 6px;
    }

    .chips-offer-banner {
        min-height: 76px;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 8px 10px;
        padding: 10px 12px;
        border-radius: 15px;
    }

    .chips-offer-icon {
        width: 42px;
        height: 42px;
        grid-row: 1 / 3;
    }

    .chips-offer-copy strong {
        font-size: 14px;
    }

    .chips-offer-copy small {
        font-size: 14px;
        line-height: 1.15;
    }

    .chips-offer-value {
        grid-row: 1 / 3;
        grid-column: 3;
        padding: 7px 8px;
        font-size: 17px;
    }

    .chips-offer-timer {
        grid-column: 2;
        font-size: 14px;
    }

    .chips-offer-arrow {
        display: none;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .home-page .lobby > .chips-offer-banner {
        display: none;
    }

    .lobby-quick-shop-offer {
        border-color: rgba(255, 215, 91, 0.68);
        background:
            radial-gradient(circle at 12% 0%, rgba(255, 218, 90, 0.2), transparent 48%),
            linear-gradient(145deg, rgba(77, 46, 15, 0.88), rgba(20, 35, 40, 0.96));
        box-shadow: 0 0 0 1px rgba(255, 207, 68, 0.14), 0 8px 20px rgba(0, 0, 0, 0.28);
    }

    .lobby-quick-shop-offer .lobby-quick-icon {
        color: #452c09;
        background: linear-gradient(145deg, #ffe58a, #f5b936);
    }

    .lobby-shop-offer-copy {
        display: flex;
        gap: 5px;
        font-size: 14px !important;
    }

    .lobby-quick-shop-offer .lobby-shop-default-copy {
        display: none;
    }

    .lobby-shop-offer-copy b {
        font-size: 14px;
    }

    .chips-package-offer-badge {
        top: 4px;
        right: auto;
        left: 7px;
        padding: 3px 5px;
        font-size: 14px;
        border-radius: 6px;
    }

    .chips-package:has(.chips-package-offer-badge) .chips-package-popular {
        right: 4px;
        left: auto;
    }

    .chips-package:has(.chips-package-offer-badge) .chips-package-icon {
        visibility: hidden;
    }

    .chips-package-popular {
        padding: 3px 6px 4px;
        font-size: 14px;
    }

    .chips-package-vip {
        padding: 3px 6px;
        font-size: clamp(8px, 1.15vw, 10px);
    }

    .chips-package-content {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: end;
        justify-content: start;
        column-gap: 5px;
        row-gap: 1px;
        margin: 3px 0 2px;
    }

    .chips-package-old-amount {
        position: static;
        grid-column: 1 / -1;
        grid-row: 1;
        font-size: 14px;
        line-height: 1;
    }

    .chips-package-amount {
        grid-column: 1;
        grid-row: 2;
        font-size: clamp(20px, 3vw, 27px);
        line-height: 0.95;
    }

    .chips-package-label {
        grid-column: 2;
        grid-row: 2;
        padding-bottom: 2px;
        font-size: clamp(8px, 1vw, 10px);
    }

    .chips-package-price {
        padding: 3px 7px;
        font-size: clamp(12px, 1.7vw, 15px);
    }

    .chips-offer-banner {
        min-height: 48px;
        margin-bottom: 7px;
        padding: 6px 10px;
    }

    .chips-offer-icon {
        width: 34px;
        height: 34px;
        font-size: 15px;
    }

    .chips-offer-copy strong {
        font-size: 14px;
    }

    .chips-offer-copy small {
        display: none;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .blot-pwa-install {
        bottom: calc(10px + env(safe-area-inset-bottom));
        width: min(520px, calc(100vw - 18px));
        gap: 12px;
        padding: 14px;
        border-radius: 18px;
    }

    .blot-pwa-install-icon {
        width: 46px;
        height: 46px;
        border-radius: 14px;
        font-size: 20px;
    }

    .blot-pwa-install-copy strong {
        font-size: 16px;
    }

    .blot-pwa-install-copy span {
        font-size: 14px;
    }

    .blot-pwa-install-action {
        min-height: 44px;
        padding: 0 17px;
        border-radius: 12px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .blot-pwa-install {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .blot-pwa-install-action {
        width: 100%;
        grid-column: 1 / -1;
        min-height: 48px;
        font-size: 16px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .tournament-page {
        --tournament-mobile-gap: 10px;
        --tournament-mobile-card-width: calc((100vw - 36px) / 3);
        height: 100%;
        padding: 7px 8px;
        gap: 6px;
        overflow: hidden;
    }

    .tournament-head {
        display: none;
    }

    .tournament-head::before {
        width: 32px;
        height: 32px;
        border-radius: 9px;
        font-size: 14px;
    }

    .tournament-title {
        font-size: 17px;
    }

    .tournament-subtitle {
        display: none;
    }

    .tournament-scroll {
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 0;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .tournament-scroll::-webkit-scrollbar {
        display: none;
    }

    .tournament-row {
        width: max-content;
        min-width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: var(--tournament-mobile-gap);
        padding-inline: 0;
    }

    .tournament-row > div,
    .tournament-col {
        width: var(--tournament-mobile-card-width);
        height: calc(100% - 16px);
        min-height: 0;
        flex: 0 0 var(--tournament-mobile-card-width);
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .tournament-card {
        height: 100%;
        min-height: 0;
        max-height: none;
        border-radius: 14px;
    }

    .tournament-card:hover {
        transform: none;
    }

    .tournament-card-header {
        padding: 9px 11px 8px;
    }

    .tournament-status {
        margin-bottom: 6px;
        padding: 4px 7px;
        font-size: 14px;
    }

    .tournament-name {
        margin-bottom: 3px;
        font-size: 15px;
    }

    .tournament-prize {
        font-size: 16px;
    }

    .tournament-body {
        min-height: 0;
        flex: 1 1 auto;
        padding: 7px 11px 9px;
    }

    .tournament-time-box {
        margin-bottom: 5px;
        padding: 6px 8px;
    }

    .tournament-time-label {
        font-size: 14px;
    }

    .tournament-time-value {
        font-size: 15px;
    }

    .tournament-info {
        min-height: 28px;
        flex: 1 1 0;
        padding: 6px 8px;
    }

    .tournament-info-label,
    .tournament-info-value {
        font-size: 14px;
    }

    .tournament-join-btn {
        min-height: 38px;
        padding: 7px 9px;
        border-radius: 10px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .tournament-page {
        --tournament-mobile-card-width: clamp(330px, 43vw, 400px);
        --tournament-mobile-gap: clamp(16px, 2.5vw, 22px);
        padding: 7px clamp(18px, 3vw, 28px) clamp(18px, 4vh, 24px);
    }

    .tournament-row > div,
    .tournament-col {
        height: calc(100% - 8px);
        margin-top: 0;
    }

    .tournament-list-card {
        height: 100%;
        min-height: 0;
        padding: clamp(11px, 2.8vh, 15px);
        gap: clamp(9px, 2.2vh, 13px);
    }

    .tournament-list-icon {
        width: clamp(54px, 15vh, 68px);
        height: clamp(54px, 15vh, 68px);
        border-radius: 17px;
        font-size: clamp(23px, 6.5vh, 30px);
    }

    .tournament-list-card .tournament-name {
        margin-bottom: 4px;
        font-size: clamp(17px, 4.8vh, 21px);
    }

    .tournament-list-card .tournament-prize {
        font-size: clamp(17px, 4.6vh, 21px);
    }

    .tournament-list-time strong {
        font-size: clamp(12px, 3.5vh, 15px);
    }

    .tournament-list-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }

    .tournament-list-stat {
        min-height: clamp(52px, 13.5vh, 62px);
        padding: 6px 8px;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        justify-content: center;
        column-gap: 11px;
        row-gap: 5px;
        text-align: center;
    }

    .tournament-list-stat i {
        font-size: 17px;
    }

    .tournament-list-stat > span {
        font-size: 14px;
        line-height: 1.15;
        text-align: center;
    }

    .tournament-list-stat > strong {
        grid-column: 1 / -1;
        width: 100%;
        font-size: 14px;
        line-height: 1;
        text-align: center;
    }

    .tournament-list-hint {
        display: none;
    }

    .tournament-list-card .tournament-join-btn {
        min-height: clamp(42px, 11vh, 50px);
        font-size: clamp(13px, 3.7vh, 16px);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .trnsingle-page {
        height: 100%;
        padding: 6px 8px;
    }

    .trnsingle-card {
        height: 100%;
        max-height: none;
        border-radius: 14px;
    }

    .trnsingle-header {
        display: none;
    }

    .trnsingle-content {
        height: 100%;
        padding: 8px;
        gap: 7px;
        overflow: hidden;
    }

    .trnsingle-info-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
    }

    .trnsingle-info-box {
        padding: 7px 8px;
        border-radius: 9px;
    }

    .trnsingle-info-label {
        margin-bottom: 2px;
        font-size: 14px;
    }

    .trnsingle-info-value {
        font-size: 14px;
    }

    .trnsingle-main-layout {
        height: auto;
        min-height: 0;
        grid-template-columns: minmax(0, 1fr) clamp(170px, 22vw, 210px);
        gap: 7px;
    }

    .trnsingle-games-grid {
        width: 100%;
        height: 100%;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: minmax(0, 1fr);
        gap: 7px;
        overflow: visible;
        padding: 0;
    }

    .trnsingle-game-card {
        min-width: 0;
        height: 100%;
        padding: clamp(7px, 2vh, 10px);
        border-radius: 11px;
    }

    .trnsingle-game-card:hover {
        transform: none;
    }

    .trnsingle-game-badge {
        width: 29px;
        height: 29px;
        flex-basis: 29px;
        border-radius: 8px;
        font-size: 14px;
    }

    .trnsingle-game-score {
        padding: 4px 6px;
        font-size: 14px;
    }

    .trnsingle-game-center {
        margin: 5px 0;
    }

    .trnsingle-game-state {
        font-size: 14px;
    }

    .trnsingle-game-title {
        font-size: 14px;
    }

    .trnsingle-game-btn,
    .trnsingle-btn {
        min-height: 32px;
        padding: 6px;
        border-radius: 9px;
        font-size: 14px;
    }

    .trnsingle-sidebar-box {
        min-height: 0;
        padding: 8px;
        border-radius: 10px;
    }

    .trnsingle-sidebar-meta {
        gap: 5px;
        margin-top: 0;
    }

    .trnsingle-sidebar-meta > div {
        min-height: 31px;
        padding: 5px 7px;
    }

    .trnsingle-sidebar-box .trnsingle-btn {
        margin-top: 5px !important;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .fortune-page .store-panel,
    .fortune-panel {
        height: 100%;
        padding: 6px 0;
        gap: 0;
    }

    .fortune-hero,
    .fortune-wallet,
    .fortune-rules-card {
        display: none;
    }

    .fortune-grid {
        width: calc(100% + 6px);
        height: 100%;
        grid-template-columns: minmax(0, 1fr) minmax(220px, 32vw);
        gap: 8px;
    }

    .fortune-wheel-card {
        min-height: 0;
        padding: 6px;
        margin: 0;
        background: transparent;
        border: 0;
        border-radius: 14px;
        box-shadow: none;
    }

    @supports (width: 1cqh) {
        .fortune-panel .wheel-wrapper {
            width: min(91cqw, 91cqh);
        }
    }

    .fortune-panel .wheel-center {
        width: clamp(58px, 16cqh, 74px);
        height: clamp(58px, 16cqh, 74px);
    }

    .fortune-side {
        min-height: 0;
        margin: 0 6px;
        display: flex;
        align-items: stretch;
        justify-content: center;
    }

    .fortune-status {
        width: 100%;
        padding: 11px;
        transform: translateX(-8px);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .fortune-page {
        padding: 10px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .fortune-page .fortune-panel {
        height: auto;
        min-height: 100%;
        overflow: visible;
    }

    .fortune-stage {
        height: auto;
        min-height: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        gap: 4px;
        padding: 30px clamp(18px, 5vw, 38px);
        overflow: hidden;
    }

    .fortune-content {
        display: contents;
    }

    .fortune-page .fortune-hero {
        grid-row: 1;
        text-align: center;
    }

    .fortune-page .fortune-hero-kicker {
        justify-content: center;
        margin-bottom: 10px;
    }

    .fortune-page .fortune-hero h1,
    .fortune-page .fortune-hero p {
        margin-left: auto;
        margin-right: auto;
    }

    .fortune-page .fortune-hero p {
        margin-top: 12px;
    }

    .fortune-page .fortune-wheel-card {
        grid-row: 2;
        height: min(58vh, 590px);
        min-height: 350px;
        padding: 15px 0;
    }

    .fortune-page .fortune-wheel-card .wheel-wrapper {
        width: min(88cqw, 88cqh, 500px);
    }

    .fortune-page .fortune-status {
        grid-row: 3;
        margin-top: 8px;
    }

    .fortune-page .fortune-rules-card {
        grid-row: 4;
        margin-top: 12px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .fortune-page {
        padding: 5px;
        overflow: hidden;
    }

    .fortune-stage {
        height: 100%;
        min-height: 0;
        grid-template-columns: minmax(230px, 0.7fr) minmax(340px, 1.3fr);
        grid-template-rows: 1fr;
        gap: 8px;
        padding: 14px 22px;
        border-radius: 19px;
    }

    .fortune-content {
        display: flex;
    }

    .fortune-page .fortune-hero {
        grid-row: auto;
        text-align: left;
    }

    .fortune-page .fortune-hero-kicker {
        justify-content: flex-start;
        margin-bottom: 7px;
    }

    .fortune-page .fortune-hero h1 {
        margin: 0;
        font-size: clamp(24px, 5.7vh, 36px);
    }

    .fortune-page .fortune-hero p {
        display: none;
    }

    .fortune-page .fortune-rules-card {
        display: block;
        margin-top: 10px;
    }

    .fortune-page .fortune-rules-card .fortune-section-title {
        margin-bottom: 6px;
        font-size: 14px;
    }

    .fortune-page .fortune-rules {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px;
    }

    .fortune-page .fortune-rules > div {
        min-height: 52px;
        padding: 7px;
        gap: 5px;
        font-size: 14px;
    }

    .fortune-page .fortune-rules i {
        font-size: 14px;
    }

    .fortune-page .fortune-status {
        margin-top: 10px;
        padding: 11px 12px;
        transform: none;
    }

    .fortune-page .fortune-wheel-card {
        grid-row: auto;
        height: 100%;
        min-height: 0;
        padding: 6px;
    }

    .fortune-page .fortune-wheel-card .wheel-wrapper {
        width: min(94cqw, 94cqh);
    }

    .fortune-page .fortune-wheel-aura {
        width: min(102cqw, 102cqh);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .footer-page-shell {
        grid-template-columns: minmax(0, 1fr);
    }

    .footer-pages-nav {
        padding: 8px;
        border-right: 0;
        border-bottom: 1px solid rgba(123, 202, 226, 0.14);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14);
    }

    .footer-pages-nav-list {
        position: static;
        display: flex;
        gap: 6px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .footer-pages-nav-list::-webkit-scrollbar {
        display: none;
    }

    .footer-pages-nav-link {
        min-height: 38px;
        flex: 0 0 auto;
        padding: 7px 10px;
        white-space: nowrap;
    }

    .footer-pages-nav-link:hover,
    .footer-pages-nav-link.active {
        transform: none;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .lobby-dashboard {
        display: block;
        margin-bottom: 14px;
        padding: 0;
    }

    .lobby-dashboard-head {
        margin-bottom: 7px;
    }

    .lobby-dashboard h2 {
        max-width: none;
    }

    .lobby-dashboard-grid {
        display: flex;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .lobby-dashboard-grid::-webkit-scrollbar {
        display: none;
    }

    .lobby-stat-card {
        flex: 0 0 155px;
    }

    .lobby-stat-wins {
        order: 1;
    }

    .lobby-stat-recent {
        order: 2;
    }

    .lobby-stat-reward {
        order: 3;
    }

    .lobby-tournament-strip {
        flex-wrap: wrap;
        margin-top: 7px;
    }

    .lobby-tournament-copy {
        flex-basis: calc(100% - 58px);
    }

    .lobby-tournament-time {
        flex: 1;
        text-align: left;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .home-page .lobby {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .lobby-dashboard {
        display: grid;
        grid-template-columns: minmax(0, 0.72fr) minmax(0, 0.92fr) minmax(0, 1fr) minmax(0, 1.65fr);
        grid-template-rows: 44px;
        gap: 5px;
        padding: 0;
        flex: 0 0 44px;
        margin-bottom: 4px;
    }

    .home-page .lobby > .row {
        flex: 1 1 auto;
        min-height: 0;
        height: auto;
    }

    .lobby-dashboard-head {
        display: flex;
    }

    .lobby-dashboard-grid {
        display: contents;
        overflow: visible;
    }

    .lobby-stat-card {
        min-width: 0;
        min-height: 44px;
        padding: 4px 6px;
    }

    .lobby-stat-wins {
        grid-column: 1;
        grid-row: 1;
    }

    .lobby-stat-recent {
        grid-column: 2;
        grid-row: 1;
    }

    .lobby-stat-reward {
        grid-column: 3;
        grid-row: 1;
    }

    .lobby-stat-card > i {
        width: 26px;
        height: 26px;
        font-size: 14px;
    }

    .lobby-stat-card span,
    .lobby-tournament-copy > span,
    .lobby-tournament-time span {
        font-size: 14px;
    }

    .lobby-stat-card strong,
    .lobby-tournament-copy strong,
    .lobby-tournament-time strong {
        font-size: 14px;
    }

    .lobby-stat-card small,
    .lobby-tournament-copy small {
        font-size: 14px;
    }

    .lobby-tournament-strip {
        grid-column: 4;
        grid-row: 1;
        align-self: stretch;
        flex-wrap: nowrap;
        margin: 0;
        min-height: 44px;
        padding: 4px 6px;
    }

    .lobby-tournament-copy {
        flex-basis: auto;
        gap: 1px;
    }

    .lobby-tournament-copy small {
        display: none;
    }

    .lobby-tournament-icon {
        flex-basis: 26px;
        width: 26px;
        height: 26px;
        font-size: 14px;
    }

    .lobby-tournament-time {
        min-width: 66px;
    }

    .lobby-tournament-btn {
        min-height: 28px;
        padding: 4px 6px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .home-page {
        height: 100%;
        min-height: 0;
        justify-content: center !important;
        overflow-y: auto;
        padding: 8px 6px !important;
    }

    .home-page .lobby {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: auto;
        min-height: min-content;
        max-height: none;
    }

    .home-page .lobby > .row {
        flex: 0 0 auto;
        height: auto;
        align-content: initial;
        row-gap: 7px;
    }

    .lobby-dashboard {
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        grid-template-rows: 52px 52px 60px;
        gap: 7px;
        flex: 0 0 auto;
        margin: 10px 6px 12px;
    }

    .lobby-dashboard-grid {
        display: contents;
        overflow: visible;
    }

    .lobby-stat-wins {
        grid-column: 1;
        grid-row: 1;
    }

    .lobby-stat-recent {
        grid-column: 1;
        grid-row: 2;
    }

    .lobby-stat-reward {
        grid-column: 2;
        grid-row: 1 / 3;
    }

    .lobby-stat-card {
        min-height: 0;
        padding: 5px 8px;
        border-radius: 9px;
    }

    .lobby-stat-card > i {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .lobby-stat-card span,
    .lobby-tournament-copy > span,
    .lobby-tournament-time span {
        font-size: 14px;
    }

    .lobby-stat-card strong,
    .lobby-tournament-copy strong,
    .lobby-tournament-time strong {
        font-size: 15px;
    }

    .lobby-stat-card small,
    .lobby-tournament-copy small {
        font-size: 14px;
    }

    .lobby-recent-results {
        gap: 3px;
        margin-top: 1px;
    }

    .lobby-recent-results b {
        width: 19px;
        height: 19px;
        border-radius: 5px;
        font-size: 14px;
    }

    .lobby-tournament-strip {
        grid-column: 1 / 3;
        grid-row: 3;
        min-height: 0;
        flex-wrap: nowrap;
        gap: 6px;
        margin: 0;
        padding: 6px 8px;
        border-radius: 9px;
    }

    .lobby-tournament-icon {
        flex-basis: 35px;
        width: 35px;
        height: 35px;
        border-radius: 7px;
        font-size: 16px;
    }

    .lobby-tournament-copy {
        display: block;
        flex: 1;
        flex-basis: auto;
    }

    .lobby-tournament-copy small {
        display: none;
    }

    .lobby-tournament-time {
        min-width: 70px;
        flex: 0 0 auto;
        text-align: right;
    }

    .lobby-tournament-btn {
        min-height: 35px;
        flex: 0 0 auto;
        padding: 4px 7px;
        font-size: 14px;
    }

    .home-page .lobby > .row > div {
        height: clamp(118px, 19dvh, 142px);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .lobby .game-mode {
        min-height: 0;
        padding: 13px 12px 11px;
        gap: 9px;
        border-top-width: 3px;
        border-radius: 14px;
    }

    .lobby .game-mode h3 {
        margin-bottom: 5px;
        font-size: clamp(16px, 4.6vw, 19px);
    }

    .lobby .mode-win,
    .lobby .mode-vip-win {
        font-size: 14px;
    }

    .lobby .mode-till {
        font-size: 14px;
    }

    .mode-card-icon {
        width: 36px;
        height: 36px;
        border-radius: 11px;
    }

    .mode-card-icon .mode-icon {
        width: 23px;
    }

    .mode-card-icon .mode-faicon {
        font-size: 18px;
    }

    .mode-card-footer {
        padding-top: 7px;
    }

    .mode-play-label {
        font-size: 14px;
    }

    .lobby .mode-bet {
        font-size: 16px !important;
    }

    .lobby .mode-bet .fa-coins {
        font-size: 14px;
    }

    .mode-card-arrow {
        width: 20px;
        height: 20px;
        margin-left: 6px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .home-page .game-mode {
        padding: 10px 11px 9px;
        gap: 6px;
        border-radius: 12px;
    }

    .home-page .game-mode h3 {
        margin: 0 0 3px;
        font-size: clamp(19px, 3.1vw, 23px);
    }

    .home-page .mode-win,
    .home-page .mode-vip-win,
    .home-page .mode-till,
    .home-page .mode-play-label {
        font-size: 14px;
    }

    .home-page .mode-card-icon {
        width: 31px;
        height: 31px;
        border-radius: 9px;
    }

    .home-page .mode-card-icon .mode-icon {
        width: 20px;
    }

    .home-page .mode-card-icon .mode-faicon {
        font-size: 16px;
    }

    .home-page .mode-card-footer {
        padding-top: 5px;
    }

    .home-page .mode-bet {
        font-size: 21px !important;
    }

    .home-page .mode-bet .fa-coins {
        font-size: 15px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .home-page .lobby {
        overflow: hidden;
    }

    .home-page .lobby > .row {
        --lobby-carousel-card-width: calc((100% - 16px) / 3);
        flex-wrap: nowrap;
        width: 100%;
        align-items: center;
        align-content: normal;
        gap: 8px;
        padding: 24px;
        overflow: auto hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: calc((100% - var(--lobby-carousel-card-width)) / 2 + 24px);
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        visibility: hidden;
    }

    .home-page .lobby > .row.lobby-carousel-ready {
        visibility: visible;
    }

    .home-page .lobby > .row::-webkit-scrollbar {
        display: none;
    }

    .home-page .lobby > .row::before,
    .home-page .lobby > .row::after {
        content: "";
        flex: 0 0 calc((100% - var(--lobby-carousel-card-width)) / 2);
        height: 1px;
    }

    .home-page .lobby > .row > div {
        width: auto;
        height: calc(100% - 2px);
        flex: 0 0 var(--lobby-carousel-card-width);
        padding: 0 !important;
        scroll-snap-align: center;
        scroll-snap-stop: always;
        opacity: 0.58;
        transform: scale(0.9);
        transition: transform 0.18s ease, opacity 0.18s ease;
    }

    .home-page .game-mode {
        height: 100%;
    }

    .home-page .lobby > .row > div.lobby-carousel-active {
        position: relative;
        z-index: 2;
        opacity: 1;
        transform: scale(1.13);
    }

    .home-page .lobby > .row > div.lobby-carousel-active .game-mode {
        border-color: rgba(var(--mode-rgb), 0.86);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4), 0 0 24px rgba(var(--mode-rgb), 0.26);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .lobby-dashboard {
        margin-top: 18px;
        margin-bottom: 5px;
    }

    .home-page .lobby > .row {
        padding-top: 0;
        padding-bottom: 0;
        align-items: center;
        transform: translateY(-10px);
    }

    .home-page .lobby > .row > div {
        height: clamp(112px, calc(100% - 16px), 158px);
    }

    .home-page .lobby > .row > div.lobby-carousel-active {
        transform: scale(1.06);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .lobby-dashboard {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, 82px);
        gap: 7px;
        margin: 18px 6px 2px;
    }

    .home-page .lobby > .row > div {
        height: clamp(128px, 21dvh, 156px);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .lobby-dashboard {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: 62px;
        gap: 6px;
        flex: 0 0 62px;
        margin: 4px 6px 7px;
    }

    .home-page .lobby > .row {
        min-height: 0;
        padding-top: clamp(10px, 2.5dvh, 14px);
        padding-bottom: clamp(8px, 2.5dvh, 14px);
        transform: translateY(-20px);
    }

    .home-page .lobby > .row > div {
        height: min(158px, calc(100% - 2px));
        min-height: 0;
    }

    .home-page .lobby > .row > div.lobby-carousel-active {
        transform: scale(1.04);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) and (max-height: 400px) {
    .lobby-dashboard {
        grid-template-rows: 52px;
        flex-basis: 52px;
        margin-top: 3px;
        margin-bottom: 4px;
    }

    .home-page .lobby > .row {
        padding-top: 7px;
        padding-bottom: 7px;
        transform: translateY(-16px);
    }

    .home-page .game-mode {
        gap: 4px;
        padding: 7px 9px 6px;
        border-radius: 11px;
    }

    .home-page .lobby > .row > div.lobby-carousel-active {
        transform: scale(1.02);
    }

    .home-page .game-mode h3 {
        margin-bottom: 2px;
        font-size: clamp(13px, 2.6vw, 17px);
    }

    .home-page .mode-win,
    .home-page .mode-vip-win,
    .home-page .mode-till,
    .home-page .mode-play-label {
        font-size: 14px;
        line-height: 1.1;
    }

    .home-page .mode-card-icon {
        width: 27px;
        height: 27px;
    }

    .home-page .mode-card-icon .mode-icon {
        width: 18px;
    }

    .home-page .mode-card-footer {
        padding-top: 4px;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .buychips-page .chips-shop-head {
        min-height: 0;
        padding-top: 3px;
        padding-bottom: 10px;
    }

    .buychips-page .chips-shop-mark,
    .buychips-page .chips-shop-heading p,
    .buychips-page .chips-shop-hint {
        display: none;
    }

    .buychips-page .chips-shop-heading h2 {
        margin: 0;
        font-size: 15px;
        line-height: 1;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .trnsingle-page .trnsingle-info-box {
        min-height: 58px;
    }

    .trnsingle-page .trnsingle-description {
        min-height: 62px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .trnsingle-participate-overlay {
        padding: 8px;
        border-radius: 11px;
    }

    .trnsingle-participate-overlay-btn {
        min-width: min(280px, 88%);
        min-height: 50px;
        padding: 10px 18px;
        border-radius: 13px;
        font-size: 15px;
    }

    .trnsingle-start-countdown {
        min-width: min(280px, 88%);
        min-height: 76px;
        padding: 12px 18px;
        border-radius: 13px;
    }

    .trnsingle-start-countdown > i {
        font-size: 23px;
    }

    .trnsingle-start-countdown > strong {
        font-size: 20px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .trnsingle-page .trnsingle-content,
    .trnsingle-page .trnsingle-main-layout {
        gap: 10px;
    }

    .trnsingle-page .trnsingle-main-layout {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .trnsingle-page .trnsingle-info-grid {
        gap: 8px;
    }

    .trnsingle-page .trnsingle-games-grid {
        gap: 11px;
    }

    .trnsingle-page .trnsingle-description {
        margin-bottom: 9px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .trnsingle-page .trnsingle-sidebar-title {
        margin-bottom: 5px !important;
        font-size: 14px;
    }

    .trnsingle-page .trnsingle-player {
        min-height: 25px;
        padding: 3px 1px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .trnsingle-page .trnsingle-game-btn,
    .trnsingle-page .trnsingle-btn {
        min-height: 38px;
        padding: 7px 9px;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .trnsingle-page .trnsingle-content {
        height: auto;
        min-height: 0;
        padding: 9px;
        gap: 8px;
        overflow-y: auto;
    }

    .trnsingle-page .trnsingle-main-layout {
        min-height: 430px;
        height: auto;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(280px, 1fr) auto;
        gap: 8px;
    }

    .trnsingle-page .trnsingle-main-layout > div:first-child {
        min-height: 0;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .trnsingle-page .trnsingle-games-stage {
        min-height: 0;
        height: 100%;
        flex: 1 1 auto;
    }

    .trnsingle-page .trnsingle-games-grid {
        min-height: 0;
        height: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .trnsingle-page .trnsingle-sidebar-box {
        width: 100%;
        height: auto;
        min-height: 112px;
        max-height: none;
        padding: 9px;
        display: flex;
        align-self: stretch;
        overflow: visible;
    }

    .trnsingle-page .trnsingle-sidebar-top {
        display: none;
    }

    .trnsingle-page .trnsingle-sidebar-bottom {
        width: 100%;
        margin-top: 0;
    }

    .trnsingle-page .trnsingle-sidebar-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        margin-top: 0;
    }

    .trnsingle-page .trnsingle-sidebar-meta > div {
        min-height: 36px;
        padding: 7px 9px;
    }

    .trnsingle-page .trnsingle-sidebar-box .trnsingle-btn {
        min-height: 34px;
        margin-top: 7px !important;
        padding: 7px;
        font-size: 14px;
    }

    .trnsingle-page .trnsingle-sidebar-box .trnsingle-btn:first-of-type {
        margin-top: 10px !important;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .pwa-install-slider {
        grid-template-columns: 32px minmax(0, 1fr) 32px;
        gap: 5px;
    }

    .pwa-install-slider-arrow {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .pwa-install-slider .pwa-install-preview-portrait .pwa-install-device-frame {
        width: 62px;
    }

    .pwa-install-slider .pwa-install-preview-landscape .pwa-install-device-frame {
        width: min(100%, 245px);
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .content > .pwa-install-page {
        width: calc(100% - 12px);
        padding: 4px 0;
    }

    .pwa-install-page .pwa-install-hero {
        flex: 0 0 auto;
    }

    .pwa-install-page .pwa-install-device-card {
        min-height: 0;
        height: auto;
    }

    .pwa-install-page .pwa-install-preview-section {
        flex: 0 1 auto;
        min-height: 0;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) and (max-height: 680px) {
    .pwa-install-page .pwa-install-kicker,
    .pwa-install-page .pwa-install-hero > p,
    .pwa-install-page .pwa-install-browser-help {
        display: none;
    }

    .pwa-install-page .pwa-install-hero {
        margin-bottom: 5px;
    }

    .pwa-install-page .pwa-install-platforms {
        margin-top: 4px;
    }

    .pwa-install-page .pwa-install-device-card {
        padding: 10px 14px;
    }

    .pwa-install-page .pwa-install-card-icon {
        width: 32px;
        height: 32px;
        margin-bottom: 4px;
        font-size: 16px;
    }

    .pwa-install-page .pwa-install-preview-section {
        margin-top: 5px;
        padding-block: 6px;
    }

    .pwa-install-slider .pwa-install-preview-portrait .pwa-install-device-frame {
        width: 52px;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .content > .pwa-install-page {
        width: calc(100% - 12px);
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
        grid-template-rows: auto minmax(0, 1fr);
        gap: 5px 8px;
        padding: 4px 0;
        overflow: hidden;
    }

    .pwa-install-page .pwa-install-hero {
        grid-column: 1 / -1;
        margin: 0;
    }

    .pwa-install-page .pwa-install-kicker,
    .pwa-install-page .pwa-install-hero > p,
    .pwa-install-page .pwa-install-browser-help,
    .pwa-install-page .pwa-install-preview-head {
        display: none;
    }

    .pwa-install-page .pwa-install-hero h1 {
        font-size: clamp(19px, 4.8vh, 25px);
        line-height: 1;
    }

    .pwa-install-page .pwa-install-platforms {
        margin-top: 4px;
        gap: 5px;
    }

    .pwa-install-page .pwa-install-platforms span {
        min-height: 23px;
        padding: 0 8px;
        font-size: 14px;
    }

    .pwa-install-page .pwa-install-layout {
        display: block;
        min-width: 0;
        min-height: 0;
    }

    .pwa-install-page .pwa-install-qr-card {
        display: none;
    }

    .pwa-install-page .pwa-install-device-card {
        height: 100%;
        min-height: 0;
        padding: 9px 13px;
        border-radius: 16px;
    }

    .pwa-install-page .pwa-install-card-icon {
        width: 30px;
        height: 30px;
        margin-bottom: 4px;
        border-radius: 9px;
        font-size: 15px;
    }

    .pwa-install-page .pwa-install-device-panel h2 {
        margin-bottom: 3px;
        font-size: 15px;
    }

    .pwa-install-page .pwa-install-device-panel > p {
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 1.2;
    }

    .pwa-install-page .pwa-install-primary,
    .pwa-install-page .pwa-install-secondary {
        min-height: 30px;
        padding: 0 11px;
        border-radius: 10px;
        font-size: 14px;
    }

    .pwa-install-page .pwa-install-steps {
        gap: 3px;
        font-size: 14px;
        line-height: 1.15;
    }

    .pwa-install-page .pwa-install-steps li {
        gap: 6px;
    }

    .pwa-install-page .pwa-install-steps li span {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
        border-radius: 6px;
    }

    .pwa-install-page .pwa-install-preview-section {
        min-width: 0;
        min-height: 0;
        height: 100%;
        margin: 0;
        padding: 7px;
        border-radius: 16px;
        display: flex;
        align-items: center;
    }

    .pwa-install-page .pwa-install-slider {
        width: 100%;
        grid-template-columns: 28px minmax(0, 1fr) 28px;
        gap: 4px;
    }

    .pwa-install-page .pwa-install-slider-arrow {
        width: 28px;
        height: 28px;
        font-size: 14px;
    }

    .pwa-install-slider .pwa-install-preview-portrait .pwa-install-device-frame {
        width: min(48px, 12vh);
    }

    .pwa-install-slider .pwa-install-preview-landscape .pwa-install-device-frame {
        width: min(100%, 220px, 44vh);
    }

    .pwa-install-page .pwa-install-preview figcaption {
        margin-top: 3px;
        font-size: 14px;
    }

    .pwa-install-page .pwa-install-slider-dots {
        margin-top: -2px;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .auth-page,
    .home-page,
    .tournament-page,
    .trnsingle-page,
    .store-page,
    .footer-page-shell {
        font-size: 16px;
        line-height: 1.42;
    }

    .auth-page p,
    .tournament-page p,
    .trnsingle-page p,
    .store-page p,
    .footer-page-shell p {
        font-size: 15px;
        line-height: 1.5;
    }

    .auth-page small,
    .home-page small,
    .tournament-page small,
    .trnsingle-page small,
    .store-page small,
    .footer-page-shell small,
    .modal small {
        font-size: 14px;
        line-height: 1.35;
    }

    .auth-page button,
    .auth-page a,
    .tournament-page button,
    .tournament-page a,
    .trnsingle-page button,
    .trnsingle-page a,
    .store-page button,
    .store-page a,
    .modal .btn {
        font-size: 15px;
    }

    input,
    select,
    textarea {
        font-size: 16px;
    }

    .modal-content:not(.profile-modal) {
        font-size: 15px;
        line-height: 1.4;
    }

    .modal-title {
        font-size: 20px;
        line-height: 1.25;
    }

    .auth-head h2 {
        font-size: clamp(22px, 6.2vw, 27px);
    }

    .auth-head p {
        margin-top: 5px;
        font-size: 15px;
    }

    .auth-language > span,
    .auth-legacy-title {
        font-size: 14px;
    }

    .auth-language .header-language-item {
        min-height: 40px;
        padding-inline: 12px;
        font-size: 14px;
    }

    .auth-social,
    .auth-telegram-card {
        min-height: 72px;
    }

    .auth-social strong,
    .auth-telegram-card strong {
        font-size: 17px;
        line-height: 1.25;
    }

    .auth-social small,
    .auth-telegram-card small {
        margin-top: 3px;
        font-size: 14px;
    }

    .auth-legacy-link {
        min-height: 46px;
        font-size: 14px;
    }

    .home-page .lobby > .row {
        row-gap: clamp(12px, 1.8dvh, 16px);
    }

    .home-page .lobby > .row > div {
        height: calc((100% - clamp(12px, 1.8dvh, 16px)) / 2);
    }

    .home-page .game-mode {
        min-height: 0;
        padding: clamp(12px, 1.8dvh, 16px) 13px;
    }

    .home-page .game-mode h3 {
        margin-bottom: 8px;
        font-size: clamp(18px, 5.1vw, 22px);
        line-height: 1.15;
    }

    .home-page .mode-win,
    .home-page .mode-vip-win {
        font-size: 14px;
        line-height: 1.3;
    }

    .home-page .mode-till {
        margin-top: 5px;
        font-size: 14px;
        line-height: 1.25;
    }

    .home-page .mode-vip-badge {
        font-size: 14px;
    }

    .home-page .mode-play-label {
        font-size: 14px;
    }

    .home-page .mode-bet.fs-4 {
        font-size: 18px !important;
    }

    .home-page .lobby-quick-copy strong {
        font-size: 14px;
        line-height: 1.2;
    }

    .home-page .lobby-quick-copy b {
        font-size: 14px;
    }

    .home-page .lobby-quick-copy small {
        font-size: 14px;
    }

    .tournament-title {
        font-size: clamp(24px, 7vw, 30px);
    }

    .tournament-subtitle,
    .tournament-list-hint {
        font-size: 14px;
        line-height: 1.4;
    }

    .tournament-name {
        font-size: 20px;
        line-height: 1.2;
    }

    .tournament-status,
    .tournament-list-time,
    .tournament-list-fund-label,
    .tournament-list-progress,
    .tournament-list-stat span {
        font-size: 14px;
        line-height: 1.3;
    }

    .tournament-list-stat strong,
    .tournament-prize {
        font-size: 17px;
    }

    .tournament-join-btn {
        min-height: 46px;
        padding: 11px 16px;
        font-size: 15px;
    }

    .trnsingle-page .trnsingle-info-label,
    .trnsingle-page .trnsingle-game-state,
    .trnsingle-page .trnsingle-sidebar-meta span {
        font-size: 14px;
    }

    .trnsingle-page .trnsingle-info-value,
    .trnsingle-page .trnsingle-game-title,
    .trnsingle-page .trnsingle-player,
    .trnsingle-page .trnsingle-sidebar-meta strong {
        font-size: 15px;
    }

    .footer-page-main,
    .store-page {
        font-size: 15px;
        line-height: 1.55;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .auth-page,
    .home-page,
    .tournament-page,
    .trnsingle-page,
    .store-page,
    .footer-page-shell {
        font-size: 14px;
    }

    .home-page .game-mode h3 {
        font-size: 18px;
    }

    .home-page .mode-win,
    .home-page .mode-till,
    .home-page .mode-play-label {
        display: block;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .home-page .mode-card-head {
        position: static;
    }

    .home-page .mode-card-icon {
        position: absolute;
        z-index: 0;
        top: 55%;
        left: 50%;
        width: clamp(64px, 16dvh, 76px);
        height: clamp(64px, 16dvh, 76px);
        background: transparent;
        border: 0;
        border-radius: 0;
        transform: translate(-50%, -50%);
    }

    .home-page .mode-card-icon .mode-icon {
        width: clamp(52px, 13dvh, 64px);
    }

    .home-page .mode-card-icon .mode-faicon {
        font-size: clamp(46px, 11dvh, 58px);
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .content > .pwa-install-page {
        justify-content: center;
        gap: 0;
        padding-block: 8px;
    }

    .pwa-install-page .pwa-install-hero {
        margin-bottom: 9px;
    }

    .pwa-install-page .pwa-install-hero h1 {
        font-size: clamp(25px, 7.4vw, 30px);
        line-height: 1.08;
    }

    .pwa-install-page .pwa-install-hero p {
        display: block;
        max-width: 340px;
        margin-top: 6px;
        font-size: 14px;
        line-height: 1.35;
    }

    .pwa-install-page .pwa-install-platforms {
        margin-top: 7px;
        gap: 7px;
    }

    .pwa-install-page .pwa-install-platforms span {
        min-height: 30px;
        padding-inline: 10px;
        font-size: 14px;
    }

    .pwa-install-page .pwa-install-device-card {
        min-height: 175px;
        padding: 15px 18px;
    }

    .pwa-install-page .pwa-install-card-icon {
        width: 38px;
        height: 38px;
        margin-bottom: 7px;
        font-size: 19px;
    }

    .pwa-install-page .pwa-install-device-panel h2 {
        font-size: 19px;
    }

    .pwa-install-page .pwa-install-device-panel > p {
        margin-bottom: 9px;
        font-size: 14px;
        line-height: 1.35;
    }

    .pwa-install-page .pwa-install-steps {
        gap: 6px;
        font-size: 14px;
    }

    .pwa-install-page .pwa-install-preview-section {
        margin-top: 9px;
        padding: 10px 10px 9px;
    }

    .pwa-install-page .pwa-install-preview-head {
        display: block;
        margin-bottom: 8px;
    }

    .pwa-install-page .pwa-install-preview-head h2 {
        font-size: 18px;
    }

    .pwa-install-gallery {
        gap: 7px;
    }

    .pwa-install-gallery-item .pwa-install-device-frame {
        height: clamp(72px, 20vw, 82px);
    }

    .pwa-install-gallery-item figcaption {
        margin-top: 5px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .content > .pwa-install-page.pwa-install-v2 {
        width: calc(100% - 14px);
        padding: 8px 0;
        gap: 10px;
    }

    .pwa-install-v2 .pwa-install-kicker {
        display: none;
    }

    .pwa-install-v2 .pwa-install-hero h1 {
        font-size: clamp(26px, 7.5vw, 31px);
    }

    .pwa-install-v2 .pwa-install-hero p {
        display: block;
        margin-top: 5px;
        padding-inline: 8px;
        font-size: 14px;
        line-height: 1.3;
    }

    .pwa-install-v2 .pwa-install-platforms {
        margin-top: 7px;
    }

    .pwa-install-v2 .pwa-install-platforms span {
        min-height: 31px;
        font-size: 14px;
    }

    .pwa-install-v2 .pwa-install-reward {
        min-height: 62px;
        margin-top: 8px;
        padding: 8px 9px;
        gap: 8px;
    }

    .pwa-install-v2 .pwa-install-reward-icon {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }

    .pwa-install-v2 .pwa-install-reward-copy strong {
        font-size: 14px;
    }

    .pwa-install-v2 .pwa-install-reward-copy span {
        font-size: 14px;
    }

    .pwa-install-v2 .pwa-install-reward-value {
        min-width: 82px;
        padding: 6px 7px;
    }

    .pwa-install-v2 .pwa-install-reward-value b {
        font-size: 20px;
    }

    .pwa-install-v2 .pwa-install-layout {
        display: block;
    }

    .pwa-install-v2 .pwa-install-qr-card {
        display: none;
    }

    .pwa-install-v2 .pwa-install-device-card {
        min-height: 178px;
        padding: 16px 18px;
    }

    .pwa-install-v2 .pwa-install-card-icon {
        width: 38px;
        height: 38px;
        margin-bottom: 7px;
        font-size: 19px;
    }

    .pwa-install-v2 .pwa-install-device-panel h2 {
        font-size: 19px;
    }

    .pwa-install-v2 .pwa-install-device-panel > p,
    .pwa-install-v2 .pwa-install-steps {
        font-size: 14px;
        line-height: 1.35;
    }

    .pwa-install-v2 .pwa-install-preview-section {
        padding: 11px 10px 9px;
    }

    .pwa-install-v2 .pwa-install-preview-head {
        margin-bottom: 8px;
    }

    .pwa-install-v2 .pwa-install-preview-head h2 {
        font-size: 17px;
    }

    .pwa-install-v2 .pwa-install-gallery {
        gap: 6px;
    }

    .pwa-install-v2 .pwa-install-gallery-item .pwa-install-device-frame {
        height: clamp(68px, 19vw, 78px);
    }

    .pwa-install-v2 .pwa-install-gallery-item figcaption {
        display: none;
    }

    .pwa-install-v2 .pwa-install-layout {
        height: auto;
        box-sizing: border-box;
    }

    .pwa-install-v2 .pwa-install-device-card,
    .pwa-install-v2 .pwa-install-preview-section {
        height: 100%;
        box-sizing: border-box;
    }

    .pwa-install-v2 .pwa-install-preview-section {
        flex-direction: column;
        justify-content: center;
    }

    .pwa-install-v2 .pwa-install-preview-head {
        width: 100%;
        display: block;
        margin: 0 0 8px;
        text-align: center;
    }

    .pwa-install-v2 .pwa-install-preview-head h2 {
        margin: 0;
        font-size: 16px;
        line-height: 1.15;
    }

    .pwa-install-v2 .pwa-install-preview-head > p {
        display: block;
        margin: 3px 0 0;
        font-size: 14px;
        line-height: 1.2;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) and (max-height: 680px) {
    .content > .pwa-install-page.pwa-install-v2 {
        gap: 7px;
    }

    .pwa-install-v2 .pwa-install-hero > p {
        display: none;
    }

    .pwa-install-v2 .pwa-install-device-card {
        min-height: 158px;
        padding-block: 11px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .content > .pwa-install-page.pwa-install-v2 {
        width: calc(100% - 16px);
        padding: 7px 0;
        grid-template-columns: minmax(0, 1fr) minmax(0, .95fr);
        grid-template-rows: auto minmax(0, 1fr);
        gap: 7px 10px;
    }

    .pwa-install-v2 .pwa-install-hero {
        grid-column: 1 / -1;
    }

    .pwa-install-v2 .pwa-install-kicker,
    .pwa-install-v2 .pwa-install-hero > p,
    .pwa-install-v2 .pwa-install-preview-head {
        display: none;
    }

    .pwa-install-v2 .pwa-install-hero h1 {
        font-size: clamp(22px, 6vh, 27px);
    }

    .pwa-install-v2 .pwa-install-platforms {
        margin-top: 5px;
    }

    .pwa-install-v2 .pwa-install-platforms span {
        min-height: 27px;
        font-size: 14px;
    }

    .pwa-install-v2 .pwa-install-reward {
        width: min(100%, 620px);
        min-height: 38px;
        margin-top: 4px;
        padding: 4px 7px;
        gap: 7px;
        border-radius: 11px;
    }

    .pwa-install-v2 .pwa-install-reward-icon {
        width: 29px;
        height: 29px;
        border-radius: 8px;
        font-size: 14px;
    }

    .pwa-install-v2 .pwa-install-reward-copy {
        display: block;
    }

    .pwa-install-v2 .pwa-install-reward-copy strong {
        margin-right: 5px;
        font-size: 14px;
    }

    .pwa-install-v2 .pwa-install-reward-copy span {
        font-size: 14px;
    }

    .pwa-install-v2 .pwa-install-reward-value {
        min-width: 72px;
        padding: 4px 6px;
        border-radius: 9px;
    }

    .pwa-install-v2 .pwa-install-reward-value b {
        font-size: 17px;
    }

    .pwa-install-v2 .pwa-install-reward-value small {
        display: none;
    }

    .pwa-install-v2 .pwa-install-layout {
        display: block;
        min-height: 0;
        height: 100%;
        margin: 0;
        grid-column: 1;
        grid-row: 2;
        align-self: stretch;
    }

    .pwa-install-v2 .pwa-install-qr-card {
        display: none;
    }

    .pwa-install-v2 .pwa-install-device-card {
        height: 100%;
        min-height: 0;
        margin: 0;
        padding: 13px 16px;
    }

    .pwa-install-v2 .pwa-install-device-panel h2 {
        font-size: 17px;
    }

    .pwa-install-v2 .pwa-install-device-panel > p,
    .pwa-install-v2 .pwa-install-steps {
        font-size: 14px;
        line-height: 1.3;
    }

    .pwa-install-v2 .pwa-install-preview-section {
        height: 100%;
        min-height: 0;
        margin: 0;
        padding: 12px;
        display: flex;
        align-items: center;
        grid-column: 2;
        grid-row: 2;
        align-self: stretch;
    }

    .pwa-install-v2 .pwa-install-gallery {
        width: 100%;
        gap: 6px;
    }

    .pwa-install-v2 .pwa-install-gallery-item .pwa-install-device-frame {
        height: min(26vh, 100px);
    }

    .pwa-install-v2 .pwa-install-gallery-item figcaption {
        display: none;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) and (max-height: 680px) {
    .pwa-install-page .pwa-install-hero > p {
        display: none;
    }

    .pwa-install-page .pwa-install-platforms {
        margin-top: 5px;
    }

    .pwa-install-page .pwa-install-device-card {
        min-height: 158px;
        padding-block: 11px;
    }

    .pwa-install-page .pwa-install-preview-head {
        display: block;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .pwa-install-page .pwa-install-hero h1 {
        font-size: clamp(21px, 6vh, 27px);
    }

    .pwa-install-page .pwa-install-platforms span {
        min-height: 27px;
        padding-inline: 9px;
        font-size: 14px;
    }

    .pwa-install-page .pwa-install-device-card {
        padding: 11px 15px;
    }

    .pwa-install-page .pwa-install-card-icon {
        width: 34px;
        height: 34px;
        margin-bottom: 6px;
        font-size: 17px;
    }

    .pwa-install-page .pwa-install-device-panel h2 {
        font-size: 17px;
    }

    .pwa-install-page .pwa-install-device-panel > p {
        font-size: 14px;
        line-height: 1.3;
    }

    .pwa-install-page .pwa-install-steps {
        gap: 5px;
        font-size: 14px;
        line-height: 1.25;
    }

    .pwa-install-page .pwa-install-preview-section {
        padding: 12px;
    }

    .pwa-install-gallery {
        gap: 6px;
    }

    .pwa-install-gallery-item .pwa-install-device-frame {
        height: min(29vh, 108px);
    }

    .pwa-install-gallery-item figcaption {
        margin-top: 5px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .pwa-install-gallery {
        gap: 5px;
    }

    .pwa-install-gallery-item .pwa-install-device-frame {
        height: clamp(76px, 14vh, 105px);
        padding: 3px;
        border-radius: 11px;
    }

    .pwa-install-gallery-item .pwa-install-device-frame img {
        border-radius: 7px;
    }

    .pwa-install-gallery-item figcaption {
        gap: 3px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .pwa-install-page .pwa-install-preview-section {
        display: block;
    }

    .pwa-install-gallery {
        height: 100%;
        align-items: center;
        gap: 4px;
    }

    .pwa-install-gallery-item .pwa-install-device-frame {
        height: min(22vh, 88px);
        padding: 3px;
        border-radius: 10px;
    }

    .pwa-install-gallery-item .pwa-install-device-frame img {
        border-radius: 6px;
    }

    .pwa-install-gallery-item figcaption {
        gap: 2px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .pwa-install-page .pwa-install-hero {
        margin-bottom: 4px;
    }

    .pwa-install-page .pwa-install-kicker {
        display: none;
    }

    .pwa-install-page .pwa-install-hero h1 {
        font-size: clamp(20px, 6vw, 25px);
    }

    .pwa-install-page .pwa-install-hero p {
        font-size: 14px;
    }

    .pwa-install-page .pwa-install-platforms {
        margin-top: 4px;
    }

    .pwa-install-page .pwa-install-device-card {
        min-height: 145px;
        padding-block: 10px;
    }

    .pwa-install-page .pwa-install-card-icon {
        width: 32px;
        height: 32px;
        margin-bottom: 4px;
        font-size: 16px;
    }

    .pwa-install-page .pwa-install-preview-section {
        margin-top: 5px;
        padding-block: 7px;
        padding-inline: 16px;
    }

    .pwa-install-gallery-item .pwa-install-device-frame {
        height: clamp(66px, 20vw, 82px);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .pwa-install-page .pwa-install-device-card {
        min-height: 0;
        padding-block: 7px;
    }

    .pwa-install-gallery-item .pwa-install-device-frame {
        height: min(25vh, 92px);
    }

    .pwa-install-page .pwa-install-preview-section {
        padding-inline: 14px;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .content > .pwa-install-page {
        justify-content: center;
        padding-block: 8px;
    }

    .pwa-install-page .pwa-install-hero {
        margin-bottom: 9px;
    }

    .pwa-install-page .pwa-install-hero h1 {
        font-size: clamp(25px, 7.4vw, 30px);
        line-height: 1.08;
    }

    .pwa-install-page .pwa-install-hero p {
        display: block;
        max-width: 340px;
        margin-top: 6px;
        font-size: 14px;
        line-height: 1.35;
    }

    .pwa-install-page .pwa-install-platforms {
        margin-top: 7px;
        gap: 7px;
    }

    .pwa-install-page .pwa-install-platforms span {
        min-height: 30px;
        padding-inline: 10px;
        font-size: 14px;
    }

    .pwa-install-page .pwa-install-device-card {
        min-height: 175px;
        padding: 15px 18px;
    }

    .pwa-install-page .pwa-install-card-icon {
        width: 38px;
        height: 38px;
        margin-bottom: 7px;
        font-size: 19px;
    }

    .pwa-install-page .pwa-install-device-panel h2 {
        font-size: 19px;
    }

    .pwa-install-page .pwa-install-device-panel > p,
    .pwa-install-page .pwa-install-steps {
        font-size: 14px;
        line-height: 1.35;
    }

    .pwa-install-page .pwa-install-preview-section {
        margin-top: 9px;
        padding: 10px 10px 9px;
    }

    .pwa-install-page .pwa-install-preview-head {
        display: block;
        margin-bottom: 8px;
    }

    .pwa-install-page .pwa-install-preview-head h2 {
        font-size: 18px;
    }

    .pwa-install-gallery {
        gap: 7px;
    }

    .pwa-install-gallery-item .pwa-install-device-frame {
        height: clamp(72px, 20vw, 82px);
    }

    .pwa-install-gallery-item figcaption {
        margin-top: 5px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) and (max-height: 680px) {
    .pwa-install-page .pwa-install-hero > p {
        display: none;
    }

    .pwa-install-page .pwa-install-device-card {
        min-height: 158px;
        padding-block: 11px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .pwa-install-page .pwa-install-hero h1 {
        font-size: clamp(21px, 6vh, 27px);
    }

    .pwa-install-page .pwa-install-platforms span {
        min-height: 27px;
        padding-inline: 9px;
        font-size: 14px;
    }

    .pwa-install-page .pwa-install-device-card {
        min-height: 0;
        padding: 11px 15px;
    }

    .pwa-install-page .pwa-install-card-icon {
        width: 34px;
        height: 34px;
        margin-bottom: 6px;
        font-size: 17px;
    }

    .pwa-install-page .pwa-install-device-panel h2 {
        font-size: 17px;
    }

    .pwa-install-page .pwa-install-device-panel > p,
    .pwa-install-page .pwa-install-steps {
        font-size: 14px;
        line-height: 1.25;
    }

    .pwa-install-page .pwa-install-preview-section {
        padding: 12px;
    }

    .pwa-install-gallery {
        gap: 6px;
    }

    .pwa-install-gallery-item .pwa-install-device-frame {
        height: min(29vh, 108px);
    }

    .pwa-install-gallery-item figcaption {
        margin-top: 5px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .mobile-game-page {
        padding: 14px 14px 18px;
    }

    .mobile-game-hero {
        grid-template-columns: 1fr;
        gap: 0;
        text-align: center;
    }

    .mobile-game-copy h1 {
        margin-bottom: 0;
        font-size: clamp(27px, 8vw, 38px);
    }

    .mobile-game-copy > p {
        display: none;
    }

    .mobile-game-install-button {
        width: 100%;
        min-height: 46px;
        margin-top: 12px;
    }

    .mobile-game-qr {
        display: none;
    }

    .mobile-game-gallery {
        margin-top: 16px;
        padding-top: 12px;
    }

    .mobile-game-screens {
        grid-template-columns: minmax(0, .58fr) minmax(0, 1fr);
        gap: 12px;
    }

    .mobile-game-screen-portrait {
        width: 100%;
        margin-inline: auto;
    }

    .mobile-game-screen-landscape {
        width: min(92%, 420px);
    }

    .mobile-game-screen figcaption {
        margin-top: 7px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .mobile-game-screens {
        grid-template-columns: 1fr;
    }

    .mobile-game-screen-landscape {
        display: none;
    }

    .mobile-game-screen-portrait {
        width: min(210px, 64vw);
        justify-self: center;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .mobile-game-page {
        padding: 18px 24px 30px;
    }

    .mobile-game-hero {
        grid-template-columns: minmax(0, 1fr) minmax(190px, 230px);
        gap: 28px;
        text-align: left;
    }

    .mobile-game-copy h1 {
        font-size: clamp(30px, 6.5vw, 48px);
    }

    .mobile-game-copy > p {
        display: none;
    }

    .mobile-game-install-button {
        width: auto;
        min-height: 50px;
        margin-top: 18px;
    }

    .mobile-game-qr {
        display: block;
        padding: 14px;
    }

    .mobile-game-qr img {
        width: 150px;
        margin-block: 0 9px;
    }

    .mobile-game-qr h2 {
        font-size: 15px;
    }

    .mobile-game-gallery {
        display: none;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .pwa-install-v2 .pwa-install-preview-section {
        padding: 18px 16px 19px;
    }

    .pwa-install-v2 .pwa-install-preview-head {
        margin-bottom: 12px;
    }

    .pwa-install-v2 .pwa-install-gallery {
        gap: 10px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .pwa-install-v2 .pwa-install-preview-section {
        padding: 16px 20px;
    }

    .pwa-install-v2 .pwa-install-gallery {
        gap: 10px;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .auth-page,
    .home-page,
    .tournament-page,
    .trnsingle-page,
    .store-page,
    .footer-page-shell {
        font-size: 16px;
        line-height: 1.42;
    }

    .auth-head h2 {
        font-size: clamp(23px, 6.4vw, 28px);
    }

    .auth-head p,
    .tournament-subtitle,
    .tournament-list-hint,
    .footer-page-main p,
    .store-page p {
        font-size: 15px;
        line-height: 1.45;
    }

    .auth-language > span,
    .auth-legacy-title,
    .auth-language .header-language-item,
    .auth-legacy-link {
        font-size: 14px;
    }

    .auth-language .header-language-item {
        min-height: 40px;
        padding-inline: 12px;
    }

    .auth-social,
    .auth-telegram-card {
        min-height: 72px;
    }

    .auth-social strong,
    .auth-telegram-card strong {
        font-size: 17px;
        line-height: 1.25;
    }

    .auth-social small,
    .auth-telegram-card small {
        font-size: 14px;
        line-height: 1.35;
    }

    .auth-legacy-link {
        min-height: 46px;
    }

    .home-page .lobby > .row {
        row-gap: clamp(12px, 1.8dvh, 16px);
    }

    .home-page .lobby > .row > div {
        height: calc((100% - clamp(12px, 1.8dvh, 16px)) / 2);
    }

    .home-page .game-mode {
        padding: clamp(12px, 1.8dvh, 16px) 13px;
    }

    .home-page .game-mode h3 {
        margin-bottom: 8px;
        font-size: clamp(18px, 5.1vw, 22px);
        line-height: 1.15;
    }

    .home-page .mode-win,
    .home-page .mode-vip-win {
        font-size: 14px;
        line-height: 1.3;
    }

    .home-page .mode-till,
    .home-page:has(.chips-offer-banner) .mode-till {
        display: block;
        margin-top: 5px;
        font-size: 14px;
        line-height: 1.25;
    }

    .home-page .mode-play-label {
        font-size: 14px;
    }

    .home-page .mode-bet.fs-4 {
        font-size: 18px !important;
    }

    .home-page .lobby-quick-copy strong,
    .home-page .lobby-quick-copy b {
        font-size: 14px;
        line-height: 1.25;
    }

    .home-page .lobby-quick-copy small {
        font-size: 14px;
    }

    .tournament-title {
        font-size: clamp(24px, 7vw, 30px);
    }

    .tournament-name {
        font-size: 20px;
        line-height: 1.2;
    }

    .tournament-status,
    .tournament-list-time,
    .tournament-list-fund-label,
    .tournament-list-progress,
    .tournament-list-stat span,
    .trnsingle-page .trnsingle-info-label,
    .trnsingle-page .trnsingle-game-state,
    .trnsingle-page .trnsingle-sidebar-meta span {
        font-size: 14px;
        line-height: 1.3;
    }

    .tournament-list-stat strong,
    .tournament-prize {
        font-size: 17px;
    }

    .tournament-join-btn {
        min-height: 46px;
        padding: 11px 16px;
        font-size: 15px;
    }

    .trnsingle-page .trnsingle-info-value,
    .trnsingle-page .trnsingle-game-title,
    .trnsingle-page .trnsingle-player,
    .trnsingle-page .trnsingle-sidebar-meta strong {
        font-size: 15px;
    }

    .modal-content:not(.profile-modal) {
        font-size: 15px;
        line-height: 1.4;
    }

    .modal-title {
        font-size: 20px;
    }

    .modal small {
        font-size: 14px;
    }

    input,
    select,
    textarea {
        font-size: 16px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .lobby .mode-card-icon {
        top: 51%;
        width: clamp(58px, 17vw, 72px);
        height: clamp(58px, 17vw, 72px);
    }

    .lobby .mode-card-icon .mode-faicon {
        font-size: clamp(40px, 11vw, 52px);
    }

    .lobby .mode-card-summary {
        align-items: center;
        flex-direction: row;
        gap: 3px 8px;
        text-align: center;
    }

    .lobby .mode-card-summary .mode-win,
    .lobby .mode-card-summary .mode-till {
        font-size: 14px;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .main:has(.home-page) .footer {
        display: none !important;
    }

    .home-page .lobby-reward-title-full {
        display: none;
    }

    .home-page .lobby-reward-title-short {
        display: inline;
    }

    .home-page .lobby-tournament-title-full,
    .home-page .lobby-tournament-title-short,
    .home-page .lobby-reward-rating {
        display: none;
    }

    .home-page .lobby-dashboard .lobby-quick-card:not(:last-child) .lobby-quick-copy small {
        display: none !important;
    }

    .home-page .lobby > .row {
        height: auto;
        min-height: 160px;
        flex: 1 1 0;
        flex-wrap: nowrap;
        align-items: center;
        row-gap: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        transform: none;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
    }

    .home-page .lobby > .row::-webkit-scrollbar {
        display: none;
    }

    .home-page .lobby > .row > div {
        width: 50%;
        height: clamp(160px, calc((100dvh - 50px) / 2), 235px);
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .content:has(.home-page) {
        height: 100%;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .home-page {
        height: auto;
        min-height: 100%;
        flex-direction: column;
        align-items: stretch !important;
        padding-top: 8px !important;
        padding-bottom: 12px !important;
        overflow: visible;
    }

    .home-page .lobby {
        height: auto;
        min-height: 100%;
        margin-top: 0;
        margin-bottom: 0;
        overflow: visible;
    }

    .home-page .lobby-dashboard {
        margin-top: auto;
        margin-bottom: 0;
    }

    .home-page .game-mode {
        min-height: 0;
        gap: 2px;
        padding: 10px 13px 9px;
    }

    .home-page .mode-card-head {
        align-items: center;
        flex-wrap: nowrap;
        gap: 10px;
    }

    .home-page .game-mode h3 {
        margin: 0;
        font-size: 18px;
    }

    .home-page .mode-card-summary {
        flex: 0 1 auto;
        flex-wrap: nowrap;
        gap: 8px;
        margin-left: auto;
    }

    .home-page .mode-card-summary .mode-win,
    .home-page .mode-card-summary .mode-till {
        display: inline-flex;
        align-items: center;
        flex-wrap: nowrap;
        font-size: 14px;
        white-space: nowrap;
    }

    .home-page .mode-card-icon {
        top: 55%;
        width: clamp(62px, 17dvh, 76px);
        height: clamp(62px, 17dvh, 76px);
    }

    .home-page .mode-card-icon .mode-icon {
        width: 72%;
    }

    .home-page .mode-card-icon .mode-faicon {
        font-size: clamp(48px, 13dvh, 60px);
    }

    .home-page .mode-card-footer {
        padding-top: 6px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .home-page .lobby-primary-group {
        display: flex;
        flex: 1 1 0;
        flex-direction: column;
        min-height: 0;
        overflow: hidden;
    }

    .home-page .lobby-primary-group > .row {
        --lobby-carousel-card-width: calc((100% - 16px) / 3);
        width: 100%;
        height: auto;
        min-height: 0;
        flex: 1 1 0;
        flex-wrap: nowrap;
        align-items: center;
        align-content: normal;
        gap: 8px;
        padding: clamp(8px, 2.5dvh, 14px) 24px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: calc((100% - var(--lobby-carousel-card-width)) / 2 + 24px);
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x;
        visibility: hidden;
    }

    .home-page .lobby-primary-group > .row.lobby-carousel-ready {
        visibility: visible;
    }

    .home-page .lobby-primary-group > .row::-webkit-scrollbar {
        display: none;
    }

    .home-page .lobby-primary-group > .row::before,
    .home-page .lobby-primary-group > .row::after {
        content: "";
        flex: 0 0 calc((100% - var(--lobby-carousel-card-width)) / 2);
        height: 1px;
    }

    .home-page .lobby-primary-group > .row > div {
        width: auto;
        height: min(158px, calc(100% - 2px));
        min-height: 0;
        flex: 0 0 var(--lobby-carousel-card-width);
        padding: 0 !important;
        scroll-snap-align: center;
        scroll-snap-stop: always;
        opacity: 0.58;
        transform: scale(0.9);
        transition: transform 0.18s ease, opacity 0.18s ease;
    }

    .home-page .lobby-primary-group > .row > div.lobby-carousel-active {
        position: relative;
        z-index: 2;
        opacity: 1;
        transform: scale(1.04);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .trnsingle-page .trnsingle-sidebar-box .trnsingle-btn {
        min-height: 44px;
        margin-top: 8px !important;
        padding: 10px 12px;
        border-radius: 11px;
        font-size: 14px;
        line-height: 1.15;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    #vipModal .vip-modal {
        isolation: isolate;
        justify-content: center;
        padding: 10px 14px;
        background:
            radial-gradient(circle at 12% 8%, rgba(255, 211, 106, 0.25), transparent 27%),
            radial-gradient(circle at 90% 80%, rgba(124, 88, 238, 0.18), transparent 34%),
            linear-gradient(155deg, rgba(31, 43, 50, 0.99), rgba(8, 20, 26, 1) 62%),
            url("/images/carbon-fibre.png");
    }

    #vipModal .vip-modal::before {
        z-index: -1;
        height: 100%;
        background: linear-gradient(115deg, transparent 22%, rgba(255, 224, 125, 0.1) 50%, transparent 74%);
        opacity: 1;
    }

    #vipModal .vip-hero {
        gap: 12px;
        padding-right: 38px;
    }

    #vipModal .vip-badge {
        width: 54px;
        height: 54px;
        border: 2px solid rgba(255, 239, 174, 0.72);
        border-radius: 17px;
        font-size: 22px;
        box-shadow: 0 0 0 5px rgba(255, 200, 78, 0.07), 0 12px 28px rgba(245, 158, 11, 0.3);
        transform: rotate(45deg);
    }

    #vipModal .vip-badge i {
        transform: rotate(-45deg);
    }

    #vipModal .vip-hero h4 {
        color: #fff7d8;
        font-size: 19px;
        text-shadow: 0 3px 16px rgba(255, 200, 78, 0.2);
    }

    #vipModal .vip-benefits {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
    }

    #vipModal .vip-item {
        min-height: 58px;
        gap: 7px;
        padding: 8px;
        background:
            linear-gradient(145deg, rgba(255, 211, 106, 0.08), transparent 58%),
            rgba(255, 255, 255, 0.045);
        border: 1px solid rgba(255, 220, 125, 0.15);
        border-radius: 12px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 7px 16px rgba(0, 0, 0, 0.14);
    }

    #vipModal .vip-packages {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
    }

    #vipModal .vip-card {
        min-height: 66px;
        padding: 9px 7px;
        background:
            radial-gradient(circle at 12% 0, rgba(255, 215, 110, 0.16), transparent 48%),
            linear-gradient(155deg, rgba(47, 58, 65, 0.96), rgba(15, 29, 36, 0.98));
        border-color: rgba(255, 211, 106, 0.25);
        border-radius: 13px;
    }

    #vipModal .vip-card-active {
        transform: none;
        background:
            radial-gradient(circle at 20% 0, rgba(255, 228, 145, 0.28), transparent 52%),
            linear-gradient(145deg, rgba(111, 74, 15, 0.72), rgba(28, 37, 39, 0.98));
        border-color: #ffd76e;
        box-shadow: 0 0 0 2px rgba(255, 211, 106, 0.1), 0 10px 24px rgba(0, 0, 0, 0.26), 0 0 18px rgba(245, 158, 11, 0.14);
    }

    #vipModal .vip-days {
        color: rgba(242, 248, 250, 0.82);
        font-size: 14px;
    }

    #vipModal .vip-price {
        font-size: 17px;
    }

    #vipModal .vip-footer {
        gap: 12px;
        padding: 8px 10px;
        background: rgba(3, 13, 18, 0.4);
        border: 1px solid rgba(255, 211, 106, 0.12);
        border-radius: 13px;
    }

    #vipModal .vip-buy-btn {
        min-width: 150px;
        min-height: 42px;
        border: 1px solid rgba(255, 242, 188, 0.7);
        border-radius: 12px;
        font-size: 14px;
        box-shadow: 0 10px 24px rgba(245, 158, 11, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .home-page .lobby > .row {
        --lobby-carousel-card-width: clamp(280px, 42%, 410px);
    }

    .home-page .lobby > .row > div {
        width: var(--lobby-carousel-card-width);
        flex: 0 0 var(--lobby-carousel-card-width);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .buychips-page {
        height: 100%;
        overflow: hidden;
    }

    .buychips-page .chips-shop {
        height: 100%;
        min-height: 0;
        padding: 7px 10px;
        gap: 7px;
        overflow: hidden;
    }

    .buychips-page .chips-shop-head {
        display: none;
    }

    .buychips-page .chips-offer-store {
        min-height: 48px;
        flex: 0 0 48px;
        padding: 6px 10px;
        border-radius: 12px;
    }

    .buychips-page .chips-package-grid {
        min-height: 0;
        flex: 1 1 0;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        gap: 7px;
        align-content: stretch;
    }

    .buychips-page .chips-package {
        height: 100%;
        min-height: 0;
        max-height: 142px;
        padding: 7px 9px;
        border-radius: 12px;
    }

    .buychips-page .chips-package-top {
        min-height: 25px;
    }

    .buychips-page .chips-package-icon {
        width: 26px;
        height: 26px;
        border-radius: 8px;
        font-size: 14px;
    }

    .buychips-page .chips-package-vip {
        max-width: calc(100% - 31px);
        font-size: 14px;
    }

    .buychips-page .chips-package-content {
        margin: 5px 0 4px;
    }

    .buychips-page .chips-package-amount {
        font-size: clamp(18px, 2.7vw, 27px);
    }

    .buychips-page .chips-package-label {
        font-size: 14px;
    }

    .buychips-page .chips-package-bottom {
        padding-top: 5px;
    }

    .buychips-page .chips-package-price {
        padding: 3px 7px;
        font-size: clamp(12px, 1.6vw, 15px);
    }

    .buychips-page .chips-package-action {
        font-size: 0;
    }

    .buychips-page .chips-package-action i {
        width: 20px;
        height: 20px;
        font-size: 14px;
    }

    .buychips-page .chips-shop-payment {
        min-height: 34px;
        flex: 0 0 34px;
        padding: 4px 9px;
        border-radius: 10px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .buychips-page .chips-package-grid {
        gap: clamp(9px, 1.4vw, 14px);
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .header-settings-dropdown {
        --mobile-header-menu-width: min(92vw, 410px);
    }

    .header-settings-dropdown .dropdown-menu {
        max-height: calc(100dvh - 16px);
        display: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        padding: 12px;
        overflow-y: auto;
        background:
            radial-gradient(circle at 90% 0, rgba(255, 211, 106, 0.23), transparent 31%),
            radial-gradient(circle at 0 100%, rgba(85, 210, 255, 0.11), transparent 35%),
            linear-gradient(155deg, rgba(31, 48, 56, 0.99), rgba(7, 19, 25, 1));
        border: 1px solid rgba(255, 211, 106, 0.28);
        border-radius: 22px;
        box-shadow: 22px 0 58px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    .header-settings-dropdown .dropdown-menu.show {
        display: grid;
    }

    .header-settings-dropdown .dropdown-menu > li {
        min-width: 0;
        margin: 0;
    }

    .header-settings-dropdown .dropdown-menu > .settings-mobile-divider,
    .header-settings-dropdown .dropdown-menu > .settings-fullscreen-divider,
    .header-settings-dropdown .dropdown-menu > li > .dropdown-divider {
        display: none !important;
    }

    .header-settings-dropdown .mobile-game-menu-head {
        position: relative;
        grid-column: 1 / -1;
        min-height: 76px;
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 10px 12px 13px;
        overflow: hidden;
        border-bottom: 1px solid rgba(255, 211, 106, 0.18);
    }

    .mobile-game-menu-emblem {
        width: 52px;
        height: 52px;
        flex: 0 0 52px;
        display: grid;
        place-items: center;
        color: #392500;
        background: linear-gradient(145deg, #fff0a8, #ffc83e 58%, #e99a12);
        border: 2px solid rgba(255, 244, 191, 0.82);
        border-radius: 16px;
        box-shadow: 0 0 0 5px rgba(255, 200, 78, 0.07), 0 12px 28px rgba(245, 158, 11, 0.28);
        font-size: 21px;
        transform: rotate(-6deg);
    }

    .mobile-game-menu-emblem i {
        transform: rotate(6deg);
    }

    .mobile-game-menu-head > span:last-child {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .mobile-game-menu-head strong {
        color: #fff5ce;
        font-size: 19px;
        font-weight: 950;
        letter-spacing: 0.06em;
        line-height: 1;
    }

    .mobile-game-menu-head small {
        margin-top: 5px;
        color: rgba(223, 239, 245, 0.62);
        font-size: 14px;
        font-weight: 750;
    }

    .header-settings-dropdown .dropdown-menu > li:not(.mobile-game-menu-head):not(.settings-mobile-divider):not(.settings-fullscreen-divider) > .dropdown-item {
        width: 100%;
        min-height: 72px;
        padding: 10px 11px;
        color: #edf8fb;
        background:
            radial-gradient(circle at 100% 0, rgba(85, 210, 255, 0.12), transparent 48%),
            rgba(255, 255, 255, 0.045);
        border: 1px solid rgba(126, 208, 232, 0.14);
        border-radius: 14px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 18px rgba(0, 0, 0, 0.14);
        font-size: 14px;
        font-weight: 850;
        white-space: normal;
    }

    .header-settings-dropdown .dropdown-menu > li:not(.mobile-game-menu-head) > .dropdown-item:hover,
    .header-settings-dropdown .dropdown-menu > li:not(.mobile-game-menu-head) > .dropdown-item:focus {
        color: #fff;
        background:
            radial-gradient(circle at 100% 0, rgba(255, 211, 106, 0.19), transparent 50%),
            rgba(255, 255, 255, 0.075);
        border-color: rgba(255, 211, 106, 0.35);
    }

    .header-settings-dropdown .dropdown-item > i,
    .header-settings-dropdown .dropdown-item > span > i,
    .header-settings-dropdown .form-check-label > i {
        color: #ffd76e;
        font-size: 18px;
    }

    .header-settings-dropdown .form-check-label {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 9px;
        line-height: 1.15;
    }

    .header-settings-dropdown .form-check-label span {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .header-settings-dropdown .settings-language-menu {
        grid-column: 1 / -1;
    }

    .header-settings-dropdown #settingsLanguageToggle {
        min-height: 58px;
    }

    .header-settings-dropdown #settingsLanguageToggle > span:first-child {
        display: inline-flex;
        align-items: center;
        gap: 9px;
    }

    .header-settings-dropdown .settings-language-list {
        display: none;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        margin-top: 8px !important;
        padding: 7px !important;
        background: rgba(4, 15, 20, 0.72) !important;
        border-radius: 12px;
    }

    .header-settings-dropdown .settings-language-list-open {
        display: grid;
    }

    .header-settings-dropdown .settings-language-list .dropdown-item {
        min-height: 42px;
        justify-content: center !important;
        padding: 7px 5px;
        text-align: center;
        font-size: 14px;
    }

    .header-settings-dropdown #logout {
        grid-column: 1 / -1;
    }

    .header-settings-dropdown #logout .dropdown-item {
        min-height: 52px;
        color: #ffb1a8;
        background: rgba(239, 68, 68, 0.08);
        border-color: rgba(239, 68, 68, 0.18);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .header-settings-dropdown {
        --mobile-header-menu-width: min(72vw, 560px);
    }

    .header-settings-dropdown .dropdown-menu {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        padding: 9px;
    }

    .header-settings-dropdown .mobile-game-menu-head,
    .header-settings-dropdown .settings-language-menu,
    .header-settings-dropdown #logout {
        grid-column: 1 / -1;
    }

    .header-settings-dropdown .mobile-game-menu-head {
        min-height: 58px;
        padding: 5px 9px 8px;
    }

    .mobile-game-menu-emblem {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-radius: 12px;
        font-size: 17px;
    }

    .header-settings-dropdown .dropdown-menu > li:not(.mobile-game-menu-head):not(.settings-mobile-divider):not(.settings-fullscreen-divider) > .dropdown-item {
        min-height: 54px;
        padding: 8px 9px;
        font-size: 14px;
    }

    .header-settings-dropdown #settingsLanguageToggle,
    .header-settings-dropdown #logout .dropdown-item {
        min-height: 46px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .mobile-game-menu-emblem {
        padding: 4px;
        overflow: hidden;
        background: linear-gradient(145deg, rgba(255, 239, 174, 0.96), rgba(255, 198, 62, 0.92));
        transform: none;
    }

    .mobile-game-menu-emblem img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        border-radius: 11px;
    }

    .header-settings-dropdown .settings-language-menu {
        position: relative;
        order: 90;
        padding-right: 0;
    }

    .header-settings-dropdown #settingsLanguageToggle {
        padding-right: 12px;
    }

    .header-settings-dropdown #logout {
        position: static;
        grid-column: 1 / -1;
        justify-self: end;
        order: 100;
        z-index: 4;
        width: 48px;
        height: 48px;
        display: block;
    }

    .header-settings-dropdown #logout .dropdown-item {
        width: 48px;
        min-height: 48px;
        height: 48px;
        padding: 0;
        justify-content: center !important;
        border-radius: 14px;
    }

    .header-settings-dropdown #logout .dropdown-item span {
        display: none;
    }

    .header-settings-dropdown #logout .dropdown-item i {
        margin: 0;
        font-size: 17px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .header-settings-dropdown .settings-language-menu {
        padding-right: 0;
    }

    .header-settings-dropdown #logout {
        width: 46px;
        height: 46px;
    }

    .header-settings-dropdown #logout .dropdown-item {
        width: 46px;
        min-height: 46px;
        height: 46px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .header-settings-dropdown #settingsLanguageToggle {
        display: none;
    }

    .header-settings-dropdown .settings-language-list,
    .header-settings-dropdown .settings-language-list.settings-language-list-open {
        display: grid;
        margin-top: 0 !important;
    }

    .header-settings-dropdown .settings-language-list .header-language-item {
        display: flex;
        align-items: center;
        justify-content: center !important;
        gap: 5px;
    }

    .header-settings-dropdown .settings-language-list .header-language-item > span {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    .header-settings-dropdown .settings-language-list .header-language-item img {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
        object-fit: cover;
        border-radius: 50%;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16);
    }

    .header-settings-dropdown .settings-language-list .header-language-item.active {
        color: #fff5ce;
        background: rgba(255, 200, 78, 0.12);
        border-color: rgba(255, 211, 106, 0.24);
    }

    .header-settings-dropdown .settings-language-list .header-language-item > .fa-check {
        display: none;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .header-settings-dropdown .mobile-game-menu-head {
        min-height: 62px;
        padding: 6px 10px 9px;
    }

    .mobile-game-menu-emblem {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
        border-radius: 13px;
    }

    .mobile-game-menu-head strong {
        font-size: 17px;
    }

    .mobile-game-menu-head small {
        margin-top: 3px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .header-settings-dropdown .mobile-game-menu-head {
        min-height: 50px;
        padding: 4px 8px 6px;
    }

    .mobile-game-menu-emblem {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        border-radius: 10px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .header-settings-dropdown .mobile-game-menu-head {
        order: -2;
    }

    .header-settings-dropdown #settingsLanguageToggle {
        display: none !important;
    }

    .header-settings-dropdown .settings-language-menu {
        order: -1;
        padding: 0;
    }

    .header-settings-dropdown .settings-language-list,
    .header-settings-dropdown .settings-language-list.settings-language-list-open {
        gap: 5px;
        padding: 0 2px 8px !important;
        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 211, 106, 0.13) !important;
        border-radius: 0;
        box-shadow: none !important;
    }

    .header-settings-dropdown .settings-language-list .header-language-item,
    .header-settings-dropdown .settings-language-list .header-language-item:hover,
    .header-settings-dropdown .settings-language-list .header-language-item:focus {
        min-height: 43px;
        padding: 6px 5px;
        color: rgba(230, 243, 248, 0.72);
        background: transparent !important;
        border: 1px solid transparent !important;
        border-radius: 11px;
        box-shadow: none;
    }

    .header-settings-dropdown .settings-language-list .header-language-item:hover,
    .header-settings-dropdown .settings-language-list .header-language-item:focus {
        color: #fff;
        background: rgba(255, 255, 255, 0.045) !important;
    }

    .header-settings-dropdown .settings-language-list .header-language-item.active {
        color: #fff2bd;
        background: linear-gradient(180deg, rgba(255, 211, 106, 0.1), rgba(255, 211, 106, 0.025)) !important;
        border-color: rgba(255, 211, 106, 0.22) !important;
        box-shadow: inset 0 -2px 0 rgba(255, 211, 106, 0.7);
    }

    .header-settings-dropdown .settings-language-list .header-language-item img {
        width: 23px;
        height: 23px;
        flex-basis: 23px;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 5px 12px rgba(0, 0, 0, 0.18);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-lobby-page { padding: 14px 16px 22px !important; }
    .arcade-lobby-board { grid-template-rows:minmax(155px,1.45fr) repeat(2,minmax(88px,.9fr)) minmax(68px,.65fr) minmax(82px,.75fr); }
    .arcade-play-tile { grid-column:1 / -1; grid-row:1; }
    .arcade-mode-5 { grid-column:1;grid-row:2}.arcade-mode-4{grid-column:2;grid-row:2}.arcade-mode-6{grid-column:1 / -1;grid-row:3}
    .arcade-action-buttons { grid-column:1 / -1;grid-row:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
    .arcade-info-strip { grid-column:1 / -1;grid-row:5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
    .arcade-round-action { padding:6px 10px;border-radius:15px;flex-direction:row;gap:9px;box-shadow:0 5px 0 rgba(1,15,22,.34),0 9px 14px rgba(0,0,0,.2); }
    .arcade-round-action > span { width:42px;height:42px;flex:0 0 42px;font-size:20px; }
    .arcade-round-action strong { font-size:14px; }
    .arcade-info-card { padding:8px;grid-template-columns:38px minmax(0,1fr);gap:8px;border-radius:14px; }
    .arcade-info-card > span { width:38px;border-radius:11px;font-size:18px; }
    .arcade-info-card strong { font-size:14px; }
    .arcade-info-card b,.arcade-info-card small { font-size:14px; }
    .arcade-info-card > .fa-chevron-right { display:none; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-tile-meta { gap:4px; }
    .arcade-tile-meta b { padding:4px 3px;font-size:14px; }
    .arcade-tile-meta b:last-child { font-size:14px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-tile-meta b:last-child { padding:5px 5px;font-size:14px; }
    .arcade-play-cta { min-width:132px;min-height:42px;margin:6px 0 2px;padding:8px 15px;font-size:15px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-shop-button { padding:7px 10px !important;flex-direction:column; }
    .arcade-shop-button > span img { width:min(90%,58px);height:min(90%,58px); }
    .arcade-shop-button strong { font-size:14px; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) { .arcade-action-arrow { right:9px;bottom:8px;font-size:14px; } }
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-action-arrow { right:9px;bottom:8px;font-size:14px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-lobby-board { gap:13px; }
    .arcade-mode-6 { display:grid !important;grid-template-columns:42% minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:10px;align-items:center; }
    .arcade-mode-6 > strong { grid-column:2;grid-row:1;text-align:left; }
    .arcade-mode-6 .arcade-mode-icon { position:relative;inset:auto;grid-column:1;grid-row:1 / 4;width:100%;height:100%; }
    .arcade-mode-6 .arcade-mode-icon img { width:min(90%,110px);height:min(94%,90px); }
    .arcade-mode-6 .arcade-tile-meta { grid-column:2;grid-row:3;margin:0;justify-content:flex-start; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-lobby-board { gap:11px; }
    .arcade-mode-icon img { width:min(72%,105px);height:min(86%,86px); }
    .arcade-play-icon img { width:108px; }
    .arcade-wheel-feature > span img { width:43px;height:43px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-lobby-board { grid-template-rows:minmax(140px,1.25fr) repeat(2,minmax(82px,.8fr)) minmax(68px,.62fr) 92px; }
    .arcade-play-tile { grid-column:1 / -1;grid-row:1; }
    .arcade-mode-5{grid-column:1;grid-row:2}.arcade-mode-4{grid-column:2;grid-row:2}.arcade-mode-6{grid-column:1 / -1;grid-row:3}
    .arcade-wheel-feature { grid-column:1;grid-row:4; }
    .arcade-action-buttons { grid-column:2;grid-row:4;grid-template-columns:1fr; }
    .arcade-info-strip { grid-column:1 / -1;grid-row:5; }
    .arcade-wheel-feature { padding:7px 10px !important;display:flex !important;flex-direction:column;align-items:center;text-align:center; }
    .arcade-wheel-feature > strong { order:2;align-self:center;font-size:14px; }
    .arcade-wheel-feature > span { order:1;flex:1;width:100%; }
    .arcade-wheel-feature .lobby-wheel-symbol { width:52px;height:52px; }
    .arcade-wheel-feature > .fa-chevron-right { position:absolute;right:9px;bottom:8px;font-size:14px; }
    .arcade-shop-button { border-radius:8px 18px 8px 18px; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) { .arcade-lobby-board { gap:13px; } }

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-tile { border-radius:15px !important; }
    .arcade-shop-button { border-radius:15px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-info-strip { min-height:0;height:100%;box-sizing:border-box;align-items:stretch;gap:0;padding:0 !important;border:1px solid rgba(174,221,234,.07);border-radius:15px;background:rgba(4,24,34,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden; }
    .arcade-info-card { min-height:0;height:100%;max-height:100%;box-sizing:border-box;border:0;padding:0 7px;background:transparent;box-shadow:none;backdrop-filter:none;overflow:visible; }
    .arcade-info-card > span img { width:100%;height:100%;max-height:100%;box-sizing:border-box;padding-bottom:4px; }
    .arcade-info-card + .arcade-info-card { border-left:0; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-tile-meta { gap:4px; }
    .arcade-tile-meta b { padding:4px 3px;font-size:14px; }
    .arcade-tile-meta b:last-child { font-size:14px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-tile-meta b:last-child { padding:5px;font-size:14px; }
    .arcade-play-cta { min-width:132px;min-height:42px;margin:6px 0 2px;padding:8px 15px;font-size:15px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .arcade-wheel-ready-badge { top:6px;right:6px;min-height:20px;padding:3px 6px;font-size:14px; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-lobby-board {
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-template-rows:minmax(0,1fr) auto auto !important;
        min-height:0 !important;
        overflow:hidden;
    }
    .arcade-mode-slider {
        grid-column:1 / -1;
        grid-row:1;
        min-height:0;
        padding:0 8px;
        display:flex !important;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        gap:14px;
        overflow-x:hidden;
        overflow-y:auto;
        scroll-snap-type:y mandatory;
        overscroll-behavior-y:contain;
        touch-action:pan-y;
        scrollbar-width:none;
    }
    .arcade-mode-slider::before,
    .arcade-mode-slider::after {
        content:"";
        flex:0 0 var(--lobby-carousel-edge-space,72px);
    }
    .arcade-mode-slider::-webkit-scrollbar { display:none; }
    .arcade-mode-slider > .arcade-tile,
    .arcade-mode-slider > .arcade-play-tile {
        position:relative !important;
        inset:auto !important;
        width:min(88vw,370px) !important;
        height:auto !important;
        min-height:265px;
        flex:0 0 auto !important;
        align-self:center;
        grid-column:auto !important;
        grid-row:auto !important;
        scroll-snap-align:center;
        scroll-snap-stop:always;
        transform:scale(.94);
        opacity:.48;
        filter:saturate(.6) brightness(.84);
        transition:transform .22s ease,opacity .22s ease,filter .22s ease;
    }
    .arcade-mode-slider > .arcade-mode-5 { order:1; }
    .arcade-mode-slider > .arcade-play-tile { order:2; }
    .arcade-mode-slider > .arcade-mode-4 { order:3; }
    .arcade-mode-slider > .arcade-mode-6 { order:4; }
    .arcade-mode-slider > .arcade-tile.lobby-carousel-active {
        z-index:2;
        transform:scale(1.02);
        opacity:1;
        filter:none;
    }
    .arcade-mode-slider > .arcade-tile .arcade-play-cta {
        width:min(100%,210px);
        min-height:40px;
        margin:7px auto 2px;
        font-size:14px;
    }
    .arcade-action-buttons { grid-column:1; grid-row:2; }
    .arcade-wheel-feature { grid-column:2; grid-row:2; }
    .arcade-info-strip { grid-column:1 / -1; grid-row:3; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-lobby-board { display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-rows:minmax(0,1fr) auto auto !important;min-height:0 !important;overflow:hidden; }
    .arcade-mode-slider { grid-column:1 / -1;grid-row:1;min-height:0;padding:0 8px;display:flex !important;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:none; }
    .arcade-mode-slider::before,.arcade-mode-slider::after { content:"";flex:0 0 var(--lobby-carousel-edge-space,72px); }
    .arcade-mode-slider::-webkit-scrollbar { display:none; }
    .arcade-mode-slider > .arcade-tile,.arcade-mode-slider > .arcade-play-tile { position:relative !important;inset:auto !important;width:min(88vw,370px) !important;height:auto !important;min-height:265px;flex:0 0 auto !important;align-self:center;grid-column:auto !important;grid-row:auto !important;scroll-snap-align:center;scroll-snap-stop:always;transform:scale(.94) !important;opacity:.48 !important;filter:saturate(.6) brightness(.84) !important;transition:transform .22s ease,opacity .22s ease,filter .22s ease; }
    .arcade-mode-slider > .arcade-mode-5 { order:1; }
    .arcade-mode-slider > .arcade-play-tile { order:2; }
    .arcade-mode-slider > .arcade-mode-4 { order:3; }
    .arcade-mode-slider > .arcade-mode-6 { order:4; }
    .arcade-mode-slider > .arcade-tile.lobby-carousel-active { z-index:2;transform:scale(1.02) !important;opacity:1 !important;filter:none !important; }
    .arcade-mode-slider > .arcade-tile .arcade-play-cta { width:min(100%,210px);min-height:40px;margin:7px auto 2px;font-size:14px; }
    .arcade-action-buttons { grid-column:1;grid-row:2; }
    .arcade-wheel-feature { grid-column:2;grid-row:2; }
    .arcade-info-strip { grid-column:1 / -1;grid-row:3; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .lobby-tournament-countdown {
        flex-direction: column;
        justify-content: center;
        gap: 3px;
        text-align: center;
    }

    .lobby-tournament-countdown > i {
        font-size: 14px;
    }

    .arcade-lobby-page {
        padding-inline: 10px;
        padding-bottom: 10px;
    }

    .arcade-lobby-board {
        gap: 12px;
    }

    .arcade-play-tile {
        padding: 13px !important;
        padding-bottom: 17px !important;
        display: grid !important;
        grid-template-columns: 42% minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr) auto;
        column-gap: 10px;
        row-gap: 6px;
        align-items: center;
        text-align: center;
    }

    .arcade-play-tile > strong {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        font-size: clamp(18px, 5vw, 21px);
        line-height: 1.05;
        text-align: center;
    }

    .arcade-play-icon {
        grid-column: 1;
        grid-row: 1 / 3;
        width: 100%;
        height: 100%;
        min-height: 0;
        display: grid;
        place-items: center;
    }

    .arcade-play-icon img {
        width: min(94%, 112px) !important;
        height: min(96%, 108px);
        object-fit: contain;
    }

    .arcade-play-tile .arcade-tile-meta {
        grid-column: 2;
        grid-row: 2;
        width: min(100%, 168px);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: 5px;
    }

    .arcade-play-tile .arcade-tile-meta b {
        width: 100%;
        min-height: 25px;
        padding: 5px 8px;
        font-size: 14px;
    }

    .arcade-play-tile .arcade-tile-meta b:first-child { order: 1; }
    .arcade-play-tile .arcade-tile-meta b:last-child {
        order: 2;
        font-size: 14px;
    }
    .arcade-play-tile .arcade-tile-meta b:nth-child(2) { order: 3; }

    .arcade-play-tile .arcade-tile-meta b i {
        min-width: 14px;
    }

    .arcade-play-cta {
        grid-column: 1 / -1;
        grid-row: 3;
        width: min(100%, 242px);
        min-height: 40px;
        margin: 2px auto 3px;
    }

    .arcade-mode-tile {
        padding: 9px 11px !important;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        text-align: center;
        overflow: hidden;
    }

    .arcade-mode-tile > strong {
        position: relative;
        z-index: 3;
        order: 1;
        align-self: center;
        width: 100%;
        font-size: clamp(16px, 4.5vw, 19px);
        line-height: 1.05;
        text-align: center;
    }

    .arcade-mode-tile .arcade-mode-icon {
        position: absolute;
        inset: 25% 8% 25%;
        width: auto;
        height: auto;
        display: grid;
        place-items: center;
    }

    .arcade-mode-tile .arcade-mode-icon img {
        width: min(72%, 82px) !important;
        height: min(88%, 72px) !important;
        max-width: 82px;
        max-height: 72px;
        object-fit: contain;
    }

    .arcade-mode-6 .arcade-mode-icon img {
        width: min(68%, 76px) !important;
        height: min(84%, 68px) !important;
        max-width: 76px;
        max-height: 68px;
    }

    .arcade-mode-tile .arcade-tile-meta {
        position: relative;
        z-index: 3;
        order: 3;
        width: min(100%, 250px);
        margin: auto auto 0;
    }

    .arcade-tile-meta {
        gap: 5px;
    }

    .arcade-info-strip {
        padding: 7px;
    }

    .arcade-info-card {
        gap: 7px;
        padding: 8px !important;
    }

    .arcade-info-card strong {
        font-size: 14px;
        line-height: 1.1;
    }

    .arcade-info-card b {
        font-size: 14px;
        line-height: 1.1;
    }

    .arcade-info-card small {
        font-size: 14px;
        line-height: 1.1;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-mode-6 {
        display: grid !important;
        grid-template-columns: 42% minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
        column-gap: 10px;
        align-items: center;
        text-align: center;
    }

    .arcade-mode-6 > strong {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        text-align: center;
    }

    .arcade-mode-6 .arcade-mode-icon {
        position: relative;
        inset: auto;
        grid-column: 1;
        grid-row: 1 / 3;
        width: 100%;
        height: 100%;
        display: grid;
        place-items: center;
    }

    .arcade-mode-6 .arcade-mode-icon img {
        width: min(86%, 88px) !important;
        height: min(90%, 82px) !important;
        max-width: 88px;
        max-height: 82px;
    }

    .arcade-mode-6 .arcade-tile-meta {
        grid-column: 2;
        grid-row: 2;
        width: min(100%, 168px);
        margin: 5px auto 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: 4px;
    }

    .arcade-mode-6 .arcade-tile-meta b {
        width: 100%;
        min-height: 23px;
        padding: 4px 7px;
        font-size: 14px;
    }

    .arcade-mode-6 .arcade-tile-meta b:first-child { order: 1; }
    .arcade-mode-6 .arcade-tile-meta b:last-child {
        order: 2;
        font-size: 14px;
    }
    .arcade-mode-6 .arcade-tile-meta b:nth-child(2) { order: 3; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-play-tile .arcade-tile-meta {
        width: 100%;
        max-width: none;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px;
    }

    .arcade-play-tile .arcade-tile-meta b:first-child {
        grid-column: 1;
        grid-row: 1;
    }

    .arcade-play-tile .arcade-tile-meta b:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }

    .arcade-play-tile .arcade-tile-meta b:last-child {
        grid-column: 1 / -1;
        grid-row: 2;
        min-height: 27px;
        font-size: 14px;
    }

    .arcade-mode-tile .arcade-tile-meta,
    .arcade-mode-6 .arcade-tile-meta {
        width: 100%;
        max-width: none;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px 5px;
    }

    .arcade-mode-tile .arcade-tile-meta b,
    .arcade-mode-6 .arcade-tile-meta b {
        width: 100%;
        min-height: 21px;
        padding: 3px 5px;
        font-size: 14px;
    }

    .arcade-mode-tile .arcade-tile-meta b:first-child,
    .arcade-mode-6 .arcade-tile-meta b:first-child {
        grid-column: 1;
        grid-row: 1;
    }

    .arcade-mode-tile .arcade-tile-meta b:nth-child(2),
    .arcade-mode-6 .arcade-tile-meta b:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }

    .arcade-mode-tile .arcade-tile-meta b:last-child,
    .arcade-mode-6 .arcade-tile-meta b:last-child {
        grid-column: 1 / -1;
        grid-row: 2;
        min-height: 25px;
        font-size: 14px;
    }

    .arcade-mode-5 .arcade-mode-icon img,
    .arcade-mode-4 .arcade-mode-icon img {
        max-width: 70px;
        max-height: 52px;
    }

    .arcade-mode-5 .arcade-mode-icon,
    .arcade-mode-4 .arcade-mode-icon {
        inset: 24% 8% 38%;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-info-card {
        position: relative;
        grid-template-columns: 44px minmax(0, 1fr) 16px;
        grid-template-rows: 18px minmax(48px, 1fr);
        column-gap: 8px;
        row-gap: 4px;
        padding: 8px 10px !important;
        align-items: center;
    }

    .arcade-info-card > div {
        grid-column: 2;
        grid-row: 2;
        gap: 5px;
        align-self: center;
    }

    .arcade-info-card > div > strong {
        position: absolute;
        top: 8px;
        left: 10px;
        right: 10px;
        width: auto;
        font-size: 14px;
        line-height: 1.1;
        text-align: center;
    }

    .arcade-info-card > span {
        grid-column: 1;
        grid-row: 2;
        width: 44px;
        height: 44px;
    }

    .arcade-info-card > span img {
        width: 40px !important;
        height: 40px !important;
        max-width: 40px;
        max-height: 40px;
        padding: 0 !important;
        object-fit: contain;
    }

    .arcade-info-card b {
        font-size: 15px;
    }

    .arcade-info-card small {
        font-size: 14px;
        line-height: 1.2;
    }

    .arcade-tournament-info > .fa-chevron-right {
        display: block;
        grid-column: 3;
        grid-row: 2;
        justify-self: end;
        color: rgba(255, 255, 255, .72);
        font-size: 15px;
    }

    .arcade-wheel-feature > strong,
    .arcade-shop-button > strong {
        padding-bottom: 7px;
    }

    .arcade-wheel-feature > .fa-chevron-right,
    .arcade-shop-button > .arcade-action-arrow {
        bottom: 15px;
    }

    .arcade-play-tile,
    .arcade-mode-6 {
        padding-top: 17px !important;
    }

    .arcade-play-tile > strong,
    .arcade-mode-6 > strong {
        align-self: start;
        padding-top: 3px;
        margin-bottom: 5px;
    }

    .arcade-mode-slider .arcade-tile-meta {
        height: auto !important;
        min-height: 0;
        margin-top: 7px;
        margin-bottom: 5px;
        align-self: end;
        align-items: center;
    }

    .arcade-mode-slider .arcade-tile-meta b {
        height: auto !important;
        padding-block: 7px !important;
        align-self: center;
    }

    .arcade-play-tile .arcade-tile-meta,
    .arcade-mode-6 .arcade-tile-meta {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 4px;
    }

    .arcade-play-tile .arcade-tile-meta b,
    .arcade-mode-6 .arcade-tile-meta b,
    .arcade-play-tile .arcade-tile-meta b:first-child,
    .arcade-mode-6 .arcade-tile-meta b:first-child,
    .arcade-play-tile .arcade-tile-meta b:nth-child(2),
    .arcade-mode-6 .arcade-tile-meta b:nth-child(2),
    .arcade-play-tile .arcade-tile-meta b:last-child,
    .arcade-mode-6 .arcade-tile-meta b:last-child {
        grid-row: 1;
        min-width: 0;
        min-height: 24px;
        padding: 4px;
    }

    .arcade-play-tile .arcade-tile-meta b:first-child,
    .arcade-mode-6 .arcade-tile-meta b:first-child { grid-column: 1; }

    .arcade-play-tile .arcade-tile-meta b:nth-child(2),
    .arcade-mode-6 .arcade-tile-meta b:nth-child(2) { grid-column: 2; }

    .arcade-play-tile .arcade-tile-meta b:last-child,
    .arcade-mode-6 .arcade-tile-meta b:last-child {
        grid-column: 3;
        font-size: 14px;
    }

    .arcade-mode-5 .arcade-tile-meta,
    .arcade-mode-4 .arcade-tile-meta {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 4px;
        margin: 7px 0 5px;
    }

    .arcade-mode-5 .arcade-tile-meta b,
    .arcade-mode-4 .arcade-tile-meta b,
    .arcade-mode-5 .arcade-tile-meta b:first-child,
    .arcade-mode-4 .arcade-tile-meta b:first-child,
    .arcade-mode-5 .arcade-tile-meta b:nth-child(2),
    .arcade-mode-4 .arcade-tile-meta b:nth-child(2),
    .arcade-mode-5 .arcade-tile-meta b:last-child,
    .arcade-mode-4 .arcade-tile-meta b:last-child {
        grid-row: 1;
        min-width: 0;
        min-height: 23px;
        padding: 4px 3px;
        font-size: 14px;
    }

    .arcade-mode-5 .arcade-tile-meta b:first-child,
    .arcade-mode-4 .arcade-tile-meta b:first-child { grid-column: 1; }

    .arcade-mode-5 .arcade-tile-meta b:nth-child(2),
    .arcade-mode-4 .arcade-tile-meta b:nth-child(2) { grid-column: 2; }

    .arcade-mode-5 .arcade-tile-meta b:last-child,
    .arcade-mode-4 .arcade-tile-meta b:last-child {
        grid-column: 3;
        font-size: 14px;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .header .header-buychips-link,.header-settings-dropdown .header-mobile-menu-button,#openProfile,.header .blot-balance-animated { height:40px!important;min-height:40px!important;border-radius:12px!important; }
    .header-settings-dropdown .header-mobile-menu-button,#openProfile { width:40px!important;min-width:40px!important; }
    #openProfile img { width:32px!important;height:32px!important;border-radius:9px!important; }
    .header .blot-balance-animated { padding-inline:9px!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .main .header { backdrop-filter: none; -webkit-backdrop-filter: none; }
    .main .header .blot-balance-animated { min-height: 34px; padding-inline: 7px !important; }
    .main .header .header-buychips-link { box-shadow: 0 3px 0 #76192a !important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    #openProfile img { box-shadow:none !important; }
    .header-settings-dropdown .settings-desktop-item {
        display: none !important;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .invite-friend-modal {
        padding: 6px !important;
    }

    .invite-friend-modal .modal-dialog {
        width: min(88vw, 560px);
        max-width: 560px;
        min-height: 0;
        margin: 0 auto;
    }

    .invite-friend-modal .modal-content {
        max-height: calc(100dvh - 12px);
        padding: 15px 48px 15px;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .invite-friend-icon { width: 48px; height: 48px; border-radius: 15px; font-size: 21px; }
    .invite-friend-kicker { margin-top: 7px; }
    .invite-friend-modal h3 { margin-top: 2px; font-size: 20px; }
    .invite-friend-reward { margin: 4px 0 2px; font-size: 22px; }
    .invite-friend-modal p { margin: 2px 0 8px; line-height: 1.3; }
    .invite-friend-condition { padding: 9px 11px; }
    .invite-friend-share { min-height: 42px; margin-top: 9px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .header {
        height: 56px;
        padding: 6px 8px !important;
    }

    .header .btn,
    .header-fortune-link,
    .header-landscape-lobby-back {
        min-height: 40px;
        border-radius: 12px !important;
    }

    .header-fortune-link {
        width:40px !important;
        min-width:40px !important;
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
        padding:2px !important;
        display:inline-grid !important;
        place-items:center !important;
        align-self:center !important;
    }

    .header-fortune-link .wheel-icon {
        width:36px !important;
        height:36px !important;
        margin:0 !important;
    }

    .header .btn-purple {
        min-width: 45px;
        padding-inline: 9px !important;
    }

    .header .header-buychips-link {
        min-width: 40px;
        padding-inline: 9px !important;
    }

    .header .blot-balance-animated {
        min-height: 40px;
        padding-inline: 8px !important;
    }

    .header .blot-balance-animated strong { font-size: 19px; }

    .header-settings-dropdown .header-mobile-menu-button {
        width: 40px;
        min-width: 40px;
        padding: 5px 10px !important;
    }

    #openProfile {
        width: 40px;
        min-width: 40px;
        padding: 5px !important;
    }

    #openProfile img {
        width: 29px;
        height: 29px;
        border-radius: 9px !important;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .header-landscape-lobby-back,
    .header-landscape-lobby-back:hover,
    .header-landscape-lobby-back:focus,
    .header-landscape-lobby-back:active,
    .header-landscape-lobby-back:focus-visible {
        top: 50% !important;
        transform: translate3d(0, -50%, 0) !important;
        transition: none !important;
    }

    #openProfile img {
        border-radius: 9px !important;
    }

    #openProfile {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        padding: 4px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #openProfile img {
        width: 30px !important;
        height: 30px !important;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .header .header-buychips-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding-inline: 0 !important;
    }

    .header .header-buychips-compact-icon {
        width: auto !important;
        margin: 0 !important;
        line-height: 1;
        text-align: center;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    #openProfile { width:40px !important; min-width:40px !important; height:40px !important; min-height:40px !important; padding:0 !important; }
    #openProfile img { width:40px !important; height:40px !important; border-radius:11px !important; box-shadow:none !important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    #openProfile { width:38px !important; min-width:38px !important; height:38px !important; min-height:38px !important; padding:0 !important; }
    #openProfile img { width:38px !important; height:38px !important; border-radius:10px !important; box-shadow:none !important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .header-settings-dropdown {
        --mobile-header-menu-width: 62px;
    }

    .header-settings-dropdown > .dropdown-menu {
        position: fixed !important;
        inset: 58px auto auto 8px !important;
        top: 58px !important;
        right: auto !important;
        bottom: auto !important;
        left: 8px !important;
        z-index: 1100;
        width: 62px !important;
        min-width: 62px !important;
        max-height: calc(100dvh - 68px);
        padding: 0 !important;
        display: none !important;
        grid-template-columns: none !important;
        flex-direction: column;
        gap: 5px !important;
        overflow: visible;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        transform: none !important;
        transform-origin: top right;
    }

    .header-settings-dropdown > .dropdown-menu.show {
        display: flex !important;
        animation: none !important;
    }

    .header-settings-dropdown .mobile-game-menu-head,
    .header-settings-dropdown .settings-mobile-divider,
    .header-settings-dropdown .settings-fullscreen-divider,
    .header-settings-dropdown .dropdown-divider {
        display: none !important;
    }

    .header-settings-dropdown > .dropdown-menu > li {
        position: relative;
        width: 50px;
        min-width: 50px;
        margin: 0 !important;
        display: block;
        grid-column: auto !important;
    }

    .header-settings-dropdown > .dropdown-menu.show > li {
        animation: mobileMenuIconDrop .2s cubic-bezier(.18, .86, .28, 1.12) both;
    }

    .header-settings-dropdown > .dropdown-menu.show > li:nth-child(2) { animation-delay: 0s; }
    .header-settings-dropdown > .dropdown-menu.show > li:nth-child(4) { animation-delay: .045s; }
    .header-settings-dropdown > .dropdown-menu.show > li:nth-child(7) { animation-delay: .09s; }
    .header-settings-dropdown > .dropdown-menu.show > li:nth-child(9) { animation-delay: .135s; }
    .header-settings-dropdown > .dropdown-menu.show > li:nth-child(11) { animation-delay: .18s; }
    .header-settings-dropdown > .dropdown-menu.show > li:nth-child(13) { animation-delay: .225s; }

    .header-settings-dropdown .settings-orientation-item .dropdown-item > i {
        color: #8adcf0 !important;
        transition: transform .2s ease, color .14s ease;
    }

    .mobile-rotate-icon {
        position:relative;
        width:28px;
        height:28px;
        display:grid;
        place-items:center;
        color:#8adcf0;
    }

    .mobile-rotate-icon > .fa-mobile-screen-button { font-size:20px; }
    .mobile-rotate-icon > .fa-rotate {
        position:absolute;
        right:-3px;
        bottom:-2px;
        padding:2px;
        color:#f1cc68 !important;
        background:#12333f;
        border-radius:50%;
        font-size:14px !important;
    }

    .header-settings-dropdown .settings-orientation-item .dropdown-item:hover > i,
    .header-settings-dropdown .settings-orientation-item .dropdown-item:focus > i {
        color: #fff !important;
        transform: rotate(90deg);
    }

    .header-settings-dropdown .settings-orientation-item .dropdown-item:hover .mobile-rotate-icon > .fa-rotate,
    .header-settings-dropdown .settings-orientation-item .dropdown-item:focus .mobile-rotate-icon > .fa-rotate {
        transform:rotate(90deg);
        transition:transform .2s ease;
    }

    .header-settings-dropdown > .dropdown-menu > li > .dropdown-item {
        width: 50px !important;
        min-width: 50px !important;
        min-height: 48px !important;
        height: 48px;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #dff6fb !important;
        background: rgba(115, 203, 224, .055) !important;
        border: 1px solid rgba(135, 214, 233, .1) !important;
        border-radius: 13px !important;
        box-shadow: none !important;
        transition: transform .14s ease, color .14s ease, background-color .14s ease, border-color .14s ease !important;
    }

    .header-settings-dropdown > .dropdown-menu > li > .dropdown-item:hover,
    .header-settings-dropdown > .dropdown-menu > li > .dropdown-item:focus {
        color: #fff !important;
        background: rgba(81, 194, 222, .15) !important;
        border-color: rgba(130, 220, 241, .22) !important;
        transform: translateY(-1px);
    }

    .header-settings-dropdown .dropdown-item > i,
    .header-settings-dropdown .dropdown-item > span > i,
    .header-settings-dropdown .form-check-label > i {
        width: auto !important;
        margin: 0 !important;
        color: #77dbef !important;
        font-size: 20px !important;
        text-align: center;
    }

    .header-settings-dropdown .dropdown-item > span:first-child:not(.settings-language-current),
    .header-settings-dropdown .form-check-label {
        width: auto !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 0 !important;
        font-size: 0 !important;
    }

    .header-settings-dropdown .form-check-label > span,
    .header-settings-dropdown .dropdown-item > span:first-child:not(.settings-language-current):not(:has(i)),
    .header-settings-dropdown .settings-language-current,
    .header-settings-dropdown .form-switch {
        display: none !important;
    }

    .header-settings-dropdown li:not(#settingsSound):not(#settingsFullscreen):has(.form-check-input:checked) > .dropdown-item {
        color: #fff !important;
        background: rgba(49, 199, 154, .14) !important;
        border-color: rgba(82, 225, 180, .24) !important;
    }

    .header-settings-dropdown li:not(#settingsSound):not(#settingsFullscreen):has(.form-check-input:checked) .form-check-label > i {
        color: #69e2b6 !important;
    }

    .header-settings-dropdown #logout .dropdown-item {
        color: #ffaaa5 !important;
        background: rgba(233, 78, 86, .07) !important;
        border-color: rgba(241, 105, 112, .12) !important;
    }

    .header-settings-dropdown #logout .dropdown-item > i {
        color: #ff8d89 !important;
    }

    .header-settings-dropdown .settings-language-menu {
        position: relative;
        order: 0 !important;
    }

    .header-settings-dropdown #settingsLanguageToggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .header-settings-dropdown #settingsLanguageToggle > .fa-earth-americas {
        display: block !important;
        width: auto !important;
        margin: 0 !important;
        color: #77dbef !important;
        font-size: 20px !important;
    }

    .header-settings-dropdown .settings-language-list {
        position: absolute !important;
        top: 0 !important;
        right: calc(100% + 9px) !important;
        left: auto !important;
        width: 148px !important;
        margin: 0 !important;
        padding: 6px !important;
        display: none !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 5px !important;
        background: linear-gradient(155deg, rgba(17, 50, 63, .99), rgba(5, 23, 31, .995)) !important;
        border: 1px solid rgba(127, 212, 233, .18) !important;
        border-radius: 14px !important;
        box-shadow: 0 18px 42px rgba(0, 0, 0, .42) !important;
        transform-origin: right center;
    }

    .header-settings-dropdown .settings-language-list.settings-language-list-open {
        display: none !important;
        animation: none !important;
    }

    .header-settings-dropdown .settings-language-list .dropdown-item {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 5px !important;
        justify-content: center !important;
        font-size: 0 !important;
        border-radius: 10px !important;
    }

    .header-settings-dropdown .settings-language-list .dropdown-item span {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0;
    }

    .header-settings-dropdown .settings-language-list .dropdown-item img {
        width: 28px;
        height: 28px;
        margin: 0 !important;
        border-radius: 50%;
        object-fit: cover;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .header-settings-dropdown > .dropdown-menu {
        inset: 52px auto auto 8px !important;
        top: 52px !important;
        left: 8px !important;
        max-height: calc(100dvh - 56px);
        overflow-y: auto;
        scrollbar-width: none;
    }

    .header-settings-dropdown > .dropdown-menu::-webkit-scrollbar {
        display: none;
    }

    .header-settings-dropdown > .dropdown-menu > li,
    .header-settings-dropdown > .dropdown-menu > li > .dropdown-item {
        width: clamp(38px, 11dvh, 48px) !important;
        min-width: clamp(38px, 11dvh, 48px) !important;
    }

    .header-settings-dropdown > .dropdown-menu > li > .dropdown-item {
        height: clamp(36px, 10.5dvh, 46px);
        min-height: clamp(36px, 10.5dvh, 46px) !important;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .main .header .header-buychips-link,.main .header .header-settings-dropdown .header-mobile-menu-button,.main .header #openProfile,.main .header .blot-balance-animated { height:40px!important;min-height:40px!important;border-radius:12px!important; }
    .main .header .header-settings-dropdown .header-mobile-menu-button,.main .header #openProfile { width:40px!important;min-width:40px!important; }
    .main .header #openProfile img { width:32px!important;height:32px!important;border-radius:9px!important; }
    .main .header .blot-balance-animated { padding-inline:9px!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .main .header .btn-purple[href="/vip"] {
        height:40px!important;
        min-height:40px!important;
        padding-inline:10px!important;
        border-radius:12px!important;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .main .header .header-promo-rotator,
    .main .header .header-invite-link {
        display:none !important;
    }

    .main .header .header-settings-dropdown>.dropdown-menu>li>.dropdown-item {
        color:#fff3d7!important;
        background:linear-gradient(180deg,rgba(81,73,60,.96),rgba(45,42,37,.98))!important;
        border-color:rgba(222,188,119,.22)!important;
        box-shadow:0 3px 0 rgba(28,25,21,.9),0 7px 14px rgba(0,0,0,.24)!important;
    }
    .main .header .header-settings-dropdown>.dropdown-menu>li>.dropdown-item:hover,
    .main .header .header-settings-dropdown>.dropdown-menu>li>.dropdown-item:focus {
        background:linear-gradient(180deg,rgba(101,88,67,.98),rgba(57,50,42,.99))!important;
        border-color:rgba(235,201,132,.36)!important;
    }
    .main .header .header-settings-dropdown .dropdown-item>i,
    .main .header .header-settings-dropdown .dropdown-item>span>i,
    .main .header .header-settings-dropdown .form-check-label>i,
    .main .header .header-settings-dropdown #settingsLanguageToggle>.fa-earth-americas,
    .main .header .mobile-rotate-icon {
        color:#e6bd68!important;
    }
    .main .header .mobile-rotate-icon>.fa-rotate {
        color:#f5d887!important;
        background:#393127!important;
    }
    .main .header .header-settings-dropdown li:not(#settingsSound):not(#settingsFullscreen):has(.form-check-input:checked)>.dropdown-item {
        background:linear-gradient(180deg,rgba(72,104,75,.98),rgba(38,65,47,.99))!important;
        border-color:rgba(120,196,128,.3)!important;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .main .header .btn-purple[href="/vip"],.main .header .header-buychips-link { height:34px!important; min-height:34px!important; padding-top:0!important; padding-bottom:0!important; line-height:1!important; transform:translateY(-1px)!important; }
 .main .header .header-settings-dropdown .header-mobile-menu-button { width:42px!important; min-width:42px!important; padding:0!important; }
 .main .header .header-settings-dropdown .header-mobile-menu-button::after { display:none!important; }
 .main .header .header-settings-dropdown .header-mobile-menu-button > i { left:50%!important; }
 .main .header .header-settings-dropdown > .dropdown-menu { width:min(300px,calc(100vw - 16px))!important; min-width:0!important; max-height:calc(100dvh - 68px)!important; padding:8px!important; overflow:auto!important; gap:4px!important; }
 .main .header .header-settings-dropdown > .dropdown-menu.show { display:grid!important; grid-template-columns:minmax(0,1fr)!important; }
 .main .header .header-settings-dropdown > .dropdown-menu > li { width:100%!important; min-width:0!important; animation:none!important; }
 .main .header .header-settings-dropdown > .dropdown-menu > li > .dropdown-item { width:100%!important; min-width:0!important; min-height:40px!important; height:40px!important; padding:8px 10px!important; gap:10px!important; justify-content:flex-start!important; font-size:14px!important; transform:none!important; }
 .main .header .header-settings-dropdown .dropdown-item > span:first-child:not(.settings-language-current),.main .header .header-settings-dropdown .form-check-label { display:flex!important; align-items:center; justify-content:flex-start!important; gap:10px!important; font-size:14px!important; width:auto!important; min-width:0; }
 .main .header .header-settings-dropdown .form-check-label > span { display:inline!important; font-size:14px!important; }
 .main .header .header-settings-dropdown .dropdown-item > .visually-hidden { position:static!important; width:auto!important; height:auto!important; clip:auto!important; overflow:visible!important; white-space:normal!important; margin:0!important; font-size:14px!important; }
 .main .header .header-settings-dropdown .dropdown-item > i { width:22px!important; font-size:17px!important; order:-1; flex:0 0 22px; }
 .main .header .header-settings-dropdown .form-check-label > i { width:22px!important; font-size:17px!important; }
 .main .header .header-settings-dropdown .form-switch { display:block!important; margin-left:auto!important; min-height:0; padding-left:2.5em; }
 .main .header .header-settings-dropdown .form-check-input { float:none; margin-top:0; }
 .main .header .header-settings-dropdown .mobile-rotate-icon { flex:0 0 22px; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .main .header .header-settings-dropdown > .dropdown-menu { width:min(470px,calc(100vw - 16px))!important; }
 .main .header .header-settings-dropdown > .dropdown-menu.show { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) { .main .header .header-settings-dropdown > .dropdown-menu > li { grid-row:auto!important; } .main .header .header-settings-dropdown #logout { grid-column:auto!important; } .main .header .header-settings-dropdown #logout .dropdown-item,.main .header .header-settings-dropdown #settingsLanguageToggle { justify-content:flex-start!important; } .main .header .header-settings-dropdown .form-check-label { flex:1; white-space:nowrap; } .main .header .header-settings-dropdown .form-switch { flex:0 0 34px; width:34px; padding:0!important; } .main .header .header-settings-dropdown .form-check-input { margin:0!important; width:34px; } }
@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .main .header .btn-purple[href="/vip"] { width:40px; min-width:40px; padding-left:0!important; padding-right:0!important; display:inline-flex; align-items:center; justify-content:center; gap:0; }
    .main .header .btn-purple[href="/vip"] > span { display:none!important; }
    .main .header .btn-purple[href="/vip"] > .fa-crown { font-size:20px!important; margin:0!important; line-height:1; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .main .header .header-buychips-link { width:auto!important; min-width:0!important; padding-inline:8px!important; display:inline-flex; align-items:center; justify-content:center; gap:5px; }
    .main .header .header-buychips-portrait-label { display:inline; font-size:14px; line-height:1; }
    .main .header .blot-balance-animated { margin-left:auto!important; margin-right:0!important; padding-left:4px!important; padding-right:0!important; }
    .main .header #openProfile { margin-left:2px!important; }
}
@media(hover: none) and (pointer: coarse) and (min-width: 520px) {
    .main .header #openProfile.blot-user-vip::after { top:-3px; right:0; font-size:15px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .main .header .btn-purple[href="/vip"] { width:auto!important; min-width:72px; padding-inline:10px!important; gap:6px; }
 .main .header .btn-purple[href="/vip"] > span { display:inline!important; font-size:14px; }
 .main .header .btn-purple[href="/vip"] > .fa-crown { font-size:18px!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .main {--header-height:64px;}
 .main .header {height:64px!important; min-height:64px; flex-shrink:0; padding-top:8px!important; padding-bottom:8px!important;}
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .blot-pwa-install {grid-template-columns:48px minmax(0,1fr); padding:18px 16px 16px; gap:12px;}
 .blot-pwa-install-icon {width:48px; height:48px;}
 .blot-pwa-install-action {grid-column:1 / -1; width:100%;}
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    #paymentMethodModal { padding: 7px !important; }
    #paymentMethodModal .payment-method-dialog {
        width: min(760px, calc(100vw - 14px));
        height: calc(100dvh - 14px) !important;
        min-height: calc(100dvh - 14px) !important;
        max-height: calc(100dvh - 14px) !important;
        margin: 0 auto !important;
        display: flex;
        align-items: center;
    }
    #paymentMethodModal .payment-method-modal { min-height: 0; max-height: calc(100dvh - 14px); padding: 13px; border: 1px solid rgba(119, 214, 235, .2); border-radius: 19px; }
    #paymentMethodModal .profile-close { top: 10px; right: 10px; width: 32px; height: 32px; }
    #paymentMethodModal .payment-method-head { min-height: 68px; padding: 8px 40px 8px 9px; grid-template-columns: 48px minmax(0, 1fr); gap: 11px; border-radius: 14px; }
    #paymentMethodModal .payment-method-icon { width: 48px; height: 48px; border-radius: 13px; }
    #paymentMethodModal .payment-method-icon i { font-size: 19px; }
    #paymentMethodModal .payment-method-icon img { width: 58px; height: 58px; }
    #paymentMethodModal .payment-method-head h4 { margin-bottom: 5px; font-size: 17px; }
    #paymentMethodModal .payment-product-row { min-height: 37px; margin-top: 5px; padding: 5px 8px 5px 11px; }
    #paymentMethodModal .payment-product-row p { font-size: 14px; }
    #paymentMethodModal .payment-product-row strong { padding: 5px 9px; font-size: 14px; }
    #paymentMethodModal .payment-method-list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin-top: 9px; }
    #paymentMethodModal .payment-method-card { min-height: 88px; padding: 7px 6px; gap: 6px; border-radius: 12px; }
    #paymentMethodModal .payment-method-card-visual { width: 52px; height: 43px; flex-basis: 43px; border-radius: 0; }
    #paymentMethodModal .payment-method-card[data-payment-method="24"] .payment-method-card-visual img,
    #paymentMethodModal .payment-method-card[data-payment-method="2075"] .payment-method-card-visual img { width: 68%; height: 68%; }
    #paymentMethodModal .payment-method-card span { font-size: 14px; line-height: 1.15; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .store-section-tabs { padding:4px; border-radius:13px; }
    .store-section-tab { min-width:125px; min-height:36px; padding-inline:12px; border-radius:10px; font-size:14px; }
    .buychips-v2 .chips-shop { grid-template-rows:auto minmax(0,1fr) auto!important; }
    .buychips-v2 .chips-shop:has(.chips-offer-store) { grid-template-rows:auto auto minmax(0,1fr) auto!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .store-section-tabs { padding:3px; border-radius:11px; }
    .store-section-tab { min-width:112px; min-height:32px; padding-inline:10px; border-radius:8px; font-size:14px; }
    .buychips-v2 .chips-shop { grid-template-rows:auto minmax(0,1fr) auto!important; }
    .buychips-v2 .chips-shop:has(.chips-offer-store) { grid-template-rows:auto auto minmax(0,1fr) auto!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .buychips-v2 { height: 100%; min-height: 0; padding: 8px 10px !important; overflow: hidden !important; }
    .buychips-v2 .chips-shop { gap: 12px; }
    .buychips-v2 .chips-shop-head { display: none !important; }
    .buychips-v2 .chips-shop-mark { width: 52px !important; height: 52px !important; flex-basis: 52px; border-radius: 16px !important; font-size: 22px; }
    .buychips-v2 .chips-shop-heading { gap: 12px; }
    .buychips-v2 .chips-shop-heading h2 { font-size: 25px !important; }
    .buychips-v2 .chips-shop-heading p { font-size: 14px; }
    .buychips-v2 .chips-shop-hint { display: none !important; }
    .buychips-v2 .chips-offer-store { min-height: 66px; padding: 10px 13px !important; }
    .buychips-v2 .chips-shop { grid-template-rows: minmax(0, 1fr) auto; gap: 7px; }
    .buychips-v2 .chips-package-grid { height: 100% !important; padding-block: 3px !important; box-sizing: border-box; grid-template-columns: 1fr !important; grid-template-rows: repeat(6, minmax(0, 1fr)) !important; gap: 11px !important; overflow: hidden !important; }
    .buychips-v2 .chips-package { min-height: 0; height: 100%; padding: 7px 12px !important; grid-template-columns: 110px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) 34px; align-items: center; gap: 3px 10px; border-radius: 15px !important; }
    .buychips-v2 .chips-package-icon { width: 43px !important; height: 43px !important; border-radius: 13px !important; font-size: 19px !important; }
    .buychips-v2 .chips-package-top { position: relative; grid-column: 1; grid-row: 1; align-self: center; }
    .buychips-v2 .chips-package-icon { width: clamp(48px, 6.3dvh, 54px) !important; height: clamp(48px, 6.3dvh, 54px) !important; margin-top: 4px !important; border-radius: 0 !important; }
    .buychips-v2 .chips-package-vip { position: absolute; left: 50%; bottom: 0; top: auto; right: auto; max-width: 78px; padding: 4px 6px !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; translate: -50% 0; font-size: 14px !important; }
    .buychips-v2 .chips-package-content { grid-column: 2; grid-row: 1; align-self: center; padding: 0; gap: 5px; }
    .buychips-v2 .chips-package-amount { font-size: clamp(25px, 7vw, 31px) !important; }
    .buychips-v2 .chips-package-label { font-size: 14px !important; }
    .buychips-v2 .chips-package-bottom { grid-column: 1 / -1; grid-row: 2; grid-template-columns: 110px minmax(0, 1fr); gap: 10px; padding: 0 !important; border: 0 !important; }
    .buychips-v2 .chips-package-bottom::before,
    .buychips-v2 .chips-package-bottom::after { display: none !important; }
    .buychips-v2 .chips-package-price { width: 100%; font-size: clamp(19px, 5.4vw, 22px) !important; text-align: center !important; }
    .buychips-v2 .chips-package-action { width: 100%; min-height: 32px; font-size: 14px !important; }
    .buychips-v2 .chips-package-action i { display: block !important; margin: 0 !important; color: #4a3000 !important; font-size: 14px !important; opacity: 1 !important; }
    .buychips-v2 .chips-package-popular { top: 7px !important; right: 8px !important; padding: 4px 7px !important; font-size: 14px !important; }
    .buychips-v2 .chips-package-vip { font-size: 14px !important; }
    .buychips-v2 .chips-shop-payment { min-height: 48px; padding: 7px 10px !important; }
    .buychips-v2 .chips-shop-payment-copy span { display: none; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .buychips-v2 { height: 100%; min-height: 0; padding: 7px 8px !important; overflow: hidden !important; }
    .buychips-v2 .chips-shop { height: 100%; grid-template-rows: minmax(0, 1fr) auto; gap: 8px; }
    .buychips-v2 .chips-shop-head { display: none !important; }
    .buychips-v2 .chips-offer-store { min-height: 48px; max-height: 48px; padding: 6px 12px !important; border-radius: 14px !important; }
    .buychips-v2 .chips-package-grid { height: 100% !important; min-height: 0; padding-block: 3px !important; box-sizing: border-box; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-template-rows: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
    .buychips-v2 .chips-package { min-height: 0; height: 100%; padding: 5px 7px !important; grid-template-columns: clamp(84px, 23dvh, 92px) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) 34px; align-items: center; gap: 4px 7px; border-radius: 14px !important; }
    .buychips-v2 .chips-package-top { position: relative; display: flex !important; grid-column: 1; grid-row: 1; }
    .buychips-v2 .chips-package-icon { width: clamp(50px, 14dvh, 60px) !important; height: clamp(50px, 14dvh, 60px) !important; border-radius: 12px !important; }
    .buychips-v2 .chips-package-old-amount { display: none !important; }
    .buychips-v2 .chips-package-label { display: inline !important; color: rgba(219,240,246,.62) !important; font-size: 14px !important; }
    .buychips-v2 .chips-package-vip { display: block !important; width: auto; min-height: 0; max-width: 60px; bottom: -1px; padding: 3px 4px !important; font-size: 14px !important; }
    .buychips-v2 .chips-package-action { display: flex !important; width: 100%; min-height: 34px; padding: 0 9px !important; font-size: 14px !important; }
    .buychips-v2 .chips-package-action i { display: block !important; margin: 0 !important; font-size: 14px !important; }
    .buychips-v2 .chips-package-content { grid-column: 2; grid-row: 1; align-self: center; padding-top: 0; }
    .buychips-v2 .chips-package-amount { flex: 0 0 auto !important; width: auto !important; max-width: none !important; padding-right: 2px; font-size: clamp(22px, 4.5dvh, 31px) !important; overflow: visible !important; text-overflow: clip !important; }
    .buychips-v2 .chips-package-bottom { display: grid !important; grid-column: 1 / -1; grid-row: 2; grid-template-columns: clamp(84px, 23dvh, 92px) minmax(0, 1fr); gap: 7px; padding: 0 !important; border: 0 !important; }
    .buychips-v2 .chips-package-price { width: 100%; max-width: none !important; font-size: clamp(15px, 3.6dvh, 19px) !important; text-align: center !important; white-space: nowrap; overflow: visible !important; text-overflow: clip !important; }
    .buychips-v2 .chips-package-popular { top: 4px !important; right: 5px !important; padding: 3px 5px !important; font-size: 14px !important; }
    .buychips-v2 .chips-shop-payment { min-height: 42px; max-height: 42px; padding: 6px 10px !important; border-radius: 13px !important; }
    .buychips-v2 .chips-shop-payment-copy span { display: none; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .buychips-v2 .chips-package { box-shadow:0 8px 18px rgba(0,0,0,.25)!important; }
    .buychips-v2 .chips-package-action { box-shadow:0 3px 0 #875b20,0 7px 12px rgba(0,0,0,.2)!important; }
    .buychips-v2 .chips-package-featured .chips-package-action { box-shadow:0 3px 0 #67241f,0 7px 12px rgba(0,0,0,.22)!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait), (hover: none) and (pointer: coarse) and (min-width: 520px) {
 .buychips-v2 .chips-package:nth-child(n) { padding-top:25px!important; }
 .buychips-v2 .chips-package-vip { font-size:14px!important; }
 .buychips-v2 .chips-shop-payment { flex-wrap:wrap; gap:6px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
 .buychips-v2 .chips-package-action-full { display:none!important; }
 .buychips-v2 .chips-package-action-short { display:inline!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .buychips-v2 .chips-package-grid { align-self:center!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait), (hover: none) and (pointer: coarse) and (min-width: 520px) {
 .main .buychips-page.buychips-v2 .chips-shop { height:100%!important; grid-template-rows:minmax(0,1fr) auto!important; align-content:stretch!important; }
 .main .buychips-page.buychips-v2 .chips-package-grid { grid-row:1!important; height:100%!important; align-self:stretch!important; }
 .main .buychips-page.buychips-v2 .chips-shop-payment { grid-row:2!important; height:auto!important; min-height:38px!important; align-self:end; }
 .main .buychips-page.buychips-v2 .chips-shop:has(.chips-offer-store) { grid-template-rows:auto minmax(0,1fr) auto!important; }
 .main .buychips-page.buychips-v2 .chips-shop:has(.chips-offer-store) .chips-package-grid { grid-row:2!important; }
 .main .buychips-page.buychips-v2 .chips-shop:has(.chips-offer-store) .chips-shop-payment { grid-row:3!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .main .buychips-page.buychips-v2 .chips-shop { grid-template-rows:auto minmax(0,1fr) auto!important; }
 .main .buychips-page.buychips-v2 .chips-shop-head { display:grid!important; grid-row:1!important; grid-template-columns:minmax(0,1fr)!important; min-height:0!important; padding:8px 10px!important; gap:6px!important; border-radius:14px!important; }
 .main .buychips-page.buychips-v2 .chips-shop-back,.main .buychips-page.buychips-v2 .chips-shop-mark,.main .buychips-page.buychips-v2 .chips-shop-heading p { display:none!important; }
 .main .buychips-page.buychips-v2 .chips-shop-heading h2 { margin:0!important; font-size:18px!important; }
 .main .buychips-page.buychips-v2 .store-section-tabs { margin:0!important; padding:3px!important; width:100%; }
 .main .buychips-page.buychips-v2 .store-section-tab { flex:1; min-height:30px!important; height:30px!important; padding:4px 8px!important; font-size:14px!important; }
 .main .buychips-page.buychips-v2 .chips-package-grid { grid-row:2!important; }
 .main .buychips-page.buychips-v2 .chips-shop-payment { grid-row:3!important; }
 .main .buychips-page.buychips-v2 .chips-shop:has(.chips-offer-store) { grid-template-rows:auto auto minmax(0,1fr) auto!important; }
 .main .buychips-page.buychips-v2 .chips-offer-store { grid-row:2!important; }
 .main .buychips-page.buychips-v2 .chips-shop:has(.chips-offer-store) .chips-package-grid { grid-row:3!important; }
 .main .buychips-page.buychips-v2 .chips-shop:has(.chips-offer-store) .chips-shop-payment { grid-row:4!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .main .buychips-page.buychips-v2 .chips-package { padding-bottom:11px!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .buychips-v2 .chips-package-action-full { display: none !important; }
    .buychips-v2 .chips-package-action-short { display: inline !important; }
    .chips-offer-banner.arcade-lobby-offer,
    .buychips-v2 .chips-offer-store {
        min-height: 80px !important;
        height: 80px !important;
        padding: 8px 10px !important;
        grid-template-columns: 44px minmax(0, 1fr) auto;
        grid-template-rows: 1fr 1fr;
        gap: 3px 9px;
        border-radius: 17px !important;
    }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-icon,
    .buychips-v2 .chips-offer-store .chips-offer-icon {
        width: 44px;
        height: 44px;
        border-radius: 14px !important;
        font-size: 19px;
    }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-copy,
    .buychips-v2 .chips-offer-store .chips-offer-copy {
        grid-row: 1;
        gap: 0;
    }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-copy strong,
    .buychips-v2 .chips-offer-store .chips-offer-copy strong {
        font-size: 14px !important;
    }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-copy small,
    .buychips-v2 .chips-offer-store .chips-offer-copy small {
        font-size: 14px !important;
    }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-value,
    .buychips-v2 .chips-offer-store .chips-offer-value {
        grid-column: 3;
        grid-row: 1;
        min-width: 49px;
        padding: 5px 6px !important;
        font-size: 14px !important;
    }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-timer,
    .buychips-v2 .chips-offer-store .chips-offer-timer {
        grid-column: 2;
        grid-row: 2;
        justify-content: flex-start;
        font-size: 14px !important;
    }
    .chips-offer-banner.arcade-lobby-offer .chips-offer-timer b,
    .buychips-v2 .chips-offer-store .chips-offer-timer b {
        font-size: 14px !important;
    }

    .chips-offer-banner.arcade-lobby-offer {
        grid-template-columns: 44px minmax(0, 1fr) auto;
    }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-action {
        grid-column: 3;
        grid-row: 2;
        min-width: 82px;
        min-height: 30px;
        padding: 0 9px;
        gap: 7px;
        font-size: 14px;
        border-radius: 10px;
    }

    .buychips-v2 .chips-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
        height: min(100%, 560px) !important;
        width: 100%;
        align-self: center !important;
        align-content: stretch !important;
        gap: 10px !important;
        padding-block: 2px !important;
    }

    .buychips-v2 .chips-package {
        min-height: 0 !important;
        height: 100% !important;
        padding: 10px !important;
        grid-template-columns: minmax(58px, 40%) minmax(0, 1fr) !important;
        grid-template-rows: minmax(0, 1fr) 36px !important;
        gap: 8px !important;
        border-radius: 17px !important;
    }

    .buychips-v2 .chips-package-top {
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-width: 0;
        align-self: stretch !important;
    }

    .buychips-v2 .chips-package-icon {
        width: clamp(50px, 7.2dvh, 60px) !important;
        height: clamp(50px, 7.2dvh, 60px) !important;
        margin: 0 !important;
    }

    .buychips-v2 .chips-package-content {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0;
        padding: 0 !important;
        display: grid !important;
        align-content: center;
        justify-items: start;
        gap: 3px !important;
    }

    .buychips-v2 .chips-package-old-amount {
        display: none !important;
    }

    .buychips-v2 .chips-package-amount {
        width: 100%;
        font-size: clamp(21px, 6.6vw, 28px) !important;
        line-height: 1 !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap;
    }

    .buychips-v2 .chips-package-label {
        display: block !important;
        font-size: 14px !important;
        line-height: 1;
    }

    .buychips-v2 .chips-package-bottom {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        grid-template-columns: 40% minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    .buychips-v2 .chips-package-price {
        font-size: clamp(15px, 4.5vw, 18px) !important;
    }

    .buychips-v2 .chips-package-action {
        min-width: 0;
        min-height: 34px !important;
        padding: 0 7px !important;
        gap: 5px !important;
        font-size: 14px !important;
        white-space: nowrap;
    }

    .buychips-v2 .chips-package-action i {
        flex: 0 0 auto;
        font-size: 14px !important;
    }

    .buychips-v2 .chips-package-vip {
        max-width: 72px;
        padding: 3px 5px !important;
        font-size: 14px !important;
    }

    .buychips-v2 .chips-package-popular {
        top: 7px !important;
        right: 7px !important;
        z-index: 4;
        font-size: 14px !important;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .chips-offer-banner.arcade-lobby-offer,
    .buychips-v2 .chips-offer-store {
        min-height: 52px !important;
        height: 52px !important;
        padding: 5px 9px !important;
        grid-template-columns: 38px minmax(0, 1fr) auto auto;
        grid-template-rows: 1fr;
        gap: 8px;
        border-radius: 14px !important;
    }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-icon,
    .buychips-v2 .chips-offer-store .chips-offer-icon {
        grid-row: 1;
        width: 38px;
        height: 38px;
        border-radius: 12px !important;
        font-size: 17px;
    }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-copy,
    .buychips-v2 .chips-offer-store .chips-offer-copy {
        grid-row: 1;
    }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-copy strong,
    .buychips-v2 .chips-offer-store .chips-offer-copy strong { font-size: 14px !important; }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-copy small,
    .buychips-v2 .chips-offer-store .chips-offer-copy small { display: none; }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-value,
    .buychips-v2 .chips-offer-store .chips-offer-value,
    .chips-offer-banner.arcade-lobby-offer .chips-offer-timer,
    .buychips-v2 .chips-offer-store .chips-offer-timer { grid-row: 1; }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-timer,
    .buychips-v2 .chips-offer-store .chips-offer-timer { grid-column: 4; }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-timer,
    .buychips-v2 .chips-offer-store .chips-offer-timer { font-size:14px !important; }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-timer b,
    .buychips-v2 .chips-offer-store .chips-offer-timer b { font-size:14px !important; }

    .chips-offer-banner.arcade-lobby-offer {
        grid-template-columns: 38px minmax(0, 1fr) auto auto 132px;
    }

    .chips-offer-banner.arcade-lobby-offer .chips-offer-action {
        grid-column: 5;
        grid-row: 1;
        min-width: 132px;
        min-height: 36px;
        padding: 0 16px;
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .vip-store-page { padding:9px 10px!important; overflow:auto; }
    .vip-page-shop { gap:10px; }
    .vip-page-root { display:block; }
    .vip-page-root .vip-dialog { width:100%!important; min-height:0!important; margin:0!important; }
    #vipModal.vip-page-root .vip-page-card { max-height:none!important; border-radius:20px!important; border-bottom:1px solid rgba(229,190,113,.24)!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    #vipModal { align-items: flex-end; }
    #vipModal .vip-dialog {
        --bs-modal-width: 100vw;
        width: 100vw !important;
        max-width: none !important;
        margin: auto 0 0 !important;
        min-height: calc(100% - 8px) !important;
        align-items: flex-end !important;
    }
    #vipModal .vip-modal {
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100dvh - 8px);
        padding: 16px !important;
        border-radius: 24px 24px 0 0 !important;
        border-bottom: 0 !important;
    }
    #vipModal .vip-close { top: 13px !important; right: 13px !important; width: 36px !important; height: 36px !important; }
    #vipModal .vip-hero { min-height: 68px; padding: 8px 46px 8px 9px !important; gap: 10px !important; flex-direction: row !important; align-items: center !important; }
    #vipModal .vip-badge { width: 52px !important; height: 52px !important; font-size: 22px !important; border-radius: 15px !important; }
    #vipModal .vip-hero h4 { font-size: 20px !important; }
    #vipModal .vip-hero p { font-size: 14px !important; }
    #vipModal .vip-benefits { gap: 0 !important; margin-top: 11px !important; }
    #vipModal .vip-benefits {
        grid-template-columns: 1fr !important;
        padding: 3px 2px !important;
        justify-items: stretch !important;
        text-align: left !important;
        overflow: visible;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }
    #vipModal .vip-item {
        position: relative;
        min-height: 0;
        padding: 4px 0 4px 19px !important;
        gap: 0 !important;
        border: 0 !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }
    #vipModal .vip-benefits .vip-item,
    #vipModal .vip-benefits .vip-item:nth-child(odd),
    #vipModal .vip-benefits .vip-item:nth-child(-n+2) {
        border: 0 !important;
        border-bottom: 1px solid rgba(116, 209, 230, .11) !important;
    }
    #vipModal .vip-benefits .vip-item:last-child {
        border-bottom: 0 !important;
    }
    #vipModal .vip-item::before {
        content: "";
        position: absolute;
        left: 3px;
        top: 11px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #67d8eb;
        box-shadow: 0 0 8px rgba(103, 216, 235, .28);
    }
    #vipModal .vip-icon { display: none !important; }
    #vipModal .vip-text { width: 100%; font-size: 14px !important; line-height: 1.28 !important; text-align: left !important; }
    #vipModal .vip-current-status { margin-top: 10px !important; }
    #vipModal .vip-packages { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; margin-top: 11px !important; }
    #vipModal .vip-card { min-height: 62px; padding: 9px !important; }
    #vipModal .vip-card { grid-template-columns: 42px minmax(0, 1fr) !important; column-gap: 9px !important; }
    #vipModal .vip-card-picture { width: 42px; height: 42px; min-width: 42px; min-height: 42px; margin: 0; border-radius: 12px; font-size: 18px; }
    #vipModal .vip-price { font-size: 18px !important; }
    #vipModal .vip-footer { margin-top: 11px !important; padding-top: 11px !important; }
    #vipModal .vip-footer > span { font-size: 14px !important; }
    #vipModal .vip-buy-btn { min-width: 138px !important; height: 42px !important; font-size: 14px !important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    #vipModal .vip-dialog {
        --bs-modal-width: min(820px, calc(100vw - 20px));
        width: min(820px, calc(100vw - 20px)) !important;
        max-width: min(820px, calc(100vw - 20px)) !important;
        margin: 8px auto !important;
    }
    #vipModal .vip-modal {
        height: min(330px, calc(100dvh - 16px)) !important;
        min-height: min(330px, calc(100dvh - 16px)) !important;
        max-height: calc(100dvh - 16px);
        padding: 12px !important;
        display: grid !important;
        grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
        grid-template-rows: auto auto minmax(0, 1fr) auto;
        gap: 9px 12px;
        overflow: hidden !important;
        border-radius: 20px !important;
    }
    #vipModal .vip-close { top: 11px !important; right: 11px !important; width: 34px !important; height: 34px !important; }
    #vipModal .vip-hero { grid-column: 1 / -1; grid-row: 1; min-height: 54px; padding: 5px 42px 5px 8px !important; gap: 9px !important; flex-direction: row !important; align-items: center !important; }
    #vipModal .vip-badge { width: 44px !important; height: 44px !important; font-size: 19px !important; border-radius: 13px !important; }
    #vipModal .vip-hero h4 { margin-top: 0 !important; font-size: 18px !important; }
    #vipModal .vip-hero p { display: none !important; }
    #vipModal .vip-benefits {
        grid-column: 1;
        grid-row: 2 / 5;
        align-content: center;
        margin: 0 !important;
        padding: 4px 2px !important;
        gap: 3px 10px !important;
        overflow: visible;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }
    #vipModal .vip-item {
        position: relative;
        min-height: 0;
        padding: 5px 2px 5px 18px !important;
        gap: 0 !important;
        border: 0 !important;
    }
    #vipModal .vip-item::before {
        content: "";
        position: absolute;
        left: 3px;
        top: 12px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #67d8eb;
        box-shadow: 0 0 8px rgba(103, 216, 235, .28);
    }
    #vipModal .vip-icon { display: none !important; }
    #vipModal .vip-text { font-size: 14px !important; line-height: 1.2 !important; }
    #vipModal .vip-current-status { grid-column: 2; grid-row: 2; align-self: center; margin: 0 !important; padding: 7px 10px !important; }
    #vipModal .vip-packages {
        grid-column: 2;
        grid-row: 3;
        align-self: stretch;
        margin: 0 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    #vipModal .vip-card { min-height: 0; height: 100%; padding: 8px 6px !important; }
    #vipModal .vip-card { grid-template-columns: 58px minmax(0, 1fr) !important; column-gap: 8px !important; }
    #vipModal .vip-card-picture { width: 40px; height: 40px; min-width: 40px; min-height: 40px; margin: 0; border-radius: 12px; font-size: 17px; }
    #vipModal .vip-days { font-size: 14px !important; }
    #vipModal .vip-price { font-size: 18px !important; }
    #vipModal .vip-footer {
        grid-column: 2;
        grid-row: 4;
        margin: 0 !important;
        padding: 10px !important;
        gap: 10px !important;
    }
    #vipModal .vip-footer > span { padding: 0 !important; font-size: 14px !important; }
    #vipModal .vip-buy-btn { min-width: 132px !important; height: 40px !important; font-size: 14px !important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    #vipModal .vip-modal { padding:14px !important; }
    #vipModal .vip-benefits { grid-template-columns:minmax(0,1fr) !important;gap:5px !important; }
    #vipModal .vip-item,#vipModal .vip-item:nth-child(odd),#vipModal .vip-item:nth-child(-n+2) { min-height:38px;padding:5px 8px !important;display:grid !important;grid-template-columns:28px minmax(0,1fr);gap:7px !important;text-align:left !important; }
    #vipModal .vip-item::before { display:none !important; }
    #vipModal .vip-icon { display:grid !important;width:28px !important;height:28px !important;font-size:14px !important; }
    #vipModal .vip-text { font-size:14px !important;text-align:left !important; }
    #vipModal .vip-packages { display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important; }
    #vipModal .vip-card { min-height:82px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    #vipModal .vip-dialog { --bs-modal-width:min(820px,calc(100vw - 16px));width:min(820px,calc(100vw - 16px)) !important;max-width:min(820px,calc(100vw - 16px)) !important;margin:6px auto !important; }
    #vipModal .vip-modal { height:calc(100dvh - 12px) !important;min-height:0 !important;max-height:calc(100dvh - 12px);padding:10px !important;display:grid !important;grid-template-columns:1fr !important;grid-template-rows:52px auto auto minmax(98px,1fr) 42px !important;gap:7px !important;border-radius:18px !important; }
    #vipModal .vip-hero { grid-column:1;grid-row:1;width:100% !important;max-width:100%;justify-self:center !important;min-height:0;padding:4px 42px 4px 7px !important; }
    #vipModal .vip-badge { width:40px !important;height:40px !important;font-size:18px !important; }
    #vipModal .vip-hero h4 { font-size:18px !important; }
    #vipModal .vip-benefits { grid-column:1;grid-row:2;width:100% !important;max-width:100%;justify-self:center !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important;margin:0 !important;padding:0 !important; }
    #vipModal .vip-item,#vipModal .vip-item:nth-child(odd),#vipModal .vip-item:nth-child(-n+2) { min-height:0;padding:5px 7px !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;gap:6px !important;text-align:center !important; }
    #vipModal .vip-item::before { display:none !important; }
    #vipModal .vip-icon { display:grid !important;width:26px !important;height:26px !important;font-size:14px !important; }
    #vipModal .vip-text { font-size:14px !important;text-align:center !important; }
    #vipModal .vip-current-status { position:static;grid-column:1;grid-row:3;justify-self:center !important;z-index:auto;max-width:none;margin:0 !important;padding:4px 10px !important;font-size:14px !important; }
    #vipModal .vip-packages { grid-column:1;grid-row:4;width:100% !important;max-width:100%;justify-self:center !important;display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;align-self:center !important;align-items:stretch;height:min(112px,100%) !important;gap:7px !important;margin:0 !important;padding:0 !important;overflow:visible !important;touch-action:auto; }
    #vipModal .vip-card { width:auto !important;height:100%;min-width:0 !important;min-height:98px;padding:9px 10px !important;grid-template-columns:40px minmax(0,1fr) !important;align-content:center !important;align-items:center !important;opacity:.76;transition:opacity .16s ease,border-color .16s ease !important; }
    #vipModal .vip-card-active { opacity:1; }
    #vipModal .vip-card-picture { width:38px;height:38px;min-width:38px;min-height:38px;align-self:center !important; }
    #vipModal .vip-footer { grid-column:1;grid-row:5;width:100% !important;max-width:100%;justify-self:center !important;margin:0 !important;padding:0 !important;border:0 !important; }
    #vipModal .vip-buy-btn { min-width:190px !important;height:40px !important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .vip-store-page { padding:10px!important; }
    #vipModal.vip-page-root .vip-modal { grid-template-columns:1fr!important;padding:14px!important;border-radius:20px!important; }
    #vipModal.vip-page-root .vip-hero,
    #vipModal.vip-page-root .vip-benefits,
    #vipModal.vip-page-root .vip-current-status,
    #vipModal.vip-page-root .vip-packages,
    #vipModal.vip-page-root .vip-footer { grid-column:1!important;grid-row:auto!important; }
    #vipModal.vip-page-root .vip-hero { min-height:86px!important;padding:13px!important; }
    #vipModal.vip-page-root .vip-packages { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    #vipModal.vip-page-root .vip-card { min-height:96px!important;padding:12px!important;grid-template-columns:48px minmax(0,1fr)!important; }
    #vipModal.vip-page-root .vip-card-picture { width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;font-size:18px!important; }
    #vipModal.vip-page-root .vip-footer { flex-direction:column!important; }
    #vipModal.vip-page-root .vip-buy-btn { width:100%!important;min-width:0!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .fortune-page { padding: 10px; overflow: hidden; }
    .fortune-page .fortune-panel { height: 100%; min-height: 0; overflow: visible; }
    .fortune-page .fortune-stage {
        height: 100%;
        min-height: 0;
        padding: clamp(14px, 3.5vw, 22px);
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto auto auto;
        align-content: center;
        gap: 10px;
        border-radius: 0;
    }
    .fortune-page .fortune-hero-kicker { margin-bottom: 6px; }
    .fortune-page .fortune-hero h1 { font-size: clamp(29px, 8vw, 39px); }
    .fortune-page .fortune-hero p { display: none; }
    .fortune-page .fortune-wheel-card { height: auto; min-height: 0; padding: 4px 0; }
    .fortune-page .fortune-wheel-card .wheel-wrapper { width: min(98cqw, 98cqh, 470px); }
    .fortune-page .fortune-status { margin-top: 0; padding: 11px 13px; }
    .fortune-page .fortune-status-icon { width: 40px; height: 40px; }
    .fortune-page .fortune-rules-card { margin-top: 0; padding: 9px 12px 10px; }
    .fortune-page .fortune-rules-card { flex: 0 0 auto; }
    .fortune-page .fortune-section-title { margin-bottom: 5px; }
    .fortune-page .fortune-rules { grid-template-columns: 1fr; gap: 0; }
    .fortune-page .fortune-rules > div {
        min-height: 34px;
        padding: 7px 8px;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        font-size: 14px;
        line-height: 1.25;
    }
    .fortune-page .fortune-rules > div + div {
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.075);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .fortune-page { padding: 6px; }
    .fortune-page .fortune-stage {
        height: 100%;
        grid-template-columns: minmax(300px, .88fr) minmax(330px, 1.12fr);
        grid-template-rows: minmax(0, 1fr);
        gap: 14px;
        padding: 12px 18px;
        border-radius: 0;
    }
    .fortune-page .fortune-content { display: flex; height: 100%; justify-content: center; }
    .fortune-page .fortune-hero h1 { font-size: clamp(25px, 7vh, 34px); }
    .fortune-page .fortune-status { margin-top: 9px; padding: 9px 11px; }
    .fortune-page .fortune-status-icon { width: 36px; height: 36px; }
    .fortune-page .fortune-rules-card { margin-top: 8px; padding: 8px 10px; }
    .fortune-page .fortune-rules-card .fortune-section-title {
        margin-bottom: 7px;
        font-size: 14px;
    }
    .fortune-page .fortune-rules-card .fortune-section-title i {
        font-size: 14px;
    }
    .fortune-page .fortune-rules { grid-template-columns: 1fr; }
    .fortune-page .fortune-rules > div {
        min-height: 29px;
        padding: 5px 7px;
        display: grid;
        grid-template-columns: 20px minmax(0, 1fr);
        align-items: center;
        column-gap: 9px;
        font-size: 14px;
        line-height: 1.2;
    }
    .fortune-page .fortune-rules i {
        width: 20px;
        text-align: center;
        font-size: 17px;
    }
    .fortune-page .fortune-rules span {
        min-width: 0;
        text-align: left;
    }
    .fortune-page .fortune-wheel-card { height: 100%; padding: 7px; }
    .fortune-page .fortune-wheel-card .wheel-wrapper { width: min(98cqw, 98cqh); }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .friend-table-modal .friend-table-actions { gap:9px; }
    .friend-table-modal .friend-table-action { min-height:58px;padding:9px 10px;font-size:14px; }
    .friend-table-modal .friend-table-action > i { width:28px;height:28px;border-radius:9px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .game-leave-modal .modal-dialog,
    .game-resume-modal .modal-dialog { max-width: 500px; margin: 8px auto; }
    .game-leave-modal .modal-header,
    .game-resume-modal .modal-header { padding: 13px 18px 10px; }
    .game-leave-modal .modal-title,
    .game-resume-modal .modal-title { font-size: 19px; }
    .game-leave-modal .modal-body,
    .game-resume-modal .modal-body { padding: 13px 18px; font-size: 14px; }
    .game-leave-modal .modal-footer,
    .game-resume-modal .modal-footer { padding: 10px 18px 13px; }
    .game-leave-modal .btn,
    .game-resume-modal .btn { min-height: 40px; }
    .not-enough-chips-dialog { --bs-modal-width: min(540px, calc(100vw - 24px)); }
    .not-enough-chips-modal { padding: 13px 18px 15px; }
    .not-enough-chips-icon { width: 46px; height: 46px; margin-bottom: 7px; border-radius: 14px; font-size: 20px; }
    .not-enough-chips-modal h3 { font-size: 20px; }
    .not-enough-chips-modal p { margin-bottom: 10px; font-size: 14px; }
    .not-enough-chips-stats { margin-bottom: 9px; }
    .not-enough-chips-stats div { padding: 8px 10px; }
    .not-enough-chips-stats span { font-size: 14px; }
    .not-enough-chips-stats strong { font-size: 20px; }
    .not-enough-chips-offer { margin-bottom: 8px; padding: 8px 10px; }
    .not-enough-chips-buy { min-height: 42px; font-size: 14px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    #gameResumeModal .modal-footer { display: flex; flex-wrap: nowrap; gap: 10px; }
    #gameResumeModal #declineResumeGameBtn { flex: 0 0 auto; min-width: 64px; padding-inline: 16px; }
    #gameResumeModal #confirmResumeGameBtn { flex: 1 1 0; min-width: 0; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .tournament-page .tournament-head { margin-bottom:12px; }
    .tournament-list-card { min-height:360px; padding:18px; }
    .tournament-list-hero { padding:20px 0 14px; }
    .tournament-list-icon { width:60px; height:60px; border-radius:18px; font-size:25px; }
    .tournament-list-art { height:112px; border-radius:14px; }
    .trnsingle-games-stage { padding:8px; border-radius:18px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    #tournamentResultsModal .modal-title { font-size:19px; }
    #tournamentResultsModal .trnsingle-final-head { font-size:14px; }
    #tournamentResultsModal .trnsingle-final-player,
    #tournamentResultsModal .trnsingle-final-player strong { font-size:14px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    #playersModal .modal-body,
    #prizeModal .modal-body,
    .tournament-prizes-modal .tournament-prizes-list {
        align-content:start !important;
        grid-auto-rows:max-content;
    }
    #playersModal .trnsingle-player,
    #prizeModal .trnsingle-prize-item,
    .tournament-prizes-modal .tournament-prize-row {
        height:auto !important;
        align-self:start;
    }
    #playersModal .modal-dialog,
    #prizeModal .modal-dialog,
    .tournament-prizes-modal .modal-dialog {
        height:auto !important;
    }
    #playersModal .modal-content,
    #prizeModal .modal-content,
    .tournament-prizes-modal .modal-content {
        height:auto !important;
        max-height:calc(100dvh - 32px) !important;
    }
    #playersModal .modal-body,
    #prizeModal .modal-body,
    .tournament-prizes-modal .tournament-prizes-list {
        max-height:min(62vh,460px) !important;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .tournament-page { padding:14px 12px; gap:14px; }
    .tournament-head { grid-template-columns:42px minmax(0,1fr); column-gap:11px; }
    .tournament-head::before { width:42px; height:42px; border-radius:13px; font-size:17px; }
    .tournament-title { font-size:27px; }
    .tournament-subtitle {
        display:block !important;
        margin-top:7px;
        font-size:14px;
        line-height:1.35;
    }
    .tournament-scroll {
        padding:0 12px;
        display:block;
        align-items:initial;
        overflow-x:hidden;
        overflow-y:auto;
        scroll-snap-type:y mandatory;
        scroll-padding-block:clamp(28px,10vh,82px);
        scrollbar-width:none;
        -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 91%,transparent 100%);
        mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 91%,transparent 100%);
        -webkit-mask-repeat:no-repeat;
        mask-repeat:no-repeat;
    }
    .tournament-scroll::-webkit-scrollbar { display:none; }
    .tournament-row {
        width:100%;
        display:flex !important;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        grid-template-columns:none !important;
        grid-auto-flow:row !important;
        gap:14px;
    }
    .tournament-row::before,
    .tournament-row::after { content:""; flex:0 0 var(--tournament-slider-edge-space,120px); }
    .tournament-row > div,
    .tournament-col {
        width:min(88vw,370px) !important;
        flex:0 0 auto !important;
        align-self:center !important;
        scroll-snap-align:center;
    }
    .tournament-list-card {
        padding:16px;
        gap:15px;
        opacity:.36;
        filter:saturate(.58) brightness(.82);
        transform:scale(.95);
        transition:transform .22s ease, opacity .22s ease, filter .22s ease, border-color .22s ease;
    }
    .tournament-list-card.tournament-slide-active {
        z-index:2;
        opacity:1;
        filter:none;
        transform:scale(1.02);
        border-color:rgba(78,218,196,.38);
    }
    .tournament-list-stat { min-height:65px; }

    .trnsingle-page { padding:10px; overflow-y:auto; }
    .trnsingle-page .trnsingle-card { height:auto; min-height:100%; }
    .trnsingle-header { padding:4px 2px 12px; }
    .trnsingle-header { padding-right:58px; }
    .trnsingle-header-trophy { right:2px; width:46px; height:46px; font-size:20px; border-radius:14px; }
    .trnsingle-title-row { align-items:flex-start; }
    .trnsingle-title-row .trnsingle-title { font-size:27px; }
    .trnsingle-subtitle { font-size:14px; }
    .trnsingle-content { overflow:visible; gap:10px; }
    .trnsingle-info-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
    .trnsingle-page .trnsingle-info-box { min-height:68px; padding:11px 12px; }
    .trnsingle-page .trnsingle-info-value { font-size:17px; }
    .trnsingle-place-score-values > strong { font-size:17px; }
    .trnsingle-place-score-values > span { font-size:15px; }
    .trnsingle-main-layout { grid-template-columns:1fr; gap:10px; }
    .trnsingle-page .trnsingle-main-layout {
        min-height: 0;
        grid-template-rows: auto auto;
    }
    .trnsingle-main-layout > div:first-child { grid-template-rows:minmax(0,1fr); }
    .trnsingle-games-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px !important; }
    .trnsingle-page .trnsingle-games-stage,
    .trnsingle-page .trnsingle-games-grid { height: auto; }
    .trnsingle-game-card { min-height:155px; padding:11px; }
    .trnsingle-game-title { font-size:17px; }
    .trnsingle-page .trnsingle-sidebar-box { display:none !important; }
    .trnsingle-sidebar-column { gap:9px; }
    .trnsingle-sidebar-actions { padding:0; gap:8px; }
    #playersModal .modal-dialog,#prizeModal .modal-dialog { width:calc(100vw - 24px); }
    #playersModal .modal-header,#prizeModal .modal-header { min-height:58px; padding:13px 15px 11px; }
    #playersModal .modal-title,#prizeModal .modal-title { font-size:18px; }
    #playersModal .modal-body,#prizeModal .modal-body { max-height:68vh; padding:11px; gap:7px; }
    #playersModal .trnsingle-player,#prizeModal .trnsingle-prize-item { min-height:45px; padding:9px 11px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .trnsingle-page { overflow:hidden; }
    .trnsingle-page .trnsingle-card {
        height:100%;
        min-height:0;
        grid-template-rows:auto minmax(0,1fr);
    }
    .trnsingle-page .trnsingle-content {
        height:100%;
        min-height:0;
        grid-template-rows:auto minmax(0,1fr);
        gap:clamp(12px,1.8vh,18px);
    }
    .trnsingle-page .trnsingle-main-layout {
        height:100%;
        min-height:0;
        grid-template-rows:minmax(0,1fr) auto;
        gap:clamp(12px,1.8vh,18px);
    }
    .trnsingle-page .trnsingle-main-layout > div:first-child,
    .trnsingle-page .trnsingle-games-stage,
    .trnsingle-page .trnsingle-games-grid { height:100%; min-height:0; }
    .trnsingle-page .trnsingle-games-grid {
        grid-template-rows:repeat(2,minmax(0,1fr));
        gap:clamp(11px,1.5vh,16px) !important;
    }
    .trnsingle-page .trnsingle-game-card { height:100%; min-height:0; padding:clamp(12px,1.7vh,17px); }
    .trnsingle-page .trnsingle-sidebar-actions { gap:clamp(8px,1.1vh,12px); }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) and (max-height: 800px) {
    .trnsingle-page { padding:7px 10px; overflow:hidden; }
    .trnsingle-page .trnsingle-card { height:100%; min-height:0; }
    .trnsingle-header { min-height:0; padding:2px 52px 7px 2px; }
    .trnsingle-title-row .trnsingle-title { font-size:23px; line-height:1.05; }
    .trnsingle-header-trophy { width:42px; height:42px; font-size:18px; }
    .trnsingle-status { padding:4px 7px; font-size:14px; }
    .trnsingle-content { gap:8px; }
    .trnsingle-info-grid { gap:7px; }
    .trnsingle-page .trnsingle-info-box { min-height:55px; padding:8px 10px; }
    .trnsingle-page .trnsingle-info-label { font-size:14px; }
    .trnsingle-page .trnsingle-info-value { margin-top:2px; font-size:15px; }
    .trnsingle-place-score-values { margin-top:2px; }
    .trnsingle-place-score-values > strong { font-size:15px; }
    .trnsingle-place-score-values > span { font-size:14px; }
    .trnsingle-main-layout { gap:8px; }
    .trnsingle-page .trnsingle-games-grid { grid-template-rows:repeat(2,minmax(0,1fr)); gap:8px !important; }
    .trnsingle-page .trnsingle-game-card { height:100%; min-height:0; padding:8px; }
    .trnsingle-game-badge { width:32px; height:32px; border-radius:9px; font-size:14px; }
    .trnsingle-game-score { padding:5px 7px; font-size:14px; }
    .trnsingle-game-center { min-height:0; margin:5px 0; }
    .trnsingle-game-state-icon { margin-bottom:3px; font-size:14px; }
    .trnsingle-game-state { margin-bottom:2px; font-size:14px; }
    .trnsingle-game-title { margin-bottom:2px; font-size:14px; }
    .trnsingle-game-btn,.trnsingle-game-card .trnsingle-btn { min-height:34px; height:34px; padding:5px 8px; font-size:14px; }
    .trnsingle-sidebar-column { gap:7px; }
    .trnsingle-sidebar-actions { height:100%; grid-template-rows:repeat(3,minmax(0,1fr)); gap:6px; }
    .trnsingle-sidebar-actions .trnsingle-btn { min-height:0; height:100%; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .tournament-page { padding:9px 12px; gap:8px; }
    .tournament-scroll {
        padding:3px max(14px, calc((100% - min(66vw, 500px)) / 2));
        display:block;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-snap-type:x mandatory;
        scroll-padding-inline:max(14px, calc((100% - min(66vw, 500px)) / 2));
        scrollbar-width:none;
        -webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);
        mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);
        -webkit-mask-repeat:no-repeat;
        mask-repeat:no-repeat;
    }
    .tournament-scroll::-webkit-scrollbar { display:none; }
    .tournament-head { grid-template-columns:38px minmax(0,1fr); column-gap:10px; }
    .tournament-head::before { width:38px; height:38px; border-radius:12px; font-size:16px; }
    .tournament-title { font-size:24px; }
    .tournament-subtitle { margin-top:4px; font-size:14px; }
    .tournament-row {
        width:max-content;
        height:100%;
        display:flex;
        align-items:center;
        gap:12px;
    }
    .tournament-row:has(.tournament-list-card) { align-items:center; }
    .tournament-row > div,
    .tournament-col {
        width:min(66vw, 500px) !important;
        flex:0 0 min(66vw, 500px) !important;
        align-self:center;
        scroll-snap-align:center;
    }
    .tournament-list-card {
        width:100%;
        min-height:230px;
        padding:17px 16px;
        opacity:.36;
        filter:saturate(.58) brightness(.82);
        transform:scale(.94);
        transition:transform .22s ease, opacity .22s ease, filter .22s ease, border-color .22s ease;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
        grid-template-rows:auto minmax(0,1fr) auto;
        gap:13px 16px;
        border-radius:16px;
    }
    .tournament-list-card.tournament-slide-active {
        z-index:2;
        opacity:1;
        filter:none;
        transform:scale(1.025);
        border-color:rgba(78,218,196,.38);
    }
    .tournament-list-topline { grid-column:1 / -1; grid-row:1; }
    .tournament-list-hero { grid-column:1; grid-row:2; padding-block:2px; }
    .tournament-list-stats { grid-column:2; grid-row:2; display:grid; gap:10px; }
    .tournament-list-progress { grid-column:1; grid-row:3; align-self:center; }
    .tournament-list-action { grid-column:2; grid-row:3; align-self:end; }
    .tournament-list-card .tournament-status { padding:5px 7px; font-size:14px; }
    .tournament-list-time,.tournament-list-time strong { font-size:14px; }
    .tournament-list-icon { width:42px; height:42px; border-radius:12px; font-size:17px; }
    .tournament-list-card .tournament-name { font-size:16px; }
    .tournament-list-card .tournament-prize { font-size:16px; }
    .tournament-list-stat { min-height:56px; padding:8px; }
    .tournament-list-stat > span { font-size:14px; }
    .tournament-list-stat > strong { font-size:14px; }
    .tournament-list-progress > div:first-child,.tournament-list-hint { font-size:14px; }
    .tournament-list-card .tournament-join-btn { min-height:40px; font-size:14px; }

    .trnsingle-page { padding:8px 12px; }
    .trnsingle-page .trnsingle-card { height:100%; grid-template-rows:auto minmax(0,1fr); }
    .trnsingle-header { display:block !important; min-height:34px; padding:0 50px 7px 2px; }
    .trnsingle-title-row { align-items:center; gap:8px; }
    .trnsingle-header-trophy { right:0; width:40px; height:40px; font-size:17px; border-radius:12px; }
    .trnsingle-info-icon { top:7px; right:8px; font-size:14px; }
    .trnsingle-game-state-icon { margin-bottom:4px; font-size:14px; }
    .trnsingle-title-row .trnsingle-title { font-size:20px; line-height:1.1; }
    .trnsingle-status { padding:4px 7px; font-size:14px; }
    .trnsingle-subtitle { display:none; }
    .trnsingle-content { height:100%; grid-template-rows:51px minmax(0,1fr); gap:8px; }
    .trnsingle-info-grid { margin-top:5px; gap:8px; }
    .trnsingle-page .trnsingle-info-box { min-height:51px; padding:8px 10px; border-radius:11px; }
    .trnsingle-page .trnsingle-info-label { font-size:14px; }
    .trnsingle-page .trnsingle-info-value { margin-top:2px; font-size:15px; }
    .trnsingle-place-score-values { margin-top:2px; gap:6px; }
    .trnsingle-place-score-values > strong { font-size:15px; }
    .trnsingle-place-score-values > span { font-size:14px; }
    .trnsingle-place-score-values small { font-size:14px; }
    .trnsingle-main-layout { min-height:0; grid-template-columns:minmax(0,1fr) 210px; gap:8px; }
    .trnsingle-main-layout > div:first-child { grid-template-rows:minmax(0,1fr); }
    .trnsingle-page .trnsingle-description { display:none !important; }
    .trnsingle-games-stage,.trnsingle-games-stage .trnsingle-games-grid { height:100%; min-height:0; }
    .trnsingle-games-stage .trnsingle-games-grid { gap:8px; margin:0; }
    .trnsingle-game-card { min-height:0; height:100%; padding:10px; border-radius:12px; }
    .trnsingle-game-title { font-size:15px; }
    .trnsingle-game-state,.trnsingle-game-score { font-size:14px; }
    .trnsingle-game-btn,.trnsingle-btn { min-height:34px; font-size:14px; }
    .trnsingle-sidebar-box { display:none !important; }
    .trnsingle-sidebar-column { min-height:0; display:block; }
    .trnsingle-sidebar-actions { height:100%; padding:0; gap:8px; border-radius:0; grid-template-rows:repeat(3,minmax(0,1fr)); }
    .trnsingle-sidebar-actions .trnsingle-btn { min-height:0; height:100%; }
    .trnsingle-player { padding-left:9px !important; padding-right:9px !important; }
    .trnsingle-sidebar-title { font-size:14px; }
    #playersModal .modal-dialog,#prizeModal .modal-dialog { width:min(72vw,500px); }
    #playersModal .modal-content,#prizeModal .modal-content { border-radius:15px; }
    #playersModal .modal-header,#prizeModal .modal-header { min-height:46px; padding:8px 12px; }
    #playersModal .modal-title,#prizeModal .modal-title { font-size:16px; }
    #playersModal .btn-close,#prizeModal .btn-close { width:30px; height:30px; }
    #playersModal .modal-body,#prizeModal .modal-body { max-height:62vh; padding:9px; gap:6px; }
    #playersModal .trnsingle-player,#prizeModal .trnsingle-prize-item { min-height:37px; padding:7px 10px; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .trnsingle-page {
        padding:8px 10px 12px;
        padding-bottom:72px;
        overflow-x:hidden;
        overflow-y:hidden;
        height:100%;
        min-height:0;
    }
    .trnsingle-page .trnsingle-card {
        height:100%;
        min-height:0;
        display:grid;
        grid-template-rows:auto minmax(0,1fr);
        padding:12px;
    }
    .trnsingle-header {
        min-height:0;
        padding:2px 0 10px;
    }
    .trnsingle-header-trophy,
    .trnsingle-subtitle { display:none !important; }
    .trnsingle-title-row {
        align-items:center;
        justify-content:space-between;
        gap:10px;
    }
    .trnsingle-title-row .trnsingle-title {
        min-width:0;
        font-size:clamp(21px,6vw,27px);
        line-height:1.08;
    }
    .trnsingle-status {
        flex:0 0 auto;
        padding:5px 8px;
        font-size:14px;
    }
    .trnsingle-content {
        display:flex;
        flex-direction:column;
        min-height:0;
        height:100%;
        gap:10px;
        overflow:hidden;
    }
    .trnsingle-info-grid {
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:7px;
    }
    .trnsingle-page .trnsingle-info-box {
        min-height:52px;
        padding:8px 9px;
        border-radius:10px;
        text-align:center;
    }
    .trnsingle-page .trnsingle-info-box:first-child {
        grid-column:1 / -1;
        min-height:62px;
        padding:9px 12px;
        border-color:rgba(239,195,104,.28);
        background:linear-gradient(100deg,rgba(236,180,67,.13),rgba(255,255,255,.035));
    }
    .trnsingle-info-icon { display:none; }
    .trnsingle-page .trnsingle-info-label {
        font-size:14px;
        line-height:1.1;
    }
    .trnsingle-page .trnsingle-info-value {
        margin-top:3px;
        font-size:14px;
        line-height:1.1;
    }
    .trnsingle-page .trnsingle-info-box:first-child .trnsingle-info-value {
        color:#f3cb70;
        font-size:21px;
    }
    .trnsingle-place-score-values {
        justify-content:center;
        margin-top:3px;
        gap:5px;
    }
    .trnsingle-place-score-values > strong { font-size:14px; }
    .trnsingle-place-score-values > span { font-size:14px; }
    .trnsingle-place-score-values small { display:none; }
    .trnsingle-main-layout,
    .trnsingle-page .trnsingle-main-layout {
        display:flex;
        flex-direction:column;
        flex:1 1 auto;
        min-height:0;
        gap:9px;
    }
    .trnsingle-main-layout > div:first-child {
        display:flex;
        flex:1 1 auto;
        min-height:0;
    }
    .trnsingle-games-stage {
        width:100%;
        height:100%;
        min-height:0;
        overflow:hidden;
    }
    .trnsingle-page .trnsingle-games-grid {
        width:100%;
        height:100%;
        max-height:none;
        min-height:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:9px !important;
        margin:0;
        padding:0 10px;
        overflow-x:hidden;
        overflow-y:auto;
        scroll-snap-type:y mandatory;
        scroll-padding-block:50%;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
        overscroll-behavior-y:contain;
        -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 90%,transparent 100%);
        mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 90%,transparent 100%);
    }
    .trnsingle-page .trnsingle-games-grid::before,
    .trnsingle-page .trnsingle-games-grid::after {
        content:"";
        width:1px;
        flex:0 0 calc((100% - 196px) / 2);
    }
    .trnsingle-page .trnsingle-games-grid::-webkit-scrollbar { display:none; }
    .trnsingle-page .trnsingle-game-card {
        width:min(calc(100% - 16px),320px);
        max-width:320px;
        min-width:0;
        min-height:196px;
        height:196px;
        flex:0 0 196px;
        padding:12px;
        display:flex;
        flex-direction:column;
        scroll-snap-align:center;
        scroll-snap-stop:always;
        opacity:.42;
        transform:scale(.94);
        transition:transform .2s ease,opacity .2s ease,border-color .2s ease;
    }
    .trnsingle-page .trnsingle-game-card.tournament-game-slide-active {
        z-index:2;
        opacity:1;
        transform:scale(1.02);
    }
    .trnsingle-game-card.active {
        border-color:rgba(70,221,190,.45);
        box-shadow:0 8px 22px rgba(0,0,0,.24),inset 0 0 0 1px rgba(70,221,190,.1);
    }
    .trnsingle-game-top { flex:0 0 auto; }
    .trnsingle-game-center {
        min-height:0;
        flex:1 1 auto;
        display:flex;
        flex-direction:column;
        justify-content:center;
        margin:8px 0;
    }
    .trnsingle-game-title { font-size:15px; }
    .trnsingle-game-btn,
    .trnsingle-game-card .trnsingle-btn {
        flex:0 0 39px;
        min-height:39px;
        height:39px;
        font-size:14px;
    }
    .trnsingle-participate-overlay { border-radius:12px; }
    .trnsingle-sidebar-column {
        display:block;
        flex:0 0 0;
        min-height:0;
    }
    .trnsingle-page .trnsingle-sidebar-box { display:none !important; }
    .trnsingle-sidebar-actions {
        height:auto;
        display:grid;
        grid-template-columns:46px repeat(2,minmax(0,1fr));
        grid-template-rows:none;
        gap:7px;
        position:fixed;
        left:10px;
        right:10px;
        bottom:max(8px,env(safe-area-inset-bottom));
        z-index:1040;
        padding:7px;
        border:1px solid rgba(126,210,225,.13);
        border-radius:14px;
        background:rgba(5,25,31,.96);
        box-shadow:0 10px 30px rgba(0,0,0,.38);
    }
    .trnsingle-sidebar-actions .trnsingle-btn {
        width:100%;
        min-height:42px;
        height:42px;
        margin:0 !important;
        padding:7px 6px;
        font-size:14px;
    }
    .trnsingle-sidebar-actions .trnsingle-btn i { font-size:15px; }
    .trnsingle-action-label-desktop { display:none; }
    .trnsingle-action-label-mobile { display:inline; }
    .trnsingle-sidebar-actions .trnsingle-action-back {
        grid-column:1;
        grid-row:1;
        padding:0;
    }
    .trnsingle-sidebar-actions .trnsingle-action-back span { display:none; }
    .trnsingle-sidebar-actions .trnsingle-action-back i { width:auto; font-size:17px; }
    .trnsingle-sidebar-actions .trnsingle-action-prizes,
    .trnsingle-sidebar-actions .trnsingle-action-results {
        grid-column:2;
        grid-row:1;
    }
    .trnsingle-sidebar-actions .trnsingle-action-players {
        grid-column:3;
        grid-row:1;
    }
    .trnsingle-sidebar-actions:not(:has(.trnsingle-action-players)) .trnsingle-action-results {
        grid-column:2 / 4;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .trnsingle-page {
        padding:6px 9px;
        overflow:hidden;
    }
    .trnsingle-page .trnsingle-card {
        height:100%;
        min-height:0;
        padding:9px 10px;
        grid-template-rows:auto minmax(0,1fr);
    }
    .trnsingle-header {
        min-height:30px;
        padding:0 0 6px;
    }
    .trnsingle-header-trophy,
    .trnsingle-subtitle { display:none !important; }
    .trnsingle-title-row {
        align-items:center;
        justify-content:space-between;
        gap:8px;
    }
    .trnsingle-title-row .trnsingle-title {
        font-size:19px;
        line-height:1.05;
    }
    .trnsingle-status {
        flex:0 0 auto;
        padding:4px 7px;
        font-size:14px;
    }
    .trnsingle-content {
        height:100%;
        min-height:0;
        grid-template-rows:45px minmax(0,1fr);
        gap:7px;
        overflow:hidden;
    }
    .trnsingle-info-grid {
        height:45px;
        margin:0;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:6px;
    }
    .trnsingle-page .trnsingle-info-box {
        min-height:45px;
        height:45px;
        padding:6px 8px;
        border-radius:9px;
    }
    .trnsingle-info-icon { display:none; }
    .trnsingle-page .trnsingle-info-label {
        font-size:14px;
        line-height:1;
    }
    .trnsingle-page .trnsingle-info-value {
        margin-top:3px;
        font-size:14px;
        line-height:1;
    }
    .trnsingle-place-score-values { margin-top:2px; gap:5px; }
    .trnsingle-place-score-values > strong { font-size:14px; }
    .trnsingle-place-score-values > span { font-size:14px; }
    .trnsingle-place-score-values small { display:none; }
    .trnsingle-main-layout {
        min-height:0;
        grid-template-columns:minmax(0,1fr) 64px;
        gap:7px;
    }
    .trnsingle-main-layout > div:first-child,
    .trnsingle-games-stage,
    .trnsingle-games-stage .trnsingle-games-grid {
        height:100%;
        min-height:0;
    }
    .trnsingle-games-stage .trnsingle-games-grid {
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        grid-template-rows:minmax(0,1fr);
        gap:7px;
        margin:0;
        padding:4px 7px;
        box-sizing:border-box;
    }
    .trnsingle-page .trnsingle-game-card {
        height:100%;
        min-height:0;
        padding:8px;
        display:flex;
        flex-direction:column;
        opacity:.42;
        transform:scale(.965);
        border-radius:11px;
        transition:opacity .18s ease,transform .18s ease,border-color .18s ease;
    }
    .trnsingle-page .trnsingle-game-card.played { opacity:.68; }
    .trnsingle-page .trnsingle-game-card.active {
        z-index:2;
        opacity:1;
        transform:scale(1.02);
        border-color:rgba(72,225,182,.52);
        box-shadow:0 8px 25px rgba(0,0,0,.3),0 0 20px rgba(52,210,166,.12);
    }
    .trnsingle-game-badge { width:30px; height:30px; font-size:14px; }
    .trnsingle-game-score { padding:4px 6px; font-size:14px; }
    .trnsingle-game-center {
        min-height:0;
        flex:1 1 auto;
        display:flex;
        flex-direction:column;
        justify-content:center;
        margin:3px 0;
    }
    .trnsingle-game-state-icon { margin-bottom:3px; font-size:14px; }
    .trnsingle-game-state { margin-bottom:2px; font-size:14px; }
    .trnsingle-game-title { margin:0; font-size:14px; }
    .trnsingle-game-btn,
    .trnsingle-game-card .trnsingle-btn {
        min-height:34px;
        height:34px;
        flex:0 0 34px;
        padding:5px 6px;
        font-size:14px;
    }
    .trnsingle-page .trnsingle-sidebar-box { display:none !important; }
    .trnsingle-sidebar-column { display:block; min-height:0; }
    .trnsingle-sidebar-actions {
        height:100%;
        display:grid;
        grid-template-rows:repeat(3,minmax(0,1fr));
        gap:6px;
        padding:0;
    }
    .trnsingle-sidebar-actions .trnsingle-btn {
        min-height:0;
        height:100%;
        margin:0 !important;
        padding:5px 4px;
        gap:6px;
        font-size:14px;
    }
    .trnsingle-sidebar-actions .trnsingle-btn i {
        width:auto;
        font-size:19px;
    }
    .trnsingle-action-label-desktop,
    .trnsingle-action-label-mobile,
    .trnsingle-sidebar-actions .trnsingle-btn span { display:none; }
    .trnsingle-sidebar-actions .trnsingle-action-back span { display:none; }
    .trnsingle-sidebar-actions .trnsingle-action-back i {
        width:auto;
        font-size:19px;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
 .tournament-scroll { mask-image:none!important; -webkit-mask-image:none!important; }
 .tournament-list-card.tournament-slide-active { transform:none!important; }
 .trnsingle-page .trnsingle-games-grid { mask-image:none!important; -webkit-mask-image:none!important; }
 .trnsingle-page .trnsingle-game-card { transform:none!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .tournament-page { padding:10px 12px!important; }
 .tournament-list-card { min-height:0!important; padding:12px!important; gap:8px!important; }
 .tournament-list-art { min-height:0!important; height:clamp(60px,16dvh,120px)!important; }
 .tournament-list-card .tournament-name { font-size:18px!important; }
 .tournament-list-stats { gap:6px!important; }
 .tournament-list-stat { min-height:46px!important; padding:6px!important; }
 .tournament-list-card .tournament-join-btn { min-height:38px!important; }
 .tournament-list-hero { padding:0!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .tournament-list-card { min-height:0!important; padding:10px!important; gap:7px!important; grid-template-rows:auto auto auto!important; }
 .tournament-list-art { display:none!important; }
 .tournament-list-topline { grid-row:1!important; }
 .tournament-list-hero,.tournament-list-stats { grid-row:2!important; }
 .tournament-list-action,.tournament-list-progress { grid-row:3!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .tournament-scroll { mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent)!important; -webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent)!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .tournament-scroll { mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)!important; -webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .trnsingle-page .trnsingle-games-grid { --compact-tournament-card:clamp(140px,calc(100dvh - 430px),196px); mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent)!important; -webkit-mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent)!important; }
 .trnsingle-page .trnsingle-games-grid::before,.trnsingle-page .trnsingle-games-grid::after { flex-basis:max(0px,calc((100% - var(--compact-tournament-card)) / 2))!important; }
 .trnsingle-page .trnsingle-game-card { height:var(--compact-tournament-card)!important; min-height:0!important; flex-basis:var(--compact-tournament-card)!important; padding:8px!important; gap:3px!important; }
 .trnsingle-page .trnsingle-game-center { margin:3px 0!important; }
 .trnsingle-page .trnsingle-game-badge { height:22px!important; width:22px!important; font-size:14px!important; }
 .trnsingle-page .trnsingle-game-title { font-size:14px!important; line-height:1.1!important; }
 .trnsingle-page .trnsingle-game-state { font-size:14px!important; }
 .trnsingle-page .trnsingle-game-btn,.trnsingle-page .trnsingle-game-card .trnsingle-btn { min-height:30px!important; height:30px!important; flex-basis:30px!important; padding:4px!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) and (max-height: 640px) {
 .tournament-scroll { mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent)!important; -webkit-mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent)!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .trnsingle-page .trnsingle-sidebar-actions { box-sizing:border-box; min-width:0!important; background:url('/images/profile-felt.svg') 0 0/180px 180px repeat,linear-gradient(120deg,#302b25,#2c2530)!important; background-blend-mode:soft-light,normal; border:1px solid #aa814866!important; border-radius:14px!important; padding:7px!important; box-shadow:0 4px 14px #0003!important; }
 .trnsingle-page .trnsingle-sidebar-actions .trnsingle-btn { min-width:0!important; max-width:100%!important; box-sizing:border-box; white-space:normal!important; line-height:1.15!important; gap:6px!important; }
 .trnsingle-page .trnsingle-sidebar-actions .trnsingle-btn span { min-width:0!important; white-space:normal!important; overflow-wrap:anywhere; }
 .trnsingle-page .trnsingle-sidebar-actions .trnsingle-action-back { color:#f0d69c!important; background:#3b3236!important; border-color:#aa814866!important; box-shadow:none!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .trnsingle-page .trnsingle-sidebar-actions { left:10px!important; right:10px!important; width:calc(100% - 20px)!important; max-width:calc(100vw - 20px)!important; grid-template-columns:40px repeat(2,minmax(0,1fr))!important; gap:6px!important; }
 .trnsingle-page .trnsingle-sidebar-actions .trnsingle-btn { font-size:14px!important; padding:5px!important; }
 .trnsingle-page .trnsingle-sidebar-actions .trnsingle-btn i { font-size:15px!important; flex-shrink:0; }
 .trnsingle-page .trnsingle-sidebar-actions .trnsingle-action-results { grid-column:2 / -1!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .trnsingle-page .trnsingle-main-layout { grid-template-columns:minmax(0,1fr) clamp(120px,18vw,160px)!important; }
 .trnsingle-page .trnsingle-sidebar-column { display:flex; justify-content:flex-end; }
 .trnsingle-page .trnsingle-sidebar-actions { position:static!important; width:100%!important; max-width:160px!important; margin-left:auto; grid-template-columns:minmax(0,1fr)!important; }
 .trnsingle-page .trnsingle-sidebar-actions .trnsingle-btn { width:100%!important; font-size:14px!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .tournament-page { grid-template-rows:auto minmax(0,1fr)!important; gap:6px!important; }
 .tournament-page .tournament-head,.tournament-page .tournament-title { margin:0!important; }
 .tournament-page .tournament-list-art { display:block!important; grid-column:1!important; grid-row:3!important; height:clamp(54px,20dvh,82px)!important; min-height:0!important; margin:0!important; border-radius:10px; overflow:hidden; }
 .tournament-page .tournament-list-art img { width:100%; height:100%; object-fit:cover; }
 .tournament-page .tournament-list-action { grid-column:2!important; grid-row:3!important; align-self:center!important; }
 .tournament-page .tournament-list-progress { grid-column:1 / -1!important; grid-row:4!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .tournament-page .tournament-list-progress > div:first-child { font-size:14px!important; line-height:1.3; }
 .tournament-page .tournament-list-stat > span, .tournament-page .tournament-list-fund-label, .tournament-page .tournament-list-time, .tournament-page .tournament-list-time strong { font-size:14px!important; line-height:1.25; }
 .tournament-page .tournament-list-stat > strong { font-size:14px!important; }
 .main .tournament-page .tournament-list-card .tournament-status { font-size:14px!important; }
 .tournament-page .tournament-list-card .tournament-join-btn { min-height:44px!important; font-size:16px!important; line-height:1.2; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .tournament-page .tournament-list-card { grid-template-rows:auto auto auto auto auto auto; }
 .tournament-page .tournament-list-art { height:clamp(60px,calc(100dvh - 600px),120px)!important; }
 .tournament-page .tournament-list-action { margin-top:4px; }
 .tournament-page .tournament-list-card .tournament-join-btn { min-height:48px!important; font-size:17px!important; }
 .trnsingle-page .trnsingle-game-card .trnsingle-game-btn, .trnsingle-page .trnsingle-game-card .trnsingle-btn { min-height:44px!important; height:44px!important; flex-basis:44px!important; font-size:15px!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .tournament-page .tournament-list-card { grid-template-rows:auto auto minmax(44px,auto) auto!important; gap:6px!important; }
 .tournament-page .tournament-list-art { height:clamp(44px,calc(100dvh - 310px),64px)!important; }
 .tournament-page .tournament-list-stat { min-height:48px; padding:6px; }
 .tournament-page .tournament-list-action { margin:0!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .trnsingle-page .trnsingle-info-label, .trnsingle-page .trnsingle-game-state, .trnsingle-page .trnsingle-game-score { font-size:14px!important; line-height:1.25!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .trnsingle-page .trnsingle-main-layout { grid-template-columns:minmax(0,1fr) clamp(108px,15vw,132px)!important; }
 .trnsingle-page .trnsingle-sidebar-actions { max-width:132px!important; display:flex!important; flex-direction:column; gap:8px!important; }
 .trnsingle-page .trnsingle-sidebar-actions .trnsingle-btn { flex:1 1 0; min-height:40px!important; height:auto!important; margin:0!important; font-size:14px!important; }
 .trnsingle-page .trnsingle-action-back { order:10; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    body:has(.auth-page) .header a[href="/signin"] {
        padding-inline: 12px !important;
    }
    .auth-page { padding:8px 14px; }
    .auth-panel {
        width:min(100%,760px);
        padding:15px 17px;
        display:grid;
        grid-template-columns:minmax(340px,1.12fr) minmax(300px,.88fr);
        grid-template-rows:auto auto minmax(0,1fr);
        column-gap:18px;
        row-gap:10px;
        border-radius:0;
    }
    .auth-head { grid-column:1; grid-row:1; padding-bottom:10px; }
    .auth-icon { width:42px; height:42px; border-radius:13px; font-size:18px; }
    .auth-head h2 { font-size:21px; }
    .auth-head p { font-size:14px; }
    .auth-language { grid-column:1; grid-row:2; margin:0; display:block; }
    .auth-language > span { display:block; margin-bottom:6px; font-size:14px; }
    .auth-language-options button { min-height:34px; padding:5px 8px; font-size:14px; }
    .auth-social-list {
        grid-column:2;
        grid-row:1/4;
        margin:0;
        grid-template-columns:minmax(0,1fr);
        align-content:center;
        gap:9px;
    }
    .auth-social,.auth-social-primary,.auth-telegram-card { min-height:68px; padding:10px 12px; }
    .auth-social-mark { width:38px; height:38px; font-size:18px; }
    .auth-social strong,.auth-telegram-card strong { font-size:15px; }
    .auth-social small,.auth-telegram-card small { font-size:14px; }
    .auth-legacy { grid-column:1; grid-row:3; margin:0; padding-top:9px; align-self:end; }
    .auth-legacy-title { margin-bottom:6px; font-size:14px; }
    .auth-legacy-link { min-height:36px; padding:7px 8px; font-size:14px; }
    .auth-legacy-toggle,
    .auth-legacy-link { font-size:9.5px !important; }
}
@media(hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape){.auth-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px 16px;gap:10px 18px;border-radius:18px}.auth-icon{width:64px;height:64px;flex-basis:64px}.auth-head h2{font-size:19px}.auth-social small,.auth-telegram-card small{font-size:14px}.auth-legacy-toggle,.auth-legacy-link{font-size:14px!important}}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .mobile-orientation-hint.is-visible {
        position:fixed;
        z-index:1080;
        left:50%;
        bottom:max(12px,env(safe-area-inset-bottom));
        width:min(calc(100vw - 24px),540px);
        min-height:64px;
        padding:10px 42px 10px 12px;
        display:grid;
        grid-template-columns:42px minmax(0,1fr) auto;
        align-items:center;
        gap:10px;
        color:#eaf9fb;
        background:linear-gradient(145deg,rgba(14,49,61,.97),rgba(7,29,39,.985));
        border:1px solid rgba(110,211,224,.24);
        border-radius:15px;
        box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.07);
        transform:translateX(-50%);
        animation:mobileOrientationHintIn .28s ease both;
    }
    .mobile-orientation-hint-icon {
        position:relative;
        width:42px;
        height:42px;
        display:grid;
        place-items:center;
        color:#74dce9;
        background:rgba(74,185,204,.11);
        border-radius:12px;
        font-size:22px;
    }
    .mobile-orientation-hint-icon .fa-rotate {
        position:absolute;
        right:-2px;
        bottom:-2px;
        padding:3px;
        color:#e7c66c;
        background:#123440;
        border-radius:50%;
        font-size:14px;
    }
    .mobile-orientation-hint-copy { min-width:0;display:grid;gap:2px; }
    .mobile-orientation-hint-copy strong { font-size:14px;line-height:1.15; }
    .mobile-orientation-hint-copy small { color:rgba(210,235,239,.72);font-size:14px;line-height:1.25; }
    .mobile-orientation-hint-action {
        min-height:34px;
        padding:7px 11px;
        color:#082c37;
        background:linear-gradient(180deg,#82e6ef,#4dbecd);
        border:0;
        border-radius:10px;
        font-size:14px;
        font-weight:800;
        white-space:nowrap;
    }
    .mobile-orientation-hint-close {
        position:absolute;
        top:7px;
        right:7px;
        width:28px;
        height:28px;
        display:grid;
        place-items:center;
        color:rgba(224,243,246,.68);
        background:#173e49;
        border:0;
        border-radius:9px;
    }
    @keyframes mobileOrientationHintIn {
        from { opacity:0;transform:translate(-50%,12px); }
        to { opacity:1;transform:translate(-50%,0); }
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-mode-slider {
        -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 91%,transparent 100%);
        mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 91%,transparent 100%);
        -webkit-mask-size:100% 100%;
        mask-size:100% 100%;
        -webkit-mask-repeat:no-repeat;
        mask-repeat:no-repeat;
    }
    .arcade-lobby-page .arcade-lobby-board {
        grid-template-columns:minmax(108px,.65fr) minmax(0,1.25fr) !important;
        grid-template-rows:minmax(0,1fr) minmax(82px,auto) minmax(82px,auto) !important;
    }
    .arcade-lobby-board > .arcade-action-buttons { display:contents !important; }
    .arcade-lobby-board > .arcade-info-strip { display:contents !important; }
    .arcade-lobby-board .arcade-shop-button { grid-column:1 !important;grid-row:2 !important; }
    .arcade-lobby-board > .arcade-wheel-feature { grid-column:1 !important;grid-row:3 !important; }
    .arcade-lobby-board .arcade-reward-info { grid-column:2 !important;grid-row:2 !important; }
    .arcade-lobby-board .arcade-tournament-info { grid-column:2 !important;grid-row:3 !important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-lobby-board {
        grid-template-columns:minmax(102px,.72fr) minmax(0,1.28fr) !important;
        grid-template-rows:minmax(0,1fr) minmax(82px,auto) minmax(82px,auto) !important;
        column-gap:10px !important;
        row-gap:10px !important;
    }
    .arcade-mode-slider { grid-column:1 / -1;grid-row:1; }
    .arcade-action-buttons,
    .arcade-info-strip { display:contents !important; }
    .arcade-shop-button { grid-column:1 !important;grid-row:2 !important; }
    .arcade-reward-info { grid-column:2 !important;grid-row:2 !important; }
    .arcade-wheel-feature { grid-column:1 !important;grid-row:3 !important; }
    .arcade-tournament-info { grid-column:2 !important;grid-row:3 !important; }

    .arcade-shop-button,
    .arcade-wheel-feature {
        position:relative;
        width:auto !important;
        min-width:0;
        height:auto !important;
        min-height:82px;
        padding:8px 7px !important;
        display:flex !important;
        flex-direction:column;
        align-items:center;
        justify-content:space-between;
        gap:2px;
        overflow:hidden;
        border-radius:15px !important;
        text-align:center;
    }
    .arcade-shop-button {
        background:radial-gradient(at 48% 48%,rgba(178,58,83,.56) 0%,rgba(178,58,83,.34) 38%,rgba(178,58,83,.14) 60%,rgba(178,58,83,.035) 73%,transparent 88%) !important;
        border:1px solid rgba(216,87,112,.17) !important;
    }
    .arcade-wheel-feature {
        background:radial-gradient(at 58% 34%,rgba(42,171,219,.28),transparent 48%),linear-gradient(145deg,rgba(12,73,94,.98),rgba(5,29,41,.99)) !important;
        border:1px solid rgba(98,204,233,.16) !important;
    }
    .arcade-shop-button > .arcade-card-top-accent,
    .arcade-wheel-feature > .arcade-card-top-accent {
        position:absolute !important;
        z-index:20 !important;
        top:2px !important;
        left:10px !important;
        right:10px !important;
        width:auto !important;
        height:3px !important;
        min-height:3px !important;
        display:block !important;
        flex:none !important;
        border-radius:0 0 99px 99px;
    }
    .arcade-shop-button > span,
    .arcade-wheel-feature > span {
        flex:1;
        width:100% !important;
        min-height:0;
        display:grid;
        place-items:center;
    }
    .arcade-shop-button > span img,
    .arcade-wheel-feature > span img {
        width:48px !important;
        height:48px !important;
        max-width:48px !important;
        max-height:48px !important;
        object-fit:contain;
    }
    .arcade-shop-button > strong,
    .arcade-wheel-feature > strong {
        order:2;
        width:100%;
        padding:0 !important;
        font-size:14px !important;
        line-height:1.05;
        text-align:center;
    }
    .arcade-shop-button > .arcade-action-arrow,
    .arcade-wheel-feature > .fa-chevron-right,
    .arcade-tournament-info > .fa-chevron-right {
        position:absolute !important;
        top:50% !important;
        right:8px !important;
        bottom:auto !important;
        transform:translateY(-50%) !important;
        grid-column:auto !important;
        grid-row:auto !important;
    }

    .arcade-info-card {
        position:relative;
        width:auto !important;
        min-width:0;
        min-height:82px;
        padding:9px 10px !important;
        display:grid !important;
        grid-template-columns:46px minmax(0,1fr) 12px !important;
        gap:8px !important;
        align-items:center;
        overflow:hidden;
        border-radius:15px !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 22px rgba(0,0,0,.18) !important;
    }
    .arcade-reward-info {
        background:radial-gradient(circle at 12% 50%,rgba(219,177,65,.15),transparent 42%),linear-gradient(145deg,rgba(24,55,50,.94),rgba(7,30,35,.97)) !important;
        border:1px solid rgba(218,188,102,.13) !important;
    }
    .arcade-tournament-info {
        background:radial-gradient(circle at 12% 50%,rgba(137,91,208,.17),transparent 42%),linear-gradient(145deg,rgba(28,42,64,.94),rgba(8,29,38,.97)) !important;
        border:1px solid rgba(151,123,214,.14) !important;
    }
    .arcade-info-card > span {
        width:46px !important;
        height:46px !important;
        max-width:46px !important;
        background:transparent !important;
        border:0 !important;
    }
    .arcade-info-card > span img {
        width:46px !important;
        height:46px !important;
        max-width:46px !important;
        max-height:46px !important;
        object-fit:contain;
    }
    .arcade-info-card > div { gap:4px !important;min-width:0; }
    .arcade-info-card strong { font-size:14px !important;line-height:1.08; }
    .arcade-reward-info b { font-size:15px !important; }
    .arcade-reward-info small { font-size:14px !important;white-space:nowrap; }
    .arcade-tournament-info .lobby-tournament-title-desktop { display:block !important; }
    .arcade-tournament-info .lobby-tournament-title-full,
    .arcade-tournament-info .lobby-tournament-title-short { display:none !important; }
    .arcade-tournament-info .lobby-tournament-name-landscape {
        display:block;
        width:100%;
        color:#f5fbfc;
        font-size:14px;
        line-height:1.08;
        text-align:left;
    }
    .arcade-tournament-info > div { display:flex !important;flex-direction:column;align-items:flex-start;text-align:left; }
    .arcade-tournament-info > div > strong { width:100%;text-align:center !important; }
    .arcade-tournament-info .lobby-tournament-countdown {
        width:100%;
        padding:0 !important;
        flex-direction:row;
        justify-content:flex-start;
        gap:5px;
        font-size:14px !important;
        text-align:left;
        background:transparent !important;
        border:0 !important;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-lobby-board { display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-rows:minmax(0,1fr) auto auto !important;min-height:0 !important;overflow:hidden; }
    .arcade-mode-slider { grid-column:1 / -1 !important;grid-row:1 !important;min-width:0;min-height:0;padding:0 8px;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;gap:14px;overflow-x:hidden !important;overflow-y:auto !important;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:none; }
    .arcade-mode-slider::before,.arcade-mode-slider::after { content:"";display:block;flex:0 0 var(--lobby-carousel-edge-space,72px); }
    .arcade-mode-slider::before { order:0; }
    .arcade-mode-slider::after { order:5; }
    .arcade-mode-slider::-webkit-scrollbar { display:none; }
    .arcade-mode-slider > .arcade-tile,.arcade-mode-slider > .arcade-play-tile { position:relative !important;inset:auto !important;width:min(88vw,370px) !important;height:auto !important;min-height:265px !important;flex:0 0 auto !important;align-self:center !important;grid-column:auto !important;grid-row:auto !important;scroll-snap-align:center;scroll-snap-stop:always;transform:translateZ(0) scale(.94) !important;opacity:.5 !important;filter:none !important;transition:transform .18s ease,opacity .18s ease;contain:layout paint style;will-change:transform,opacity;backface-visibility:hidden; }
    .arcade-mode-slider > .arcade-play-tile,
    .arcade-mode-slider > .arcade-mode-tile { padding:17px 13px !important;display:grid !important;grid-template-columns:42% minmax(0,1fr) !important;grid-template-rows:auto minmax(0,1fr) auto !important;column-gap:12px;align-items:stretch;text-align:center; }
    .arcade-mode-slider > .arcade-play-tile > strong,
    .arcade-mode-slider > .arcade-mode-tile > strong { position:relative;inset:auto;grid-column:1 / -1;grid-row:1;width:100%;padding-top:3px;font-size:clamp(22px,6.4vw,27px);line-height:1.05;text-align:center; }
    .arcade-mode-slider > .arcade-play-tile .arcade-play-icon,
    .arcade-mode-slider > .arcade-mode-tile .arcade-mode-icon { position:relative;inset:auto;grid-column:1;grid-row:2;width:100%;height:100%;min-height:0;display:grid;place-items:center; }
    .arcade-mode-slider > .arcade-play-tile .arcade-play-icon img,
    .arcade-mode-slider > .arcade-mode-tile .arcade-mode-icon img { width:min(92%,132px) !important;height:min(90%,122px) !important;max-width:132px;max-height:122px;object-fit:contain; }
    .arcade-mode-slider > .arcade-play-tile .arcade-tile-meta,
    .arcade-mode-slider > .arcade-mode-tile .arcade-tile-meta { grid-column:2;grid-row:2;width:100%;margin:0;align-self:center; }
    .arcade-mode-slider > .arcade-play-tile .arcade-play-cta,
    .arcade-mode-slider > .arcade-mode-tile .arcade-play-cta { grid-column:1 / -1;grid-row:3;justify-self:center; }
    .arcade-mode-slider > .arcade-mode-5 { order:1 !important; }
    .arcade-mode-slider > .arcade-play-tile { order:2 !important; }
    .arcade-mode-slider > .arcade-mode-4 { order:3 !important; }
    .arcade-mode-slider > .arcade-mode-6 { order:4 !important; }
    .arcade-mode-slider > .arcade-tile.lobby-carousel-active { z-index:2;transform:translateZ(0) scale(1.02) !important;opacity:1 !important;filter:none !important; }
    .arcade-mode-slider > .arcade-tile .arcade-play-cta { width:min(100%,210px);min-height:40px;margin:7px auto 2px;font-size:14px; }
    .arcade-action-buttons { grid-column:1 !important;grid-row:2 !important; }
    .arcade-wheel-feature { grid-column:2 !important;grid-row:2 !important; }
    .arcade-info-strip { grid-column:1 / -1 !important;grid-row:3 !important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    /* Keep horizontal swiping on the compositor on mobile GPUs. */
    .arcade-mode-slider {
        -webkit-mask-image:none !important;
        mask-image:none !important;
        scroll-behavior:auto !important;
    }
    .arcade-mode-slider > .arcade-tile,
    .arcade-mode-slider > .arcade-play-tile {
        transform:translateZ(0) scale(.86) !important;
        filter:none !important;
        contain:layout paint style;
        will-change:transform,opacity;
        backface-visibility:hidden;
        transition:transform .16s ease,opacity .16s ease !important;
    }
    .arcade-mode-slider > .arcade-tile.lobby-carousel-active {
        transform:translateZ(0) scale(1) !important;
        filter:none !important;
    }
    .arcade-mode-slider > .arcade-play-tile,
    .arcade-mode-slider > .arcade-mode-tile {
        padding:16px 14px 12px !important;
        display:grid !important;
        grid-template-columns:43% minmax(0,1fr) !important;
        grid-template-rows:auto minmax(0,1fr) auto !important;
        column-gap:12px;
        align-items:center;
    }
    .arcade-mode-slider > .arcade-play-tile > strong,
    .arcade-mode-slider > .arcade-mode-tile > strong { grid-column:1 / -1;grid-row:1;width:100%;padding-top:3px;text-align:center; }
    .arcade-mode-slider > .arcade-play-tile .arcade-play-icon,
    .arcade-mode-slider > .arcade-mode-tile .arcade-mode-icon { position:relative;inset:auto;grid-column:1;grid-row:2;width:100%;height:100%;min-height:0;display:grid;place-items:center; }
    .arcade-mode-slider > .arcade-play-tile .arcade-play-icon img,
    .arcade-mode-slider > .arcade-mode-tile .arcade-mode-icon img {
        position:absolute !important;
        inset:0 !important;
        width:100% !important;
        height:100% !important;
        max-width:100% !important;
        max-height:100% !important;
        object-fit:contain;
    }
    .arcade-mode-slider > .arcade-play-tile .arcade-tile-meta,
    .arcade-mode-slider > .arcade-mode-tile .arcade-tile-meta { grid-column:2;grid-row:2;width:100%;margin:0;align-self:center; }
    .arcade-mode-slider > .arcade-play-tile .arcade-play-cta,
    .arcade-mode-slider > .arcade-mode-tile .arcade-play-cta { grid-column:1 / -1;grid-row:3;width:min(100%,205px);min-height:35px;margin:3px auto 0;justify-self:center; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .arcade-lobby-board,
    .arcade-mode-slider .arcade-tile,
    .arcade-round-action,
    .arcade-wheel-feature,
    .arcade-info-card { backdrop-filter: none !important; filter: none !important; }
    .arcade-mode-slider .arcade-tile { box-shadow: 0 8px 16px rgba(0, 0, 0, .27); }
    .arcade-play-cta { box-shadow: 0 4px 0 #286a17, 0 7px 12px rgba(0, 0, 0, .27); }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .arcade-mode-slider {
        padding: 7px;
        border-radius: 19px;
        box-shadow: 0 10px 21px rgba(0, 0, 0, .25);
    }
    .arcade-info-strip {
        padding: 7px !important;
        border-radius: 18px;
        box-shadow: 0 9px 19px rgba(0, 0, 0, .23);
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
    .arcade-mode-slider > .arcade-play-tile,
    .arcade-mode-slider > .arcade-mode-tile {
        --lobby-rays-x: 29%;
        --lobby-rays-y: 52%;
    }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .home-page .arcade-lobby-board { min-height:0!important; }
 .home-page .arcade-mode-slider { position:relative; scroll-snap-type:y proximity; }
 .home-page .arcade-mode-slider > .arcade-tile { width:100%!important; max-width:370px; }
 .home-page .arcade-mode-slider > .arcade-tile.lobby-carousel-active { transform:translateZ(0)!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .home-page .arcade-mode-slider { position:relative; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .home-page .arcade-mode-slider { mask-image:none!important; -webkit-mask-image:none!important; }
 .home-page .arcade-mode-slider > .arcade-tile { height:clamp(210px,calc(100dvh - 330px),265px)!important; min-height:0!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .home-page .arcade-mode-slider::before,.home-page .arcade-mode-slider::after { content:""!important; display:block!important; position:static!important; width:auto!important; height:1px!important; flex:0 0 var(--lobby-carousel-edge-space,0px)!important; background:none!important; }
 .home-page .arcade-mode-slider::before { order:0; }
 .home-page .arcade-mode-slider::after { order:5; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .home-page .arcade-mode-slider { background:none!important; border:0!important; box-shadow:none!important; border-radius:0!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .home-page .arcade-mode-slider { mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)!important; -webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)!important; }
 .home-page .arcade-mode-slider > .arcade-tile { width:90%!important; max-width:340px!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .home-page .arcade-mode-slider { mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent)!important; -webkit-mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent)!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) and (max-height: 640px) {
 .home-page .arcade-mode-slider { mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent)!important; -webkit-mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent)!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .home-page .arcade-wheel-feature > .arcade-wheel-ready-badge { position:absolute!important; top:7px!important; left:50%!important; transform:translateX(-50%)!important; z-index:3!important; margin:0!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .home-page .arcade-wheel-feature > span { position:absolute!important; inset:8px 0 22px!important; height:auto!important; display:grid!important; place-items:center!important; margin:0!important; }
 .home-page .arcade-wheel-feature > strong { position:absolute!important; left:0!important; right:0!important; bottom:8px!important; margin:0!important; }
 .home-page .arcade-wheel-feature > .arcade-wheel-ready-badge { right:auto!important; width:max-content!important; animation:none!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .home-page .arcade-info-card { position:relative!important; display:grid!important; grid-template-columns:36px minmax(0,1fr)!important; grid-template-rows:minmax(0,1fr)!important; gap:8px!important; padding:30px 16px 8px 10px!important; align-items:center!important; }
 .home-page .arcade-info-card > span { position:static!important; width:36px!important; height:36px!important; max-width:36px!important; align-self:center!important; }
 .home-page .arcade-info-card > span img { width:36px!important; height:36px!important; max-width:36px!important; max-height:36px!important; }
 .home-page .arcade-info-card > div { min-width:0!important; display:flex!important; flex-direction:column; align-items:flex-start!important; justify-content:center!important; gap:3px!important; text-align:left!important; }
 .home-page .arcade-info-card > div > strong { position:absolute!important; top:8px!important; left:8px!important; right:8px!important; width:auto!important; margin:0!important; text-align:center!important; line-height:1.2!important; }
 .home-page .arcade-info-card small,.home-page .arcade-info-card b { max-width:100%; white-space:normal!important; line-height:1.2!important; margin:0!important; }
 .home-page .arcade-info-card .lobby-tournament-name-landscape { font-size:14px!important; }
 .home-page .arcade-info-card > .fa-chevron-right { right:6px!important; font-size:14px!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .home-page .arcade-lobby-board { grid-template-columns:minmax(0,.7fr) minmax(0,.7fr) minmax(0,1.15fr) minmax(0,1.15fr)!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .home-page .arcade-wheel-feature > .arcade-wheel-ready-badge { position:absolute!important; top:7px!important; left:50%!important; right:auto!important; width:max-content!important; transform:translateX(-50%)!important; z-index:3!important; margin:0!important; animation:none!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .privacy-layout { grid-template-columns: 1fr; }
    .privacy-summary { position: static; }
    .rules-layout { grid-template-columns: 1fr; }
    .rules-points-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .footer-page-shell { display: flex; flex-direction: column; min-height: 100%; }
    .footer-pages-nav { flex: 0 0 auto; padding: 7px 8px; }
    .footer-page-main { flex: 1 1 auto; min-height: 0; }
    .privacy-page,
    .rules-page,
    .faq-container { padding: 10px; }
    .privacy-hero,
    .rules-hero,
    .faq-hero { margin-bottom: 10px; padding: 17px; border-radius: 14px; }
    .privacy-hero h1,
    .rules-hero h1,
    .faq-title { font-size: 27px; }
    .privacy-card,
    .rules-card { padding: 16px; border-radius: 13px; }
    .privacy-summary { padding: 14px 16px; border-radius: 13px; }
    .rules-points-grid { grid-template-columns: 1fr; }
    .faq-main { border-radius: 14px; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .footer-page-shell { display: grid; grid-template-columns: 174px minmax(0, 1fr); }
    .footer-pages-nav { padding: 8px; border-right: 1px solid rgba(103,217,205,.14); border-bottom: 0; }
    .footer-pages-nav-list { display: grid; overflow: visible; gap: 4px; }
    .footer-pages-nav-link { min-height: 34px; padding: 6px 8px; white-space: normal; }
    .privacy-page,
    .rules-page,
    .faq-container { padding: 8px 10px; }
    .privacy-hero,
    .rules-hero,
    .faq-hero { padding: 13px 17px; margin-bottom: 8px; }
    .privacy-hero h1,
    .rules-hero h1,
    .faq-title { font-size: 24px; margin-bottom: 5px; }
    .privacy-hero p,
    .rules-hero p,
    .faq-subtitle { font-size: 14px; line-height: 1.4; }
    .privacy-updated { margin-top: 8px; }
    .privacy-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 8px; }
    .privacy-summary,
    .privacy-card,
    .rules-card { padding: 12px 14px; }
    .rules-layout { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
    .rules-card-main { grid-column: 1 / -1; }
    .faq-main { padding: 12px; }
    .accordion-button { min-height: 44px; padding: 11px 14px; font-size: 14px; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .footer-pages-nav { border-right-color:rgba(222,177,88,.16); }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .modal.fade,
    .modal-backdrop.fade {
        transition: none !important;
    }

    .modal.fade .modal-dialog {
        transition: none !important;
        will-change: auto !important;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }

    .modal.show .modal-dialog {
        transform: translate3d(0, 0, 0) scale(1) !important;
    }

    .modal-backdrop,
    .modal-backdrop.show,
    .wheel-reward-popup,
    .blot-friend-invite,
    .blot-socket-notice {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
    }

    .modal-backdrop,
    .modal-backdrop.show {
        background: #211c19 !important;
        opacity: .78 !important;
    }

    .modal-content:not(.profile-modal),
    .vip-modal,
    .payment-method-modal,
    .payment-success-modal,
    .not-enough-chips-modal,
    .game-leave-modal .modal-content,
    .game-resume-modal .modal-content,
    .friend-table-modal .modal-content,
    .account-blocked-modal .modal-content,
    .push-permission-modal .modal-content,
    .language-picker-modal .modal-content,
    .tournament-prizes-modal .modal-content,
    #tournamentResultsModal .modal-content,
    #playersModal .modal-content,
    #prizeModal .modal-content,
    .blot-result,
    .blot-levelup,
    .wheel-reward-modal {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
        box-shadow: 0 12px 28px rgba(0, 0, 0, .3) !important;
        contain: paint;
    }

    .modal-content:not(.profile-modal)::before,
    .modal-content:not(.profile-modal)::after,
    .vip-modal::before,
    .payment-method-modal::before,
    .payment-success-modal::before,
    .wheel-reward-modal::before,
    .blot-levelup-glow {
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .modal.show .modal-content,
    .wheel-reward-popup.active .wheel-reward-modal,
    .blot-result.blot-result-show,
    .blot-levelup.blot-levelup-show {
        animation: none !important;
    }

    .modal,
    .modal-dialog,
    .modal-content:not(.profile-modal),
    .wheel-reward-popup,
    .wheel-reward-modal,
    .blot-result,
    .blot-levelup {
        transition: none !important;
    }

    body:has(.header-settings-dropdown > .dropdown-menu.show)::before {
        background: rgba(6, 24, 32, .78) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        animation: none !important;
        transition: none !important;
    }

    .header-settings-dropdown > .dropdown-menu,
    .header-settings-dropdown > .dropdown-menu.show,
    .header-settings-dropdown > .dropdown-menu > li,
    .header-settings-dropdown > .dropdown-menu.show > li {
        animation: none !important;
        transition: none !important;
        filter: none !important;
    }

    .header-settings-dropdown > .dropdown-menu {
        contain: layout paint style;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .arcade-mode-slider > .arcade-tile,
    .arcade-mode-slider > .arcade-play-tile {
        transform: translateZ(0) scale(.94) !important;
        transition: transform .28s cubic-bezier(.16, .84, .28, 1), opacity .2s linear !important;
        will-change: transform, opacity !important;
    }

    .arcade-mode-slider > .arcade-tile.lobby-carousel-active {
        transform: translateZ(0) scale(1) !important;
    }

    .arcade-mode-slider > .arcade-tile,
    .arcade-mode-slider > .arcade-tile::before,
    .arcade-mode-slider > .arcade-tile::after,
    .arcade-mode-slider .arcade-play-icon,
    .arcade-mode-slider .arcade-mode-icon,
    .arcade-mode-slider .arcade-play-icon img,
    .arcade-mode-slider .arcade-mode-icon img {
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .arcade-mode-slider > .arcade-tile::before {
        inset: 0 !important;
        transform: none !important;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (prefers-reduced-motion: reduce) {
    .modal,
    .modal-dialog,
    .modal-backdrop,
    .wheel-reward-popup,
    .wheel-reward-modal,
    .blot-result,
    .blot-levelup {
        animation: none !important;
        transition: none !important;
    }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
 .trnsingle-page .trnsingle-participate-overlay {backdrop-filter:none; -webkit-backdrop-filter:none;}
 .arcade-mode-slider > .arcade-tile::after, .arcade-shop-button::after, .arcade-wheel-feature::after {animation:none!important;}
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .mobile-game-hero,
    .mobile-game-gallery,
    .install-conversion-shell { box-shadow:0 12px 28px rgba(0,0,0,.26) !important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
 .footer-page-shell { display:flex!important; flex-direction:column!important; }
 .footer-pages-nav { flex:0 0 auto; }
 .footer-page-main { flex:1 1 auto; }
 .mobile-game-page { height:100%!important; min-height:0!important; display:grid!important; grid-template-rows:auto minmax(0,1fr)!important; gap:8px!important; padding:10px!important; overflow:hidden!important; }
 .mobile-game-hero { padding:0!important; margin:0!important; }
 .mobile-game-copy h1 { font-size:clamp(20px,5vw,28px)!important; margin:0 0 8px!important; }
 .mobile-game-install-button { min-height:40px!important; padding:8px 14px!important; }
 .mobile-game-gallery { min-height:0!important; padding:0!important; display:flex!important; flex-direction:column; gap:8px; }
 .mobile-game-gallery-heading h2 { font-size:18px!important; margin:0!important; }
 .mobile-game-screens { flex:1; min-height:0!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; align-items:center!important; gap:8px!important; }
 .mobile-game-screen { min-height:0!important; max-height:100%; margin:0!important; padding:0!important; }
 .mobile-game-screen > div { height:auto!important; max-height:calc(100dvh - 250px)!important; display:flex; justify-content:center; }
 .mobile-game-screen img { width:auto!important; height:auto!important; max-width:100%!important; max-height:calc(100dvh - 250px)!important; object-fit:contain!important; }
 .mobile-game-screen figcaption { font-size:14px!important; margin:4px 0!important; }
 .pwa-install-conversion { height:100%!important; min-height:0!important; padding:10px!important; overflow:hidden!important; display:flex; align-items:center; }
 .install-conversion-shell { max-height:100%; min-height:0!important; padding:0!important; gap:10px!important; }
 .install-conversion-brand { display:none!important; }
 .install-conversion-copy h1 { font-size:24px!important; margin:5px 0!important; }
 .install-conversion-copy { padding:0!important; }
 .install-conversion-reward { margin-top:8px!important; padding:8px!important; }
 .install-conversion-action-card { min-height:0; max-height:100%; padding:12px!important; overflow:auto; }
 .install-conversion-panel h2 { font-size:20px!important; }
 .install-conversion-panel p { font-size:14px!important; margin:8px 0!important; }
 .install-conversion-primary,.install-conversion-secondary { min-height:40px!important; padding:8px!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 .install-conversion-shell { display:grid!important; grid-template-columns:1fr 1fr!important; align-items:center; }
 .mobile-game-page { grid-template-columns:1fr 1fr!important; grid-template-rows:minmax(0,1fr)!important; align-items:center; }
 .mobile-game-gallery { height:100%; justify-content:center; }
 .mobile-game-screen img,.mobile-game-screen > div { max-height:calc(100dvh - 150px)!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
 .mobile-game-qr { display:none!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) { .mobile-game-screen { display:flex!important; flex-direction:column; align-items:center; width:100%!important; min-width:0!important; max-width:100%!important; } .mobile-game-screen > div { width:100%!important; min-width:0!important; } }
@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 #vipModal.vip-page-root .vip-modal .vip-text,#vipModal.vip-page-root .vip-modal .vip-current-status { font-size:14px!important; line-height:1.3!important; }
 #vipModal.vip-page-root .vip-modal .vip-card-popular { font-size:14px!important; }
 #vipModal.vip-page-root .vip-modal .vip-footer > span { font-size:14px!important; line-height:1.3!important; }
 .main .buychips-page.buychips-v2 .chips-package-label { font-size:14px!important; }
 .main .buychips-page.buychips-v2 .chips-package-action { font-size:14px!important; }
 .main .buychips-page.buychips-v2 .chips-package-popular,.main .buychips-page.buychips-v2 .chips-package-vip { font-size:14px!important; }
 .main .buychips-page.buychips-v2 .chips-package-vip { max-width:100%!important; }
 .main .buychips-page.buychips-v2 .chips-shop-payment-copy { font-size:14px!important; }
 .main .buychips-page.buychips-v2 .chips-shop-payment-copy strong { font-size:14px!important; }
 .main .tournament-page .tournament-list-card .tournament-status { font-size:14px!important; }
 .main .tournament-page .tournament-list-time,.main .tournament-page .tournament-list-time strong,.main .tournament-page .tournament-list-stat > span { font-size:14px!important; }
 .main .tournament-page .tournament-list-progress > div:first-child { font-size:14px!important; }
 .main .trnsingle-page .trnsingle-info-label,.main .trnsingle-page .trnsingle-game-score,.main .trnsingle-page .trnsingle-game-state { font-size:14px!important; }
 .main .trnsingle-page .trnsingle-game-card .trnsingle-btn,.main .trnsingle-page .trnsingle-sidebar-actions .trnsingle-btn { font-size:14px!important; }
 .main .footer-page-main p,.main .footer-page-main li,.main .footer-page-main .accordion-body { font-size:14px!important; line-height:1.5!important; }
 .main .install-conversion-kicker,.main .install-conversion-benefits span,.main .mobile-game-screen figcaption { font-size:14px!important; }
 .main .arcade-info-card small,.main .arcade-info-card span { font-size:14px!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) { #profileModal .profile-modal .profile-metric-label { font-size:14px!important; } }
@media(hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .main .buychips-page.buychips-v2 .chips-package-vip { width:max-content!important; max-width:100%!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; text-align:center; line-height:1.2; padding:3px 5px!important; }
    .main .buychips-page.buychips-v2 .chips-shop-head { row-gap:12px!important; }
}
@media(hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    .main .buychips-page.buychips-v2 .chips-package-top { display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:4px!important; min-width:0!important; min-height:0!important; max-height:100%; }
    .main .buychips-page.buychips-v2 .chips-package-vip { position:static!important; inset:auto!important; translate:none!important; transform:none!important; flex:0 0 auto; margin:0!important; width:auto!important; max-width:100%!important; }
    .main .buychips-page.buychips-v2 .chips-package-top:has(.chips-package-vip) .chips-package-icon { flex-shrink:1; min-height:0; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .main .buychips-page.buychips-v2 .chips-package-grid { height:min(100%,540px)!important; align-self:center!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .main .buychips-page.buychips-v2 .store-section-tab, #vipModal.vip-page-root .vip-hero .store-section-tab { min-width:0!important; padding:8px!important; gap:6px!important; white-space:nowrap; }
 .main .buychips-page.buychips-v2 .store-section-tab:first-child, #vipModal.vip-page-root .vip-hero .store-section-tab:first-child { flex:1.5; }
}
@media(hover: none) and (pointer: coarse) and (min-width: 520px){.vip-store-page{padding:10px!important}.vip-page-shop{gap:12px}#vipModal.vip-page-root .vip-modal{grid-template-columns:1fr!important;grid-template-rows:auto!important;padding:14px!important;border-radius:20px!important}#vipModal.vip-page-root .vip-hero,#vipModal.vip-page-root .vip-benefits,#vipModal.vip-page-root .vip-current-status,#vipModal.vip-page-root .vip-packages,#vipModal.vip-page-root .vip-footer{grid-column:1!important;grid-row:auto!important}#vipModal.vip-page-root .vip-hero{min-height:86px!important;padding:13px!important;flex-wrap:wrap!important}#vipModal.vip-page-root .vip-hero .store-section-tabs{width:100%;margin:8px 0 0}.vip-hero .store-section-tab{flex:1;min-width:0}#vipModal.vip-page-root .vip-packages{grid-template-columns:repeat(2,minmax(0,1fr))!important}#vipModal.vip-page-root .vip-card{min-height:96px!important;padding:12px!important;grid-template-columns:48px minmax(0,1fr)!important}#vipModal.vip-page-root .vip-card-picture{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;font-size:18px!important}#vipModal.vip-page-root .vip-footer{flex-direction:column!important}#vipModal.vip-page-root .vip-buy-btn{width:100%!important;min-width:0!important}}
@media(hover: none) and (pointer: coarse) and (min-width: 520px){#vipModal.vip-page-root .vip-packages{min-height:0!important}#vipModal.vip-page-root .vip-card,#vipModal.vip-page-root .vip-card:nth-child(n){height:178px!important;min-height:178px!important;padding:20px 10px 16px!important;gap:7px!important}#vipModal.vip-page-root .vip-card:nth-child(2){transform:none!important}#vipModal.vip-page-root .vip-card-popular{top:7px;right:7px;padding:4px 6px;font-size:14px}#vipModal.vip-page-root .vip-card-buy{min-height:36px;margin-top:3px}}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
 #vipModal.vip-page-root .vip-modal { padding:0!important; gap:12px!important; }
 #vipModal.vip-page-root .vip-hero.chips-shop-head { grid-template-columns:minmax(0,1fr)!important; gap:12px!important; padding:16px!important; }
 #vipModal.vip-page-root .vip-hero .chips-shop-back { display:none; }
 #vipModal.vip-page-root .vip-hero .store-section-tabs { width:100%; margin:0; display:flex; }
 #vipModal.vip-page-root .vip-hero .store-section-tab { flex:1; min-width:0; }
 #vipModal.vip-page-root .vip-benefits { grid-template-columns:minmax(0,1fr)!important; gap:8px!important; }
 #vipModal.vip-page-root .vip-item:nth-child(n) { min-height:68px!important; padding:12px!important; grid-template-columns:46px minmax(0,1fr)!important; gap:12px!important; }
 #vipModal.vip-page-root .vip-text { min-width:0; overflow-wrap:anywhere; }
 #vipModal.vip-page-root .vip-packages { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
 #vipModal.vip-page-root .vip-card:nth-child(n) { height:auto!important; min-height:220px!important; padding:34px 10px 16px!important; transform:none!important; }
 #vipModal.vip-page-root .vip-current-status { padding:12px!important; text-align:left; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait), (hover: none) and (pointer: coarse) and (min-width: 520px) {
 .vip-store-page { height:100%!important; min-height:0!important; padding:8px!important; overflow:hidden!important; }
 .vip-page-shop,#vipModal.vip-page-root,#vipModal.vip-page-root .vip-dialog { height:100%!important; min-height:0!important; }
 #vipModal.vip-page-root .vip-modal { height:100%!important; min-height:0!important; grid-template-rows:auto auto minmax(0,1fr) auto!important; gap:7px!important; }
 #vipModal.vip-page-root .vip-hero.chips-shop-head { display:none!important; }
 #vipModal.vip-page-root .vip-benefits { grid-row:1!important; gap:5px!important; }
 #vipModal.vip-page-root .vip-item:nth-child(n) { min-height:0!important; padding:6px 8px!important; grid-template-columns:28px minmax(0,1fr)!important; gap:8px!important; }
 #vipModal.vip-page-root .vip-icon { width:28px!important; height:28px!important; font-size:14px!important; }
 #vipModal.vip-page-root .vip-text { font-size:14px!important; line-height:1.25!important; }
 #vipModal.vip-page-root .vip-current-status { grid-row:2!important; padding:7px!important; font-size:14px!important; line-height:1.25!important; }
 #vipModal.vip-page-root .vip-packages { grid-row:3!important; min-height:0!important; height:100%!important; grid-template-rows:repeat(2,minmax(0,1fr))!important; gap:7px!important; align-items:stretch!important; }
 #vipModal.vip-page-root .vip-card:nth-child(n) { min-height:0!important; height:100%!important; padding:22px 8px 8px!important; gap:4px!important; justify-content:center!important; }
 #vipModal.vip-page-root .vip-card-picture { width:30px!important; height:30px!important; min-width:30px!important; min-height:30px!important; font-size:15px!important; }
 #vipModal.vip-page-root .vip-days { font-size:14px!important; }
 #vipModal.vip-page-root .vip-price { font-size:20px!important; }
 #vipModal.vip-page-root .vip-card-buy { min-height:30px!important; margin:0!important; font-size:14px!important; }
 #vipModal.vip-page-root .vip-modal .vip-footer { grid-row:4!important; min-height:0!important; padding:3px!important; font-size:14px!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 #vipModal.vip-page-root .vip-benefits { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
 #vipModal.vip-page-root .vip-packages { grid-template-columns:repeat(4,minmax(0,1fr))!important; grid-template-rows:minmax(0,1fr)!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait), (hover: none) and (pointer: coarse) and (min-width: 520px) {
 #vipModal.vip-page-root .vip-card:nth-child(n) { display:grid!important; grid-template-columns:34px minmax(0,1fr)!important; grid-template-rows:30px auto 30px!important; align-content:center; column-gap:4px!important; }
 #vipModal.vip-page-root .vip-card-picture { grid-column:1; grid-row:1; }
 #vipModal.vip-page-root .vip-days { grid-column:2; grid-row:1; margin:0!important; }
 #vipModal.vip-page-root .vip-price { grid-column:1 / -1; grid-row:2; line-height:1.1!important; margin:0!important; }
 #vipModal.vip-page-root .vip-card-buy { grid-column:1 / -1; grid-row:3; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) and (max-height: 540px) { #vipModal.vip-page-root .vip-packages { display:flex!important; overflow-x:auto!important; overflow-y:hidden!important; scroll-snap-type:x mandatory; } #vipModal.vip-page-root .vip-card:nth-child(n) { flex:0 0 70%; scroll-snap-align:center; } }

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait), (hover: none) and (pointer: coarse) and (min-width: 520px) {
 #vipModal.vip-page-root .vip-current-status:not(.d-none)+.vip-packages { grid-row:3!important; }
 #vipModal.vip-page-root .vip-modal:has(.vip-current-status:not(.d-none)) .vip-footer { grid-row:4!important; }
 #vipModal.vip-page-root .vip-packages { align-self:stretch!important; }
 #vipModal.vip-page-root .vip-card:nth-child(n) { max-height:none!important; align-self:stretch!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait), (hover: none) and (pointer: coarse) and (min-width: 520px) {
 #vipModal.vip-page-root .vip-card:nth-child(n) { position:relative!important; display:grid!important; grid-template-columns:minmax(0,1fr)!important; grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr)!important; align-content:stretch!important; justify-items:center!important; padding:26px 12px 52px!important; gap:8px!important; }
 #vipModal.vip-page-root .vip-card-picture { grid-column:1!important; grid-row:1!important; align-self:end; }
 #vipModal.vip-page-root .vip-days { grid-column:1!important; grid-row:2!important; text-align:center!important; }
 #vipModal.vip-page-root .vip-price { grid-column:1!important; grid-row:3!important; text-align:center!important; }
 #vipModal.vip-page-root .vip-card-buy { position:absolute!important; bottom:12px; left:12px; right:12px; width:auto!important; min-height:32px!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 #vipModal.vip-page-root .vip-modal { grid-template-rows:auto auto auto minmax(0,1fr) auto!important; }
 #vipModal.vip-page-root .vip-hero.chips-shop-head { display:grid!important; grid-row:1!important; grid-template-columns:minmax(0,1fr)!important; min-height:0!important; padding:8px 10px!important; gap:6px!important; border-radius:14px!important; }
 #vipModal.vip-page-root .vip-hero .chips-shop-back,#vipModal.vip-page-root .vip-hero .chips-shop-mark,#vipModal.vip-page-root .vip-hero p { display:none!important; }
 #vipModal.vip-page-root .vip-hero h1 { font-size:18px!important; margin:0!important; }
 #vipModal.vip-page-root .vip-hero .store-section-tabs { margin:0!important; padding:3px!important; width:100%; }
 #vipModal.vip-page-root .vip-hero .store-section-tab { min-height:30px!important; height:30px!important; padding:4px 8px!important; font-size:14px!important; }
 #vipModal.vip-page-root .vip-benefits { grid-row:2!important; }
 #vipModal.vip-page-root .vip-current-status { grid-row:3!important; }
 #vipModal.vip-page-root .vip-packages,#vipModal.vip-page-root .vip-current-status:not(.d-none)+.vip-packages { grid-row:4!important; }
 #vipModal.vip-page-root .vip-modal .vip-footer,#vipModal.vip-page-root .vip-modal:has(.vip-current-status:not(.d-none)) .vip-footer { grid-row:5!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) and (max-height: 700px) {
 #vipModal.vip-page-root .vip-packages { display:flex!important; overflow-x:auto!important; overflow-y:hidden!important; scroll-snap-type:x mandatory; scrollbar-width:none; }
 #vipModal.vip-page-root .vip-card:nth-child(n) { flex:0 0 76%; scroll-snap-align:center; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) and (max-height: 380px) {
 #vipModal.vip-page-root .vip-card:nth-child(n) { padding-top:22px!important; gap:4px!important; }
}
@media(hover: none) and (pointer: coarse) and (min-width: 520px), (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
    #vipModal.vip-page-root .vip-packages { gap:12px!important; padding:3px!important; }
    #vipModal.vip-page-root .vip-hero.chips-shop-head { row-gap:12px!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 #vipModal.vip-page-root .vip-modal { grid-template-rows:auto auto minmax(0,1fr) auto!important; gap:12px!important; }
 #vipModal.vip-page-root .vip-modal > .vip-benefits { display:none!important; }
 #vipModal.vip-page-root .vip-current-status { grid-row:2!important; gap:12px!important; text-align:left; }
 #vipModal.vip-page-root .vip-current-status > i { display:none; }
 #vipModal.vip-page-root .vip-benefits-info { display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; padding:0; border:1px solid #d1ac65; border-radius:12px; color:#f9df9c; background:linear-gradient(145deg,#655137,#3b3027); font-size:24px; }
 #vipModal.vip-page-root .vip-benefits-info:focus-visible { outline:2px solid #ffe7a6; outline-offset:2px; }
 #vipModal.vip-page-root .vip-packages,#vipModal.vip-page-root .vip-current-status:not(.d-none)+.vip-packages { grid-row:3!important; height:min(100%,420px)!important; align-self:center!important; gap:18px!important; padding:6px!important; width:100%; max-width:460px; margin:0 auto; }
 #vipModal.vip-page-root .vip-card:nth-child(n) { padding:24px 12px 52px!important; gap:6px!important; }
 #vipModal.vip-page-root .vip-days { font-size:15px!important; }
 #vipModal.vip-page-root .vip-price { font-size:23px!important; }
 #vipModal.vip-page-root .vip-card-buy { min-height:36px!important; font-size:14px!important; }
 #vipModal.vip-page-root .vip-modal .vip-footer,#vipModal.vip-page-root .vip-modal:has(.vip-current-status:not(.d-none)) .vip-footer { grid-row:4!important; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) and (max-height: 700px) {
 #vipModal.vip-page-root .vip-packages { height:min(100%,260px)!important; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 #vipModal.vip-page-root .vip-modal > .vip-benefits { display:none!important; }
 #vipModal.vip-page-root .vip-modal { grid-template-rows:auto minmax(0,1fr) auto!important; gap:10px!important; }
 #vipModal.vip-page-root .vip-current-status { grid-row:1!important; display:flex; gap:12px!important; text-align:left; }
 #vipModal.vip-page-root .vip-current-status > i { display:none; }
 #vipModal.vip-page-root .vip-benefits-info { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; padding:0; border:1px solid #d1ac65; border-radius:11px; color:#f9df9c; background:linear-gradient(145deg,#655137,#3b3027); font-size:22px; }
 #vipModal.vip-page-root .vip-packages,#vipModal.vip-page-root .vip-current-status:not(.d-none)+.vip-packages { grid-row:2!important; }
 #vipModal.vip-page-root .vip-modal .vip-footer,#vipModal.vip-page-root .vip-modal:has(.vip-current-status:not(.d-none)) .vip-footer { grid-row:3!important; }
 #vipBenefitsModal .modal-dialog { max-width:680px; }
 #vipBenefitsModal .modal-content { padding:18px; }
 #vipBenefitsModal h3 { margin-bottom:14px; }
 #vipBenefitsModal .vip-benefits-details { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
 #vipBenefitsModal .vip-item { grid-template-columns:minmax(0,1fr); align-content:start; gap:10px; }
 #vipBenefitsModal .vip-text { font-size:15px; line-height:1.35; }
}

@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: portrait) {
 .main .vip-store-page { padding-inline:10px!important; }
 #vipModal.vip-page-root .vip-hero.chips-shop-head { padding:8px 10px!important; gap:12px 6px!important; }
 #vipModal.vip-page-root .vip-hero h1 { line-height:1!important; }
 #vipModal.vip-page-root .vip-hero .store-section-tab { min-width:0!important; min-height:42px!important; height:42px!important; padding:8px!important; font-size:15px!important; line-height:18px!important; gap:6px!important; }
 #vipModal.vip-page-root .vip-hero .store-section-tab:first-child { flex:1.5; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 520px) and (orientation: landscape) {
 #vipModal.vip-page-root .vip-modal .vip-packages { height:min(100%,190px)!important; align-self:center!important; gap:16px!important; padding:4px!important; }
 #vipModal.vip-page-root .vip-modal .vip-card:nth-child(n) { padding:22px 10px 54px!important; gap:5px!important; }
 #vipModal.vip-page-root .vip-modal .vip-card-buy { min-height:40px!important; height:40px!important; font-size:15px!important; bottom:10px; left:10px; right:10px; }
 #vipModal.vip-page-root .vip-days { font-size:14px!important; }
}
/* Tablet shell fills the viewport instead of the desktop 800px frame. */
@media (hover: none) and (pointer: coarse) and (min-width: 520px) {
    .blot-shell {
        width: 100%;
        height: 100vh !important;
        height: 100dvh !important;
        min-height: 0;
        max-height: none;
        padding: 0;
        align-items: stretch !important;
    }
    .blot-shell > .main {
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 0;
        max-height: none;
        margin: 0;
        border: 0;
        border-radius: 0;
    }
    .blot-shell > .main > .content { flex: 1 1 0; min-height: 0; }
}