.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;
}
.wheel-risk-btn.active { background: #8d3bde; border-color: #8d3bde; color: #fff; }
.bcr-side.active { border-color: #8d3bde; background: rgba(141,59,222,0.18); }

/* =========================================
   DRAGON TIGER 2026 UI
   ========================================= */
.dt-page { max-width: 1240px; margin: 0 auto; padding: 24px 22px 42px; box-sizing: border-box; text-align: left; }
.dt-page-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.dt-page-identity { display: flex; align-items: center; gap: 12px; }
.dt-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); }
.dt-page-icon img { width: 25px; height: 25px; object-fit: contain; }
.dt-page-kicker { display: block; margin-bottom: 2px; color: #8d829a; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.dt-page-identity h1 { margin: 0; color: #fff; font-size: 24px; line-height: 1.1; letter-spacing: -.025em; }
.dt-page-actions { display: flex; align-items: center; gap: 8px; }
.dt-how-button,.dt-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; }
.dt-how-button { cursor: pointer; }
.dt-how-button:hover,.dt-top-fair:hover { border-color: rgba(163,108,255,.32); background: rgba(135,74,232,.1); color: #fff; }
.dt-top-fair i { color: #f4c95d; }
.dt-page .dt-game-layout { display: flex; min-height: 590px; 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); }
.dt-page .dt-controls { display: flex; flex-direction: column; 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; }
.dt-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); }
.dt-control-head > div span { display: block; margin-bottom: 3px; color: #857b8e; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.dt-control-head > div strong { color: #f5f1f8; font-size: 15px; }
.dt-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; }
.dt-control-balance i,.dt-page .dt-input-icon { color: #f4c95d; }
.dt-segment { display: flex; flex-direction: column; gap: 6px; }
.dt-page .dt-label { color: #a79ead; font-size: 11px; font-weight: 700; }
.dt-page .dt-input-row { display: flex; align-items: center; gap: 8px; min-height: 58px; padding: 8px 10px 8px 14px; border: 1px solid rgba(171,122,255,.24); border-radius: 12px; background: rgba(6,4,12,.43); box-sizing: border-box; transition: border-color .2s,box-shadow .2s; }
.dt-page .dt-input-row:focus-within { border-color: #8952e2; box-shadow: 0 0 0 3px rgba(132,72,226,.12); }
.dt-page .dt-input { background: transparent !important; border: none !important; flex: 1; min-width: 0; outline: none; padding: 0; color: #fff !important; font-size: 18px; font-weight: 750; }
.dt-page .dt-chips { display: flex; gap: 5px; flex-shrink: 0; }
.dt-page .dt-chip { min-width: 34px; height: 31px; padding: 0 7px; border: 1px solid rgba(255,255,255,.075); border-radius: 8px; background: rgba(255,255,255,.045); color: #958b9e; font-size: 10px; font-weight: 600; cursor: pointer; white-space: nowrap; transition: background .15s,border-color .15s,color .15s; }
.dt-page .dt-chip:hover { border-color: rgba(159,104,248,.38); background: rgba(130,69,226,.14); color: #fff; }
.dt-page .dt-sides { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.dt-page .dt-side { min-width: 0; min-height: 78px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 10px 5px; border: 1px solid rgba(255,255,255,.075); border-radius: 11px; background: rgba(7,4,13,.34); color: #fff; box-shadow: inset 0 1px rgba(255,255,255,.025); cursor: pointer; transition: background .15s,border-color .15s; }
.dt-side-name { color: #a49aa9; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.dt-side-pays { margin-top: 6px; color: #706777; font-size: 13px; font-weight: 900; }
.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 { width: 100%; min-height: 52px; height: 52px; border: none; border-radius: 12px; background: linear-gradient(135deg,#7635db,#a254ef); color: #fff; font-size: 14px; font-weight: 800; cursor: pointer; box-shadow: 0 14px 28px rgba(92,40,177,.24),inset 0 1px rgba(255,255,255,.16); transition: background .2s,transform .2s; flex-shrink: 0; }
.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-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; }
.dt-risk-note i { margin-top: 2px; color: #8e6fc1; }
.dt-page .dt-stage { flex: 1; position: relative; display: flex; flex-direction: column; min-width: 0; background: radial-gradient(ellipse at 50% 50%,rgba(97,47,58,.2),transparent 48%),linear-gradient(145deg,#0e131a,#08080f); }
.dt-page .dt-stage::before { content: ''; position: absolute; inset: 57px 0 0; pointer-events: none; background: radial-gradient(ellipse at center,transparent 0 42%,rgba(244,201,93,.11) 42.3% 42.7%,transparent 43%),repeating-linear-gradient(90deg,transparent 0 74px,rgba(255,255,255,.018) 75px); }
.dt-page .dt-header { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; min-height: 57px; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,.06); background: rgba(20,21,29,.84); flex-shrink: 0; }
.dt-header-left { display: flex; align-items: center; gap: 8px; }
.dt-page .dt-header-icon { width: 22px; height: 22px; object-fit: contain; }
.dt-page .dt-header-title { font-size: 14px; font-weight: 600; color: #fff; }
.dt-page .dt-info-icon { display: none; }
.dt-round-state { display: inline-flex; align-items: center; gap: 8px; color: #89808f; font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.dt-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); }
.dt-page .dt-display-area { position: relative; z-index: 1; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 530px; padding: 25px 24px 27px; gap: 18px; }
.dt-table-mark { display: flex; width: min(100%,650px); align-items: center; justify-content: space-between; color: #8f7aa8; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.dt-table-mark span { display: flex; align-items: center; gap: 6px; }
.dt-table-mark i { color: #f4c95d; }
.dt-table-mark small { color: #625d68; font-size: 8px; }
.dt-page .dt-hands { display: flex; align-items: center; justify-content: center; width: min(100%,680px); gap: 24px; }
.dt-page .dt-hand-block { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-width: 0; min-height: 220px; padding: 18px 10px; border: 1px solid rgba(255,255,255,.055); border-radius: 45%; background: radial-gradient(ellipse at center,rgba(83,109,114,.12),rgba(5,5,10,.22) 70%); box-sizing: border-box; transition: border-color .25s,box-shadow .25s; }
.dt-page .dt-hand-block.dt-winner { border-color: rgba(67,216,141,.55); box-shadow: inset 0 0 40px rgba(67,216,141,.15),0 0 28px rgba(67,216,141,.12); }
.dt-page .dt-hand-label { display: inline-flex; align-items: center; gap: 7px; padding: 5px 9px; border: 1px solid rgba(255,255,255,.06); border-radius: 7px; background: rgba(5,3,10,.42); color: #8c838f; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.dt-page .dt-hand { display: flex; align-items: center; justify-content: center; min-height: 96px; }
.dt-page .dt-card { position: relative; width: 66px; height: 94px; overflow: hidden; border: 1px solid rgba(255,255,255,.87); border-radius: 10px; background: linear-gradient(145deg,#fff,#eee9f2 64%,#cec4d4); color: #24142f; box-shadow: 0 14px 24px rgba(3,1,8,.38),inset 0 1px #fff; animation: dt-deal-2026 .34s cubic-bezier(.2,.8,.2,1); }
.dt-page .dt-card::after { content: ''; position: absolute; inset: 4px; border: 1px solid rgba(91,47,126,.12); border-radius: 7px; pointer-events: none; }
.dt-page .dt-card.red { color: #d33655; }
.dt-page .dt-card-rank { position: absolute; top: 9px; left: 10px; font: 900 22px/1 Arial,sans-serif; letter-spacing: -.06em; }
.dt-page .dt-card-suit { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 29px; filter: drop-shadow(0 2px 2px rgba(35,17,44,.12)); }
.dt-page .dt-vs { display: grid; min-width: 42px; height: 42px; place-items: center; border: 1px solid rgba(244,201,93,.23); border-radius: 50%; background: radial-gradient(circle,#49391d,#18130c); color: #f4c95d; font-size: 9px; font-weight: 900; box-shadow: 0 0 24px rgba(244,201,93,.08); flex-shrink: 0; }
.dt-page .dt-hint { min-height: 31px; 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; text-align: center; }
.dt-page .dt-hint.win { border-color: rgba(67,216,141,.16); background: rgba(67,216,141,.07); color: #54db9d; }
.dt-page .dt-hint.lose { border-color: rgba(255,102,122,.16); background: rgba(255,102,122,.07); color: #ff7385; }
.dt-page .dt-hint.push { border-color: rgba(244,201,93,.16); background: rgba(244,201,93,.07); color: #f4c95d; }
.dt-page .dt-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); }
.dt-history-title { display: flex; align-items: center; justify-content: space-between; padding: 17px 19px; border-bottom: 1px solid rgba(255,255,255,.055); }
.dt-history-title span { display: block; margin-bottom: 2px; color: #786f80; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.dt-history-title h2 { margin: 0; color: #f1edf4; font-size: 14px; }
.dt-history-title > i { color: #74539f; }
.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); }
@media (max-width: 900px) {
    .dt-page .dt-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) {
    .dt-page { padding: 16px 12px 34px; }
    .dt-how-button { width: 36px; padding: 0; justify-content: center; font-size: 0; }
    .dt-how-button i { font-size: 13px; }
    .dt-page .dt-game-layout { flex-direction: column; min-height: 0; border-radius: 16px; }
    .dt-page .dt-stage { order: 1; }
    .dt-page .dt-controls { order: 2; width: 100%; min-width: 0; border-top: 1px solid rgba(255,255,255,.07); border-right: 0; }
    .dt-page .dt-display-area { min-height: 420px; }}
@media (max-width: 540px) {
    .dt-page-icon { width: 40px; height: 40px; border-radius: 12px; }
    .dt-page-identity h1 { font-size: 20px; }
    .dt-top-fair { width: 36px; padding: 0; justify-content: center; font-size: 0; }
    .dt-top-fair i { font-size: 13px; }
    .dt-page .dt-display-area { min-height: 460px; padding: 18px 9px; }
    .dt-page .dt-hands { flex-direction: column; gap: 10px; }
    .dt-page .dt-hand-block { width: 100%; min-height: 170px; border-radius: 34%; }
    .dt-page .dt-vs { min-width: 34px; height: 34px; }
    .dt-page .dt-card { width: 53px; height: 76px; }
    .dt-page .dt-card-rank { top: 7px; left: 8px; font-size: 17px; }
    .dt-page .dt-card-suit { font-size: 22px; }
    .dt-page .dt-input-row { flex-wrap: wrap; }
    .dt-page .dt-chips { width: 100%; }
    .dt-page .dt-chip { flex: 1; }
    .dt-control-head { align-items: flex-start; }}
.av-speed-btn.active {
    background: rgba(242,181,60,0.16);
    border-color: rgba(242,181,60,0.5);
    color: #f2b53c;
}
.pk-risk-btn.active { background: #8d3bde; color: #fff; }

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

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

    .dice-history .table-row > .table-column:nth-child(4),
    .dice-history .table-row > .table-column:nth-child(5) {
        display: none;
    }}
.hilo-page .hilo-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.hilo-page .hilo-history .table-header { background: rgba(255,255,255,.025); }
.dice-page .dice-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.dice-page .dice-history .table-header { background: rgba(255,255,255,.025); }
.limbo-page .limbo-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.limbo-page .limbo-history .table-header { background: rgba(255,255,255,.025); }
.wheel-page .wheel-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.wheel-page .wheel-history .table-header { background: rgba(255,255,255,.025); }.rps-page .rps-move:hover:before,.rps-page .rps-move.active:before{opacity:.5;transform:scale(1.4)}.rps-page #rps_move_rock.active{border-color:rgba(168,115,239,.62)!important;box-shadow:inset 0 0 22px rgba(139,77,218,.16),0 8px 20px rgba(50,24,84,.2)}.rps-page #rps_move_rock.active i{color:#b989f5}.rps-page #rps_move_paper.active{border-color:rgba(95,209,207,.55)!important;box-shadow:inset 0 0 22px rgba(63,181,179,.13),0 8px 20px rgba(22,77,76,.18)}.rps-page #rps_move_paper.active i{color:#69d9d5}.rps-page #rps_move_scissors.active{border-color:rgba(244,201,93,.55)!important;box-shadow:inset 0 0 22px rgba(214,166,56,.13),0 8px 20px rgba(85,61,18,.18)}.rps-page #rps_move_scissors.active i{color:#f4d171}
.bj-page .bj-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.bj-page .bj-history .table-header { background: rgba(255,255,255,.025); }
.bcr-page #bcr_side_player:hover,.bcr-page #bcr_side_player.active { border-color: rgba(106,148,255,.5); background: linear-gradient(145deg,rgba(50,93,202,.24),rgba(21,36,81,.24)); }
.bcr-page #bcr_side_tie:hover,.bcr-page #bcr_side_tie.active { border-color: rgba(244,201,93,.5); background: linear-gradient(145deg,rgba(173,126,30,.22),rgba(71,51,15,.24)); }
.bcr-page #bcr_side_banker:hover,.bcr-page #bcr_side_banker.active { border-color: rgba(244,92,122,.5); background: linear-gradient(145deg,rgba(186,45,78,.22),rgba(74,18,36,.24)); }
.bcr-page #bcr_side_player.active .bcr-side-pays { color: #82a6ff; }
.bcr-page #bcr_side_tie.active .bcr-side-pays { color: #f4c95d; }
.bcr-page #bcr_side_banker.active .bcr-side-pays { color: #ff7892; }
.bcr-page .bcr-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.bcr-page .bcr-history .table-header { background: rgba(255,255,255,.025); }
.rps-page .rps-move.active { border-color: rgba(40,199,160,.55); background: linear-gradient(145deg,rgba(24,164,131,.24),rgba(12,68,55,.24)); }
.rps-page .rps-move.active i { color: #28C7A0; }
.rps-page .rps-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.rps-page .rps-history .table-header { background: rgba(255,255,255,.025); }
.kn-page .kn-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.kn-page .kn-history .table-header { background: rgba(255,255,255,.025); }
.ck-page .ck-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.ck-page .ck-history .table-header { background: rgba(255,255,255,.025); }
.cf-page .cf-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.cf-page .cf-history .table-header { background: rgba(255,255,255,.025); }
.minesweeper-page .mines-grid-btn.active { background: linear-gradient(135deg,#7134c9,#9a55e5); color: #fff; box-shadow: 0 6px 13px rgba(91,40,167,.22),inset 0 1px rgba(255,255,255,.14); }
.minesweeper-page .minesweeper-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.minesweeper-page .minesweeper-history .table-header { background: rgba(255,255,255,.025); }
.tw-page .tw-history .table-tabs { padding: 8px 12px; background: rgba(5,3,10,.18); }
.tw-page .tw-history .table-header { background: rgba(255,255,255,.025); }
.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-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); }

/* Dragon Tiger — prestige duel refresh */
.dt-page--duel .dt-game-layout { min-height: 620px; border-color: rgba(181,125,255,.13); background: linear-gradient(145deg,#130d1f,#09070f); box-shadow: 0 28px 80px rgba(3,1,10,.48),inset 0 1px rgba(255,255,255,.05); }
.dt-page--duel .dt-controls { width: clamp(310px,27vw,350px); min-width: 310px; padding: 24px; gap: 16px; background: radial-gradient(circle at 15% 0,rgba(149,78,245,.2),transparent 35%),linear-gradient(170deg,#21162f,#120c1b 72%); }
.dt-page--duel .dt-side { position: relative; min-height: 116px; gap: 2px; overflow: hidden; padding: 10px 4px 12px; border-radius: 14px; }
.dt-page--duel .dt-side::after { content:''; position:absolute; inset:auto -20% -60% -20%; height:75%; border-radius:50%; opacity:0; transition:opacity .18s; }
.dt-page--duel .dt-side.active::after { opacity:.75; }
.dt-page--duel #dt_side_dragon::after { background:radial-gradient(circle,rgba(244,178,74,.32),transparent 68%); }
.dt-page--duel #dt_side_tie::after { background:radial-gradient(circle,rgba(244,201,93,.25),transparent 68%); }
.dt-page--duel #dt_side_tiger::after { background:radial-gradient(circle,rgba(151,91,239,.34),transparent 68%); }
.dt-side-emblem { position:relative; z-index:1; display:grid; width:38px; height:38px; margin-bottom:3px; place-items:center; border:1px solid rgba(255,255,255,.09); border-radius:12px; background:rgba(3,2,8,.42); color:#b9a9c8; font:800 19px/1 Georgia,serif; box-shadow:inset 0 1px rgba(255,255,255,.06); }
#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-name,.dt-page--duel .dt-side-pays { position:relative; z-index:1; }
.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; }
.dt-bet-summary { display:grid; grid-template-columns:1fr 1fr; overflow:hidden; border:1px solid rgba(255,255,255,.06); border-radius:11px; background:rgba(4,2,9,.31); }
.dt-bet-summary > div { min-width:0; padding:10px 11px; }
.dt-bet-summary > div + div { border-left:1px solid rgba(255,255,255,.055); }
.dt-bet-summary span { display:block; margin-bottom:3px; color:#706777; font-size:8px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.dt-bet-summary strong { display:block; overflow:hidden; color:#ede8f1; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.dt-bet-summary > div:last-child strong { color:#f4c95d; }
.dt-page--duel .dt-btn-place { margin-top:2px; background:linear-gradient(135deg,#7540ce,#a564ef); box-shadow:0 16px 30px rgba(102,48,190,.28),inset 0 1px rgba(255,255,255,.18); transition:background .2s,filter .2s; }
.dt-page--duel .dt-stage { overflow:hidden; background:linear-gradient(145deg,#100a18,#07060c); }
.dt-page--duel .dt-stage::before { inset:57px 0 0; opacity:.72; background:radial-gradient(ellipse at 50% 53%,transparent 0 35%,rgba(244,201,93,.12) 35.3% 35.7%,transparent 36.2%),linear-gradient(90deg,rgba(191,130,255,.025) 1px,transparent 1px),linear-gradient(rgba(191,130,255,.022) 1px,transparent 1px); background-size:auto,70px 70px,70px 70px; }
.dt-page--duel .dt-header { background:linear-gradient(90deg,rgba(39,23,50,.94),rgba(18,13,25,.94)); }
.dt-page--duel .dt-display-area { min-height:560px; padding:32px 26px; gap:25px; isolation:isolate; }
.dt-arena-light { position:absolute; top:15%; bottom:9%; width:44%; border-radius:50%; opacity:.5; filter:blur(34px); pointer-events:none; z-index:-1; }
.dt-arena-light--dragon { left:-18%; background:radial-gradient(circle,rgba(214,144,40,.22),transparent 68%); }
.dt-arena-light--tiger { right:-18%; background:radial-gradient(circle,rgba(132,65,225,.25),transparent 68%); }
.dt-page--duel .dt-table-mark { width:min(100%,720px); padding:9px 12px; border:1px solid rgba(255,255,255,.055); border-radius:9px; background:rgba(5,3,10,.28); }
.dt-page--duel .dt-hands { width:min(100%,750px); gap:15px; }
.dt-page--duel .dt-hand-block { position:relative; flex:1; min-height:330px; justify-content:flex-start; gap:13px; padding:25px 18px 22px; overflow:hidden; border-radius:22px; background:linear-gradient(160deg,rgba(31,22,40,.72),rgba(5,4,10,.48)); box-shadow:inset 0 1px rgba(255,255,255,.035),0 20px 38px rgba(2,1,7,.2); }
.dt-page--duel #dt_dragon_block { border-color:rgba(244,184,82,.15); }
.dt-page--duel #dt_tiger_block { border-color:rgba(165,101,246,.17); }
.dt-page--duel .dt-hand-block::after { content:''; position:absolute; left:10%; right:10%; bottom:-48px; height:120px; border-radius:50%; pointer-events:none; }
.dt-page--duel #dt_dragon_block::after { background:radial-gradient(circle,rgba(224,153,48,.22),transparent 68%); }
.dt-page--duel #dt_tiger_block::after { background:radial-gradient(circle,rgba(132,66,225,.26),transparent 68%); }
.dt-duelist-emblem { position:absolute; top:50%; left:50%; z-index:0; color:rgba(255,255,255,.025); font:900 150px/1 Georgia,serif; transform:translate(-50%,-40%); user-select:none; }
#dt_dragon_block .dt-duelist-emblem { color:rgba(244,190,92,.045); }
#dt_tiger_block .dt-duelist-emblem { color:rgba(178,112,255,.05); }
.dt-page--duel .dt-hand-label { position:relative; z-index:1; width:100%; justify-content:space-between; padding:7px 10px; box-sizing:border-box; }
.dt-page--duel .dt-hand-label small { color:#655d6b; font-size:7px; letter-spacing:.08em; }
.dt-page--duel #dt_dragon_block .dt-hand-label span { color:#efbd63; }
.dt-page--duel #dt_tiger_block .dt-hand-label span { color:#c294fa; }
.dt-page--duel .dt-hand { position:relative; z-index:1; flex:1; min-height:190px; }
.dt-page--duel .dt-card { width:118px; height:168px; border-radius:14px; box-shadow:0 24px 45px rgba(2,1,6,.48),0 0 0 5px rgba(255,255,255,.025),inset 0 1px #fff; }
.dt-page--duel .dt-card::after { inset:6px; border-radius:10px; }
.dt-page--duel .dt-card-rank { top:14px; left:15px; font-size:34px; }
.dt-page--duel .dt-card-suit { font-size:55px; }
.dt-duel-core { display:flex; width:68px; flex:0 0 68px; flex-direction:column; align-items:center; gap:7px; }
.dt-page--duel .dt-vs { min-width:54px; width:54px; height:54px; border-color:rgba(244,201,93,.34); background:radial-gradient(circle,#6d5122,#1b130a 69%); font-size:11px; box-shadow:0 0 0 8px rgba(244,201,93,.025),0 0 32px rgba(244,201,93,.14); }
.dt-duel-core small { color:#635a68; font-size:7px; font-weight:900; letter-spacing:.17em; }
.dt-page--duel .dt-hand-block.dt-winner { border-color:rgba(91,224,158,.65); box-shadow:inset 0 0 55px rgba(67,216,141,.13),0 0 34px rgba(67,216,141,.14); }
.dt-page--duel .dt-hint { min-width:min(90%,420px); min-height:40px; display:flex; align-items:center; justify-content:center; border-radius:12px; font-weight:750; }
@media(max-width:900px){.dt-page--duel .dt-controls{width:290px;min-width:270px;padding:19px}.dt-page--duel .dt-card{width:96px;height:137px}.dt-page--duel .dt-card-rank{font-size:29px}.dt-page--duel .dt-card-suit{font-size:45px}}
@media(max-width:768px), (pointer:coarse) and (max-width:1199px) and (max-height:600px) and (orientation:landscape){.dt-page--duel .dt-controls{width:100%;min-width:0}.dt-page--duel .dt-display-area{min-height:500px}.dt-page--duel .dt-hand-block{min-height:280px}}
@media(max-width:540px){.dt-page--duel .dt-sides{gap:5px}.dt-page--duel .dt-side{min-height:102px}.dt-side-emblem{width:32px;height:32px;font-size:16px}.dt-page--duel .dt-display-area{min-height:460px;padding:18px 9px;gap:12px}.dt-page--duel .dt-hands{flex-direction:row;gap:6px}.dt-page--duel .dt-hand-block{width:auto;min-height:250px;padding:16px 6px;border-radius:16px}.dt-page--duel .dt-card{width:67px;height:96px}.dt-page--duel .dt-card-rank{top:8px;left:8px;font-size:20px}.dt-page--duel .dt-card-suit{font-size:29px}.dt-duel-core{width:40px;flex-basis:40px}.dt-page--duel .dt-vs{min-width:38px;width:38px;height:38px}.dt-page--duel .dt-hand-label small{display:none}.dt-duelist-emblem{font-size:90px}.dt-page--duel .dt-table-mark small{display:none}}
.ft-public-title-icon > .fa { display: block; width: 1em; height: 1em; margin-top: 12px; font-size: 16px; line-height: 1; text-align: center; }

/* Dragon Tiger mobile game scene ---------------------------------------- */
@media (max-width:768px) and (orientation:portrait) {
    body.is-game-page .dt-page .dt-game-layout {
        grid-template-rows:minmax(0,1fr) 190px!important;gap:6px!important;
    }
    body.is-game-page .dt-page .dt-stage {
        grid-row:1!important;order:1!important;padding:0!important;display:block!important;overflow:hidden!important;
    }
    body.is-game-page .dt-page .dt-header,
    body.is-game-page .dt-page .dt-table-mark { display:none!important; }
    body.is-game-page .dt-page .dt-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) 28px!important;
        gap:5px!important;justify-items:center!important;align-items:stretch!important;overflow:hidden!important;box-sizing:border-box!important;margin:0 auto!important;
    }
    body.is-game-page .dt-page .dt-hands {
		grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important;min-height:0!important;margin:0 auto!important;display:flex!important;
		flex-direction:row!important;align-items:stretch!important;justify-content:center!important;gap:4px!important;overflow:hidden!important;
    }
    body.is-game-page .dt-page .dt-hand-block {
		width:0!important;height:100%!important;min-width:0!important;min-height:0!important;padding:6px 4px!important;display:flex!important;flex:1 1 0!important;
		flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:3px!important;
        margin:0 auto!important;border-radius:15px!important;overflow:hidden!important;box-sizing:border-box!important;
    }
    body.is-game-page .dt-page #dt_dragon_block { grid-column:1!important;grid-row:1!important; }
    body.is-game-page .dt-page #dt_tiger_block { grid-column:3!important;grid-row:1!important; }
    body.is-game-page .dt-page .dt-duelist-emblem { display:none!important; }
    body.is-game-page .dt-page .dt-duel-core {
        grid-column:2!important;grid-row:1!important;width:32px!important;min-width:32px!important;flex-basis:32px!important;align-self:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;
    }
    body.is-game-page .dt-page .dt-vs { min-width:30px!important;width:30px!important;height:30px!important;font-size:7px!important; }
    body.is-game-page .dt-page .dt-duel-core small { font-size:6px!important; }
    body.is-game-page .dt-page .dt-hand-label {
		width:auto!important;min-height:23px!important;height:23px!important;padding:2px 7px!important;justify-content:center!important;font-size:7px!important;line-height:1!important;flex:0 0 23px!important;text-align:center!important;
    }
    body.is-game-page .dt-page .dt-hand-label small { display:none!important; }
    body.is-game-page .dt-page .dt-hand {
		width:100%!important;height:auto!important;min-width:0!important;min-height:0!important;padding:3px!important;flex:1 1 auto!important;
		display:flex!important;align-items:center!important;justify-content:center!important;place-self:stretch center!important;
		overflow:hidden!important;margin:0 auto!important;box-sizing:border-box!important;transform:none!important;
    }
    body.is-game-page .dt-page .dt-card {
        position:relative!important;width:min(28vw,112px)!important;height:auto!important;max-height:100%!important;aspect-ratio:5/7!important;
		display:grid!important;place-items:center!important;align-self:center!important;justify-self:center!important;margin:auto!important;flex:0 0 auto!important;border-radius:12px!important;
    }
    body.is-game-page .dt-page .dt-card::after { z-index:1!important; }
    body.is-game-page .dt-page .dt-card-rank { z-index:3!important;top:10px!important;left:11px!important;font-size:27px!important; }
    body.is-game-page .dt-page .dt-card-suit {
        position:absolute!important;z-index:2!important;inset:0!important;width:100%!important;height:100%!important;display:grid!important;place-items:center!important;
        color:inherit!important;font-family:Georgia,"Times New Roman",serif!important;font-size:42px!important;font-weight:700!important;line-height:1!important;opacity:1!important;visibility:visible!important;
    }
    body.is-game-page .dt-page .dt-hint {
        grid-column:1!important;grid-row:2!important;width:100%!important;min-width:0!important;height:28px!important;min-height:28px!important;margin:0!important;padding:4px 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;box-sizing:border-box!important;
    }

    body.is-game-page .dt-page .dt-controls {
        grid-row:2!important;order:2!important;padding:7px!important;display:grid!important;
        grid-template-columns:1fr!important;grid-template-rows:56px 52px 58px!important;gap:5px!important;overflow:hidden!important;
    }
    body.is-game-page .dt-page .dt-controls #dragontiger_bet {
        grid-row:1!important;order:0!important;width:100%!important;height:56px!important;min-height:56px!important;margin:0!important;flex:none!important;
    }
    body.is-game-page .dt-page .dt-side-segment { grid-row:2!important;margin:0!important;overflow:hidden!important; }
    body.is-game-page .dt-page .dt-side-segment .dt-label { display:none!important; }
    body.is-game-page .dt-page .dt-sides { width:100%!important;height:52px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important; }
    body.is-game-page .dt-page .dt-side { min-height:52px!important;height:52px!important;padding:4px!important;gap:1px!important;border-radius:10px!important; }
    body.is-game-page .dt-page .dt-side-emblem { display:none!important; }
    body.is-game-page .dt-page .dt-side-name { font-size:9px!important; }
    body.is-game-page .dt-page .dt-side-pays { margin-top:2px!important;font-size:10px!important; }
    body.is-game-page .dt-page .dt-bet-segment { grid-row:3!important;margin:0!important;gap:3px!important;overflow:hidden!important; }
    body.is-game-page .dt-page .dt-label { margin:0!important;font-size:8px!important;line-height:1!important; }
    body.is-game-page .dt-page .dt-input-row {
        height:47px!important;min-height:47px!important;padding:4px 7px!important;flex-wrap:nowrap!important;gap:5px!important;overflow:hidden!important;
    }
    body.is-game-page .dt-page .dt-input { min-width:52px!important;font-size:16px!important; }
    body.is-game-page .dt-page .dt-chips { width:auto!important;margin:0!important;display:flex!important;flex:0 0 auto!important;gap:4px!important; }
    body.is-game-page .dt-page .dt-chip {
        width:38px!important;min-width:38px!important;height:36px!important;min-height:36px!important;padding:0 4px!important;flex:0 0 38px!important;
        border-radius:8px!important;font-size:9px!important;font-weight:850!important;
    }
    body.is-game-page .dt-page .dt-bet-summary { display:none!important; }}

@media (max-width:350px) and (orientation:portrait) {
    body.is-game-page .dt-page .dt-game-layout { grid-template-rows:minmax(0,1fr) 182px!important; }
    body.is-game-page .dt-page .dt-controls { grid-template-rows:54px 49px 55px!important; }
    body.is-game-page .dt-page .dt-controls #dragontiger_bet { height:54px!important;min-height:54px!important; }
    body.is-game-page .dt-page .dt-sides,
    body.is-game-page .dt-page .dt-side { height:49px!important;min-height:49px!important; }
    body.is-game-page .dt-page .dt-input-row { height:44px!important;min-height:44px!important; }
    body.is-game-page .dt-page .dt-chip { width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;flex-basis:34px!important; }
    body.is-game-page .dt-page .dt-card { width:min(27vw,92px)!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 .dt-page .dt-controls { grid-column:1!important;grid-row:1!important;order:1!important; }
    body.is-game-page .dt-page .dt-stage { grid-column:2!important;grid-row:1!important;order:2!important;padding:0!important;overflow:hidden!important; }
    body.is-game-page .dt-page .dt-header,
    body.is-game-page .dt-page .dt-table-mark { display:none!important; }
    body.is-game-page .dt-page .dt-display-area { width:100%!important;height:100%!important;min-height:0!important;padding:4px!important;display:grid!important;grid-template-rows:minmax(0,1fr) 24px!important;gap:3px!important;overflow:hidden!important; }
    body.is-game-page .dt-page .dt-hands { width:100%!important;height:100%!important;min-height:0!important;display:flex!important;align-items:stretch!important;justify-content:center!important;gap:3px!important; }
    body.is-game-page .dt-page .dt-hand-block { width:0!important;height:100%!important;min-width:0!important;min-height:0!important;padding:3px!important;overflow:hidden!important;flex:1 1 0!important; }
    body.is-game-page .dt-page #dt_dragon_block { grid-column:1!important;grid-row:1!important; }
    body.is-game-page .dt-page #dt_tiger_block { grid-column:3!important;grid-row:1!important; }
    body.is-game-page .dt-page .dt-duelist-emblem { display:none!important; }
    body.is-game-page .dt-page .dt-duel-core { grid-column:2!important;grid-row:1!important;width:30px!important;align-self:center!important; }
    body.is-game-page .dt-page .dt-vs { width:28px!important;min-width:28px!important;height:28px!important; }
    body.is-game-page .dt-page .dt-hint { height:24px!important;min-height:24px!important;padding:3px!important; }
    body.is-game-page .dt-page .dt-hand { width:100%!important;min-width:0!important;padding:2px!important;display:flex!important;align-items:center!important;justify-content:center!important;place-self:stretch center!important;margin:0 auto!important;box-sizing:border-box!important;transform:none!important; }
    body.is-game-page .dt-page .dt-card { width:auto!important;height:90%!important;max-width:100%!important;aspect-ratio:5/7!important;margin:auto!important;align-self:center!important;justify-self:center!important;flex:0 0 auto!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-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; }}
.bnz-history .table-container { background: #2b2333; }

/* 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) {
    .dt-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); }
.nv-public-title-icon > .fa { display: block; width: 1em; height: 1em; margin-top: 12px; font-size: 16px; line-height: 1; text-align: center; }
.rv-public-title-icon > .fa { display: block; width: 1em; height: 1em; margin-top: 12px; font-size: 16px; line-height: 1; text-align: center; }
.bd-public-title-icon > .fa { display: block; width: 1em; height: 1em; margin-top: 12px; font-size: 16px; line-height: 1; text-align: center; }