/* Final game-card hierarchy shared by desktop and mobile. */
.game-mode-balance-locked > .arcade-lock { display:none !important; }

.lobby-tournament-name-landscape { display:none; }

.arcade-mode-slider > .arcade-tile .arcade-tile-meta {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
}

/* Very low mobile landscape with an active promotion. */
@media (orientation:landscape) and (max-height:380px) {
    .home-page:has(.chips-offer-banner) .arcade-lobby-board {
        grid-template-rows:minmax(0,1fr) 82px !important;
        gap:8px !important;
    }
    .home-page:has(.chips-offer-banner) .arcade-mode-slider {
        gap:10px !important;
    }
    .home-page:has(.chips-offer-banner) .arcade-mode-slider > .arcade-tile {
        padding:6px 8px !important;
        row-gap:2px !important;
        column-gap:8px !important;
    }
    .home-page:has(.chips-offer-banner) .arcade-mode-slider > .arcade-tile > strong {
        font-size:18px !important;
        line-height:1 !important;
    }
    .home-page:has(.chips-offer-banner) .arcade-mode-slider .arcade-play-icon img,
    .home-page:has(.chips-offer-banner) .arcade-mode-slider .arcade-mode-icon img {
        width:min(62%,54px) !important;
        height:min(86%,54px) !important;
        max-width:54px !important;
        max-height:54px !important;
        object-fit:contain;
    }
    .home-page:has(.chips-offer-banner) .arcade-mode-slider .arcade-tile-meta {
        gap:2px !important;
        margin:0 !important;
    }
    .home-page:has(.chips-offer-banner) .arcade-mode-slider .arcade-tile-meta b {
        min-height:22px !important;
        height:22px !important;
        padding:2px 5px !important;
        font-size:11px !important;
        line-height:1 !important;
    }
    .home-page:has(.chips-offer-banner) .arcade-mode-slider .arcade-tile-meta b:last-child {
        min-height:24px !important;
        height:24px !important;
        font-size:17px !important;
    }
    .home-page:has(.chips-offer-banner) .arcade-mode-slider .arcade-play-cta {
        min-height:30px !important;
        height:30px !important;
        margin:1px auto 0 !important;
        padding:3px 9px !important;
        font-size:11px !important;
    }
    .home-page:has(.chips-offer-banner) .arcade-wheel-feature,
    .home-page:has(.chips-offer-banner) .arcade-shop-button,
    .home-page:has(.chips-offer-banner) .arcade-info-card {
        min-height:0 !important;
        height:82px !important;
    }
    .home-page:has(.chips-offer-banner) .arcade-info-card {
        grid-template-columns:40px minmax(0,1fr) 10px !important;
        gap:5px !important;
        padding:6px 8px !important;
    }
    .home-page:has(.chips-offer-banner) .arcade-info-card > span,
    .home-page:has(.chips-offer-banner) .arcade-info-card > span img,
    .home-page:has(.chips-offer-banner) .arcade-reward-info > span img {
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
        max-width:40px !important;
        max-height:40px !important;
    }
    .home-page:has(.chips-offer-banner) .arcade-info-card > div {
        gap:2px !important;
        min-width:0;
    }
    .home-page:has(.chips-offer-banner) .arcade-info-card strong {
        font-size:11px !important;
        line-height:1.05 !important;
    }
    .home-page:has(.chips-offer-banner) .arcade-reward-info b {
        font-size:14px !important;
        line-height:1 !important;
    }
    .home-page:has(.chips-offer-banner) .arcade-reward-info small,
    .home-page:has(.chips-offer-banner) .arcade-tournament-info .lobby-tournament-countdown {
        font-size:10px !important;
        line-height:1 !important;
        padding:0 !important;
    }
    .home-page:has(.chips-offer-banner) .arcade-tournament-info .lobby-tournament-name-landscape {
        font-size:11px !important;
        line-height:1 !important;
    }
}

@media (orientation:portrait) and (max-width:700px) {
    .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; }
}

/* Portrait lobby: two compact/wide pairs in two rows. */
@media (orientation:portrait) and (max-width:700px) {
    .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:12px !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:12px !important;line-height:1.08; }
    .arcade-reward-info b { font-size:15px !important; }
    .arcade-reward-info small { font-size:10px !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:12px;
        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:10px !important;
        text-align:left;
        background:transparent !important;
        border:0 !important;
    }
}

/* Mobile landscape: compact actions, wider information cards. */
@media (orientation: landscape) and (max-height: 600px) {
    .arcade-mode-slider {
        -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-size:100% 100%;
        mask-size:100% 100%;
        -webkit-mask-repeat:no-repeat;
        mask-repeat:no-repeat;
    }
    .arcade-lobby-board {
        grid-template-columns:minmax(112px,.68fr) minmax(112px,.68fr) minmax(205px,1.2fr) minmax(220px,1.3fr) !important;
        column-gap:10px !important;
    }

    .arcade-wheel-feature,
    .arcade-shop-button {
        position:relative;
        padding:10px 9px !important;
        display:flex !important;
        flex-direction:column;
        align-items:center !important;
        justify-content:space-between;
        gap:3px !important;
        border-radius:15px !important;
        border:1px solid rgba(112,204,216,.12) !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 22px rgba(0,0,0,.18) !important;
        text-align:center !important;
        overflow:hidden;
    }
    .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-color:rgba(255,255,255,.043) !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-color:rgba(255,255,255,.055) !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 22px rgba(0,0,0,.18) !important;
    }
    .arcade-wheel-feature::before,
    .arcade-shop-button::before {
        content:"";
        position:absolute;
        top:2px !important;
        left:12px !important;
        right:12px !important;
        bottom:auto !important;
        width:auto !important;
        max-width:none !important;
        height:3px !important;
        max-height:3px !important;
        border-radius:0 0 99px 99px;
        z-index:10 !important;
        pointer-events:none;
        opacity:1 !important;
        transform:none !important;
        visibility:visible !important;
        display:none !important;
    }
    .arcade-shop-button::before { background:linear-gradient(90deg,transparent,#d85770,#b23a53,transparent); }
    .arcade-wheel-feature::before {
        background:linear-gradient(90deg,transparent 0%,#74e7f4 22%,#42c5e5 52%,#649fdc 78%,transparent 100%) !important;
        box-shadow:0 2px 5px rgba(66,197,229,.32);
    }
    .arcade-wheel-feature > .arcade-card-top-accent,
    .arcade-shop-button > .arcade-card-top-accent {
        position:absolute !important;
        z-index:20 !important;
        top:2px !important;
        left:12px !important;
        right:12px !important;
        width:auto !important;
        height:3px !important;
        min-height:3px !important;
        display:block !important;
        flex:none !important;
        border-radius:0 0 99px 99px;
        pointer-events:none;
    }
    .arcade-shop-button > .arcade-card-top-accent {
        background:linear-gradient(90deg,transparent,#d85770,#b23a53,transparent);
    }
    .arcade-wheel-feature > .arcade-card-top-accent {
        background:linear-gradient(90deg,transparent 0%,#74e7f4 22%,#42c5e5 52%,#649fdc 78%,transparent 100%);
    }

    .arcade-wheel-feature > span img,
    .arcade-wheel-feature .lobby-wheel-symbol,
    .arcade-shop-button > span img {
        width:54px !important;
        height:54px !important;
        max-width:54px !important;
        max-height:54px !important;
        object-fit:contain;
    }

    .arcade-wheel-feature > span,
    .arcade-shop-button > span {
        order:initial !important;
        flex:1;
        width:100% !important;
        min-width:0 !important;
        height:auto !important;
        min-height:0;
        display:grid;
        place-items:center;
    }

    .arcade-wheel-feature > strong,
    .arcade-shop-button > strong {
        order:2 !important;
        width:100% !important;
        font-size:12px !important;
        line-height:1.1 !important;
        text-align:center !important;
        padding:0 !important;
    }

    .arcade-wheel-feature > .fa-chevron-right,
    .arcade-shop-button > .arcade-action-arrow,
    .arcade-tournament-info > .fa-chevron-right {
        position:absolute !important;
        top:50% !important;
        right:9px !important;
        bottom:auto !important;
        margin:0 !important;
        transform:translateY(-50%) !important;
        align-self:auto !important;
        grid-column:auto !important;
        grid-row:auto !important;
    }

    .arcade-info-card {
        position:relative;
        grid-template-columns:46px minmax(0,1fr) auto !important;
        gap:9px !important;
        padding:10px 11px !important;
        border-radius:15px !important;
        overflow:hidden;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 24px rgba(0,0,0,.2) !important;
    }

    .arcade-info-card::before {
        content:"";
        position:absolute;
        top:0;
        left:16px;
        right:16px;
        height:2px;
        border-radius:0 0 99px 99px;
    }

    .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-color:rgba(218,188,102,.13) !important;
    }
    .arcade-reward-info::before { background:linear-gradient(90deg,transparent,#e3bd55,#62c995,transparent); }

    .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-color:rgba(151,123,214,.14) !important;
    }
    .arcade-tournament-info::before { background:linear-gradient(90deg,transparent,#a779dc,#5bc9d7,transparent); }

    .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,
    .arcade-reward-info > span img {
        width:46px !important;
        height:46px !important;
        max-width:46px !important;
        max-height:46px !important;
        object-fit:contain;
    }

    .arcade-info-card > div { gap:5px !important; }
    .arcade-info-card strong { font-size:13px !important;line-height:1.1 !important; }
    .arcade-reward-info b { font-size:16px !important; }
    .arcade-reward-info small { font-size:11px !important;white-space:nowrap; }
    .arcade-tournament-info .lobby-tournament-countdown { font-size:11px !important;padding:5px 7px !important; }
    .arcade-tournament-info > .fa-chevron-right { background:transparent !important;border:0 !important; }
    .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;
        color:#f5fbfc;
        font-size:13px;
        font-weight:800;
        line-height:1.1;
    }
    .arcade-tournament-info > div {
        display:flex !important;
        flex-direction:column;
        align-items:flex-start !important;
        justify-content:center;
        text-align:left !important;
        width:100%;
        min-width:0;
    }
    .arcade-tournament-info > div > strong,
    .arcade-tournament-info .lobby-tournament-name-landscape,
    .arcade-tournament-info .lobby-tournament-countdown {
        width:100%;
        text-align:left !important;
        justify-self:stretch !important;
    }
    .arcade-tournament-info > div > strong {
        text-align:center !important;
    }
    .arcade-tournament-info .lobby-tournament-countdown {
        align-self:flex-start;
        justify-content:flex-start !important;
    }
}
.arcade-mode-slider > .arcade-tile .arcade-tile-meta b {
    min-width:0;
    min-height:34px;
    padding:7px 9px !important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px solid rgba(var(--arcade-rgb,24,166,196),.18) !important;
    border-radius:10px;
    color:rgba(239,249,251,.88);
    font-size:14px !important;
    line-height:1.05;
    background:rgba(var(--arcade-rgb,24,166,196),.075) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.arcade-mode-slider > .arcade-tile .arcade-tile-meta b:last-child { grid-column:1 / -1 !important;grid-row:1 !important; }
.arcade-mode-slider > .arcade-tile .arcade-tile-meta b:last-child {
    min-height:34px;
    padding:3px 5px !important;
    color:#ffdc72;
    font-size:clamp(23px,2.15vw,26px) !important;
    font-weight:950;
    text-shadow:0 0 10px rgba(246,191,58,.2);
    background:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
}
.arcade-mode-slider > .arcade-tile .arcade-tile-meta b:last-child i {
    color:#ffe080;
    font-size:1.08em;
    filter:drop-shadow(0 0 5px rgba(246,191,58,.2));
}
.arcade-mode-slider > .arcade-tile .arcade-tile-meta b:first-child { grid-column:1 !important;grid-row:2 !important; }
.arcade-mode-slider > .arcade-tile .arcade-tile-meta b:nth-child(2) { grid-column:2 !important;grid-row:2 !important; }
.arcade-mode-slider > .arcade-tile .arcade-play-cta { display:inline-flex !important;align-items:center;justify-content:center;gap:8px;border-color:rgba(255,255,255,.22); }
.arcade-mode-slider > .arcade-play-tile .arcade-play-cta { background:linear-gradient(180deg,#40d86b,#1ca44a); }
.arcade-mode-slider > .arcade-mode-4 {
    --arcade-accent:#ff9368;
    --arcade-rgb:176,88,67;
    background:radial-gradient(ellipse at 65% 25%,rgba(176,88,67,.14),transparent 45%),linear-gradient(145deg,rgba(48,40,42,.97),rgba(9,28,38,.99)) !important;
}
.arcade-mode-slider > .arcade-mode-5 {
    --arcade-accent:#e7c34d;
    --arcade-rgb:155,132,54;
    background:radial-gradient(ellipse at 65% 25%,rgba(155,132,54,.14),transparent 45%),linear-gradient(145deg,rgba(45,44,36,.97),rgba(9,28,37,.99)) !important;
}
.arcade-mode-slider > .arcade-mode-4 .arcade-play-cta { background:linear-gradient(180deg,#ee8a64,#b95441);box-shadow:inset 0 1px rgba(255,255,255,.25),0 7px 16px rgba(176,88,67,.25),0 3px 0 #8d3e31; }
.arcade-mode-slider > .arcade-mode-5 .arcade-play-cta { background:linear-gradient(180deg,#e1bd47,#a77d20);box-shadow:inset 0 1px rgba(255,255,255,.25),0 7px 16px rgba(155,132,54,.25),0 3px 0 #7b5a15; }
.arcade-mode-slider > .arcade-mode-6 .arcade-play-cta { background:linear-gradient(180deg,#c665ce,#874294);box-shadow:inset 0 1px rgba(255,255,255,.25),0 7px 16px rgba(142,70,154,.25),0 3px 0 #642d70; }

@media (min-width:701px) and (min-height:601px) {
    .arcade-mode-slider > .arcade-mode-tile {
        padding:10px 12px !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:auto minmax(42px,1fr) auto auto !important;
        gap:5px;
        align-items:center;
        overflow:hidden;
    }
    .arcade-mode-slider > .arcade-mode-tile > strong {
        position:relative;
        inset:auto;
        grid-column:1;
        grid-row:1;
        width:100%;
        font-size:clamp(20px,1.7vw,25px);
        line-height:1.05;
        text-align:center;
    }
    .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:42px;
        display:grid;
        place-items:center;
    }
    .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-mode-tile .arcade-tile-meta {
        grid-column:1;
        grid-row:3;
        width:100%;
        margin:0;
        gap:4px !important;
    }
    .arcade-mode-slider > .arcade-mode-tile .arcade-tile-meta b {
        min-height:30px;
        padding:5px 7px !important;
        font-size:13px !important;
    }
    .arcade-mode-slider > .arcade-mode-tile .arcade-tile-meta b:last-child {
        min-height:32px;
        font-size:23px !important;
        background:transparent !important;
        border-color:transparent !important;
        box-shadow:none !important;
    }
    .arcade-mode-slider > .arcade-mode-tile .arcade-play-cta {
        grid-column:1;
        grid-row:4;
        width:min(100%,180px);
        min-width:0;
        min-height:34px;
        height:34px;
        margin:1px auto 0;
        padding:7px 12px;
        font-size:15px;
        justify-self:center;
    }
    .arcade-mode-slider > .arcade-mode-4,
    .arcade-mode-slider > .arcade-mode-5 {
        grid-template-rows:auto minmax(42px,1fr) auto !important;
    }
    .arcade-mode-slider > .arcade-mode-4 .arcade-play-cta,
    .arcade-mode-slider > .arcade-mode-5 .arcade-play-cta {
        display:none !important;
    }
    .arcade-mode-slider > .arcade-mode-6 {
        grid-template-columns:40% minmax(0,1fr) !important;
        grid-template-rows:auto minmax(0,1fr) auto !important;
        column-gap:12px;
    }
    .arcade-mode-slider > .arcade-mode-6 > strong {
        grid-column:1 / -1;
        grid-row:1;
    }
    .arcade-mode-slider > .arcade-mode-6 .arcade-mode-icon {
        grid-column:1;
        grid-row:2 / 4;
    }
    .arcade-mode-slider > .arcade-mode-6 .arcade-mode-icon img {
        inset:8% 10% 12% !important;
        width:80% !important;
        height:80% !important;
    }
    .arcade-mode-slider > .arcade-mode-6 .arcade-tile-meta {
        grid-column:2;
        grid-row:2;
        align-self:center;
    }
    .arcade-mode-slider > .arcade-mode-6 .arcade-play-cta {
        grid-column:2;
        grid-row:3;
        width:min(100%,205px);
        margin:0 auto 20px;
    }
}

@media (orientation:portrait) and (max-width:700px) {
    .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: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-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: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 (orientation:landscape) and (max-width:1024px) and (max-height:600px) {
    .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 (min-width:701px) and (min-height:601px) {
    .arcade-info-strip { gap:16px; }
    .arcade-lobby-shell:has(.arcade-lobby-offer) .arcade-play-icon img {
        width:min(82%,195px) !important;
        height:min(88%,195px) !important;
        max-width:195px !important;
        max-height:195px !important;
        object-fit:contain;
    }
    .arcade-lobby-shell:has(.arcade-lobby-offer) .arcade-play-cta {
        margin-bottom:14px !important;
    }
    .arcade-wheel-feature > strong,
    .arcade-shop-button > strong {
        font-size:20px !important;
    }
    .arcade-info-card {
        position:relative;
        min-height:112px;
        padding:18px 20px !important;
        gap:16px;
        overflow:hidden;
        background:linear-gradient(145deg,rgba(17,48,58,.86),rgba(7,27,34,.94)) !important;
        border:1px solid rgba(163,218,230,.11) !important;
        border-radius:18px !important;
        box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045) !important;
        backdrop-filter:blur(14px);
        grid-template-columns:74px minmax(0,1fr) auto;
        transition:background .18s ease,border-color .18s ease,box-shadow .18s ease !important;
    }
    .arcade-info-card::before {
        content:"";
        position:absolute;
        top:0;
        left:22px;
        right:22px;
        height:2px;
        border-radius:0 0 999px 999px;
    }
    .arcade-reward-info {
        background:radial-gradient(circle at 13% 50%,rgba(211,170,64,.13),transparent 35%),linear-gradient(145deg,rgba(25,53,49,.9),rgba(8,29,34,.95)) !important;
    }
    .arcade-reward-info::before { background:linear-gradient(90deg,transparent,#e2bd59,#68c995,transparent); }
    .arcade-tournament-info {
        background:radial-gradient(circle at 13% 50%,rgba(135,96,205,.14),transparent 35%),linear-gradient(145deg,rgba(25,42,61,.9),rgba(8,28,37,.95)) !important;
    }
    .arcade-tournament-info::before { background:linear-gradient(90deg,transparent,#a278dc,#5dc8d7,transparent); }
    .arcade-info-card > span {
        width:74px !important;
        max-width:74px !important;
        height:74px;
        aspect-ratio:auto;
        border-radius:0;
        background:transparent !important;
        border:0;
        overflow:visible;
    }
    .arcade-info-card > span img {
        width:66px !important;
        height:66px !important;
        max-width:66px !important;
        max-height:66px !important;
        object-fit:contain;
        filter:drop-shadow(0 7px 6px rgba(0,0,0,.22));
    }
    .arcade-reward-info > span img {
        width:74px !important;
        height:74px !important;
        max-width:74px !important;
        max-height:74px !important;
    }
    .arcade-info-card > div { gap:7px; }
    .arcade-info-card strong { color:#f5fbfc; font-size:18px; line-height:1.15; }
    .arcade-reward-info b { color:#f0ca69; font-size:21px; }
    .arcade-reward-info small { color:rgba(175,225,203,.72); font-size:12px; }
    .arcade-tournament-info .lobby-tournament-countdown {
        width:max-content;
        padding:6px 9px;
        color:#cceff4;
        background:rgba(73,174,194,.1);
        border:1px solid rgba(91,196,216,.15);
        border-radius:9px;
        font-size:12px;
    }
    .arcade-tournament-info > .fa-chevron-right {
        width:34px;
        height:34px;
        display:grid;
        place-items:center;
        color:#bfeaf1;
        background:rgba(72,169,190,.09);
        border:1px solid rgba(106,202,221,.14);
        border-radius:11px;
    }
    .arcade-info-card:hover {
        transform:none !important;
        border-color:rgba(146,220,232,.2) !important;
        box-shadow:0 18px 38px rgba(0,0,0,.26),0 0 24px rgba(70,183,199,.055),inset 0 1px 0 rgba(255,255,255,.06) !important;
    }
}