/**
 * Dexter Betting Panel Styles
 * Clean, sharp design matching site aesthetic
 */

.dexter-betting-panel {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 300px;
	background: rgba(10, 10, 15, 0.95);
	border: 1px solid rgba(255, 140, 0, 0.3);
	border-radius: 4px;
	padding: 0;
	color: #fff;
	font-family: 'Inter', -apple-system, sans-serif;
	z-index: 50;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
	transition: all 0.3s ease;
	overflow: hidden;
}

.dexter-betting-panel.in-controls {
	position: relative;
	right: auto;
	top: auto;
	width: 100%;
	max-width: 560px;
	margin: 12px auto 0;
}

.dexter-betting-panel.odds-changed {
	animation: panel-flash 0.5s ease;
}

@keyframes panel-flash {
	0%, 100% { border-color: rgba(255, 140, 0, 0.3); }
	50% { border-color: rgba(255, 140, 0, 0.7); }
}

/* Header */
.betting-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 16px;
	background: linear-gradient(135deg, rgba(255, 140, 0, 0.12) 0%, rgba(255, 100, 0, 0.08) 100%);
	border-bottom: 1px solid rgba(255, 140, 0, 0.25);
	position: relative;
}

/* Subtle animated gradient shine */
.betting-header::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 200, 100, 0.05), transparent);
	animation: header-shine 4s ease-in-out infinite;
}

@keyframes header-shine {
	0%, 100% { left: -100%; }
	50% { left: 100%; }
}

.betting-title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	font-size: 13px;
	color: #ffaa33;
	letter-spacing: 0.5px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.betting-icon {
	font-size: 16px;
}

@keyframes icon-pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.7; }
}

.betting-pool {
	text-align: right;
}

.pool-amount {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	color: #4ecdc4;
	font-weight: 700;
	font-size: 15px;
}

.usdc-icon {
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-right: 2px;
}

.betting-title .usdc-icon {
	width: 16px;
	height: 16px;
}

.pool-bets {
	color: rgba(255, 255, 255, 0.45);
	font-size: 10px;
	margin-top: 2px;
}

/* Betting Sides */
.betting-sides {
	display: flex;
	gap: 0;
	padding: 14px 12px;
	position: relative;
}

.betting-side {
	flex: 1;
	background: linear-gradient(180deg, rgba(20, 20, 30, 0.9) 0%, rgba(10, 10, 15, 0.95) 100%);
	border-radius: 8px;
	padding: 14px 12px;
	transition: all 0.25s ease;
	border: 1px solid rgba(255, 255, 255, 0.08);
	position: relative;
	overflow: hidden;
}

/* Subtle inner glow effect */
.betting-side::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 8px;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.p1-side::after {
	box-shadow: inset 0 0 30px rgba(255, 107, 107, 0.15);
}

.p2-side::after {
	box-shadow: inset 0 0 30px rgba(78, 205, 196, 0.15);
}

.betting-side:hover::after {
	opacity: 1;
}

/* Top accent bar */
.betting-side::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	border-radius: 8px 8px 0 0;
}

.p1-side::before { 
	background: linear-gradient(90deg, #ff6b6b, #ff8585); 
	box-shadow: 0 0 10px rgba(255, 107, 107, 0.5);
}
.p2-side::before { 
	background: linear-gradient(90deg, #4ecdc4, #6ee7df); 
	box-shadow: 0 0 10px rgba(78, 205, 196, 0.5);
}

.betting-side.winning {
	background: linear-gradient(180deg, rgba(34, 197, 94, 0.15) 0%, rgba(22, 163, 74, 0.1) 100%);
	border-color: rgba(34, 197, 94, 0.4);
}

.betting-side.winning::before {
	background: linear-gradient(90deg, #22c55e, #4ade80);
	box-shadow: 0 0 12px rgba(34, 197, 94, 0.6);
}

.p1-side .side-name { color: #ff8585; }
.p2-side .side-name { color: #6ee7df; }

.side-name {
	font-weight: 700;
	font-size: 11px;
	margin-bottom: 8px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.side-prob {
	font-family: 'Inter', system-ui, sans-serif;
	font-size: 32px;
	font-weight: 800;
	color: #fff;
	line-height: 1;
	margin-bottom: 4px;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Animate probability changes */
.side-prob {
	transition: all 0.3s ease;
}

.betting-side.winning .side-prob {
	color: #4ade80;
	text-shadow: 0 0 20px rgba(74, 222, 128, 0.4);
}

.side-prob.losing {
	color: rgba(255, 255, 255, 0.3);
}

.side-odds {
	font-size: 13px;
	color: #ff8c00;
	margin-bottom: 10px;
	font-weight: 600;
}

/* Bet Buttons */
.bet-buttons {
	display: flex;
	gap: 6px;
	margin-bottom: 10px;
}

.bet-btn {
	flex: 1;
	padding: 10px 8px;
	background: linear-gradient(180deg, rgba(255, 160, 0, 0.2) 0%, rgba(255, 120, 0, 0.15) 100%);
	border: 1px solid rgba(255, 140, 0, 0.5);
	border-radius: 6px;
	color: #ffd54f;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.2s ease;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	position: relative;
	overflow: hidden;
}

/* Subtle shine effect on buttons */
.bet-btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 50%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 100%);
	border-radius: 6px 6px 0 0;
	pointer-events: none;
}

.bet-btn:hover {
	background: linear-gradient(180deg, rgba(255, 160, 0, 0.35) 0%, rgba(255, 120, 0, 0.25) 100%);
	border-color: rgba(255, 180, 0, 0.8);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(255, 140, 0, 0.3);
}

.bet-btn:active {
	transform: translateY(0);
	box-shadow: 0 2px 6px rgba(255, 140, 0, 0.2);
}

.bet-custom {
	background: rgba(139, 92, 246, 0.15);
	border-color: rgba(139, 92, 246, 0.4);
	color: #c4b5fd;
}

.bet-custom:hover {
	background: rgba(139, 92, 246, 0.25);
	border-color: rgba(139, 92, 246, 0.6);
}

.bet-potential {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.5);
	margin-top: 4px;
}

.bet-potential span {
	color: #4ecdc4;
	font-weight: 600;
}

/* VS Divider */
.betting-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 8px;
	min-width: 44px;
}

.odds-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: rgba(0, 0, 0, 0.5);
	overflow: hidden;
}

.odds-fill {
	height: 100%;
	background: linear-gradient(90deg, #ff6b6b var(--p1-pct, 50%), #4ecdc4 var(--p1-pct, 50%));
	transition: all 0.4s ease;
}

.vs-text {
	font-weight: 700;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
	background: rgba(0, 0, 0, 0.5);
	padding: 6px 10px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Bets Feed */
.betting-feed {
	background: rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	padding: 8px;
	margin-bottom: 8px;
	max-height: 150px;
	overflow-y: auto;
}

.feed-header {
	font-size: 11px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.5);
	margin-bottom: 6px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.feed-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.feed-empty {
	text-align: center;
	color: rgba(255, 255, 255, 0.3);
	font-size: 11px;
	padding: 10px;
}

.feed-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	font-size: 10px;
	padding: 4px 6px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 4px;
	border-left: 2px solid transparent;
}

.feed-item.p1-bet {
	border-left-color: #60a5fa;
}

.feed-item.p2-bet {
	border-left-color: #f87171;
}

.feed-bet-info {
	display: flex;
	gap: 3px;
	color: rgba(255, 255, 255, 0.7);
}

.bet-wallet {
	color: #eab308;
}

.bet-on {
	color: rgba(255, 255, 255, 0.4);
}

.bet-side {
	font-weight: 600;
}

.p1-bet .bet-side {
	color: #60a5fa;
}

.p2-bet .bet-side {
	color: #f87171;
}

.feed-bet-amount {
	display: flex;
	gap: 3px;
}

.bet-amount {
	color: #22c55e;
	font-weight: 600;
}

.bet-odds {
	color: rgba(255, 255, 255, 0.4);
}

.feed-bet-time {
	width: 100%;
	text-align: right;
	color: rgba(255, 255, 255, 0.3);
	font-size: 9px;
	margin-top: 2px;
}

/* Footer */
.betting-footer {
	text-align: center;
	font-size: 10px;
	color: rgba(255, 255, 255, 0.4);
}

.footer-note {
	margin-bottom: 4px;
}

.wallet-warning {
	color: #f59e0b;
	font-weight: 500;
}

/* Wallet connect button in betting panel */
.wallet-connect-btn {
	background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(168, 85, 247, 0.15));
	border: 1px solid rgba(139, 92, 246, 0.4);
	color: #a78bfa;
	padding: 8px 16px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 4px;
}

.wallet-connect-btn:hover {
	background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(168, 85, 247, 0.25));
	border-color: rgba(139, 92, 246, 0.6);
	color: #c4b5fd;
	transform: translateY(-1px);
}

.wallet-connect-btn:active {
	transform: translateY(0);
}

/* Scrollbar */
.betting-feed::-webkit-scrollbar {
	width: 4px;
}

.betting-feed::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 2px;
}

.betting-feed::-webkit-scrollbar-thumb {
	background: rgba(234, 179, 8, 0.3);
	border-radius: 2px;
}

/* =============================================================================
   MOBILE RESPONSIVE - Clean Professional Design with Dynamic Sizing
   ============================================================================= */
@media (max-width: 768px) {
	.dexter-betting-panel {
		position: relative !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
		width: calc(100% - 8px) !important;
		max-width: calc(100vw - 8px) !important;
		margin: 4px !important;
		border-radius: 8px !important;
		border: 1px solid rgba(255, 255, 255, 0.1) !important;
		padding: 0 !important;
		background: rgba(15, 15, 20, 0.95) !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
	}
	
	.dexter-betting-panel.in-controls {
		margin: 4px !important;
		width: calc(100% - 8px) !important;
		max-width: calc(100vw - 8px) !important;
	}
	
	/* Minimal header */
	.betting-header {
		display: flex;
		padding: 8px 12px;
		background: rgba(255, 255, 255, 0.03);
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	}
	
	.betting-title {
		font-size: 11px;
		gap: 6px;
		color: rgba(255, 255, 255, 0.6);
		font-weight: 600;
	}
	
	.betting-icon {
		font-size: 14px;
	}
	
	.pool-amount {
		font-size: 13px;
		color: #22c55e;
		font-weight: 700;
	}
	
	.pool-bets {
		font-size: 9px;
		color: rgba(255, 255, 255, 0.4);
	}
	
	/* DYNAMIC SIZING - sides flex based on probability */
	.betting-sides {
		display: flex;
		flex-direction: row;
		gap: 3px;
		padding: 8px;
		align-items: stretch;
		width: 100%;
		overflow: visible;
		box-sizing: border-box;
		background: rgba(0, 0, 0, 0.3);
		min-height: auto;
	}
	
	/* Remove VS badge */
	.betting-sides::before { display: none; }
	
	/* Side panels - flex set by inline style from JS */
	.betting-side {
		padding: 14px 8px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		min-width: 60px;
		overflow: hidden;
		position: relative;
		border-radius: 6px;
		transition: flex 0.5s ease, background 0.3s ease;
	}
	
	/* WINNING = GREEN */
	.betting-side.winning {
		background: linear-gradient(180deg, rgba(34, 197, 94, 0.35) 0%, rgba(21, 128, 61, 0.2) 100%);
	}
	
	/* LOSING = RED */
	.betting-side.losing {
		background: linear-gradient(180deg, rgba(239, 68, 68, 0.25) 0%, rgba(185, 28, 28, 0.12) 100%);
	}
	
	/* Player name */
	.side-name {
		font-size: 10px;
		font-weight: 700;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
		margin-bottom: 4px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		color: rgba(255, 255, 255, 0.7);
	}
	
	/* Probability - winning is green, losing is red */
	.side-prob {
		font-weight: 900;
		line-height: 1;
		margin-bottom: 2px;
		transition: font-size 0.4s ease, color 0.3s ease;
	}
	
	.betting-side.winning .side-prob {
		font-size: 36px;
		color: #22c55e;
	}
	
	.betting-side.losing .side-prob {
		font-size: 22px;
		color: #ef4444;
	}
	
	/* Multiplier */
	.side-odds {
		font-size: 12px;
		margin-bottom: 10px;
		font-weight: 600;
		color: rgba(255, 255, 255, 0.5);
	}
	
	/* CLEAN FLAT BUTTONS - match side color */
	.bet-buttons {
		display: flex;
		gap: 4px;
		width: 100%;
		justify-content: center;
	}
	
	.bet-btn {
		padding: 8px 0;
		font-size: 12px;
		font-weight: 700;
		border-radius: 4px;
		min-height: 34px;
		border: none;
		cursor: pointer;
		transition: all 0.1s ease;
		flex: 1;
		min-width: 32px;
		max-width: 50px;
		color: #fff;
	}
	
	/* Winning side buttons = green */
	.betting-side.winning .bet-btn {
		background: rgba(34, 197, 94, 0.85);
	}
	
	.betting-side.winning .bet-btn:active {
		background: rgba(21, 128, 61, 1);
		transform: scale(0.96);
	}
	
	/* Losing side buttons = red */
	.betting-side.losing .bet-btn {
		background: rgba(239, 68, 68, 0.85);
	}
	
	.betting-side.losing .bet-btn:active {
		background: rgba(185, 28, 28, 1);
		transform: scale(0.96);
	}
	
	/* Hide VS divider on mobile */
	.betting-divider { display: none; }
	.odds-bar { display: none; }
	.vs-text { display: none; }
	
	/* Win potential - compact */
	.bet-potential {
		display: block;
		font-size: 10px;
		margin-top: 8px;
		color: rgba(255, 255, 255, 0.5);
	}
	
	.betting-side.winning .bet-potential span { color: #86efac; font-weight: 700; }
	.betting-side.losing .bet-potential span { color: #fca5a5; font-weight: 700; }
	
	/* Hide bets feed on mobile */
	.betting-feed {
		display: none;
	}
	
	/* Footer - compact row with both options */
	.betting-footer {
		padding: 8px;
		background: rgba(0, 0, 0, 0.2);
	}
	
	.footer-note { display: none; }
	
	.footer-options {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
	}
	
	.footer-option-btn {
		background: rgba(100, 100, 120, 0.5);
		border: 1px solid rgba(255, 255, 255, 0.15);
		color: rgba(255, 255, 255, 0.85);
		padding: 8px 12px;
		border-radius: 6px;
		font-size: 11px;
		font-weight: 600;
		cursor: pointer;
		white-space: nowrap;
	}
	
	.footer-option-btn:active {
		background: rgba(100, 100, 120, 0.7);
	}
	
	.footer-or {
		color: rgba(255, 255, 255, 0.4);
		font-size: 10px;
	}
	
	.footer-option-text {
		color: rgba(255, 255, 255, 0.7);
		font-size: 11px;
		font-weight: 500;
	}
}

/* Animation for new bets */
@keyframes betPulse {
	0% { background-color: rgba(234, 179, 8, 0.3); }
	100% { background-color: rgba(255, 255, 255, 0.05); }
}

.feed-item.new-bet {
	animation: betPulse 0.5s ease;
}

/* Battle Over State */
.betting-sides.battle-over {
	gap: 12px;
}

.betting-sides.battle-over .betting-side {
	padding: 20px 16px;
	text-align: center;
}

.betting-sides.battle-over .side-result {
	font-size: 12px;
	font-weight: 800;
	margin-top: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* Winner card - celebratory styling */
.betting-sides.battle-over .betting-side.winner {
	background: linear-gradient(180deg, rgba(74, 222, 128, 0.2) 0%, rgba(34, 197, 94, 0.15) 100%);
	border: 2px solid rgba(74, 222, 128, 0.7);
	opacity: 1;
	animation: winner-pulse 2s ease-in-out infinite;
}

@keyframes winner-pulse {
	0%, 100% { 
		box-shadow: 0 0 20px rgba(74, 222, 128, 0.3), inset 0 0 30px rgba(74, 222, 128, 0.1);
	}
	50% { 
		box-shadow: 0 0 30px rgba(74, 222, 128, 0.5), inset 0 0 40px rgba(74, 222, 128, 0.15);
	}
}

.betting-sides.battle-over .betting-side.winner::before {
	background: linear-gradient(90deg, #4ade80, #22c55e, #4ade80);
	box-shadow: 0 0 15px rgba(74, 222, 128, 0.8);
}

.betting-sides.battle-over .betting-side.winner .side-prob {
	color: #4ade80;
	font-size: 36px;
	font-weight: 800;
	text-shadow: 0 0 20px rgba(74, 222, 128, 0.5);
}

.betting-sides.battle-over .betting-side.winner .side-result {
	color: #4ade80;
	text-shadow: 0 0 10px rgba(74, 222, 128, 0.5);
}

/* Loser card - subdued styling */
.betting-sides.battle-over .betting-side.loser {
	background: linear-gradient(180deg, rgba(100, 100, 110, 0.15) 0%, rgba(60, 60, 70, 0.1) 100%);
	border: 1px solid rgba(100, 100, 110, 0.3);
	opacity: 0.6;
}

.betting-sides.battle-over .betting-side.loser::before {
	background: rgba(100, 100, 110, 0.5);
	box-shadow: none;
}

.betting-sides.battle-over .betting-side.loser .side-prob {
	color: rgba(255, 255, 255, 0.4);
	font-size: 24px;
}

.betting-sides.battle-over .betting-side.loser .side-name {
	color: rgba(255, 255, 255, 0.4);
}

@media (max-width: 768px) {
	.betting-sides.battle-over .betting-side {
		padding: 12px 8px;
	}
	
	.betting-sides.battle-over .side-result {
		font-size: 11px;
	}
}

/* ==========================================
   DEPOSIT MODAL - Improved UX
   ========================================== */

.dexter-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dexter-modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.85);
	backdrop-filter: blur(8px);
}

.dexter-modal-content {
	position: relative;
	background: linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%);
	border: 1px solid rgba(234, 179, 8, 0.3);
	border-radius: 16px;
	max-width: 420px;
	width: calc(100% - 32px);
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5), 0 0 40px rgba(234, 179, 8, 0.15);
}

.modal-header {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.modal-icon {
	font-size: 24px;
}

.modal-header h3 {
	flex: 1;
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.modal-close {
	width: 32px;
	height: 32px;
	border: none;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	color: rgba(255, 255, 255, 0.6);
	font-size: 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
}

.modal-close:hover {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.modal-body {
	padding: 20px;
}

/* Bet Summary */
.bet-summary {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 16px;
	margin-bottom: 20px;
}

.bet-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.bet-info:last-child {
	border-bottom: none;
}

.bet-info.highlight {
	background: rgba(34, 197, 94, 0.1);
	margin: 8px -8px -8px;
	padding: 12px 8px;
	border-radius: 0 0 8px 8px;
}

.bet-info.odds-row {
	position: relative;
}

.odds-live-indicator {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 9px;
	color: #22c55e;
	text-transform: uppercase;
	letter-spacing: 1px;
	animation: livePulse 2s infinite;
}

@keyframes livePulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.4; }
}

.live-odds {
	color: #eab308 !important;
	transition: all 0.3s ease;
}

.bet-label {
	color: rgba(255, 255, 255, 0.6);
	font-size: 13px;
}

.bet-value {
	color: #fff;
	font-weight: 600;
	font-size: 13px;
}

.bet-info.highlight .bet-value {
	color: #22c55e;
	font-size: 16px;
}

.bet-side-name {
	color: #60a5fa !important;
}

/* Deposit Instructions */
.deposit-instructions {
	margin-bottom: 16px;
}

.deposit-prompt {
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	margin-bottom: 12px;
	text-align: center;
}

.deposit-prompt strong {
	color: #eab308;
}

/* Address Container - Much improved */
.deposit-address-container {
	margin-bottom: 20px;
}

.deposit-address-box {
	background: rgba(0, 0, 0, 0.5);
	border: 2px solid rgba(234, 179, 8, 0.3);
	border-radius: 12px 12px 0 0;
	padding: 16px;
	text-align: center;
}

.address-text {
	font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
	font-size: 12px;
	color: #eab308;
	word-break: break-all;
	line-height: 1.6;
	user-select: all;
	display: block;
}

.copy-address-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 14px 20px;
	background: linear-gradient(135deg, rgba(234, 179, 8, 0.3) 0%, rgba(234, 179, 8, 0.2) 100%);
	border: 2px solid rgba(234, 179, 8, 0.3);
	border-top: none;
	border-radius: 0 0 12px 12px;
	color: #eab308;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
}

.copy-address-btn:hover {
	background: linear-gradient(135deg, rgba(234, 179, 8, 0.5) 0%, rgba(234, 179, 8, 0.3) 100%);
}

.copy-address-btn.copied {
	background: linear-gradient(135deg, rgba(34, 197, 94, 0.4) 0%, rgba(34, 197, 94, 0.2) 100%);
	border-color: rgba(34, 197, 94, 0.5);
	color: #22c55e;
}

.copy-icon {
	font-size: 16px;
}

/* QR Code */
.deposit-qr-container {
	text-align: center;
	margin-bottom: 20px;
}

.qr-code-wrapper {
	display: inline-block;
	background: #fff;
	padding: 16px;
	border-radius: 16px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
	position: relative;
}

.qr-code-wrapper img {
	display: none;
	width: 180px;
	height: 180px;
}

.qr-loading {
	width: 180px;
	height: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666;
	font-size: 12px;
}

.qr-hint {
	margin-top: 8px;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.4);
}

/* Solana Pay Button */
.solana-pay-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 14px 20px;
	background: linear-gradient(135deg, #9945FF 0%, #14F195 100%);
	border: none;
	border-radius: 12px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s ease;
	margin-bottom: 16px;
}

.solana-pay-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(153, 69, 255, 0.3);
}

.wallet-icon {
	font-size: 18px;
}

/* Mobile Wallet Buttons - Specific to Phantom/Solflare */
.wallet-buttons-mobile {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 16px;
}

.wallet-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	padding: 16px 20px;
	border: none;
	border-radius: 12px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s ease;
}

.wallet-btn:active {
	transform: scale(0.98);
}

.wallet-btn svg {
	flex-shrink: 0;
}

.phantom-btn {
	background: linear-gradient(135deg, #AB9FF2 0%, #6E56CF 100%);
}

.phantom-btn:hover {
	box-shadow: 0 6px 20px rgba(171, 159, 242, 0.4);
}

.solflare-btn {
	background: linear-gradient(135deg, #FC7227 0%, #FCC00A 100%);
}

.solflare-btn:hover {
	box-shadow: 0 6px 20px rgba(252, 114, 39, 0.4);
}

/* Warnings and Status */
.deposit-warnings {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.deposit-warning,
.deposit-timer,
.deposit-status {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 10px;
	font-size: 12px;
}

.deposit-warning {
	background: rgba(239, 68, 68, 0.1);
	border: 1px solid rgba(239, 68, 68, 0.2);
	color: #f87171;
}

.deposit-timer {
	background: rgba(234, 179, 8, 0.1);
	border: 1px solid rgba(234, 179, 8, 0.2);
	color: #eab308;
}

.deposit-status {
	background: rgba(59, 130, 246, 0.1);
	border: 1px solid rgba(59, 130, 246, 0.2);
	color: #60a5fa;
}

.warning-icon,
.timer-icon,
.status-icon {
	font-size: 16px;
	flex-shrink: 0;
}

#deposit-countdown {
	font-family: 'SF Mono', monospace;
	font-size: 14px;
}

/* Modal Footer */
.modal-footer {
	display: flex;
	gap: 12px;
	padding: 16px 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.modal-btn {
	flex: 1;
	padding: 14px 20px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
}

.modal-btn.secondary {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 0.7);
}

.modal-btn.secondary:hover {
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
}

.modal-btn.primary {
	background: linear-gradient(135deg, #eab308 0%, #ca8a04 100%);
	border: none;
	color: #000;
}

.modal-btn.primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(234, 179, 8, 0.3);
}

/* Mobile Modal - ULTRA Compact */
@media (max-width: 480px) {
	.dexter-modal {
		align-items: flex-end;
		padding: 0;
	}
	
	.dexter-modal-content {
		border-radius: 12px 12px 0 0;
		position: relative;
		width: 100%;
		max-width: 100%;
		max-height: 80vh;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	.modal-header {
		padding: 8px 12px;
		position: sticky;
		top: 0;
		background: #1a1a1a;
		z-index: 10;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	
	.modal-header h3 {
		font-size: 14px;
	}
	
	.modal-icon {
		font-size: 16px;
	}
	
	.modal-close {
		width: 28px;
		height: 28px;
		font-size: 16px;
	}
	
	.modal-body {
		padding: 8px 12px;
	}
	
	/* Ultra compact bet summary - horizontal layout */
	.bet-summary {
		padding: 8px;
		margin-bottom: 8px;
		border-radius: 8px;
	}
	
	.bet-info {
		padding: 3px 0;
		border-bottom: none;
	}
	
	.bet-label {
		font-size: 10px;
	}
	
	.bet-value {
		font-size: 11px;
	}
	
	.bet-info.highlight {
		margin: 4px -4px -4px;
		padding: 6px 4px;
	}
	
	.bet-info.highlight .bet-value {
		font-size: 12px;
	}
	
	.odds-live-indicator {
		font-size: 7px;
		letter-spacing: 0.5px;
	}
	
	/* Hide odds row on mobile - redundant info */
	.bet-info.odds-row {
		display: none;
	}
	
	/* Compact deposit instructions */
	.deposit-prompt {
		font-size: 11px;
		margin-bottom: 6px;
	}
	
	.deposit-address-container {
		margin-bottom: 8px;
	}
	
	.deposit-address-box {
		padding: 6px 8px;
		border-radius: 8px 8px 0 0;
	}
	
	.address-text {
		font-size: 8px;
		line-height: 1.3;
	}
	
	.copy-address-btn {
		padding: 8px 12px;
		font-size: 11px;
		border-radius: 0 0 8px 8px;
	}
	
	.copy-icon {
		font-size: 12px;
	}
	
	/* TINY QR code on mobile */
	.deposit-qr-container {
		margin-bottom: 8px;
	}
	
	.qr-code-wrapper {
		padding: 6px;
		border-radius: 8px;
	}
	
	.qr-code-wrapper img,
	.qr-loading {
		width: 80px;
		height: 80px;
	}
	
	.qr-hint {
		font-size: 9px;
		margin-top: 4px;
	}
	
	/* Compact wallet buttons */
	.wallet-buttons-mobile {
		gap: 6px;
		margin-bottom: 8px;
	}
	
	.wallet-btn {
		padding: 10px 12px;
		font-size: 12px;
		border-radius: 8px;
	}
	
	.wallet-btn svg {
		width: 16px;
		height: 16px;
	}
	
	/* Generic wallet button */
	.solana-pay-btn {
		padding: 10px 12px;
		font-size: 12px;
		border-radius: 8px;
		margin-bottom: 8px;
	}
	
	.wallet-icon {
		font-size: 14px;
	}
	
	/* Compact warnings - single line */
	.deposit-warnings {
		gap: 4px;
	}
	
	.deposit-warning,
	.deposit-timer,
	.deposit-status {
		padding: 6px 8px;
		font-size: 9px;
		border-radius: 6px;
	}
	
	.warning-icon,
	.timer-icon,
	.status-icon {
		font-size: 12px;
	}
	
	#deposit-countdown {
		font-size: 10px;
	}
	
	/* Hide the watching status on mobile - not critical */
	.deposit-status {
		display: none;
	}
	
	/* Compact footer */
	.modal-footer {
		padding: 8px 12px;
		position: sticky;
		bottom: 0;
		background: #0d0d0d;
		border-top: 1px solid rgba(255,255,255,0.1);
	}
	
	.modal-btn {
		padding: 10px 12px;
		font-size: 12px;
		border-radius: 8px;
	}
}

/* Highlight animation for deep links from Telegram */
@keyframes highlight-pulse {
	0%, 100% {
		box-shadow: 0 0 0 0 rgba(249, 115, 22, 0);
	}
	50% {
		box-shadow: 0 0 20px 5px rgba(249, 115, 22, 0.5);
	}
}

.betting-side.highlight-pulse {
	animation: highlight-pulse 0.8s ease-in-out 3;
	border: 2px solid #f97316 !important;
}

.bet-btn.highlight-pulse {
	animation: highlight-pulse 0.8s ease-in-out 3;
	background: linear-gradient(135deg, #f97316, #ea580c) !important;
	color: white !important;
}

/* ============================================
   Open Challenges Widget (Homepage)
   ============================================ */

.open-challenges-widget {
	background: rgba(10, 10, 15, 0.9) !important;
	border: 1px solid rgba(255, 140, 0, 0.3) !important;
	border-radius: 8px;
	padding: 0 !important;
	overflow: hidden;
}

.open-challenges-widget .widget-header {
	background: linear-gradient(135deg, rgba(255, 140, 0, 0.15) 0%, rgba(255, 100, 0, 0.1) 100%);
	padding: 12px 16px;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.5px;
	color: #ff8c00;
	border-bottom: 1px solid rgba(255, 140, 0, 0.2);
}

.open-challenges-widget .challenges-list-container {
	padding: 8px;
	max-height: 200px;
	overflow-y: auto;
}

.open-challenges-widget .challenges-loading,
.open-challenges-widget .no-challenges {
	text-align: center;
	color: #888;
	padding: 16px;
	font-size: 13px;
}

.open-challenges-widget .challenges-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.open-challenges-widget .challenge-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 6px;
	transition: all 0.2s ease;
}

.open-challenges-widget .challenge-row:hover {
	background: rgba(255, 140, 0, 0.08);
	border-color: rgba(255, 140, 0, 0.3);
}

.open-challenges-widget .challenge-row.own {
	background: rgba(59, 130, 246, 0.1);
	border-color: rgba(59, 130, 246, 0.3);
}

.open-challenges-widget .challenge-info {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 1;
	min-width: 0;
}

.open-challenges-widget .challenge-user {
	font-weight: 600;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px;
}

.open-challenges-widget .challenge-amount {
	font-weight: 700;
	color: #22c55e;
	font-size: 14px;
	background: rgba(34, 197, 94, 0.15);
	padding: 2px 8px;
	border-radius: 4px;
}

.open-challenges-widget .challenge-format {
	color: #888;
	font-size: 12px;
	white-space: nowrap;
}

.open-challenges-widget .open-challenge-accept {
	background: linear-gradient(135deg, #22c55e, #16a34a);
	border: none;
	color: white;
	font-weight: 700;
	padding: 8px 16px;
	border-radius: 6px;
	cursor: pointer;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: all 0.2s ease;
	box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
}

.open-challenges-widget .open-challenge-accept:hover {
	background: linear-gradient(135deg, #16a34a, #15803d);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(34, 197, 94, 0.4);
}

.open-challenges-widget .open-challenge-accept:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

.open-challenges-widget .open-challenge-cancel {
	background: rgba(239, 68, 68, 0.2);
	border: 1px solid rgba(239, 68, 68, 0.4);
	color: #f87171;
	font-weight: 600;
	padding: 6px 12px;
	border-radius: 6px;
	cursor: pointer;
	font-size: 11px;
	transition: all 0.2s ease;
}

.open-challenges-widget .open-challenge-cancel:hover {
	background: rgba(239, 68, 68, 0.3);
}

/* ============================================
   Homepage Widgets - Premium Design (Matches Active Battles)
   ============================================ */

/* Shared widget base style */
.platform-stats-widget,
.leaderboard-widget,
.your-stats-widget,
.recent-winners-widget,
.activity-feed-widget,
.open-challenges-widget {
	background: linear-gradient(165deg, #0d0d14 0%, #151522 50%, #0d0d14 100%) !important;
	border: 1px solid rgba(255, 140, 0, 0.15) !important;
	border-radius: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	box-shadow: 
		0 10px 40px rgba(0, 0, 0, 0.6),
		0 0 60px rgba(255, 140, 0, 0.05),
		inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

/* Shared header style */
.platform-stats-widget .widget-header,
.leaderboard-widget .widget-header,
.your-stats-widget .widget-header,
.recent-winners-widget .widget-header,
.activity-feed-widget .widget-header,
.open-challenges-widget .widget-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	background: linear-gradient(90deg, rgba(255, 140, 0, 0.08) 0%, transparent 60%);
	border-bottom: 1px solid rgba(255, 140, 0, 0.1);
	font-family: 'Orbitron', 'Oswald', sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 3px;
	color: rgba(255, 255, 255, 0.5);
}

/* Platform Stats specific */
.platform-stats-widget {
	/* Full width */
}

.platform-stats-widget .stats-container {
	padding: 16px 20px;
}

.platform-stats-widget .stats-loading {
	text-align: center;
	color: rgba(255, 255, 255, 0.4);
	padding: 20px;
	font-size: 13px;
}

.platform-stats-widget .stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}

.platform-stats-widget .stat-item {
	text-align: center;
	padding: 12px 8px;
	background: rgba(255, 140, 0, 0.05);
	border: 1px solid rgba(255, 140, 0, 0.1);
}

.platform-stats-widget .stat-item.highlight {
	background: rgba(255, 140, 0, 0.1);
	border: 1px solid rgba(255, 140, 0, 0.3);
}

.platform-stats-widget .stat-value {
	font-family: 'Orbitron', 'Oswald', monospace;
	font-size: 20px;
	font-weight: 700;
	color: #ff8c00;
}

.platform-stats-widget .stat-item.highlight .stat-value {
	color: #ff4444;
	text-shadow: 0 0 10px rgba(255, 68, 68, 0.5);
}

.platform-stats-widget .stat-label {
	font-size: 10px;
	color: rgba(255, 255, 255, 0.4);
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 4px;
}

/* ============================================
   Leaderboard Widget (Homepage)
   ============================================ */

.leaderboard-widget .leaderboard-container {
	padding: 12px 16px;
}

.leaderboard-widget .leaderboard-container::-webkit-scrollbar {
	width: 4px;
}

.leaderboard-widget .leaderboard-container::-webkit-scrollbar-thumb {
	background: rgba(255, 140, 0, 0.3);
	border-radius: 2px;
}

.leaderboard-widget .leaderboard-empty,
.leaderboard-widget .leaderboard-loading {
	text-align: center;
	color: rgba(255, 255, 255, 0.4);
	padding: 20px;
	font-size: 13px;
}

.leaderboard-widget .leaderboard-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.leaderboard-widget .leaderboard-row {
	display: flex;
	align-items: center;
	padding: 10px 12px;
	background: rgba(255, 140, 0, 0.03);
	border: 1px solid rgba(255, 140, 0, 0.08);
	gap: 12px;
}

.leaderboard-widget .leaderboard-row:first-child {
	background: rgba(255, 140, 0, 0.08);
	border: 1px solid rgba(255, 140, 0, 0.2);
}

.leaderboard-widget .lb-rank {
	font-family: 'Orbitron', 'Oswald', monospace;
	font-weight: 700;
	color: #ff8c00;
	min-width: 32px;
	font-size: 14px;
}

.leaderboard-widget .lb-wallet {
	flex: 1;
	font-family: monospace;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
}

.leaderboard-widget .lb-stats {
	display: flex;
	gap: 8px;
	font-size: 11px;
	font-weight: 600;
}

.leaderboard-widget .lb-wins {
	color: #4ade80;
}

.leaderboard-widget .lb-losses {
	color: #f87171;
}

.leaderboard-widget .lb-profit {
	font-family: 'Orbitron', 'Oswald', monospace;
	font-weight: 700;
	font-size: 13px;
	min-width: 70px;
	text-align: right;
}

.leaderboard-widget .lb-profit.profit-positive {
	color: #4ade80;
}

.leaderboard-widget .lb-profit.profit-negative {
	color: #f87171;
}

/* Mobile adjustments */
@media (max-width: 500px) {
	.platform-stats-widget .stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.leaderboard-widget .lb-stats {
		display: none;
	}
}

/* ============================================
   Your Stats Widget (Homepage)
   ============================================ */

.your-stats-widget .your-stats-container {
	padding: 16px 20px;
}

.your-stats-widget .your-stats-loading {
	text-align: center;
	color: rgba(255, 255, 255, 0.4);
	padding: 20px;
	font-size: 13px;
}

.your-stats-widget .your-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}

.your-stats-widget .ys-item {
	text-align: center;
	padding: 12px 8px;
	background: rgba(255, 140, 0, 0.05);
	border: 1px solid rgba(255, 140, 0, 0.1);
}

.your-stats-widget .ys-item.profit-positive {
	background: rgba(74, 222, 128, 0.1);
	border: 1px solid rgba(74, 222, 128, 0.3);
}

.your-stats-widget .ys-item.profit-negative {
	background: rgba(248, 113, 113, 0.1);
	border: 1px solid rgba(248, 113, 113, 0.3);
}

.your-stats-widget .ys-value {
	font-family: 'Orbitron', 'Oswald', monospace;
	font-size: 18px;
	font-weight: 700;
	color: #ff8c00;
}

.your-stats-widget .ys-item.profit-positive .ys-value {
	color: #4ade80;
}

.your-stats-widget .ys-item.profit-negative .ys-value {
	color: #f87171;
}

.your-stats-widget .ys-label {
	font-size: 10px;
	color: rgba(255, 255, 255, 0.4);
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 4px;
}

/* ============================================
   Recent Winners Widget (Homepage)
   ============================================ */

.recent-winners-widget .winners-container {
	padding: 12px 16px;
}

.recent-winners-widget .winners-container::-webkit-scrollbar {
	width: 4px;
}

.recent-winners-widget .winners-container::-webkit-scrollbar-thumb {
	background: rgba(255, 140, 0, 0.3);
	border-radius: 2px;
}

.recent-winners-widget .winners-empty,
.recent-winners-widget .winners-loading {
	text-align: center;
	color: rgba(255, 255, 255, 0.4);
	padding: 20px;
	font-size: 13px;
}

.recent-winners-widget .winners-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.recent-winners-widget .winner-row {
	display: flex;
	align-items: center;
	padding: 10px 12px;
	background: rgba(74, 222, 128, 0.05);
	border: 1px solid rgba(74, 222, 128, 0.1);
	gap: 12px;
}

.recent-winners-widget .winner-wallet {
	flex: 1;
	font-family: monospace;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
}

.recent-winners-widget .winner-amount {
	font-family: 'Orbitron', 'Oswald', monospace;
	font-weight: 700;
	color: #4ade80;
	font-size: 14px;
}

.recent-winners-widget .winner-time {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.3);
	min-width: 35px;
	text-align: right;
}

/* ============================================
   Live Activity Feed Widget (Homepage)
   ============================================ */

.activity-feed-widget .activity-container {
	padding: 12px 16px;
}

.activity-feed-widget .activity-container::-webkit-scrollbar {
	width: 4px;
}

.activity-feed-widget .activity-container::-webkit-scrollbar-thumb {
	background: rgba(255, 140, 0, 0.3);
	border-radius: 2px;
}

.activity-feed-widget .activity-empty {
	text-align: center;
	color: rgba(255, 255, 255, 0.4);
	padding: 20px;
	font-size: 13px;
}

.activity-feed-widget .activity-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.activity-feed-widget .activity-row {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	background: rgba(255, 140, 0, 0.03);
	border: 1px solid rgba(255, 140, 0, 0.08);
	gap: 10px;
	border-left: 3px solid rgba(255, 140, 0, 0.3);
}

.activity-feed-widget .activity-row.activity-success {
	border-left-color: #4ade80;
	background: rgba(74, 222, 128, 0.05);
}

.activity-feed-widget .activity-row.activity-error {
	border-left-color: #f87171;
	background: rgba(248, 113, 113, 0.05);
}

.activity-feed-widget .activity-row.activity-info {
	border-left-color: #60a5fa;
	background: rgba(96, 165, 250, 0.05);
}

.activity-feed-widget .activity-row.activity-warning {
	border-left-color: #fbbf24;
	background: rgba(251, 191, 36, 0.05);
}

.activity-feed-widget .activity-msg {
	flex: 1;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.7);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.activity-feed-widget .activity-time {
	font-size: 10px;
	color: rgba(255, 255, 255, 0.3);
	min-width: 28px;
	text-align: right;
}

/* Mobile adjustments */
@media (max-width: 500px) {
	.your-stats-widget .your-stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ============================================
   Quick Bet Modal (Homepage)
   ============================================ */

.quick-bet-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000;
}

.quick-bet-modal {
	background: #1a1a2e;
	border: 1px solid rgba(59, 130, 246, 0.3);
	border-radius: 12px;
	width: 90%;
	max-width: 360px;
	overflow: hidden;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

.qbm-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 20px;
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(37, 99, 235, 0.1) 100%);
	border-bottom: 1px solid rgba(59, 130, 246, 0.2);
	font-weight: 700;
	color: #fff;
}

.qbm-close {
	background: none;
	border: none;
	color: #888;
	font-size: 24px;
	cursor: pointer;
	padding: 0;
	line-height: 1;
}

.qbm-close:hover {
	color: #fff;
}

.qbm-body {
	padding: 20px;
}

.qbm-odds {
	text-align: center;
	font-size: 16px;
	color: #aaa;
	margin-bottom: 16px;
}

.qbm-odds strong {
	color: #22c55e;
	font-size: 18px;
}

.qbm-amount-buttons {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
	margin-bottom: 12px;
}

.qbm-amount-btn {
	padding: 12px 8px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
	border-radius: 8px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.qbm-amount-btn:hover {
	background: rgba(59, 130, 246, 0.2);
	border-color: rgba(59, 130, 246, 0.4);
}

.qbm-amount-btn.active {
	background: rgba(59, 130, 246, 0.3);
	border-color: #3b82f6;
	color: #3b82f6;
}

.qbm-custom input {
	width: 100%;
	padding: 12px;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	color: #fff;
	font-size: 14px;
	margin-bottom: 16px;
}

.qbm-custom input:focus {
	border-color: #3b82f6;
	outline: none;
}

.qbm-potential {
	text-align: center;
	font-size: 14px;
	color: #888;
	padding: 12px;
	background: rgba(34, 197, 94, 0.1);
	border-radius: 8px;
}

.qbm-potential strong {
	color: #22c55e;
	font-size: 18px;
}

.qbm-footer {
	display: flex;
	gap: 12px;
	padding: 16px 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.qbm-cancel {
	flex: 1;
	padding: 12px;
	background: rgba(255, 255, 255, 0.1);
	border: none;
	border-radius: 8px;
	color: #aaa;
	font-weight: 600;
	cursor: pointer;
}

.qbm-cancel:hover {
	background: rgba(255, 255, 255, 0.15);
}

.qbm-confirm {
	flex: 2;
	padding: 12px;
	background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
	border: none;
	border-radius: 8px;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.2s;
}

.qbm-confirm:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

/* Deposit instructions */
.deposit-amount {
	text-align: center;
	font-size: 18px;
	color: #fff;
	margin-bottom: 16px;
}

.deposit-address {
	display: flex;
	gap: 8px;
	margin-bottom: 16px;
}

.deposit-address code {
	flex: 1;
	padding: 10px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 6px;
	font-size: 11px;
	color: #aaa;
	word-break: break-all;
}

.deposit-address .copy-btn {
	padding: 10px 16px;
	background: #3b82f6;
	border: none;
	border-radius: 6px;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
}

.deposit-note {
	text-align: center;
	font-size: 12px;
	color: #666;
}

/* ============================================
   Homepage Widgets Grid Layout
   ============================================ */

/* All widgets centered like Active Battles section */
.mainmenu .menugroup.platform-stats-widget,
.mainmenu .menugroup.leaderboard-widget,
.mainmenu .menugroup.your-stats-widget,
.mainmenu .menugroup.recent-winners-widget,
.mainmenu .menugroup.activity-feed-widget,
.mainmenu .menugroup.open-challenges-widget {
	display: block !important;
	width: 100% !important;
	max-width: 640px !important;
	margin: 12px auto !important;
	box-sizing: border-box;
}

/* Open challenges specific styling */
.open-challenges-widget .challenges-list-container {
	padding: 12px 16px;
}

.open-challenges-widget .challenges-loading,
.open-challenges-widget .no-challenges {
	text-align: center;
	color: rgba(255, 255, 255, 0.4);
	padding: 20px;
	font-size: 13px;
}

.open-challenges-widget .challenges-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.open-challenges-widget .challenge-row {
	display: flex;
	align-items: center;
	padding: 10px 12px;
	background: rgba(255, 140, 0, 0.03);
	border: 1px solid rgba(255, 140, 0, 0.08);
	gap: 12px;
}

.open-challenges-widget .challenge-row.own {
	background: rgba(255, 140, 0, 0.08);
	border: 1px solid rgba(255, 140, 0, 0.2);
}

/* Mobile responsive */
@media (max-width: 500px) {
	.platform-stats-widget .stats-grid,
	.your-stats-widget .your-stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}