/* 디자인 테마
 * 일반(normal): 원본 끄투 화면
 * 제끄(jeq): 유리(글래스) 느낌, 반투명 버튼
 */
html[data-theme="jeq"] body{
	background-color: #0B1020;
	background-image:
		radial-gradient(1100px 720px at 10% 6%, rgba(60, 107, 255, 0.85) 0%, rgba(60, 107, 255, 0) 62%),
		radial-gradient(1000px 700px at 92% 10%, rgba(162, 75, 255, 0.8) 0%, rgba(162, 75, 255, 0) 58%),
		radial-gradient(1000px 820px at 50% 108%, rgba(0, 194, 168, 0.7) 0%, rgba(0, 194, 168, 0) 60%),
		linear-gradient(160deg, #0B1020 0%, #141B36 52%, #0A0F1C 100%);
	background-attachment: fixed;
	color: #EAF1FF;
}
html[data-theme="jeq"] #Background{ opacity: 0.08; }
html[data-theme="jeq"] #Middle{ position: relative; z-index: 1; }
html[data-theme="jeq"] #Main{ background: transparent; }
html[data-theme="jeq"] #Main::before{ display: none; }

/* 홈 화면: 유리 게시판 */
html[data-theme="jeq"] .home-bulletin{
background-color: rgba(255, 255, 255, 0.78);
border: none;
box-shadow: 0px 26px 60px rgba(0, 0, 0, 0.42), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.45), inset 0px 1px 0px rgba(255, 255, 255, 0.55);
-webkit-backdrop-filter: blur(22px) saturate(170%);
backdrop-filter: blur(22px) saturate(170%);
}
html[data-theme="jeq"] .home-bulletin-head{
background-color: rgba(255, 255, 255, 0.5);
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
color: #16324A;
}
html[data-theme="jeq"] .home-bulletin-body{ background-color: transparent; }
html[data-theme="jeq"] .home-title{ text-shadow: 0px 2px 22px rgba(140, 210, 255, 0.65); }
html[data-theme="jeq"] .home-start{
background-image: linear-gradient(180deg, rgba(255, 232, 160, 0.95) 0%, rgba(246, 190, 90, 0.95) 100%);
border: 1px solid rgba(255, 255, 255, 0.6);
box-shadow: 0px 18px 40px rgba(0, 0, 0, 0.38), inset 0px 1px 0px rgba(255, 255, 255, 0.85);
}
html[data-theme="jeq"] .home-theme-btn{
background-color: rgba(255, 255, 255, 0.14);
border-color: rgba(255, 255, 255, 0.42);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
html[data-theme="jeq"] .home-theme-btn.on{
background-color: rgba(255, 255, 255, 0.92);
color: #12203A;
}

/* 상단 헤더와 메뉴 */
html[data-theme="jeq"] #Top{
	background-color: rgba(255, 255, 255, 0.10) !important;
	background-image: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.16);
	-webkit-backdrop-filter: blur(18px) saturate(160%);
	backdrop-filter: blur(18px) saturate(160%);
}
html[data-theme="jeq"] #Top .menu-btn{
	background-color: transparent !important;
	background-image: none !important;
	color: #EAF1FF !important;
}
html[data-theme="jeq"] #Top .menu-sub-btn{ color: #10203A !important; }
html[data-theme="jeq"] #Top .menu-sub-separator{ border-color: rgba(255, 255, 255, 0.25); }

/* 상단(끄투) 메뉴: 유리 버튼 */
html[data-theme="jeq"] .kkutu-menu{
	background-color: transparent !important;
	border: none;
	box-shadow: none;
}
html[data-theme="jeq"] .kkutu-menu button{
	background-color: rgba(255, 255, 255, 0.26) !important;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.62) 0%, rgba(255, 255, 255, 0.08) 100%) !important;
	border: none !important;
	box-shadow: 0px 8px 18px rgba(4, 10, 24, 0.3), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.55), inset 0px 1px 0px rgba(255, 255, 255, 0.8) !important;
	color: #10203A !important;
	-webkit-backdrop-filter: blur(12px) saturate(180%);
	backdrop-filter: blur(12px) saturate(180%);
	box-shadow: 0px 8px 18px rgba(4, 10, 24, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.8) !important;
}
html[data-theme="jeq"] .kkutu-menu button:hover{ filter: brightness(1.07); }
html[data-theme="jeq"] .kkutu-menu .toggled{
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(220, 235, 255, 0.7) 100%) !important;
	color: #10203A !important;
}

/* 패널(방 목록, 접속자, 내 정보, 채팅, 게임) */
html[data-theme="jeq"] .Product{
	background-color: rgba(255, 255, 255, 0.5) !important;
	border: none;
	border-radius: 18px;
	box-shadow: 0px 18px 44px rgba(4, 10, 24, 0.35), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.55), inset 0px 1px 0px rgba(255, 255, 255, 0.75);
	-webkit-backdrop-filter: blur(20px) saturate(170%);
	backdrop-filter: blur(20px) saturate(170%);
	overflow: visible;
}
html[data-theme="jeq"] .product-title{
	background-color: rgba(255, 255, 255, 0.32) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	color: #16324A !important;
}
html[data-theme="jeq"] .product-body{ background-color: transparent !important; }
html[data-theme="jeq"] .rooms-item{
	background-color: rgba(255, 255, 255, 0.42) !important;
	border: none;
	border-radius: 14px;
	box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5);
}
html[data-theme="jeq"] .rooms-item:hover{ background-color: rgba(255, 255, 255, 0.68) !important; }
html[data-theme="jeq"] .room-user{ border-radius: 12px; }
html[data-theme="jeq"] #Chat{
	background-color: rgba(255, 255, 255, 0.3) !important;
}
html[data-theme="jeq"] #Talk{
	background-color: rgba(255, 255, 255, 0.8) !important;
}

/* 대화 상자 */
html[data-theme="jeq"] .dialog{
	background-color: rgba(255, 255, 255, 0.82) !important;
	border: none;
	border-radius: 20px;
	box-shadow: 0px 22px 60px rgba(4, 10, 24, 0.45), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.7), inset 0px 1px 0px rgba(255, 255, 255, 0.85);
	-webkit-backdrop-filter: blur(22px) saturate(170%);
	backdrop-filter: blur(22px) saturate(170%);
	overflow: visible;
}
html[data-theme="jeq"] .dialog-head{ border-radius: 16px 16px 0px 0px; }
html[data-theme="jeq"] .dialog-bar button,
html[data-theme="jeq"] .dialog-bar .button{
	border-radius: 999px;
}
html[data-theme="jeq"] .dialog input[type=text],
html[data-theme="jeq"] .dialog input[type=password],
html[data-theme="jeq"] .dialog select{
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.85);
}

/* 하단 안내 문구 */
html[data-theme="jeq"] #Bottom,
html[data-theme="jeq"] #Bottom div,
html[data-theme="jeq"] #Bottom a{ color: rgba(255, 255, 255, 0.62) !important; }
html[data-theme="jeq"] #Bottom label{ color: rgba(255, 255, 255, 0.7) !important; }
html[data-theme="jeq"] #Bottom .bottom-legal,
html[data-theme="jeq"] #Bottom .bottom-legal *{
	color: rgba(232, 240, 255, 0.72) !important;
	border-color: rgba(255, 255, 255, 0.25) !important;
}
html[data-theme="jeq"] #Bottom .bottom-legal a{ color: rgba(190, 220, 255, 0.9) !important; }
html[data-theme="jeq"] #Bottom{
	background-color: rgba(8, 14, 30, 0.38);
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	padding-top: 10px;
	padding-bottom: 10px;
}

/* 상단 계정/검색 영역 */
html[data-theme="jeq"] #account,
html[data-theme="jeq"] #account a,
html[data-theme="jeq"] #global-notice,
html[data-theme="jeq"] #gn-content{ color: #EAF1FF !important; }
html[data-theme="jeq"] #quick-search-tf{
	background-color: rgba(255, 255, 255, 0.82);
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.5);
}

/* 게임 화면 */
html[data-theme="jeq"] #GameBox .product-body{
	border-radius: 0px 0px 18px 18px;
}
html[data-theme="jeq"] .room-head-title{ width: 493px; }
html[data-theme="jeq"] #game-input{
	background-color: rgba(255, 255, 255, 0.78) !important;
}
html[data-theme="jeq"] .round-item,
html[data-theme="jeq"] .history-item{ border-radius: 8px; }