/* Main.png 기준: 중성적인 회색 바탕 + 에메랄드 포인트 */
:root {
	--theme-bg: #303230;
	--theme-sidebar: #242625;
	--theme-surface: #353836;
	--theme-line: #454845;
	--theme-green: #00d89f;
	--theme-green-hover: #19e8af;
	--theme-green-dark: #009f76;
}

html.dark body,
html.dark main {
	background-color: var(--theme-bg);
}

html.dark #sidebar {
	background-color: var(--theme-sidebar);
	border-color: #323532;
}

html.dark header {
	background-color: rgb(43 45 44 / 95%);
	border-color: #3a3d3b;
}

html.dark .game-card {
	border-color: transparent;
	background-color: var(--theme-surface);
}

html.dark .game-card:hover {
	border-color: rgb(0 216 159 / 70%);
	box-shadow: 0 10px 28px rgb(0 0 0 / 22%);
}

.shortcut-btn {
	background-image: linear-gradient(135deg, var(--theme-green), var(--theme-green-dark));
	box-shadow: 0 8px 24px rgb(0 216 159 / 20%);
}

.shortcut-btn:hover {
	background-image: linear-gradient(135deg, var(--theme-green-hover), var(--theme-green));
	box-shadow: 0 10px 32px rgb(0 216 159 / 38%);
}

.nav-dot.bg-cyan-400,
.nav-dot.bg-brand-green {
	background-color: var(--theme-green);
}

button.bg-brand-blue:hover,
button.bg-brand-green:hover {
	background-color: var(--theme-green-hover);
	color: #102a22;
}

html.dark [class~="bg-brand-blue"] {
	box-shadow: 0 8px 22px rgb(0 216 159 / 24%);
}



html.dark input,
html.dark select {
	background-color: var(--theme-surface);
	border-color: var(--theme-line);
}
  
body {
	font-family: 'Pretendard','Noto Sans KR', sans-serif;
	background-color: #090f1e; 
	color: #ffffff;
	/* 화면 전체 프레임 고정 (스크롤은 우측 본문에서만) */
	overflow: hidden; 
}

/* 우측 본문 전용 커스텀 스크롤바 */
.right-scroll {
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #2a354f #090f1e;
}
.right-scroll::-webkit-scrollbar {
	width: 8px;
}
.right-scroll::-webkit-scrollbar-track {
	background: #090f1e; 
}
.right-scroll::-webkit-scrollbar-thumb {
	background: #2a354f; 
	border-radius: 10px;
}
.right-scroll::-webkit-scrollbar-thumb:hover {
	background: #0082f0; 
}

/* 좌측 메뉴 스크롤바 */
.left-scroll::-webkit-scrollbar {
	width: 4px;
}
.left-scroll::-webkit-scrollbar-thumb {
	background: #1f2937;
	border-radius: 4px;
}

.game-card:hover .game-img {
	transform: scale(1.05);
}

.hide-scroll::-webkit-scrollbar {
	display: none;
}
.hide-scroll {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
@keyframes shimmer {
	100% { transform: translateX(100%); }
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
 }
 
 
 /* 미니 사이드바 모드 전환을 위한 커스텀 스타일 */
.mini-sidebar {
	width: 80px !important;
}

/* 미니 모드일 때 텍스트 및 뱃지 숨김 */
.mini-sidebar .nav-text,
.mini-sidebar .nav-badge,
.mini-sidebar .nav-section-title {
	opacity: 0;
	width: 0;
	display: none !important;
}

/* 미니 모드일 때 메뉴 아이콘 가운데 정렬 */
.mini-sidebar .menu-link {
	justify-content: center !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* 제공사(Providers) 아이콘 정렬 */
.mini-sidebar .provider-dot-container {
	justify-content: center !important;
	width: 100% !important;
}

/* 하단 앱 설치 버튼 아이콘 간격 조정 */
.mini-sidebar .app-install-btn {
	padding: 0.75rem 0 !important;
}

#partners img {
	max-width: 100px;
	max-height: 24px;
}