/* Slot Machine - board-wide styles (index banner, badges) */
.slm-banner {
	display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
	margin: 10px 0; padding: 12px 18px; border-radius: 10px;
	background: radial-gradient(ellipse at 20% 0%, #5c1020 0%, #2a0610 55%, #12030a 100%);
	border: 2px solid #d4a017; box-shadow: 0 0 0 1px #000 inset, 0 4px 14px rgba(0,0,0,.35);
	color: #fbe7b0; font-family: inherit;
}
.slm-banner-reels { display: flex; gap: 4px; }
.slm-banner-reels b {
	display: inline-block; width: 30px; height: 38px; line-height: 38px; text-align: center;
	background: linear-gradient(#fff, #e9e2d0); color: #c4112e; border-radius: 5px;
	font: 900 24px/38px Georgia, serif; box-shadow: inset 0 -3px 0 rgba(0,0,0,.15);
	animation: slm-banner-bob 2.4s ease-in-out infinite;
}
.slm-banner-reels b:nth-child(2) { animation-delay: .2s; }
.slm-banner-reels b:nth-child(3) { animation-delay: .4s; }
@keyframes slm-banner-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
.slm-banner-text { flex: 1 1 220px; display: flex; flex-direction: column; min-width: 0; }
.slm-banner-label { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #e9c46a; }
.slm-banner-amount {
	font-size: 26px; line-height: 1.1; font-weight: 900; color: #ffd84a;
	text-shadow: 0 0 10px rgba(255,200,60,.55), 0 2px 0 #7a4b00;
	animation: slm-banner-glow 2s ease-in-out infinite;
}
.slm-banner-amount small { font-size: 13px; color: #fbe7b0; text-shadow: none; }
@keyframes slm-banner-glow { 50% { text-shadow: 0 0 18px rgba(255,210,80,.9), 0 2px 0 #7a4b00; } }
.slm-banner-last { font-size: 12px; color: #e8d6b0; }
.slm-banner-last a { color: #fff !important; font-weight: bold; }
.slm-banner-btn {
	display: inline-block; padding: 9px 20px; border-radius: 999px; font-weight: bold; text-decoration: none !important;
	background: linear-gradient(#ffe27a, #d4a017 60%, #a87400); color: #3a1d00 !important;
	box-shadow: 0 3px 0 #6b4700, 0 0 12px rgba(255,200,60,.4);
}
.slm-banner-btn:hover { filter: brightness(1.08); }

.slm-badge {
	display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: bold;
	line-height: 1.6; white-space: nowrap; border: 1px solid rgba(0,0,0,.2); color: #fff;
	background: #8a8a8a; text-shadow: 0 1px 0 rgba(0,0,0,.3);
}
.slm-badge-1 { background: linear-gradient(#d6955b, #9b5a2a); }
.slm-badge-2 { background: linear-gradient(#e6e9ee, #9aa3ad); color: #222; text-shadow: none; }
.slm-badge-3 { background: linear-gradient(#ffe27a, #c99a12); color: #3a2400; text-shadow: none; }
.slm-badge-4 { background: linear-gradient(#cfe9f1, #6fa3b6); color: #0e2a35; text-shadow: none; }
.slm-badge-5, .slm-badge-6, .slm-badge-7, .slm-badge-8, .slm-badge-9 { background: linear-gradient(135deg, #b9f3ff, #6b7bff 50%, #e07bff); }
.profile-slm-badge { margin-top: 3px; }
@media (max-width: 700px) {
	.slm-banner { padding: 10px 12px; gap: 10px; }
	.slm-banner-amount { font-size: 22px; }
	.slm-banner-btn { width: 100%; text-align: center; }
}

/* v2.2: casino title and trophies (topics, profile) */
.slm-trophy-count { display: inline-block; margin-left: 4px; padding: 1px 7px; border-radius: 10px; font-size: 10px; font-weight: bold; color: #5a3d00; background: #fff1c4; box-shadow: inset 0 0 0 1px #e5c46a; white-space: nowrap; vertical-align: middle; }
.slm-user-title { display: inline-block; margin-top: 3px; font-size: 11px; font-style: italic; font-weight: bold; color: #a3157a; }
.slm-trophies .slm-trophy { display: inline-block; margin-right: 3px; font-size: 18px; cursor: help; }