/* END CHAT */


/* START DICE */
.dice {
	display: flex;
	/*flex-direction: column;*/
	gap: 30px;
}

.dice .box {
	background: var(--site-glass-bg);
	border-radius: 18px;
	border: 1px solid var(--site-glass-border);
	box-shadow: var(--site-glass-shadow);
	backdrop-filter: blur(16px) saturate(140%);
	-webkit-backdrop-filter: blur(16px) saturate(140%);
	float: left;
	text-align: left;
	padding: 15px;
	position: relative;
}

.dice .box h4 {
	margin: 0 0 8px;
	color: var(--site-color-main-light);
	font-family: var(--site-font-display);
	letter-spacing: 0.02em;
	float: left;
	width: 100%;
}

.dice .left.box {
	width: 28%;
	float: left;
	padding-bottom: 113px;
}

.dice .right.box {
	width: calc(72% - 30px);
	float: left;
	margin: 0 0 0 30px;
}

#type_slow.is_fast .dice-reel-column {
	/*background: red;*/
	transform: translateY(-380px) !important;
}

@media (max-width: 768px), (pointer: coarse) and (max-width: 1199px) and (max-height: 600px) and (orientation: landscape) {
	.dice .box {
		width: 100% !important;
		margin: 20px 0 0 !important;
		display: block;
	}

	.dice {
		flex-direction: column;
	}

	.dice-game-info {
		margin: 0 !important;
	}

	.dice-reel-row {
		width: 50px !important;
		height: 40px !important;
		font-size: 20px !important;
	}

	.dice-reel {
		height: 60px !important;
	}

	.dice .inputs3 {
		display: block !important;
	}

	#type_slow.is_fast .dice-reel-column {
		transform: translateY(-190px) !important;
	}}

.dice .box .field_container {
	width: 100%;
	display: block;
}

.dice .box .inputs .field_content,
.dice .box .inputs .field_extra {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
}

.dice .box input[type="number"] {
	text-align: center;
	padding: 10px 0;
	border-radius: 10px;
	margin: 0 0 7px;
	width: 100%;
	background: rgba(12, 18, 28, 0.7);
	border: 1px solid var(--site-glass-border);
	color: var(--site-color-text);
}

.dice .box .inputs .field_extra {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 10px;
}

.dice .box .field_extra button {
	/*width: 33.33%;*/
	float: left;
	background: rgba(12, 18, 28, 0.7);
	border: 1px solid var(--site-glass-border);
	border-radius: 10px;
	color: var(--site-color-text);
	transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}

.dice .box .field_extra button:hover {
	transform: translateY(-2px);
	border-color: rgba(44, 212, 197, 0.45);
	box-shadow: 0 12px 26px rgba(4, 9, 16, 0.35);
}

.dice .inputs {
	border: 1px solid var(--site-glass-border);
	border-radius: 10px;
	float: left;
	width: 100%;
	padding: 10px;
	background: rgba(12, 18, 28, 0.5);
}

.dice .box input.border {
	border: 1px solid #2A3547;
}

.dice .slider_field {
	background: var(--site-color-bg-dark);
	margin: 20px;
	width: calc(100% - 40px);
}

.dice .field_bottom {
	bottom: -7px;
}

.dice .inputs3 {
	margin: 20px 20px 0;
	width: calc(100% - 40px);
	grid-column-start: 1; grid-column-end: 4;
	display: grid;
	grid-gap: 15px;
}

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

#dice_winnings {
	padding: 10px 0;
}

.dice .check {
	width: 100%;
	float: left;
	--size: 28px;
	position: absolute;
	bottom: 65px;
	left: 15px;
	right: 15px;
}

.dice .check div {
	border-radius: 5px;
	/*border: 2px solid var(--site-color-bg-light);*/
	background: var(--site-color-bg-dark);
	height: var(--size);
	width: var(--size);
	line-height: var(--size);
	text-align: center;
	float: left;
}

.dice .check div:hover {
	cursor: pointer;
}

.dice .check div i {
	margin: calc((var(--size) - 14px) / 2) 0;
	transition: opacity 200ms;
	opacity: 0;
	color: #00cf51;
}

.dice .check[data-check="true"] div i {
	opacity: 1;
}

.dice .check p {
	float: left;
	line-height: var(--size);
	margin: 0 0 0 10px;
	color: #7c8399;
}

.mines-game-layout #minesweeper_cashout.hidden { display: none !important; }

/* =========================================
   DICE GAME REDESIGN
   ========================================= */

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

/* ── Left panel ── */
.dice-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;
}
.dice-segment { display: flex; flex-direction: column; gap: 6px; }
.dice-label { font-size: 14px; color: #dbdbdb; font-weight: 400; }
.dice-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;
}
.dice-input-icon { color: #acacac; font-size: 14px; font-weight: 600; flex-shrink: 0; }
.dice-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;
}
.dice-chips { display: flex; gap: 4px; flex-shrink: 0; }
.dice-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;
}
.dice-chip:hover { background: rgba(255,255,255,0.08); color: #fff; }
.dice-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;
    margin-top: 0;
    flex-shrink: 0;
}
.dice-btn-place:hover { background: #7c2fcf; }

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

/* ── Display area ── */
.dice-display-area {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 24px 32px;
    gap: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='400'%3E%3Cpath d='M0 80 Q100 60 200 80 Q300 100 400 80 Q500 60 600 80 Q700 100 800 80' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1.5'/%3E%3Cpath d='M0 140 Q100 120 200 140 Q300 160 400 140 Q500 120 600 140 Q700 160 800 140' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1.5'/%3E%3Cpath d='M0 200 Q100 180 200 200 Q300 220 400 200 Q500 180 600 200 Q700 220 800 200' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1.5'/%3E%3Cpath d='M0 260 Q100 240 200 260 Q300 280 400 260 Q500 240 600 260 Q700 280 800 260' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1.5'/%3E%3Cpath d='M0 320 Q100 300 200 320 Q300 340 400 320 Q500 300 600 320 Q700 340 800 320' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1.5'/%3E%3Cpath d='M0 380 Q100 360 200 380 Q300 400 400 380 Q500 360 600 380 Q700 400 800 380' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1.5'/%3E%3C/svg%3E");
    background-size: 800px 400px;
    background-repeat: repeat;
}

/* Big numbers row */
.dice-big-display {
    display: block;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.dice-number-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

/* "Your number" — disabled input styled as big display text */
input.dice-big-num,
.dice-big-num {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-size: 72px !important;
    font-weight: 800 !important;
    line-height: 100px !important;
    height: 100px !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    min-width: 140px;
    display: block;
    pointer-events: none;
    outline: none;
}
.dice-num-label {
    font-size: 13px;
    color: rgba(255,255,255,0.45);
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}
.dice-type-badge {
    font-size: 11px;
    font-weight: 700;
    color: #09b95b;
    background: rgba(9,185,91,0.12);
    border-radius: 4px;
    padding: 2px 6px;
}
.dice-num-sep {
    font-size: 56px;
    font-weight: 300;
    color: rgba(255,255,255,0.15);
    height: 100px;
    line-height: 100px;
    user-select: none;
    align-self: flex-start;
    margin-top: 0;
    display: none;
}

/* Reel inside Rolled number block — strip dark card look, KEEP exact heights for JS */
/* width:fit-content so the horizontal overflow:hidden clip never cuts the reel
   when the flex row gets narrow — only the vertical (one-digit) clip applies.
   flex-centering keeps the digit centered in the window (the inner .dice-reel
   centers the result digit within its own 120px, so the window must be centered
   on it too — otherwise the digit is top-anchored and the bottom gets clipped). */
.dice-game-layout #type_slow { display: flex; align-items: center; justify-content: center; overflow: hidden; width: fit-content; margin: 0 auto; }
/* Taller window (100px) so the full digit fits; inner .dice-reel stays 120px for JS */
.dice-game-layout .dice-reel-outer { overflow: hidden; height: 100px; width: fit-content; }

.dice-game-layout .dice-reel {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    height: 85px !important;   /* JS reads this via .height() */
    display: inline-flex;
    overflow: hidden;
}
.dice-game-layout .dice-reel-column { margin: 0 !important; }
.dice-game-layout .dice-reel-row {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    text-shadow: none !important;
    color: #fff !important;
    font-size: 70px !important;
    font-weight: 800 !important;
    height: 80px !important;    /* JS reads this via .height() */
    line-height: 80px !important;
    width: 56px !important;
    padding: 0 !important;
}

/* Chance card */
.dice-chance-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    padding: 18px 20px;
    width: 100%;
    max-width: 540px;
    box-sizing: border-box;
}
.dice-chance-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}
.dice-chance-title { font-size: 15px; font-weight: 600; color: #fff; }
.dice-switch-img {
    width: 50px;
    height: 20px;
    object-fit: contain;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.15s;
}
.dice-switch-img:hover { opacity: 1; }

/* Slider */
.dice-slider-row { margin-bottom: 14px; }
.dice-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    background: linear-gradient(to right,
        #e84040 0%, #e84040 47.5%,
        #09b95b 47.5%, #09b95b 100%);
}
.dice-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
.dice-slider::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    border: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Stats row */
.dice-stats-row { display: flex; gap: 8px; }
.dice-stat { flex: 1; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
/* Win chance is intentionally not displayed as a number -- players read it off the slider. */
.dice-stat:last-child { display: none !important; }

/* Stat inputs look like bold display text */
input.dice-stat-inp,
.dice-stat-inp {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    width: 100% !important;
    outline: none;
}
input.dice-stat-inp[disabled] { pointer-events: none; cursor: default; }
.dice-stat-chance-wrap { display: flex; align-items: baseline; gap: 2px; }
.dice-stat-pct { color: #fff; font-size: 20px; font-weight: 700; }
.dice-stat-label { font-size: 12px; color: rgba(255,255,255,0.4); }

/* Override style.css absolute positioning on #dice_bet */
.dice-game-layout #dice_bet {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    background: #8d3bde !important;
    background-image: none !important;
    height: 52px !important;
    width: 100% !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    border: none !important;
}
.dice-game-layout #dice_bet:hover   { background: #7c2fcf !important; }
.dice-game-layout #dice_bet.win     { background: #09b95b !important; }
.dice-game-layout #dice_bet.lose    { background: #e84040 !important; }
.dice-game-layout #dice_bet.disabled { opacity: 0.55; cursor: not-allowed; }

/* Win-condition explanation under the "Your number / UNDER" label */
.dice-num-caption {
    max-width: 220px;
    text-align: center;
    font-size: 12px;
    line-height: 1.35;
    color: rgba(255,255,255,0.5);
}

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

@media (max-width: 768px), (pointer: coarse) and (max-width: 1199px) and (max-height: 600px) and (orientation: landscape) {
    .dice-game-layout { flex-direction: column; min-height: unset; }
    /* Right panel (game) first, controls panel below */
    .dice-stage { order: 1; }
    .dice-controls  { order: 2; width: 100%; min-width: unset; flex-direction: column-reverse; }
    .dice-btn-place { margin-top: 0; }
    .dice-display-area { padding: 24px 16px; gap: 20px; }
    .dice-chance-card { max-width: 100%; }

    /* Mobile reel heights must match style.css @media 768px override (40px rows, 60px reel)
       so the JS fast-mode transform translateY(-190px) stays calibrated */
    .dice-game-layout .dice-reel     { height: 60px !important; }
    .dice-game-layout .dice-reel-row {
        height: 40px !important;
        line-height: 40px !important;
        font-size: 36px !important;
        width: 28px !important;
    }
    /* keep the reel window and "Your number" the same height so both align */
    .dice-game-layout .dice-reel-outer { height: 60px; }
    input.dice-big-num, .dice-big-num {
        font-size: 40px !important;
        height: 60px !important;
        line-height: 60px !important;
        min-width: 80px;
    }
    .dice-num-sep { font-size: 30px; height: 60px; line-height: 60px; margin-top: 0; }}

@media (max-width: 480px) {
    .dice-game-layout .dice-reel-outer { height: 48px; }
    input.dice-big-num, .dice-big-num {
        font-size: 32px !important;
        height: 48px !important;
        line-height: 48px !important;
        min-width: 64px;
    }
    .dice-num-sep { font-size: 24px; height: 48px; line-height: 48px; }
    input.dice-stat-inp, .dice-stat-inp { font-size: 16px !important; }
    .dice-stat-pct { font-size: 16px; }}
.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; }
.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-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 2026 UI REFRESH
   ========================================= */
.dice-page { max-width: 1240px; margin: 0 auto; padding: 24px 22px 42px; box-sizing: border-box; text-align: left; }
.dice-page-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.dice-page-identity { display: flex; align-items: center; gap: 12px; }
.dice-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); }
.dice-page-icon img { width: 25px; height: 25px !important; object-fit: contain; }
.dice-page-kicker { display: block; margin-bottom: 2px; color: #8d829a; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.dice-page-identity h1 { margin: 0; color: #fff; font-size: 24px; line-height: 1.1; letter-spacing: -.025em; }
.dice-page-actions { display: flex; align-items: center; gap: 8px; }
.dice-how-button,.dice-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; }
.dice-how-button { cursor: pointer; }
.dice-how-button:hover,.dice-top-fair:hover { border-color: rgba(163,108,255,.32); background: rgba(135,74,232,.1); color: #fff; }
.dice-top-fair i { color: #f4c95d; }
.dice-page .dice-game-layout { min-height: 565px; margin-bottom: 18px; 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); }
.dice-page .dice-controls { width: clamp(280px,25vw,320px); min-width: 280px; 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; }
.dice-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); }
.dice-control-head > div span { display: block; margin-bottom: 3px; color: #857b8e; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.dice-control-head > div strong { color: #f5f1f8; font-size: 15px; }
.dice-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; }
.dice-control-balance i,.dice-page .dice-input-icon { color: #f4c95d; }
.dice-page .dice-label { color: #a79ead; font-size: 11px; font-weight: 700; }
.dice-page .dice-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; }
.dice-page .dice-input-row:focus-within { border-color: #8952e2; box-shadow: 0 0 0 3px rgba(132,72,226,.12); }
.dice-page .dice-input { font-size: 18px; font-weight: 750; }
.dice-page .dice-chips { gap: 5px; }
.dice-page .dice-chip { min-width: 38px; height: 31px; padding: 0 8px; border-color: rgba(255,255,255,.075); border-radius: 8px; background: rgba(255,255,255,.045); color: #958b9e; font-size: 10px; }
.dice-page .dice-chip:hover { border-color: rgba(159,104,248,.38); background: rgba(130,69,226,.14); }
.dice-page .dice-game-layout #dice_bet { min-height: 52px !important; height: 52px !important; border-radius: 12px !important; background: linear-gradient(135deg,#7635db,#a254ef) !important; font-size: 14px !important; font-weight: 800; box-shadow: 0 14px 28px rgba(92,40,177,.24),inset 0 1px rgba(255,255,255,.16); }
.dice-page .dice-game-layout #dice_bet:hover:not(.disabled) { background: linear-gradient(135deg,#8241e5,#ae61f7) !important; }
.dice-page .dice-game-layout #dice_bet.win { background: linear-gradient(135deg,#12a965,#43d88d) !important; }
.dice-page .dice-game-layout #dice_bet.lose { background: linear-gradient(135deg,#c62f4b,#ff667a) !important; }
.dice-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; }
.dice-risk-note i { margin-top: 2px; color: #8e6fc1; }
.dice-page .dice-stage { position: relative; background: radial-gradient(circle at 50% 39%,rgba(108,52,180,.18),transparent 38%),linear-gradient(145deg,#100b1b,#0b0813); }
.dice-page .dice-stage::before { content: ''; position: absolute; inset: 57px 0 0; pointer-events: none; opacity: .3; background: repeating-linear-gradient(90deg,transparent 0 69px,rgba(166,122,241,.035) 70px),repeating-linear-gradient(0deg,transparent 0 54px,rgba(166,122,241,.03) 55px); -webkit-mask-image: radial-gradient(circle at center,#000,transparent 72%); mask-image: radial-gradient(circle at center,#000,transparent 72%); }
.dice-page .dice-header { position: relative; z-index: 2; min-height: 57px; padding: 0 20px; border-bottom-color: rgba(255,255,255,.06); background: rgba(25,18,36,.82); }
.dice-page .dice-header-icon { width: 22px; height: 22px; }
.dice-page .dice-header-title { font-size: 14px; }
.dice-page .dice-info-icon { display: none; }
.dice-round-state { display: inline-flex; align-items: center; gap: 8px; color: #89808f; font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.dice-round-state i { width: 7px; height: 7px; border-radius: 50%; background: #a871ff; box-shadow: 0 0 0 4px rgba(168,113,255,.1),0 0 12px rgba(168,113,255,.45); }
.dice-page .dice-display-area { position: relative; z-index: 1; padding: 25px 24px 28px; gap: 21px; background-image: none; }
.dice-scene-label { display: flex; width: min(100%,620px); align-items: center; justify-content: space-between; color: #776d7e; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.dice-scene-label span { display: flex; align-items: center; gap: 6px; }
.dice-scene-label i { color: #a87aeb; }
.dice-scene-label small { color: #5f5765; font-size: 8px; }
.dice-page .dice-big-display { display: grid; width: min(100%,620px); grid-template-columns: 1fr auto 1fr; align-items: stretch; gap: 11px; }
.dice-page .dice-number-block { position: relative; min-width: 0; min-height: 173px; justify-content: center; padding: 18px 13px 14px; overflow: hidden; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; background: radial-gradient(circle at 50% 35%,rgba(133,74,220,.11),transparent 50%),rgba(5,3,10,.31); box-shadow: inset 0 1px rgba(255,255,255,.035); }
.dice-page .dice-number-block::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .26; background: repeating-linear-gradient(0deg,transparent 0 24px,rgba(171,126,244,.04) 25px); }
.dice-page .dice-num-sep { display: grid; width: 25px; height: auto; align-items: center; margin: 0; color: rgba(244,201,93,.32); font-size: 30px; line-height: 1; }
.dice-page input.dice-big-num,.dice-page .dice-big-num { position: relative; z-index: 1; min-width: 0; width: 100% !important; height: 85px !important; color: #f4eff9 !important; font-family: "Arial Black",Arial,sans-serif; font-size: clamp(45px,5vw,65px) !important; font-variant-numeric: tabular-nums; line-height: 85px !important; letter-spacing: -.055em; text-shadow: 0 5px 20px rgba(0,0,0,.5),0 0 30px rgba(151,89,239,.22); }
.dice-page .dice-game-layout .dice-reel-outer { position: relative; z-index: 1; }
.dice-page .dice-game-layout .dice-reel-row { color: #f4c95d !important; font-family: "Arial Black",Arial,sans-serif; letter-spacing: -.06em; text-shadow: 0 5px 20px rgba(0,0,0,.5),0 0 25px rgba(244,201,93,.18) !important; }
.dice-page .dice-num-label { position: relative; z-index: 1; color: #8c8292; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.dice-page .dice-type-badge { padding: 3px 7px; border: 1px solid rgba(67,216,141,.16); border-radius: 6px; background: rgba(67,216,141,.08); color: #51d394; font-size: 9px; }
.dice-page .dice-num-caption { position: relative; z-index: 1; color: #68606f; font-size: 9px; }
.dice-page #dice_pointer { width: min(100%,620px); }
.dice-page .dice-result { height: 7px; overflow: visible; border-radius: 7px; background: linear-gradient(90deg,#ff667a,#7843c4 50%,#43d88d); box-shadow: 0 0 16px rgba(130,72,212,.18); }
.dice-page .dice-result-bar .hover-message { border-radius: 8px; background: #f4c95d; color: #17101e; box-shadow: 0 5px 15px rgba(0,0,0,.32); }
.dice-page .dice-chance-card { width: min(100%,620px); max-width: none; padding: 19px; border-color: rgba(255,255,255,.07); border-radius: 16px; background: linear-gradient(145deg,rgba(28,20,40,.8),rgba(10,7,16,.7)); box-shadow: 0 16px 32px rgba(3,1,8,.2),inset 0 1px rgba(255,255,255,.035); }
.dice-page .dice-chance-title { color: #f0ebf3; font-size: 13px; }
.dice-page .dice-mode-switch { min-width:128px;height:38px;padding:4px;display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;gap:2px;border:1px solid rgba(157,102,240,.25);border-radius:10px;background:rgba(10,7,16,.64);color:#777080;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.035);transition:border-color .18s,box-shadow .18s; }
.dice-page .dice-mode-switch:hover { border-color:rgba(171,114,255,.48);box-shadow:0 5px 16px rgba(67,29,111,.18); }
.dice-page .dice-mode-switch:focus-visible { outline:2px solid #b575f2;outline-offset:2px; }
.dice-page .dice-mode-switch i { color:#9d75c2;font-size:10px; }
.dice-page .dice-mode-option { min-width:0;padding:6px 4px;border-radius:7px;font-size:8px;font-weight:900;letter-spacing:.055em;transition:.18s; }
.dice-page .dice-mode-option.is-active { background:linear-gradient(135deg,#9954df,#7130b2);color:#fff;box-shadow:0 4px 10px rgba(112,44,174,.3); }
.dice-page .dice-slider { height: 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 8px; box-shadow: inset 0 2px 5px rgba(0,0,0,.25); }
.dice-page .dice-slider::-webkit-slider-thumb { width: 22px; height: 22px; border: 4px solid #f4c95d; background: #25162f; box-shadow: 0 0 0 3px rgba(244,201,93,.12),0 4px 12px rgba(0,0,0,.35); }
.dice-page .dice-slider::-moz-range-thumb { width: 15px; height: 15px; border: 4px solid #f4c95d; background: #25162f; box-shadow: 0 0 0 3px rgba(244,201,93,.12),0 4px 12px rgba(0,0,0,.35); }
.dice-page .dice-stats-row { gap: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.06); border-radius: 11px; background: rgba(5,3,10,.23); }
.dice-page .dice-stat { min-height: 65px; justify-content: center; padding: 10px 13px; }
.dice-page .dice-stat + .dice-stat { border-left: 1px solid rgba(255,255,255,.06); }
.dice-page input.dice-stat-inp,.dice-page .dice-stat-inp,.dice-page .dice-stat-pct { color: #f3edf7 !important; font-size: 18px !important; font-variant-numeric: tabular-nums; }
.dice-page .dice-stat:first-child .dice-stat-inp { color: #bd91ff !important; }
.dice-page .dice-stat:nth-child(2) .dice-stat-inp { color: #f4c95d !important; }
.dice-page .dice-stat-label { color: #706777; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.dice-page .dice-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); }
.dice-history-title { display: flex; align-items: center; justify-content: space-between; padding: 17px 19px; border-bottom: 1px solid rgba(255,255,255,.055); }
.dice-history-title span { display: block; margin-bottom: 2px; color: #786f80; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.dice-history-title h2 { margin: 0; color: #f1edf4; font-size: 14px; }
.dice-history-title > i { color: #74539f; }
.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); }
@media (max-width: 900px) {
    .dice-page .dice-controls { width: 270px; min-width: 250px; padding: 18px; }}
@media (max-width: 768px), (pointer: coarse) and (max-width: 1199px) and (max-height: 600px) and (orientation: landscape) {
    .dice-page { padding: 16px 12px 34px; }
    .dice-how-button { width: 36px; padding: 0; justify-content: center; font-size: 0; }
    .dice-how-button i { font-size: 13px; }
    .dice-page .dice-game-layout { flex-direction: column; min-height: 0; border-radius: 16px; }
    .dice-page .dice-stage { order: 1; }
    .dice-page .dice-controls { order: 2; width: 100%; min-width: 0; flex-direction: column; border-top: 1px solid rgba(255,255,255,.07); border-right: 0; }
    .dice-page .dice-big-display { gap: 7px; }
    .dice-page .dice-number-block { min-height: 135px; padding: 13px 8px; }
    .dice-page input.dice-big-num,.dice-page .dice-big-num { height: 60px !important; font-size: 39px !important; line-height: 60px !important; }}
@media (max-width: 480px) {
    .dice-page-icon { width: 40px; height: 40px; border-radius: 12px; }
    .dice-page-identity h1 { font-size: 20px; }
    .dice-top-fair { width: 36px; padding: 0; justify-content: center; font-size: 0; }
    .dice-top-fair i { font-size: 13px; }
    .dice-page .dice-display-area { padding: 19px 10px; }
    .dice-page .dice-big-display { grid-template-columns: 1fr; }
    .dice-page .dice-num-sep { display: none; }
    .dice-page .dice-number-block { min-height: 120px; }
    .dice-page .dice-stats-row { display: grid; grid-template-columns: 1fr 1fr; }
    .dice-page .dice-stat:last-child { grid-column: 1 / -1; border-top: 1px solid rgba(255,255,255,.06); border-left: 0; }
    .dice-page .dice-input-row { flex-wrap: wrap; }
    .dice-page .dice-chips { width: 100%; }
    .dice-page .dice-chip { flex: 1; }
    .dice-control-head { align-items: flex-start; }}
.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-fullscreen-toggle:hover,.poker-page .pk-fullscreen-toggle.is-active { border-color:rgba(196,145,249,.42);background:rgba(139,72,232,.2);color:#fff; }
.poker-page .pk-away-toggle.is-active { border-color:rgba(255,151,75,.42);background:linear-gradient(135deg,rgba(202,85,38,.24),rgba(236,151,52,.18));color:#ffc277;box-shadow:0 0 0 2px rgba(238,132,50,.07),0 8px 20px rgba(105,44,15,.2); }
.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; }
.cb-mini-case.is-active { animation:cb-mini-case .8s ease-in-out infinite alternate; }
.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; }}

/* Dice mobile game scene ------------------------------------------------- */
@media (max-width:768px) and (orientation:portrait) {
    body.is-game-page .dice-page .dice-game-layout {
        grid-template-rows:minmax(0,1fr) 130px!important;gap:6px!important;
    }
    body.is-game-page .dice-page .dice-stage {
        grid-row:1!important;order:1!important;padding:0!important;display:block!important;overflow:hidden!important;
    }
    body.is-game-page .dice-page .dice-header { display:none!important; }
    body.is-game-page .dice-page .dice-display-area {
        position:relative!important;width:100%!important;height:100%!important;min-height:0!important;padding:6px!important;display:grid!important;
        grid-template-rows:minmax(0,1fr) 120px!important;gap:6px!important;overflow:hidden!important;box-sizing:border-box!important;
    }
    body.is-game-page .dice-page .dice-scene-label { display:none!important; }
    body.is-game-page .dice-page .dice-big-display {
        grid-row:1!important;width:100%!important;height:100%!important;min-height:0!important;display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;overflow:hidden!important;
    }
    body.is-game-page .dice-page .dice-num-sep { display:none!important; }
    body.is-game-page .dice-page .dice-number-block {
        width:100%!important;height:100%!important;min-height:0!important;padding:7px 5px!important;display:flex!important;flex-direction:column!important;
        align-items:center!important;justify-content:center!important;border-radius:13px!important;overflow:hidden!important;
    }
    body.is-game-page .dice-page input.dice-big-num,
    body.is-game-page .dice-page .dice-big-num {
        width:100%!important;height:55px!important;min-height:55px!important;font-size:clamp(31px,10vw,46px)!important;line-height:55px!important;
    }
    body.is-game-page .dice-page .dice-game-layout .dice-reel-outer,
    body.is-game-page .dice-page .dice-game-layout #type_slow,
    body.is-game-page .dice-page .dice-game-layout .dice-reel { height:55px!important;min-height:55px!important; }
    body.is-game-page .dice-page .dice-game-layout .dice-reel-row { height:55px!important;line-height:55px!important;font-size:clamp(31px,10vw,46px)!important; }
    body.is-game-page .dice-page .dice-num-label { margin-top:4px!important;font-size:8px!important;text-align:center!important; }
    body.is-game-page .dice-page .dice-num-caption { display:none!important; }
    body.is-game-page .dice-page #dice_pointer {
        position:absolute!important;z-index:6!important;left:10px!important;right:10px!important;top:calc(100% - 126px)!important;width:auto!important;margin:0!important;
    }
    body.is-game-page .dice-page .dice-chance-card {
		grid-row:2!important;width:100%!important;height:120px!important;min-height:120px!important;padding:7px!important;display:grid!important;
		grid-template-rows:34px 25px 43px!important;gap:3px!important;border-radius:13px!important;overflow:hidden!important;box-sizing:border-box!important;
    }
    body.is-game-page .dice-page .dice-chance-header { height:34px!important;min-height:34px!important; }
    body.is-game-page .dice-page .dice-chance-title { font-size:10px!important; }
    body.is-game-page .dice-page .dice-mode-switch { min-width:132px!important;width:132px!important;height:34px!important;padding:3px!important;grid-template-columns:1fr 24px 1fr!important;border-radius:10px!important;touch-action:manipulation; }
    body.is-game-page .dice-page .dice-mode-option { padding:7px 3px!important;font-size:9px!important; }
    body.is-game-page .dice-page .dice-mode-switch i { font-size:11px!important; }
    body.is-game-page .dice-page .dice-slider-row { height:25px!important;margin:0!important;display:flex!important;align-items:center!important; }
    body.is-game-page .dice-page .dice-stats-row {
		height:43px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border-radius:9px!important;
    }
    body.is-game-page .dice-page .dice-stat,
    body.is-game-page .dice-page .dice-stat:last-child {
		grid-column:auto!important;min-height:43px!important;height:43px!important;padding:3px!important;border-top:0!important;
    }
    body.is-game-page .dice-page input.dice-stat-inp,
    body.is-game-page .dice-page .dice-stat-inp,
    body.is-game-page .dice-page .dice-stat-pct { font-size:12px!important; }
    body.is-game-page .dice-page .dice-stat-label { font-size:6px!important;line-height:1.1!important;text-align:center!important; }

    body.is-game-page .dice-page .dice-controls {
        grid-row:2!important;order:2!important;padding:7px!important;display:grid!important;
        grid-template-columns:1fr!important;grid-template-rows:56px 55px!important;gap:5px!important;overflow:hidden!important;
    }
    body.is-game-page .dice-page .dice-controls #dice_bet {
        grid-row:1!important;order:0!important;width:100%!important;height:56px!important;min-height:56px!important;margin:0!important;line-height:normal!important;flex:none!important;
    }
    body.is-game-page .dice-page .dice-segment { grid-row:2!important;margin:0!important;gap:3px!important;overflow:hidden!important; }
    body.is-game-page .dice-page .dice-label { margin:0!important;font-size:8px!important;line-height:1!important; }
    body.is-game-page .dice-page .dice-input-row {
        height:44px!important;min-height:44px!important;padding:4px 7px!important;flex-wrap:nowrap!important;gap:5px!important;overflow:hidden!important;
    }
    body.is-game-page .dice-page .dice-input { min-width:60px!important;font-size:16px!important; }
    body.is-game-page .dice-page .dice-chips { width:auto!important;margin:0!important;display:flex!important;flex:0 0 auto!important;gap:4px!important; }
    body.is-game-page .dice-page .dice-chip {
        width:44px!important;min-width:44px!important;height:34px!important;min-height:34px!important;padding:0 5px!important;flex:0 0 44px!important;
        border-radius:9px!important;font-size:10px!important;font-weight:850!important;
    }}

@media (max-width:350px) and (orientation:portrait) {
    body.is-game-page .dice-page .dice-game-layout { grid-template-rows:minmax(0,1fr) 124px!important; }
    body.is-game-page .dice-page .dice-controls { grid-template-rows:54px 51px!important; }
    body.is-game-page .dice-page .dice-controls #dice_bet { height:54px!important;min-height:54px!important; }
    body.is-game-page .dice-page .dice-input-row { height:40px!important;min-height:40px!important; }
    body.is-game-page .dice-page .dice-chip { height:32px!important;min-height:32px!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 .dice-page .dice-controls { grid-column:1!important;grid-row:1!important;order:1!important; }
    body.is-game-page .dice-page .dice-stage { grid-column:2!important;grid-row:1!important;order:2!important;padding:0!important;overflow:hidden!important; }
    body.is-game-page .dice-page .dice-header,
    body.is-game-page .dice-page .dice-scene-label { display:none!important; }
    body.is-game-page .dice-page .dice-display-area { width:100%!important;height:100%!important;padding:5px!important;display:grid!important;grid-template-rows:minmax(0,1fr) 92px!important;gap:4px!important;overflow:hidden!important; }
    body.is-game-page .dice-page .dice-big-display { width:100%!important;height:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important; }
    body.is-game-page .dice-page .dice-num-sep,
    body.is-game-page .dice-page .dice-num-caption { display:none!important; }
    body.is-game-page .dice-page .dice-number-block { min-height:0!important;height:100%!important;padding:4px!important; }
    body.is-game-page .dice-page .dice-chance-card { width:100%!important;height:92px!important;padding:5px!important;overflow:hidden!important; }
    body.is-game-page .dice-page .dice-mode-switch { min-width:112px!important;width:112px!important;height:30px!important;padding:2px!important; }
    body.is-game-page .dice-page .dice-mode-option { padding:5px 2px!important;font-size:8px!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-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) {
    .dice-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); }
.co-theme-tab.is-active { border-color: rgba(159,104,248,.55); background: rgba(130,69,226,.2); color: #fff; }
.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; }
.nv-controls.is-active .nv-controls-hint { color: rgba(255,255,255,.6); }
.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; }
.bd-controls.is-active { border-color: rgba(255,255,255,.16); }
.bd-side-hud .bd-controls.is-active { border-color: rgba(119,204,255,.42); box-shadow: 0 0 0 1px rgba(95,201,255,.08),0 16px 38px rgba(0,0,0,.28); }