.cr-page #crash_bet:hover:not(.disabled) { background: linear-gradient(135deg, #8241e5, #ae61f7); }

.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; }

.mines-game-layout .minesweeper-grid .bomb:hover:not(.disabled) {
    background: #5d3580;
    transform: scale(1.03);
    border-color: transparent;
    box-shadow: none;
}

.mines-game-layout .minesweeper-grid .bomb.disabled:not(.success):not(.danger) {
    cursor: default;
}

.mines-game-layout .minesweeper-grid .bomb.disabled:not(.success):not(.danger):hover {
    background: #4c2b6c;
    transform: none;
}
.dice-game-layout #dice_bet.disabled { opacity: 0.55; cursor: not-allowed; }
.limbo-btn-place.disabled { opacity: 0.55; cursor: not-allowed; }
.limbo-game-layout #limbo_bet.disabled { opacity: 0.55; cursor: not-allowed; }
.wheel-risk-btn.active { background: #8d3bde; border-color: #8d3bde; color: #fff; }
.wheel-btn-place.disabled { opacity: 0.55; cursor: not-allowed; }
.wheel-game-layout #wheel_bet.disabled { opacity: 0.55; cursor: not-allowed; }
.hilo-btn-place.disabled,
.hilo-btn-cashout.disabled { opacity: 0.55; cursor: not-allowed; }
.hilo-btn-place.hidden,
.hilo-btn-cashout.hidden { display: none; }
.hilo-guess.disabled { opacity: 0.45; cursor: not-allowed; pointer-events: auto; }
.hilo-guess.disabled:hover { background: rgba(255,255,255,0.05); }
.bj-btn-place.disabled { opacity: 0.55; cursor: not-allowed; }
.bj-btn-place.hidden { display: none; }
.bj-actions.hidden { display: none; }
.bj-btn-action.disabled { opacity: 0.45; cursor: not-allowed; }
.bcr-side.active { border-color: #8d3bde; background: rgba(141,59,222,0.18); }
.bcr-btn-place.disabled { opacity: 0.55; cursor: not-allowed; }
.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-btn-place:hover:not(.disabled) { background: linear-gradient(135deg,#8241e5,#ae61f7); }
.dt-page .dt-btn-place.disabled { opacity: .55; cursor: not-allowed; }
.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); }
.kn-btn-place.disabled { opacity: 0.55; cursor: not-allowed; }
.ck-btn-place.disabled { opacity: 0.55; cursor: not-allowed; }
.ck-btn-place.hidden { display: none; }
.ck-actions.hidden { display: none; }
.ck-btn-pump.disabled,
.ck-btn-cashout.disabled { opacity: 0.45; cursor: not-allowed; }

/* =========================================
   COINFLIP GAME
   ========================================= */

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

/* ── Left panel ── */
.cf-controls {
    width: clamp(260px, 28vw, 340px);
    min-width: 240px;
    background: #3b274f;
    border-right: 1px solid rgba(255,255,255,0.05);
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
}
.cf-segment { display: flex; flex-direction: column; gap: 6px; }
.cf-label { font-size: 14px; color: #dbdbdb; font-weight: 400; }
.cf-input-row {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 6px;
    padding: 10px 12px;
    box-sizing: border-box;
}
.cf-input-icon { color: #acacac; font-size: 14px; font-weight: 600; flex-shrink: 0; }
.cf-input {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    flex: 1;
    min-width: 0;
    outline: none;
    padding: 0;
}
.cf-chips { display: flex; gap: 4px; flex-shrink: 0; }
.cf-chip {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 4px;
    color: #acacac;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
}
.cf-chip:hover { background: rgba(255,255,255,0.08); color: #fff; }

.cf-stats-mini {
    display: flex;
    gap: 8px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    padding: 12px 14px;
}
.cf-stat-mini { flex: 1; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.cf-stat-mini-value { color: #fff; font-size: 18px; font-weight: 700; }
.cf-stat-mini-label { font-size: 11px; color: rgba(255,255,255,0.4); }

.cf-btn-place {
    width: 100%;
    height: 52px;
    background: #8d3bde;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    flex-shrink: 0;
}
.cf-btn-place:hover { background: #7c2fcf; }
.cf-btn-place.disabled { opacity: 0.55; cursor: not-allowed; }
.cf-btn-place.hidden { display: none; }

.cf-actions { display: flex; flex-direction: column; gap: 8px; }
.cf-actions.hidden { display: none; }
.cf-guess-row { display: flex; gap: 8px; }
.cf-btn-guess {
    flex: 1;
    height: 52px;
    border: none;
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.cf-btn-heads { background: #b8860b; }
.cf-btn-tails { background: #5b6ee1; }
.cf-btn-guess:hover { filter: brightness(1.12); }
.cf-btn-guess.disabled { opacity: 0.45; cursor: not-allowed; }
.cf-guess-coin {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid rgba(255,255,255,0.7);
}
.cf-coin-heads-mini { background: #f5c542; }
.cf-coin-tails-mini { background: #93a0f0; }

.cf-btn-cashout {
    width: 100%;
    height: 52px;
    background: #09b95b;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.15s;
}
.cf-btn-cashout:hover { filter: brightness(1.1); }
.cf-btn-cashout.disabled { opacity: 0.45; cursor: not-allowed; }

/* ── Right panel ── */
.cf-stage {
    flex: 1;
    background: #2b2333;
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.cf-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;
}
.cf-header-left { display: flex; align-items: center; gap: 8px; }
.cf-header-icon { width: 20px; height: 20px; object-fit: contain; flex-shrink: 0; }
.cf-header-title { font-size: 15px; font-weight: 600; color: #fff; }
.cf-info-icon { color: rgba(255,255,255,0.35); font-size: 14px; cursor: default; }
.cf-fair-link {
    font-size: 13px;
    font-weight: 500;
    color: rgba(255,255,255,0.55) !important;
    text-decoration: none !important;
    transition: color 0.15s;
}
.cf-fair-link:hover { color: #fff !important; }

/* ── Display area ── */
.cf-display-area {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 28px 24px;
    gap: 18px;
}

/* 3D coin */
.cf-coin-zone {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 700px;
}
.cf-coin {
    width: 128px;
    height: 128px;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.45s ease-out;
}
.cf-coin.show-tails { transform: rotateY(180deg); }
.cf-coin.spinning { animation: cf-spin 0.3s linear infinite; }
/* Spin from the tails-up position so the coin doesn't snap to heads when the
   spin starts. */
.cf-coin.show-tails.spinning { animation: cf-spin-tails 0.3s linear infinite; }
/* The lose glow must NOT use `filter` on .cf-coin: a filter forces
   transform-style to flat, which composites both faces before the parent's
   rotateY — the coin then keeps showing (mirrored) heads even when tails
   landed. Glow the faces themselves instead; box-shadow keeps 3D intact. */
.cf-coin.lose .cf-coin-side { box-shadow: 0 0 20px rgba(232,64,64,0.8), 0 8px 26px rgba(0,0,0,0.4); }

.cf-coin-side {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 52px;
    font-weight: 800;
    backface-visibility: hidden;
    user-select: none;
    box-shadow: 0 8px 26px rgba(0,0,0,0.4);
}
.cf-coin-heads {
    background: radial-gradient(circle at 35% 30%, #ffe08a, #f5c542 55%, #b8860b);
    color: #6b4a00;
    border: 4px solid #d9a927;
}
.cf-coin-tails {
    background: radial-gradient(circle at 35% 30%, #c3cbfa, #93a0f0 55%, #4a5ac9);
    color: #1e2a80;
    border: 4px solid #7482e5;
    transform: rotateY(180deg);
}

.cf-big-mult {
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    line-height: 1;
}
.cf-big-mult-suffix { font-size: 0.5em; font-weight: 700; opacity: 0.6; }

/* Streak strip */
.cf-streak {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 26px;
}
.cf-streak-coin {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f5c542;
    color: #6b4a00;
    font-size: 13px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cf-streak-coin.tails { background: #93a0f0; color: #1e2a80; }
.cf-streak-coin.lost { background: #e84040; color: #fff; }

.cf-hint {
    min-height: 20px;
    font-size: 14px;
    color: rgba(255,255,255,0.45);
    text-align: center;
}
.cf-hint.win  { color: #09b95b; font-weight: 600; }
.cf-hint.lose { color: #e84040; font-weight: 600; }

/* ── Responsive ── */
@media (max-width: 900px) {
    .cf-controls { width: 280px; min-width: 220px; }}

@media (max-width: 768px), (pointer: coarse) and (max-width: 1199px) and (max-height: 600px) and (orientation: landscape) {
    .cf-game-layout { flex-direction: column; min-height: unset; }
    .cf-stage { order: 1; }
    .cf-controls  { order: 2; width: 100%; min-width: unset; }
    .cf-display-area { padding: 20px 12px; gap: 12px; }
    .cf-coin-zone { height: 140px; }
    .cf-coin { width: 100px; height: 100px; }
    .cf-coin-side { font-size: 40px; }
    .cf-big-mult { font-size: 40px; }}
.av-btn-place.disabled { opacity: 0.55; cursor: not-allowed; }
.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-bet-btn.disabled { opacity: 0.5; cursor: not-allowed; filter: none; }
.rl-history.hidden { display: none !important; }
.cr-btn-place.disabled { opacity: 0.5; cursor: not-allowed; }
.cr-btn-cashout.hidden { display: none !important; }
.cr-btn-next:hover:not(.disabled) { border-color:rgba(180,130,255,.65); background:rgba(137,76,224,.22); color:#fff; }
.cr-btn-next.disabled { opacity:.55; cursor:not-allowed; }
.cr-btn-next.hidden { display:none !important; }
.tw-btn-place.disabled { opacity: 0.5; cursor: not-allowed; }
.tw-btn-cashout.hidden { display: none !important; }
.tw-btn-cashout.disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.pk-risk-btn.active { background: #8d3bde; color: #fff; }
.sl-btn-place.disabled { opacity: 0.5; cursor: default; pointer-events: none; }
.sl-demo-banner.hidden { display: none; }

/* 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-btn-place:hover:not(.disabled) { background: linear-gradient(135deg,#8241e5,#ae61f7); }
.hilo-page .hilo-guess:hover:not(.disabled) { transform: translateY(-3px); background: rgba(255,255,255,.055); }
.hilo-page .hilo-guess-hi:hover:not(.disabled) { border-color: rgba(67,216,141,.55); box-shadow: 0 14px 28px rgba(30,171,105,.12); }
.hilo-page .hilo-guess-lo:hover:not(.disabled) { border-color: rgba(255,102,122,.55); box-shadow: 0 14px 28px rgba(207,50,77,.12); }
.hilo-page .hilo-guess.disabled { opacity: .34; filter: grayscale(.25); }
.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); }
.rl-page .rl-bet-btn:hover:not(.disabled) { transform: none; filter: none; }
.rl-page .rl-bet-btn:hover:not(.disabled)::after { box-shadow: inset 0 0 0 100vmax rgba(0,0,0,.2); }
.dice-page .dice-game-layout #dice_bet:hover:not(.disabled) { background: linear-gradient(135deg,#8241e5,#ae61f7) !important; }
.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-game-layout #limbo_bet:hover:not(.disabled) { background: linear-gradient(135deg,#8241e5,#ae61f7) !important; }
.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-game-layout #wheel_bet:hover:not(.disabled) { background: linear-gradient(135deg,#8241e5,#ae61f7) !important; }
.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}.rps-page .rps-btn-place:hover:not(.disabled){background:linear-gradient(135deg,#8142ce,#b66af4)!important}
.bj-page .bj-btn-place:hover:not(.disabled) { background: linear-gradient(135deg,#8241e5,#ae61f7); }
.bj-page .bj-btn-action:hover:not(.disabled) { transform: translateY(-1px); filter: brightness(1.07); }
.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-btn-place:hover:not(.disabled) { background: linear-gradient(135deg,#8241e5,#ae61f7); }
.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-btn-place:hover:not(.disabled) { background: linear-gradient(135deg,#1cb18e,#33dbb0); }
.rps-page .rps-btn-place.disabled { opacity: .55; cursor: not-allowed; }
.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-btn-place:hover:not(.disabled) { background: linear-gradient(135deg,#8241e5,#ae61f7); }
.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-btn-place:hover:not(.disabled) { background: linear-gradient(135deg,#8241e5,#ae61f7); }
.ck-page .ck-btn-pump:hover:not(.disabled),.ck-page .ck-btn-cashout:hover:not(.disabled) { filter: brightness(1.08); transform: translateY(-1px); }
.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); }

/* =========================================
   COIN FLIP 2026 UI REFRESH
   ========================================= */
.cf-page { max-width: 1240px; margin: 0 auto; padding: 24px 22px 42px; box-sizing: border-box; text-align: left; }
.cf-page-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.cf-page-identity { display: flex; align-items: center; gap: 12px; }
.cf-page-icon { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid rgba(171,120,255,.3); border-radius: 14px; background: linear-gradient(145deg,rgba(132,71,234,.26),rgba(43,22,76,.52)); box-shadow: inset 0 1px rgba(255,255,255,.08),0 12px 25px rgba(10,5,22,.24); }
.cf-page-icon img { width: 25px; height: 25px; object-fit: contain; }
.cf-page-kicker { display: block; margin-bottom: 2px; color: #8d829a; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.cf-page-identity h1 { margin: 0; color: #fff; font-size: 24px; line-height: 1.1; letter-spacing: -.025em; }
.cf-page-actions { display: flex; align-items: center; gap: 8px; }
.cf-how-button,.cf-top-fair { display: inline-flex; height: 36px; align-items: center; gap: 7px; padding: 0 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(255,255,255,.035); color: #aaa2b4; font: 700 11px/1 Arial,sans-serif; text-decoration: none; box-sizing: border-box; }
.cf-how-button { cursor: pointer; }
.cf-how-button:hover,.cf-top-fair:hover { border-color: rgba(163,108,255,.32); background: rgba(135,74,232,.1); color: #fff; }
.cf-top-fair i { color: #f4c95d; }
.cf-page .cf-game-layout { min-height: 620px; margin-bottom: 18px; overflow: hidden; border: 1px solid rgba(255,255,255,.075); border-radius: 20px; background: #110d1c; box-shadow: 0 24px 65px rgba(5,2,14,.34),inset 0 1px rgba(255,255,255,.035); }
.cf-page .cf-controls { width: clamp(290px,26vw,330px); min-width: 290px; gap: 18px; padding: 22px; border-right: 1px solid rgba(255,255,255,.07); background: radial-gradient(circle at 20% 0,rgba(132,70,224,.15),transparent 34%),linear-gradient(165deg,#21172f,#16101f 72%); box-sizing: border-box; }
.cf-control-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 17px; border-bottom: 1px solid rgba(255,255,255,.065); }
.cf-control-head > div span { display: block; margin-bottom: 3px; color: #857b8e; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cf-control-head > div strong { color: #f5f1f8; font-size: 15px; }
.cf-control-balance { display: inline-flex; align-items: center; gap: 5px; padding: 7px 9px; border: 1px solid rgba(244,201,93,.14); border-radius: 9px; background: rgba(244,201,93,.055); color: #d9ccaa; font-size: 11px; }
.cf-control-balance i,.cf-page .cf-input-icon { color: #f4c95d; }
.cf-page .cf-label { color: #a79ead; font-size: 11px; font-weight: 700; }
.cf-page .cf-input-row { min-height: 58px; padding: 8px 10px 8px 14px; border-color: rgba(171,122,255,.24); border-radius: 12px; background: rgba(6,4,12,.43); transition: border-color .2s,box-shadow .2s; }
.cf-page .cf-input-row:focus-within { border-color: #8952e2; box-shadow: 0 0 0 3px rgba(132,72,226,.12); }
.cf-page .cf-input { font-size: 18px; font-weight: 750; }
.cf-page .cf-chips { gap: 5px; }
.cf-page .cf-chip { min-width: 34px; height: 31px; padding: 0 7px; border-color: rgba(255,255,255,.075); border-radius: 8px; background: rgba(255,255,255,.045); color: #958b9e; font-size: 10px; }
.cf-page .cf-chip:hover { border-color: rgba(159,104,248,.38); background: rgba(130,69,226,.14); color: #fff; }
.cf-page .cf-stats-mini { gap: 0; padding: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; background: rgba(6,4,12,.33); }
.cf-page .cf-stat-mini { justify-content: center; min-height: 70px; padding: 12px 14px; }
.cf-page .cf-stat-mini + .cf-stat-mini { border-left: 1px solid rgba(255,255,255,.065); }
.cf-page .cf-stat-mini-value { color: #f4c95d; font-size: 18px; font-variant-numeric: tabular-nums; }
.cf-page .cf-stat-mini:last-child .cf-stat-mini-value { color: #55dca0; }
.cf-page .cf-stat-mini-label { color: #746b7d; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.cf-page .cf-btn-place { min-height: 52px; height: 52px; border-radius: 12px; background: linear-gradient(135deg,#7635db,#a254ef); font-size: 14px; font-weight: 800; box-shadow: 0 14px 28px rgba(92,40,177,.24),inset 0 1px rgba(255,255,255,.16); }
.cf-page .cf-btn-place:hover:not(.disabled) { background: linear-gradient(135deg,#8241e5,#ae61f7); }
.cf-page .cf-actions { gap: 8px; }
.cf-choice-label { display: flex; align-items: center; justify-content: space-between; color: #aaa0b0; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.cf-choice-label small { color: #6e6675; font-size: 8px; }
.cf-page .cf-guess-row { gap: 8px; }
.cf-page .cf-btn-guess { min-height: 66px; border: 1px solid rgba(255,255,255,.09); border-radius: 11px; font-size: 11px; font-weight: 800; box-shadow: inset 0 1px rgba(255,255,255,.14),0 11px 22px rgba(3,1,8,.18); }
.cf-page .cf-btn-heads { background: linear-gradient(145deg,#b98118,#e3b243); color: #241704; }
.cf-page .cf-btn-tails { background: linear-gradient(145deg,#4f5bc6,#8492ef); color: #fff; }
.cf-page .cf-guess-coin { width: 24px; height: 24px; border: 2px solid rgba(255,255,255,.32); box-shadow: inset 0 1px rgba(255,255,255,.28); }
.cf-page .cf-btn-guess:hover:not(.disabled) { filter: brightness(1.08); transform: translateY(-1px); }
.cf-page .cf-btn-cashout { min-height: 50px; border-radius: 11px; background: linear-gradient(135deg,#15945d,#45d993); font-size: 12px; font-weight: 800; box-shadow: inset 0 1px rgba(255,255,255,.15),0 12px 23px rgba(3,1,8,.2); }
.cf-risk-note { display: flex; align-items: flex-start; gap: 7px; margin: auto 0 0; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.055); color: #756b7d; font-size: 10px; line-height: 1.5; }
.cf-risk-note i { margin-top: 2px; color: #d89b3e; }
.cf-page .cf-stage { position: relative; background: radial-gradient(circle at 50% 38%,rgba(104,71,170,.3),transparent 44%),linear-gradient(145deg,#11101d,#08070e); }
.cf-page .cf-stage::before { content: ''; position: absolute; inset: 57px 0 0; pointer-events: none; opacity: .5; background: radial-gradient(circle at center,transparent 0 37%,rgba(244,201,93,.07) 37.4% 37.8%,transparent 38.2%),repeating-radial-gradient(circle at center,transparent 0 48px,rgba(255,255,255,.018) 49px 50px); }
.cf-page .cf-header { position: relative; z-index: 3; min-height: 57px; padding: 0 20px; border-bottom-color: rgba(255,255,255,.06); background: rgba(25,18,36,.84); }
.cf-page .cf-header-icon { width: 22px; height: 22px; }
.cf-page .cf-header-title { font-size: 14px; }
.cf-page .cf-info-icon { display: none; }
.cf-round-state { display: inline-flex; align-items: center; gap: 8px; color: #89808f; font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.cf-round-state i { width: 7px; height: 7px; border-radius: 50%; background: #55dba0; box-shadow: 0 0 0 4px rgba(85,219,160,.09),0 0 12px rgba(85,219,160,.4); }
.cf-page .cf-display-area { position: relative; z-index: 1; min-height: 563px; justify-content: space-between; padding: 24px 28px 27px; gap: 14px; box-sizing: border-box; }
.cf-arena-head { display: flex; width: min(100%,650px); align-items: center; justify-content: space-between; color: #9a7cc1; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cf-arena-head span { display: flex; align-items: center; gap: 6px; }
.cf-arena-head i { color: #f4c95d; }
.cf-arena-head small { color: #625a68; font-size: 8px; }
.cf-page .cf-coin-zone { position: relative; width: min(100%,650px); height: 280px; perspective: 900px; border: 1px solid rgba(255,255,255,.055); border-radius: 48%; background: radial-gradient(circle at center,rgba(137,88,205,.12),rgba(5,3,10,.22) 68%); box-shadow: inset 0 0 50px rgba(5,2,12,.24); }
.cf-orbit { position: absolute; top: 50%; left: 50%; border: 1px dashed rgba(199,154,255,.13); border-radius: 50%; pointer-events: none; transform: translate(-50%,-50%); }
.cf-orbit-one { width: 220px; height: 220px; animation: cf-orbit-2026 22s linear infinite; }
.cf-orbit-two { width: 270px; height: 110px; border-color: rgba(244,201,93,.1); transform: translate(-50%,-50%) rotate(-12deg); }
.cf-page .cf-coin { width: 142px; height: 142px; }
.cf-page .cf-coin-side { flex-direction: column; border-width: 5px; font-family: "Arial Black",Arial,sans-serif; font-size: 58px; line-height: .85; box-shadow: inset 0 0 0 3px rgba(255,255,255,.17),inset 0 0 0 8px rgba(86,54,9,.13),0 18px 38px rgba(3,1,8,.45); }
.cf-page .cf-coin-side::before { content: ''; position: absolute; inset: 13px; border: 1px dashed currentColor; border-radius: 50%; opacity: .24; }
.cf-page .cf-coin-side small { margin-top: 9px; font: 800 8px/1 Arial,sans-serif; letter-spacing: .12em; text-transform: uppercase; opacity: .58; }
.cf-page .cf-coin-heads { border-color: #d6a92d; background: radial-gradient(circle at 32% 27%,#fff0ae,#f2c34f 48%,#a66d0c); color: #614006; }
.cf-page .cf-coin-tails { border-color: #7888ea; background: radial-gradient(circle at 32% 27%,#dfe3ff,#98a6f4 48%,#4a58bd); color: #26327e; }
.cf-page .cf-coin.lose .cf-coin-side { box-shadow: inset 0 0 0 3px rgba(255,255,255,.13),0 0 29px rgba(255,82,103,.62),0 18px 38px rgba(3,1,8,.45); }
.cf-page .cf-big-mult { color: #f5effa; font-family: "Arial Black",Arial,sans-serif; font-size: clamp(48px,6vw,70px); font-variant-numeric: tabular-nums; font-weight: 900; letter-spacing: -.065em; text-shadow: 0 7px 22px rgba(0,0,0,.55),0 0 34px rgba(155,88,239,.27); }
.cf-page .cf-big-mult-suffix { margin-left: 3px; color: #f4c95d; font-size: .38em; letter-spacing: 0; opacity: 1; }
.cf-streak-wrap { width: min(100%,650px); min-height: 67px; padding: 11px 13px 12px; border: 1px solid rgba(255,255,255,.06); border-radius: 11px; background: rgba(5,3,10,.3); box-sizing: border-box; }
.cf-streak-label { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; color: #716878; font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.cf-streak-label small { color: #58515e; font-size: 8px; }
.cf-page .cf-streak { min-height: 27px; justify-content: flex-start; gap: 6px; }
.cf-page .cf-streak:empty::before { content: 'No successful flips yet'; color: #5f5765; font-size: 10px; line-height: 27px; }
.cf-page .cf-streak-coin { width: 27px; height: 27px; border: 1px solid rgba(255,255,255,.2); background: linear-gradient(145deg,#f3cb5c,#aa7414); color: #4e3305; font-size: 11px; box-shadow: 0 4px 10px rgba(3,1,8,.2); }
.cf-page .cf-streak-coin.tails { background: linear-gradient(145deg,#a8b3fa,#5968cd); color: #17236d; }
.cf-page .cf-streak-coin.lost { border-color: #ff7685; background: linear-gradient(145deg,#ef6174,#a9233c); color: #fff; }
.cf-page .cf-hint { width: min(100%,650px); min-height: 32px; padding: 7px 12px; border: 1px solid rgba(255,255,255,.055); border-radius: 9px; background: rgba(5,3,10,.3); color: #776e7e; font-size: 11px; box-sizing: border-box; }
.cf-page .cf-hint.win { border-color: rgba(67,216,141,.16); background: rgba(67,216,141,.07); color: #54db9d; }
.cf-page .cf-hint.lose { border-color: rgba(255,102,122,.16); background: rgba(255,102,122,.07); color: #ff7385; }
.cf-page .cf-history { overflow: hidden; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; background: linear-gradient(145deg,rgba(29,21,40,.9),rgba(16,12,24,.94)); box-shadow: 0 15px 35px rgba(5,2,12,.2); }
.cf-history-title { display: flex; align-items: center; justify-content: space-between; padding: 17px 19px; border-bottom: 1px solid rgba(255,255,255,.055); }
.cf-history-title span { display: block; margin-bottom: 2px; color: #786f80; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cf-history-title h2 { margin: 0; color: #f1edf4; font-size: 14px; }
.cf-history-title > i { color: #74539f; }
.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); }
@media (max-width: 900px) {
    .cf-page .cf-controls { width: 280px; min-width: 250px; padding: 18px; }}
@media (max-width: 768px), (pointer: coarse) and (max-width: 1199px) and (max-height: 600px) and (orientation: landscape) {
    .cf-page { padding: 16px 12px 34px; }
    .cf-how-button { width: 36px; padding: 0; justify-content: center; font-size: 0; }
    .cf-how-button i { font-size: 13px; }
    .cf-page .cf-game-layout { flex-direction: column; min-height: 0; border-radius: 16px; }
    .cf-page .cf-stage { order: 1; }
    .cf-page .cf-controls { order: 2; width: 100%; min-width: 0; border-top: 1px solid rgba(255,255,255,.07); border-right: 0; }
    .cf-page .cf-display-area { min-height: 535px; padding: 20px 15px; }
    .cf-page .cf-coin-zone { height: 245px; }}
@media (max-width: 480px) {
    .cf-page-icon { width: 40px; height: 40px; border-radius: 12px; }
    .cf-page-identity h1 { font-size: 20px; }
    .cf-top-fair { width: 36px; padding: 0; justify-content: center; font-size: 0; }
    .cf-top-fair i { font-size: 13px; }
    .cf-page .cf-display-area { min-height: 480px; padding: 17px 8px; }
    .cf-page .cf-coin-zone { height: 220px; border-radius: 38%; }
    .cf-page .cf-coin { width: 110px; height: 110px; }
    .cf-page .cf-coin-side { font-size: 44px; }
    .cf-page .cf-coin-side small { font-size: 7px; }
    .cf-orbit-one { width: 175px; height: 175px; }
    .cf-orbit-two { width: 210px; height: 85px; }
    .cf-page .cf-big-mult { font-size: 47px; }
    .cf-page .cf-input-row { flex-wrap: wrap; }
    .cf-page .cf-chips { width: 100%; }
    .cf-page .cf-chip { flex: 1; }
    .cf-control-head { align-items: flex-start; }}
@media (prefers-reduced-motion: reduce) {
    .cf-orbit-one { animation: none; }}
.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 .mines-game-layout .minesweeper-grid .bomb:hover:not(.disabled) { border-color: rgba(191,139,255,.5); background: linear-gradient(145deg,rgba(135,75,205,.78),rgba(67,33,105,.82)); box-shadow: 0 9px 18px rgba(70,30,123,.25),inset 0 1px rgba(255,255,255,.1); transform: translateY(-2px) scale(1.02); }
.minesweeper-page .mines-game-layout .minesweeper-grid .bomb.disabled:not(.success):not(.danger) { opacity: .58; background: linear-gradient(145deg,rgba(81,49,116,.52),rgba(40,24,61,.6)); }
.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-btn-place:hover:not(.disabled) { filter: brightness(1.07); }
.tw-page .tw-btn-cashout:hover:not(.disabled) { filter: brightness(1.07); transform: translateY(-1px); }
.tw-page .tower-grid .tile.disabled:not(.success):not(.danger):not(.checked) { opacity: .45; cursor: default; }
.tw-page .tower-grid .tile:not(.disabled):hover { border-color: rgba(193,139,255,.6); background: linear-gradient(145deg,rgba(137,78,203,.78),rgba(65,33,101,.86)); color: #fff; box-shadow: 0 10px 20px rgba(72,31,124,.28),inset 0 1px rgba(255,255,255,.11); transform: translateY(-2px) scale(1.015); }
.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-btn-place.disabled { opacity: .5; cursor: not-allowed; transform: none; }
.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-btn-place:hover:not(.disabled) { background:linear-gradient(135deg,#8241e5,#ae61f7); }
.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 — staged, server-synchronised toss experience. */
.cf-toss-status { position:absolute; z-index:8; top:13px; left:50%; display:flex; align-items:center; gap:7px; padding:7px 10px; border:1px solid rgba(255,255,255,.075); border-radius:8px; background:rgba(8,5,14,.46); color:#887e90; font-size:8px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; transform:translateX(-50%); backdrop-filter:blur(6px); transition:color .2s,border-color .2s; }
.cf-toss-status i { color:#b384eb; }
.cf-coin-zone.is-called .cf-toss-status,.cf-coin-zone.is-flipping .cf-toss-status { color:#c1a2e8; border-color:rgba(181,118,255,.2); }
.cf-coin-zone.is-win .cf-toss-status { color:#58dfa1; border-color:rgba(84,223,157,.22); }
.cf-coin-zone.is-win .cf-toss-status i { color:#58dfa1; }
.cf-coin-zone.is-lose .cf-toss-status { color:#ff7b8d; border-color:rgba(255,102,122,.22); }
.cf-coin-zone.is-lose .cf-toss-status i { color:#ff667a; }
.cf-impact-rings,.cf-spark-field { position:absolute; z-index:2; inset:0; pointer-events:none; overflow:hidden; border-radius:inherit; }
.cf-impact-rings i { position:absolute; left:50%; top:68%; width:72px; height:23px; border:1px solid rgba(197,138,255,.5); border-radius:50%; opacity:0; transform:translate(-50%,-50%); }
.cf-coin-zone.is-flipping .cf-impact-rings i { animation:cf-charge-ring 1.05s ease-out infinite; }
.cf-coin-zone.is-flipping .cf-impact-rings i:nth-child(2){animation-delay:.32s}.cf-coin-zone.is-flipping .cf-impact-rings i:nth-child(3){animation-delay:.64s}
.cf-coin-zone.is-landed .cf-impact-rings i { animation:cf-land-ring .62s ease-out; border-color:rgba(255,255,255,.65); }
.cf-coin-zone.is-landed .cf-impact-rings i:nth-child(2){animation-delay:.08s}.cf-coin-zone.is-landed .cf-impact-rings i:nth-child(3){animation-delay:.16s}
.cf-spark-field i { position:absolute; left:50%; top:54%; width:4px; height:4px; border-radius:50%; background:#f5ce62; opacity:0; box-shadow:0 0 8px currentColor; }
.cf-spark-field i:nth-child(1){--sx:-115px;--sy:-55px}.cf-spark-field i:nth-child(2){--sx:110px;--sy:-62px}.cf-spark-field i:nth-child(3){--sx:136px;--sy:28px}.cf-spark-field i:nth-child(4){--sx:70px;--sy:86px}.cf-spark-field i:nth-child(5){--sx:-86px;--sy:80px}.cf-spark-field i:nth-child(6){--sx:-137px;--sy:22px}
.cf-coin-zone.is-landed .cf-spark-field i { animation:cf-spark-burst .65s ease-out; }
.cf-coin-zone.is-landed .cf-spark-field i:nth-child(even){animation-delay:.05s}
.cf-coin-zone.is-lose .cf-spark-field i { background:#ff667a; }
.cf-coin-zone.is-win .cf-spark-field i { background:#55dca0; }
.cf-coin-shadow { position:absolute; z-index:3; left:50%; top:68%; width:104px; height:25px; border-radius:50%; background:rgba(0,0,0,.48); filter:blur(9px); transform:translate(-50%,-50%); transition:width .2s,opacity .2s,filter .2s; }
.cf-coin-zone.is-flipping .cf-coin-shadow { animation:cf-shadow-flight 1.32s ease-in-out; }
.cf-page .cf-coin { z-index:5; }
.cf-page .cf-coin.spinning.toss-heads { animation:cf-toss-heads 1.32s cubic-bezier(.3,.05,.18,1) both !important; }
.cf-page .cf-coin.spinning.toss-tails { animation:cf-toss-tails 1.32s cubic-bezier(.3,.05,.18,1) both !important; }
.cf-coin-zone.is-called { box-shadow:inset 0 0 58px rgba(128,72,211,.2),0 0 0 2px rgba(177,112,255,.06); }
.cf-coin-zone.is-flipping .cf-orbit-one { animation-duration:1.4s; border-color:rgba(201,148,255,.34); }
.cf-coin-zone.is-flipping .cf-orbit-two { border-color:rgba(244,201,93,.28); animation:cf-orbit-tilt 1.2s linear infinite; }
.cf-landed-badge { position:absolute; z-index:8; right:14px; bottom:13px; min-width:72px; padding:7px 9px; border:1px solid rgba(255,255,255,.07); border-radius:8px; background:rgba(8,5,14,.5); opacity:0; text-align:right; transform:translateY(7px); transition:opacity .2s,transform .25s; }
.cf-landed-badge small { display:block; margin-bottom:2px; color:#6c6373; font-size:7px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.cf-landed-badge strong { color:#f4c95d; font-size:10px; }
.cf-coin-zone.is-landed .cf-landed-badge { opacity:1; transform:translateY(0); }
.cf-coin-zone.is-win .cf-landed-badge strong { color:#55dca0; }
.cf-coin-zone.is-lose .cf-landed-badge strong { color:#ff7184; }

/* Coin Flip arena v2 — two-sided table, premium coin and unified controls. */
.cf-page .cf-game-layout { border-radius: 22px; background: #0c0912; box-shadow: 0 28px 80px rgba(3,1,9,.46),inset 0 1px rgba(255,255,255,.045); }
.cf-page .cf-controls { background: radial-gradient(circle at 0 0,rgba(142,75,231,.2),transparent 36%),linear-gradient(165deg,#241931,#15101c 75%); }
.cf-page .cf-segment { gap: 8px; }
.cf-page .cf-input-row { border-color: rgba(190,143,248,.2); background: linear-gradient(145deg,rgba(5,3,10,.58),rgba(17,10,25,.68)); box-shadow: inset 0 1px rgba(255,255,255,.025); }
.cf-page .cf-chip { border-radius: 9px; }
.cf-page .cf-chip:last-child { border-color: rgba(190,143,248,.18); background: rgba(139,72,232,.1); color: #c69df2; }
.cf-page .cf-stats-mini { border-radius: 14px; background: linear-gradient(145deg,rgba(6,4,12,.5),rgba(20,12,29,.5)); }
.cf-page .cf-btn-place { border: 1px solid rgba(202,158,255,.18); background: linear-gradient(135deg,#7133d1,#a65af0); box-shadow: 0 15px 32px rgba(100,43,189,.3),inset 0 1px rgba(255,255,255,.2); }
.cf-page .cf-stage { background: radial-gradient(circle at 35% 42%,rgba(228,172,54,.1),transparent 30%),radial-gradient(circle at 66% 42%,rgba(107,120,236,.12),transparent 30%),linear-gradient(145deg,#12101b,#07060c); }
.cf-page .cf-stage::before { inset: 57px 0 0; opacity: .58; background: linear-gradient(90deg,rgba(226,171,53,.025),transparent 44%,rgba(113,127,239,.035)),repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.012) 80px),repeating-linear-gradient(0deg,transparent 0 79px,rgba(255,255,255,.01) 80px); }
.cf-page .cf-header { background: rgba(18,13,26,.88); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.cf-page .cf-display-area { justify-content: flex-start; gap: 12px; }
.cf-page .cf-arena-head { padding: 0 3px; }
.cf-page .cf-arena-head small b { color: #c39aef; font-weight: 850; }
.cf-page .cf-coin-zone { height: 322px; overflow: hidden; border-color: rgba(255,255,255,.075); border-radius: 20px; background: linear-gradient(90deg,rgba(222,164,35,.065),rgba(8,5,13,.2) 42%,rgba(8,5,13,.2) 58%,rgba(100,115,227,.075)),radial-gradient(circle at center,rgba(145,84,217,.16),rgba(5,3,10,.32) 64%); box-shadow: inset 0 1px rgba(255,255,255,.035),inset 0 -40px 70px rgba(1,0,4,.28),0 16px 36px rgba(2,1,7,.2); }
.cf-page .cf-coin-zone::before { content: ''; position: absolute; inset: 0 50% 0 auto; width: 1px; background: linear-gradient(transparent,rgba(255,255,255,.07) 20%,rgba(255,255,255,.07) 80%,transparent); }
.cf-side-marker { position: absolute; z-index: 2; top: 50%; display: flex; align-items: center; gap: 10px; opacity: .75; transform: translateY(-50%); }
.cf-side-marker--heads { left: 22px; }
.cf-side-marker--tails { right: 22px; text-align: right; }
.cf-side-marker > span { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid currentColor; border-radius: 50%; font: 900 14px/1 var(--site-font-display); box-shadow: inset 0 1px rgba(255,255,255,.1); }
.cf-side-marker small { display: block; margin-bottom: 2px; color: #625a68; font-size: 7px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.cf-side-marker strong { font: 800 10px/1 var(--site-font-display); letter-spacing: .04em; text-transform: uppercase; }
.cf-side-marker--heads { color: #e8b847; }
.cf-side-marker--heads > span { background: rgba(223,169,47,.08); }
.cf-side-marker--tails { color: #91a0f5; }
.cf-side-marker--tails > span { background: rgba(105,120,229,.1); }
.cf-page .cf-coin { width: 154px; height: 154px; filter: none; }
.cf-page .cf-coin-side { border-width: 6px; font-size: 62px; box-shadow: inset 0 0 0 3px rgba(255,255,255,.18),inset 0 0 0 10px rgba(72,45,8,.12),0 0 0 1px rgba(255,255,255,.1),0 19px 42px rgba(3,1,8,.52); }
.cf-page .cf-coin-side::after { content: ''; position: absolute; inset: 5px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; }
.cf-page .cf-toss-status { top: 16px; border-radius: 999px; background: rgba(6,3,10,.62); }
.cf-page .cf-landed-badge { right: 16px; bottom: 15px; border-radius: 10px; background: rgba(6,3,10,.65); }
.cf-multiplier-stage { display: flex; width: min(100%,650px); align-items: center; justify-content: space-between; padding: 4px 4px 2px; box-sizing: border-box; }
.cf-multiplier-stage > small { color: #706777; font-size: 8px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.cf-page .cf-multiplier-stage .cf-big-mult { font-size: clamp(46px,5.3vw,64px); line-height: 1; }
.cf-page .cf-streak-wrap { border-radius: 13px; background: linear-gradient(145deg,rgba(5,3,10,.42),rgba(19,11,27,.48)); }
.cf-page .cf-hint { border-radius: 11px; background: rgba(5,3,10,.42); }
.cf-page .cf-history { border-radius: 18px; }
@media (max-width: 980px) {
    .cf-side-marker div { display: none; }
    .cf-side-marker--heads { left: 14px; }
    .cf-side-marker--tails { right: 14px; }}
@media (max-width: 768px), (pointer: coarse) and (max-width: 1199px) and (max-height: 600px) and (orientation: landscape) {
    .cf-page .cf-coin-zone { height: 270px; border-radius: 17px; }
    .cf-multiplier-stage { padding-right: 8px; padding-left: 8px; }}
@media (max-width: 480px) {
    .cf-side-marker > span { width: 30px; height: 30px; font-size: 11px; }
    .cf-side-marker--heads { left: 8px; }
    .cf-side-marker--tails { right: 8px; }
    .cf-multiplier-stage > small { font-size: 7px; }}
.cf-page .cf-btn-guess.is-selected { outline:2px solid rgba(255,255,255,.7); outline-offset:2px; filter:brightness(1.12); transform:translateY(-1px); }
.cf-page .cf-streak-coin:last-child { animation:cf-streak-arrive .32s ease; }
@media (max-width:480px) {
    .cf-toss-status { top:8px; max-width:170px; white-space:nowrap; }
    .cf-landed-badge { right:8px; bottom:8px; }}
@media (prefers-reduced-motion:reduce) {
    .cf-page .cf-coin.spinning.toss-heads,.cf-page .cf-coin.spinning.toss-tails,.cf-coin-zone.is-flipping .cf-coin-shadow,.cf-coin-zone.is-flipping .cf-impact-rings i,.cf-coin-zone.is-landed .cf-impact-rings i,.cf-coin-zone.is-landed .cf-spark-field i { animation-duration:.01ms !important; animation-iteration-count:1 !important; }}

/* Coin Flip mobile game scene ------------------------------------------- */
@media (max-width:768px) and (orientation:portrait) {
    body.is-game-page .cf-page .cf-control-head,
    body.is-game-page .cf-page .cf-risk-note { display:none!important; }
    body.is-game-page .cf-page .cf-game-layout {
        grid-template-rows:minmax(0,1fr) 206px!important;gap:6px!important;
    }
    body.is-game-page .cf-page .cf-stage {
        grid-row:1!important;order:1!important;padding:0!important;display:block!important;overflow:hidden!important;
    }
    body.is-game-page .cf-page .cf-header,
    body.is-game-page .cf-page .cf-arena-head { display:none!important; }
    body.is-game-page .cf-page .cf-display-area {
        width:100%!important;height:100%!important;min-height:0!important;padding:6px!important;display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) 43px 37px 25px!important;
        gap:4px!important;justify-items:center!important;overflow:hidden!important;box-sizing:border-box!important;
    }
    body.is-game-page .cf-page .cf-coin-zone {
        grid-row:1!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;border-radius:18px!important;overflow:hidden!important;
    }
    body.is-game-page .cf-page .cf-coin { width:clamp(82px,27vw,112px)!important;height:clamp(82px,27vw,112px)!important; }
    body.is-game-page .cf-page .cf-coin-side { font-size:clamp(34px,11vw,46px)!important; }
    body.is-game-page .cf-page .cf-coin-side small { margin-top:5px!important;font-size:6px!important; }
    body.is-game-page .cf-page .cf-orbit-one { width:min(46vw,174px)!important;height:min(46vw,174px)!important; }
    body.is-game-page .cf-page .cf-orbit-two { width:min(58vw,220px)!important;height:min(24vw,88px)!important; }
    body.is-game-page .cf-page .cf-toss-status { top:6px!important;padding:5px 7px!important;font-size:7px!important; }
    body.is-game-page .cf-page .cf-landed-badge { right:7px!important;bottom:6px!important;padding:5px 7px!important; }
    body.is-game-page .cf-page .cf-multiplier-stage {
        grid-row:2!important;width:100%!important;height:43px!important;margin:0!important;padding:0 7px!important;
    }
    body.is-game-page .cf-page .cf-multiplier-stage .cf-big-mult {
        height:43px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:clamp(34px,11vw,46px)!important;line-height:1!important;
    }
    body.is-game-page .cf-page .cf-streak-wrap {
        grid-row:3!important;width:100%!important;height:37px!important;min-height:37px!important;margin:0!important;padding:4px 7px!important;border-radius:9px!important;overflow:hidden!important;
    }
    body.is-game-page .cf-page .cf-streak-label { margin-bottom:3px!important;font-size:6px!important; }
    body.is-game-page .cf-page .cf-streak-label small { font-size:6px!important; }
    body.is-game-page .cf-page .cf-streak { min-height:17px!important;height:17px!important;gap:3px!important;overflow:hidden!important; }
    body.is-game-page .cf-page .cf-streak:empty::before { font-size:7px!important;line-height:17px!important; }
    body.is-game-page .cf-page .cf-streak-coin { width:17px!important;height:17px!important;font-size:7px!important; }
    body.is-game-page .cf-page .cf-hint {
        grid-row:4!important;width:100%!important;height:25px!important;min-height:25px!important;margin:0!important;padding:3px 7px!important;
        overflow:hidden!important;border-radius:8px!important;font-size:8px!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    }

    body.is-game-page .cf-page .cf-controls {
        grid-row:2!important;order:2!important;padding:7px!important;display:grid!important;
        grid-template-columns:1fr!important;grid-template-rows:88px 53px 45px!important;gap:5px!important;overflow:hidden!important;
    }
    body.is-game-page .cf-page .cf-controls #coinflip_bet,
    body.is-game-page .cf-page .cf-actions { grid-row:1!important;order:0!important;width:100%!important;margin:0!important;flex:none!important; }
    body.is-game-page .cf-page .cf-controls #coinflip_bet { height:58px!important;min-height:58px!important;align-self:center!important;border-radius:12px!important;font-size:13px!important; }
    body.is-game-page .cf-page .cf-actions {
        height:88px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr)!important;
        grid-template-rows:1fr!important;gap:5px!important;
    }
    body.is-game-page .cf-page .cf-actions.hidden { display:none!important; }
    body.is-game-page .cf-page .cf-choice-label { display:none!important; }
    body.is-game-page .cf-page .cf-guess-row { display:contents!important; }
    body.is-game-page .cf-page .cf-btn-guess,
    body.is-game-page .cf-page .cf-btn-cashout {
        width:100%!important;height:88px!important;min-height:88px!important;margin:0!important;padding:4px!important;border-radius:11px!important;font-size:9px!important;
    }
    body.is-game-page .cf-page .cf-btn-guess { flex-direction:column!important;gap:5px!important; }
    body.is-game-page .cf-page .cf-guess-coin { width:24px!important;height:24px!important; }
    body.is-game-page .cf-page .cf-bet-segment { grid-row:2!important;margin:0!important;gap:3px!important;overflow:hidden!important; }
    body.is-game-page .cf-page .cf-label { margin:0!important;font-size:8px!important;line-height:1!important; }
    body.is-game-page .cf-page .cf-input-row { height:42px!important;min-height:42px!important;padding:4px 7px!important;flex-wrap:nowrap!important;gap:5px!important;overflow:hidden!important; }
    body.is-game-page .cf-page .cf-input { min-width:52px!important;font-size:16px!important; }
    body.is-game-page .cf-page .cf-chips { width:auto!important;margin:0!important;display:flex!important;flex:0 0 auto!important;gap:4px!important; }
    body.is-game-page .cf-page .cf-chip { width:38px!important;min-width:38px!important;height:32px!important;padding:0 4px!important;flex:0 0 38px!important;border-radius:8px!important;font-size:9px!important; }
    body.is-game-page .cf-page .cf-stats-segment { grid-row:3!important;margin:0!important;overflow:hidden!important; }
    body.is-game-page .cf-page .cf-stats-mini { width:100%!important;height:45px!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;border-radius:10px!important; }
    body.is-game-page .cf-page .cf-stat-mini { height:45px!important;min-height:45px!important;padding:4px!important; }
    body.is-game-page .cf-page .cf-stat-mini-value { font-size:12px!important;text-align:center!important; }
    body.is-game-page .cf-page .cf-stat-mini-label { font-size:6px!important;line-height:1.1!important;text-align:center!important; }}

@media (max-width:350px) and (orientation:portrait) {
    body.is-game-page .cf-page .cf-game-layout { grid-template-rows:minmax(0,1fr) 194px!important; }
    body.is-game-page .cf-page .cf-controls { grid-template-rows:82px 49px 43px!important; }
    body.is-game-page .cf-page .cf-actions,
    body.is-game-page .cf-page .cf-btn-guess,
    body.is-game-page .cf-page .cf-btn-cashout { height:82px!important;min-height:82px!important; }
    body.is-game-page .cf-page .cf-input-row { height:38px!important;min-height:38px!important; }
    body.is-game-page .cf-page .cf-chip { width:34px!important;min-width:34px!important;height:30px!important;flex-basis:34px!important; }
    body.is-game-page .cf-page .cf-stats-mini,
    body.is-game-page .cf-page .cf-stat-mini { height:43px!important;min-height:43px!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 .cf-page .cf-control-head,
    body.is-game-page .cf-page .cf-risk-note { display:none!important; }
    body.is-game-page .cf-page .cf-controls { grid-column:1!important;grid-row:1!important;order:1!important; }
    body.is-game-page .cf-page .cf-stage { grid-column:2!important;grid-row:1!important;order:2!important;padding:0!important;overflow:hidden!important; }
    body.is-game-page .cf-page .cf-header,
    body.is-game-page .cf-page .cf-arena-head { display:none!important; }
    body.is-game-page .cf-page .cf-display-area { width:100%!important;height:100%!important;min-height:0!important;padding:4px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 130px!important;grid-template-rows:minmax(0,1fr) 34px 22px!important;gap:3px!important;overflow:hidden!important; }
    body.is-game-page .cf-page .cf-coin-zone { grid-column:1!important;grid-row:1/4!important;width:100%!important;height:100%!important;min-height:0!important;border-radius:14px!important; }
    body.is-game-page .cf-page .cf-coin { width:92px!important;height:92px!important; }
    body.is-game-page .cf-page .cf-multiplier-stage { grid-column:2!important;grid-row:1!important;width:100%!important;align-self:end!important;padding:0!important; }
    body.is-game-page .cf-page .cf-multiplier-stage > small { display:none!important; }
    body.is-game-page .cf-page .cf-multiplier-stage .cf-big-mult { margin-left:auto!important;font-size:34px!important; }
    body.is-game-page .cf-page .cf-streak-wrap { grid-column:2!important;grid-row:2!important;height:34px!important;min-height:34px!important;padding:4px!important;overflow:hidden!important; }
    body.is-game-page .cf-page .cf-streak-label { display:none!important; }
    body.is-game-page .cf-page .cf-streak { min-height:24px!important;height:24px!important;gap:2px!important; }
    body.is-game-page .cf-page .cf-streak-coin { width:18px!important;height:18px!important;font-size:7px!important; }
    body.is-game-page .cf-page .cf-hint { grid-column:2!important;grid-row:3!important;height:22px!important;min-height:22px!important;padding:2px!important;font-size:7px!important;overflow:hidden!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 .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 .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-btn-place.disabled { opacity: .5; cursor: default; pointer-events: none; }
.bnz-history .table-container { background: #2b2333; }
.bnz-btn-place.disabled,.bnz-btn-place:disabled {
    opacity:.48;
    cursor:not-allowed;
    pointer-events:none;
    transform:none;
    filter:saturate(.7);
    box-shadow:inset 0 1px rgba(255,255,255,.1);
}
.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) {
    .cf-game-layout { flex-direction:row-reverse; }}
.sc-page .sc-btn-place:hover:not(.disabled) { background: linear-gradient(135deg,#8241e5,#ae61f7); }
.sc-page .sc-btn-place.disabled { opacity: .55; cursor: not-allowed; }

/* 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-btn-place:hover:not(.disabled) { background: linear-gradient(135deg,#8241e5,#ae61f7); }
.er-btn-place.disabled { opacity: .55; cursor: not-allowed; }
.er-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.er-history .table-header { background: rgba(255,255,255,.025); }
.co-page .co-btn-place:hover:not(.disabled) { background: linear-gradient(135deg,#8241e5,#ae61f7); }
.co-page .co-btn-place.disabled { opacity: .55; cursor: not-allowed; }
.hw-btn-place.disabled { opacity:.5;cursor:default;pointer-events:none; }
.mw-btn-place.disabled { opacity:.5;cursor:default;pointer-events:none; }
.bk-btn-place.disabled { opacity:.5;cursor:default;pointer-events:none; }
.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; }