.table-container.dice-table {
	margin: 40px 0 0;
	/*text-align: center;*/
}

.table-container.dice-table .table-column {
	padding-left: 40px !important;
}

.table-container.dice-table .table-row {
	border-bottom: 0;	
}

.table-container.dice-table .table-body .table-row {
	padding: 10px 0;
}

.table-container.dice-table .table-row i {
	color: #ffc34c;
	margin-left: 3px;
}

.table-container.dice-table .table-row:nth-child(even) {
	/*border-bottom: 0;*/
	background: var(--site-color-bg-dark);
}

.table-container.dice-table .table-header {
	background: var(--site-color-bg-light);
	border: 0;
	color: #596076;
}

.table-container.dice-table .table-body {
	/*x*/
}

.table-container.dice-table .avatar {
	border-width: 2px;
	margin-right: 5px;
}

.mines-game-layout #minesweeper_cashout.hidden { display: none !important; }
.wheel-risk-btn.active { background: #8d3bde; border-color: #8d3bde; color: #fff; }
.hilo-btn-place.hidden,
.hilo-btn-cashout.hidden { display: none; }
.bj-btn-place.hidden { display: none; }
.bj-actions.hidden { display: none; }
.bcr-side.active { border-color: #8d3bde; background: rgba(141,59,222,0.18); }
.dt-page #dt_side_dragon:hover,.dt-page #dt_side_dragon.active { border-color: rgba(255,107,107,.5); background: linear-gradient(145deg,rgba(210,58,58,.24),rgba(75,20,20,.24)); }
.dt-page #dt_side_tie:hover,.dt-page #dt_side_tie.active { border-color: rgba(244,201,93,.5); background: linear-gradient(145deg,rgba(173,126,30,.22),rgba(71,51,15,.24)); }
.dt-page #dt_side_tiger:hover,.dt-page #dt_side_tiger.active { border-color: rgba(244,150,60,.5); background: linear-gradient(145deg,rgba(186,109,45,.22),rgba(74,42,18,.24)); }
.dt-page #dt_side_dragon.active .dt-side-pays { color: #ff8f8f; }
.dt-page #dt_side_tie.active .dt-side-pays { color: #f4c95d; }
.dt-page #dt_side_tiger.active .dt-side-pays { color: #ffb066; }
.dt-page .dt-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.dt-page .dt-history .table-header { background: rgba(255,255,255,.025); }
.ck-btn-place.hidden { display: none; }
.ck-actions.hidden { display: none; }
.cf-btn-place.hidden { display: none; }
.cf-actions.hidden { display: none; }
.av-btn-place.hidden { display: none; }
.av-speed-btn.active {
    background: rgba(242,181,60,0.16);
    border-color: rgba(242,181,60,0.5);
    color: #f2b53c;
}
.av-splash.hidden { display: none; }
.av-celebration.hidden { display: none; }
.av-stall-warning.hidden { display: none; }
.pk-page .hidden { display: none !important; }
.rl-history.hidden { display: none !important; }
.cr-btn-cashout.hidden { display: none !important; }
.cr-btn-next.hidden { display:none !important; }
.tw-btn-cashout.hidden { display: none !important; }
.pk-risk-btn.active { background: #8d3bde; color: #fff; }

/* ═══════════════════════════════════════════════════════════════
   SLOTS GAME  (same two-panel layout language as PLINKO/DICE redesign)
   ═══════════════════════════════════════════════════════════════ */

.sl-page { width: 100%; }

.sl-game-layout {
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    min-height: 460px;
    margin-bottom: 24px;
}

/* ── Left panel ── */
.sl-controls {
    width: clamp(240px, 24vw, 280px);
    min-width: 240px;
    background: #3b274f;
    display: flex;
    flex-direction: column;
    padding: 20px 16px;
    gap: 16px;
    flex-shrink: 0;
}
.sl-segment { display: flex; flex-direction: column; }
.sl-segment-row {
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.sl-label-inline {
    text-transform: none;
    letter-spacing: normal;
    font-size: 13px;
    color: rgba(255,255,255,0.65);
    margin-bottom: 0;
}
.sl-label {
    display: block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255,255,255,0.45);
    margin-bottom: 8px;
}

/* Bet amount row */
.sl-input-row {
    display: flex;
    align-items: center;
    background: rgba(0,0,0,0.25);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 6px;
    overflow: hidden;
}
.sl-input-icon {
    padding: 0 10px;
    font-size: 13px;
    color: rgba(255,255,255,0.4);
    flex-shrink: 0;
}
.sl-input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
    min-width: 0;
}
.sl-chips {
    display: flex;
    border-left: 1px solid rgba(255,255,255,0.08);
}
.sl-chip {
    background: transparent;
    border: none;
    border-left: 1px solid rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.5);
    font-size: 11px;
    padding: 6px 7px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.sl-chip:first-child { border-left: none; }
.sl-chip:hover { background: rgba(255,255,255,0.08); color: #fff; }

/* Paytable */
.sl-paytable {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: rgba(0,0,0,0.2);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 6px;
    padding: 8px 10px;
}
.sl-pay-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 0;
    font-size: 13px;
}
.sl-pay-icon { letter-spacing: 2px; }
.sl-pay-mult { font-weight: 700; color: #ba86ed; }

/* Place bet button — kept at the top of the left panel, always in easy reach */
.sl-btn-place {
    background: #8d3bde;
    border: none;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 48px;
    width: 100%;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    transition: opacity 0.15s;
}
.sl-btn-place:hover { opacity: 0.88; }
.sl-btn-place.disabled { opacity: 0.5; cursor: default; pointer-events: none; }

/* Guest fun-balance banner (slots.php sl-demo-banner) */
.sl-demo-banner {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: linear-gradient(135deg, rgba(141,59,222,0.18), rgba(141,59,222,0.06));
    border: 1px solid rgba(141,59,222,0.4);
    border-radius: 8px;
    padding: 10px 12px;
}
.sl-demo-banner.hidden { display: none; }
.sl-demo-banner-row {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 12px;
}
.sl-demo-badge {
    background: #8d3bde;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 2px 7px;
}
.sl-demo-balance-label { color: rgba(255,255,255,0.6); }
.sl-demo-balance { color: #2ee36f; font-weight: 700; font-variant-numeric: tabular-nums; margin-left: auto; }
.sl-demo-signup-btn {
    background: #2ee36f;
    border: none;
    border-radius: 6px;
    color: #0c1a10;
    font-size: 12px;
    font-weight: 700;
    padding: 8px;
    cursor: pointer;
    transition: opacity 0.15s;
}
.sl-demo-signup-btn:hover { opacity: 0.88; }

/* ── Right panel ── */
.sl-stage {
    flex: 1;
    background: #2b2333;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Header bar */
.sl-header {
    background: #3b274f;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 24px;
    flex-shrink: 0;
}
.sl-header-left { display: flex; align-items: center; gap: 8px; }
.sl-header-icon { width: 20px; height: 20px; object-fit: contain; flex-shrink: 0; }
.sl-header-title { font-size: 15px; font-weight: 600; color: #fff; }
.sl-info-icon { color: rgba(255,255,255,0.35); font-size: 14px; cursor: default; }
.sl-fair-link {
    font-size: 13px;
    color: rgba(255,255,255,0.45);
    text-decoration: none;
    transition: color 0.15s;
}
.sl-fair-link:hover { color: #09b95b; }

/* Board area */
.sl-board-area {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    position: relative;
}

.sl-machine {
    position: relative;
    display: flex;
    justify-content: center;
    background: rgba(0,0,0,0.2);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    padding: 14px;
    box-shadow: 0 14px 40px rgba(0,0,0,0.35);
    transition: box-shadow 0.3s;
}
.sl-machine.sl-win {
    animation: sl-win-pulse 0.9s ease-in-out infinite;
}
.sl-machine.sl-shake {
    animation: sl-shake 0.35s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

.sl-payline {
    position: absolute;
    left: 14px;
    right: 14px;
    top: 50%;
    height: 3px;
    transform: translateY(-50%);
    background: rgba(141,59,222,0.6);
    box-shadow: 0 0 12px rgba(141,59,222,0.7);
    pointer-events: none;
    z-index: 2;
    border-radius: 2px;
    animation: sl-payline-pulse 2.4s ease-in-out infinite;
}

.sl-reels {
    display: flex;
    gap: 10px;
}

.sl-reel {
    width: 92px;
    background: rgba(0,0,0,0.3);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    overflow: hidden;
}

.sl-reel-window {
    height: 252px;
    overflow: hidden;
    position: relative;
}

.sl-reel-window::before,
.sl-reel-window::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 40%;
    pointer-events: none;
    z-index: 1;
}
.sl-reel-window::before {
    top: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.55), transparent);
}
.sl-reel-window::after {
    bottom: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.55), transparent);
}

.sl-reel-strip {
    display: flex;
    flex-direction: column;
    will-change: transform, filter;
    filter: blur(0px);
}
.sl-reel-strip.sl-spinning {
    filter: blur(5px);
}

.sl-cell {
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    line-height: 1;
}
.sl-cell.sl-cell-win {
    animation: sl-cell-win 0.6s ease-in-out 2;
}

.sl-result {
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(9,185,91,0.92);
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 8px 20px;
    border-radius: 999px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.35);
    z-index: 3;
}

/* History table */
.sl-history { margin-bottom: 24px; }

/* ── Responsive ── */
@media (max-width: 900px) {
    .sl-controls { width: 240px; min-width: 200px; }}

@media (max-width: 768px), (pointer: coarse) and (max-width: 1199px) and (max-height: 600px) and (orientation: landscape) {
    .sl-game-layout {
        flex-direction: column;
        border-radius: 0;
    }
    .sl-stage { order: 1; }
    .sl-controls  { order: 2; width: 100%; min-width: unset; }
    .sl-board-area { padding: 20px 10px; }
    .sl-reel { width: 76px; }
    .sl-reel-window { height: 198px; }
    .sl-cell { height: 66px; font-size: 34px; }}

@media (max-width: 480px) {
    .sl-chips .sl-chip { padding: 4px 6px; font-size: 11px; }
    .sl-reel { width: 62px; }
    .sl-reel-window { height: 162px; }
    .sl-cell { height: 54px; font-size: 28px; }}

@media (max-width: 768px), (pointer: coarse) and (max-width: 1199px) and (max-height: 600px) and (orientation: landscape) {
    .sl-page { font-size: 15px; }
    .sl-game-layout {
        gap: 0;
        min-height: 0;
        margin-bottom: 16px;
        border-radius: 8px;
    }
    .sl-header { padding: 12px 14px; }
    .sl-header-title { font-size: 17px; }
    .sl-info-icon,
    .sl-fair-link { font-size: 15px; }
    .sl-controls { padding: 14px; gap: 14px; }
    .sl-label { font-size: 12px; margin-bottom: 7px; }
    .sl-input { font-size: 16px; padding: 12px 0; }
    .sl-input-icon { font-size: 15px; }
    .sl-chip { font-size: 13px; }
    .sl-btn-place { height: 50px; font-size: 15px; }}

/* Compact (tablet + mobile) layout. The sidebar collapses to a drawer at
   1024px, so the responsive tables switch to the compact grid here too. */
@media (max-width: 1024px) {

    .dice-history .table-row {
        grid-template-columns: minmax(0, 1.35fr) minmax(68px, 0.75fr) minmax(54px, 0.6fr) minmax(76px, 0.85fr);
    }

    .dice-history .table-row > .table-column:nth-child(4),
    .dice-history .table-row > .table-column:nth-child(5) {
        display: none;
    }}
.hilo-page .hilo-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.hilo-page .hilo-history .table-header { background: rgba(255,255,255,.025); }
.dice-page .dice-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.dice-page .dice-history .table-header { background: rgba(255,255,255,.025); }
.limbo-page .limbo-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.limbo-page .limbo-history .table-header { background: rgba(255,255,255,.025); }
.wheel-page .wheel-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.wheel-page .wheel-history .table-header { background: rgba(255,255,255,.025); }.rps-page .rps-move:hover:before,.rps-page .rps-move.active:before{opacity:.5;transform:scale(1.4)}.rps-page #rps_move_rock.active{border-color:rgba(168,115,239,.62)!important;box-shadow:inset 0 0 22px rgba(139,77,218,.16),0 8px 20px rgba(50,24,84,.2)}.rps-page #rps_move_rock.active i{color:#b989f5}.rps-page #rps_move_paper.active{border-color:rgba(95,209,207,.55)!important;box-shadow:inset 0 0 22px rgba(63,181,179,.13),0 8px 20px rgba(22,77,76,.18)}.rps-page #rps_move_paper.active i{color:#69d9d5}.rps-page #rps_move_scissors.active{border-color:rgba(244,201,93,.55)!important;box-shadow:inset 0 0 22px rgba(214,166,56,.13),0 8px 20px rgba(85,61,18,.18)}.rps-page #rps_move_scissors.active i{color:#f4d171}
.bj-page .bj-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.bj-page .bj-history .table-header { background: rgba(255,255,255,.025); }
.bcr-page #bcr_side_player:hover,.bcr-page #bcr_side_player.active { border-color: rgba(106,148,255,.5); background: linear-gradient(145deg,rgba(50,93,202,.24),rgba(21,36,81,.24)); }
.bcr-page #bcr_side_tie:hover,.bcr-page #bcr_side_tie.active { border-color: rgba(244,201,93,.5); background: linear-gradient(145deg,rgba(173,126,30,.22),rgba(71,51,15,.24)); }
.bcr-page #bcr_side_banker:hover,.bcr-page #bcr_side_banker.active { border-color: rgba(244,92,122,.5); background: linear-gradient(145deg,rgba(186,45,78,.22),rgba(74,18,36,.24)); }
.bcr-page #bcr_side_player.active .bcr-side-pays { color: #82a6ff; }
.bcr-page #bcr_side_tie.active .bcr-side-pays { color: #f4c95d; }
.bcr-page #bcr_side_banker.active .bcr-side-pays { color: #ff7892; }
.bcr-page .bcr-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.bcr-page .bcr-history .table-header { background: rgba(255,255,255,.025); }
.rps-page .rps-move.active { border-color: rgba(40,199,160,.55); background: linear-gradient(145deg,rgba(24,164,131,.24),rgba(12,68,55,.24)); }
.rps-page .rps-move.active i { color: #28C7A0; }
.rps-page .rps-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.rps-page .rps-history .table-header { background: rgba(255,255,255,.025); }
.kn-page .kn-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.kn-page .kn-history .table-header { background: rgba(255,255,255,.025); }
.ck-page .ck-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.ck-page .ck-history .table-header { background: rgba(255,255,255,.025); }
.cf-page .cf-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.cf-page .cf-history .table-header { background: rgba(255,255,255,.025); }
.minesweeper-page .mines-grid-btn.active { background: linear-gradient(135deg,#7134c9,#9a55e5); color: #fff; box-shadow: 0 6px 13px rgba(91,40,167,.22),inset 0 1px rgba(255,255,255,.14); }
.minesweeper-page .minesweeper-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.minesweeper-page .minesweeper-history .table-header { background: rgba(255,255,255,.025); }
.tw-page .tw-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.tw-page .tw-history .table-header { background: rgba(255,255,255,.025); }
.poker-page .pk-away-badge.hidden { display:none!important; }
.pk-share-sheet.hidden { display:none!important; }
.plinko-page .pk-risk-btn[data-color="green"].active { border-color: rgba(69,213,151,.45) !important; background: linear-gradient(145deg,rgba(36,171,111,.32),rgba(25,105,75,.18)); color: #63e1a6; box-shadow: inset 0 0 16px rgba(35,199,126,.08); }
.plinko-page .pk-risk-btn[data-color="orange"].active { border-color: rgba(239,177,75,.45) !important; background: linear-gradient(145deg,rgba(210,133,42,.32),rgba(118,69,23,.18)); color: #ffc66d; box-shadow: inset 0 0 16px rgba(232,154,46,.08); }
.plinko-page .pk-risk-btn[data-color="red"].active { border-color: rgba(237,86,96,.45) !important; background: linear-gradient(145deg,rgba(197,52,64,.34),rgba(110,28,37,.18)); color: #ff7b85; box-shadow: inset 0 0 16px rgba(226,67,79,.08); }
.plinko-page .pk-history .table-tabs { padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,.055); background: rgba(255,255,255,.018); }
.plinko-page .pk-history .table-tab-btn { border-radius: 8px; }
.plinko-page .pk-history .table-header { background: rgba(255,255,255,.025); }
.plinko-page .pk-history .table-body .table-row { border-color: rgba(255,255,255,.045); }
.av-page .av-speed-btn.active { border-color:rgba(168,113,255,.45);background:linear-gradient(145deg,rgba(126,61,211,.32),rgba(69,31,118,.24));color:#c99fff;box-shadow:inset 0 0 16px rgba(155,91,235,.08); }
.av-page .av-history .table-tabs { padding:8px 12px;background:rgba(5,3,10,.18); }
.av-page .av-history .table-header { background:rgba(255,255,255,.025); }
.poker-page .pk-preactions,.poker-page .pk-preactions.hidden { min-width:278px;display:flex!important;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap; }
.poker-page .pk-preaction-btn.hidden { display:inline-flex!important;align-items:center;justify-content:center; }
.poker-page .pk-preaction-btn.active { border-color:#b47aff;background:linear-gradient(135deg,rgba(133,75,219,.7),rgba(82,43,145,.72));color:#fff;box-shadow:0 0 14px rgba(166,105,255,.22); }
.poker-page .pk-run-it-modal.hidden { display:none; }
.dt-page--duel .dt-side.active::after { opacity:.75; }
#dt_side_dragon.active .dt-side-emblem { border-color:rgba(244,178,74,.38); color:#f4ba58; box-shadow:0 0 18px rgba(229,153,48,.15); }
#dt_side_tie.active .dt-side-emblem { border-color:rgba(244,201,93,.35); color:#f4d273; }
#dt_side_tiger.active .dt-side-emblem { border-color:rgba(174,112,255,.42); color:#c99dff; box-shadow:0 0 18px rgba(147,77,235,.17); }
.dt-page--duel #dt_side_dragon:hover,.dt-page--duel #dt_side_dragon.active { border-color:rgba(237,174,65,.48); background:linear-gradient(145deg,rgba(142,87,23,.3),rgba(59,32,11,.28)); }
.dt-page--duel #dt_side_tiger:hover,.dt-page--duel #dt_side_tiger.active { border-color:rgba(164,97,250,.52); background:linear-gradient(145deg,rgba(103,48,174,.3),rgba(43,20,74,.3)); }
.dt-page--duel #dt_side_dragon.active .dt-side-pays { color:#f4c45d; }
.dt-page--duel #dt_side_tiger.active .dt-side-pays { color:#c99dff; }
.cb-page .hidden { display: none !important; }
.ft-page .hidden { display: none !important; }
.ft-public-title-icon > .fa { display: block; width: 1em; height: 1em; margin-top: 12px; font-size: 16px; line-height: 1; text-align: center; }

/* Coin Flip mobile game scene ------------------------------------------- */
@media (max-width:768px) and (orientation:portrait) {
    body.is-game-page .cf-page .cf-actions.hidden { display:none!important; }}

/* Chicken mobile game scene --------------------------------------------- */
@media (max-width:768px) and (orientation:portrait) {
    body.is-game-page .ck-page .ck-actions.hidden { display:none!important; }}

/* Blackjack mobile game scene ------------------------------------------- */
@media (max-width:768px) and (orientation:portrait) {
    body.is-game-page .bj-page .bj-actions.hidden { display:none!important; }}

/* Poker mobile table ---------------------------------------------------- */
@media (max-width:768px), (pointer:coarse) and (max-width:1199px) and (max-height:600px) and (orientation:landscape) {
    body.is-game-page .poker-page .pk-lobby.hidden { display:none!important; }
	body.is-game-page .poker-page .pk-runout-toggle button.active { border-color:rgba(193,137,250,.65)!important;background:linear-gradient(145deg,rgba(144,74,211,.45),rgba(87,42,139,.46))!important;color:#fff!important;box-shadow:0 0 0 1px rgba(193,137,250,.1),0 5px 12px rgba(72,29,111,.22)!important; }
    body.is-game-page .poker-page .pk-bottombar.hidden { display:none!important; }
    body.is-game-page .poker-page .pk-actions.hidden { display:none!important; }}

/* Case Battles mobile app ---------------------------------------------- */
@media (max-width:768px), (pointer:coarse) and (max-width:1199px) and (max-height:600px) and (orientation:landscape) {
    body.is-game-page .cb-page .cb-lobby.hidden { display:none!important; }
    body.is-game-page .cb-page .cb-room.hidden { display:none!important; }
    body.is-game-page .cb-page .cb-invite-join.hidden { display:none!important; }}

/* Aviamasters mobile flight scene -------------------------------------- */
@media (max-width:768px) and (orientation:portrait) {
    body.is-game-page .av-page .toggle-switch { transform:scale(.82)!important; }

    body.is-game-page .av-page .av-autobet-segment:has(.av-autobet-panel:not(.hidden)) {
        position:fixed!important;z-index:9500!important;right:max(8px,var(--mobile-safe-right,0px))!important;bottom:calc(var(--mobile-tabs-h,64px) + var(--mobile-safe-bottom,0px) + 8px)!important;
        left:max(8px,var(--mobile-safe-left,0px))!important;width:auto!important;height:auto!important;max-height:min(64dvh,470px)!important;padding:10px!important;
        display:flex!important;flex-direction:column!important;gap:8px!important;overflow-y:auto!important;border-color:rgba(178,112,235,.3)!important;border-radius:17px!important;
        background:linear-gradient(155deg,#21172e,#100d18 76%)!important;box-shadow:0 24px 70px rgba(0,0,0,.65)!important;
    }}

@media (max-width:768px) and (orientation:landscape), (pointer:coarse) and (max-width:1199px) and (max-height:600px) and (orientation:landscape) {
    body.is-game-page .av-page .toggle-switch { transform:scale(.75)!important; }
    body.is-game-page .av-page .av-autobet-segment:has(.av-autobet-panel:not(.hidden)) {
        position:fixed!important;z-index:9500!important;inset:8px!important;width:auto!important;height:auto!important;max-height:calc(100dvh - 16px)!important;padding:9px!important;
        display:flex!important;flex-direction:column!important;gap:6px!important;overflow-y:auto!important;border-radius:15px!important;background:linear-gradient(155deg,#21172e,#100d18 76%)!important;box-shadow:0 24px 70px rgba(0,0,0,.65)!important;
    }}
.bnz-history .table-container { background: #2b2333; }
.bnz-free-banner:not(.hidden) { animation:bnz-free-aura 1.65s ease-in-out infinite; }

/* Desktop: keep every primary game surface on the left and its controls on
   the right. Mobile layouts continue to stack the surface above the controls
   and retain their route-specific sizing. */
@media (min-width:769px) {
    .sl-game-layout { flex-direction:row-reverse; }}

/* Selected bet, the total that came up, and the settled outcome. `won`/`lost`
   come straight from the server's multiplier -- the paytable is never
   re-derived here. */
.sc-page .sc-bet.active { border-color: rgba(163,108,255,.62); background: linear-gradient(145deg,rgba(132,71,234,.3),rgba(43,22,76,.4)); box-shadow: 0 0 0 3px rgba(132,72,226,.12),inset 0 1px rgba(255,255,255,.06); }
.sc-page .sc-bet.active .sc-bet-name,.sc-page .sc-bet.active .sc-bet-pays { color: #fff; }
.sc-page .sc-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.sc-page .sc-history .table-header { background: rgba(255,255,255,.025); }
.er-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.er-history .table-header { background: rgba(255,255,255,.025); }

/* Fullscreen reel geometry is derived from each board's real remaining size,
   not from the outer viewport. This keeps every row visible at any aspect. */
#page_content2.is-game-fullscreen :is(.sl-board-area,.bnz-board-area,.hw-board-area,.mw-board-area,.bk-board-area) {
    container-type:size;place-content:center!important;
}
#page_content2.is-game-fullscreen .s5-cabinet {
    width:min(92%,calc(166.6667dvh - 616.6668px))!important;
    width:min(92cqw,calc(166.6667cqh - 133.3334px))!important;
    height:auto!important;max-width:none!important;max-height:none!important;
    aspect-ratio:auto!important;margin:0!important;
}
#page_content2.is-game-fullscreen .s5-reels {
    width:100%!important;aspect-ratio:5/3!important;align-items:stretch!important;
}
#page_content2.is-game-fullscreen :is(.s5-reel,.s5-reel-window,.s5-reel-strip) {
    height:100%!important;min-height:0!important;
}
#page_content2.is-game-fullscreen .s5-cell {
    height:33.333333%!important;min-height:0!important;flex:0 0 33.333333%!important;
}
#page_content2.is-game-fullscreen .s5-symbol {
    width:auto!important;height:76%!important;max-width:84%!important;
}

/* Slot-specific fullscreen geometry: preserve each reel grid's native aspect
   while allowing the controls and stage to consume the whole viewport. */
@media (min-width:769px) {
    #page_content2.is-game-fullscreen :is(.sl-game-layout,.bnz-layout,.hw-layout,.mw-layout,.bk-layout) {
        display:grid!important;grid-template-columns:minmax(0,1fr) clamp(280px,23vw,350px)!important;
        grid-template-rows:minmax(0,1fr)!important;height:100%!important;min-height:0!important;
    }
    #page_content2.is-game-fullscreen :is(.sl-controls,.bnz-controls,.hw-controls,.mw-controls,.bk-controls) {
        grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;
        height:100%!important;max-height:none!important;overflow-y:auto!important;
    }
    #page_content2.is-game-fullscreen :is(.sl-stage,.bnz-stage,.hw-stage,.mw-stage,.bk-stage) {
        grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important;min-height:0!important;
    }
    #page_content2.is-game-fullscreen :is(.sl-board-area,.bnz-board-area,.hw-board-area,.mw-board-area,.bk-board-area) {
        flex:1!important;min-height:0!important;display:grid!important;place-items:center!important;overflow:hidden!important;
    }
    #page_content2.is-game-fullscreen .s5-cabinet {
        width:min(92%,calc((100dvh - 200px) * 1.6667))!important;height:auto!important;
        max-width:none!important;max-height:100%!important;aspect-ratio:auto!important;margin:0!important;
    }
    #page_content2.is-game-fullscreen .s5-reels { width:100%!important;aspect-ratio:5/3!important;align-items:stretch!important; }
    #page_content2.is-game-fullscreen :is(.s5-reel,.s5-reel-window) { height:100%!important;min-height:0!important; }
    #page_content2.is-game-fullscreen .s5-cell { height:33.333333%!important;min-height:0!important; }
    #page_content2.is-game-fullscreen .s5-symbol { width:min(78%,90px)!important;height:min(78%,90px)!important; }}
.nv-page .hidden { display: none !important; }
.nv-public-title-icon > .fa { display: block; width: 1em; height: 1em; margin-top: 12px; font-size: 16px; line-height: 1; text-align: center; }
.rv-page .hidden { display: none !important; }
.rv-public-title-icon > .fa { display: block; width: 1em; height: 1em; margin-top: 12px; font-size: 16px; line-height: 1; text-align: center; }
.bd-page .hidden { display: none !important; }
.bd-public-title-icon > .fa { display: block; width: 1em; height: 1em; margin-top: 12px; font-size: 16px; line-height: 1; text-align: center; }