@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
	font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
	background: #383838; /* deep purple */
	color: #f7c948; /* gold */
}

.wrapper>#top-container {
	background: linear-gradient(to right, #2b0a6a, #1e004d); /* rich dark gradient */
}

#inner-container {
	background: #2e005f; /* solid dark purple */
}

.welcome .balance_casino {
    padding: 5px;
    font-weight: normal;
    font-size: 13px;
    background: #000000; /* dark background for contrast */
    margin: -15px -5px 5px -15px;
	color: #f7c948; /* gold */
}

#menus .menu a.leftmenu.active,
#menus .menu a.leftsubmenu.active,
#menus .menu a.leftmenu:hover,
#menus .menu a.leftsubmenu:hover {
	color: #facc15; /* bright yellow for hover/active */
}

.footer {
	background: linear-gradient(to left, #2b0a6a, #1e004d);
}

.btn-primary {
	color: #000;
	background-color: #f7c948; /* gold */
	border: 1px solid #facc15;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color: #facc15;
	border-color: #f7c948;
	color: #000;
}

.btn-danger {
	border: 1px solid #d43f3a;
}

.balance_casino {
	padding: 2px;
	font-weight: normal;
	font-size: 11px;
	background: #000000;
	margin-bottom: 2px;
	color: #f7c948;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.info {
	border: solid 3px #f7c948;
	background-color: #2b0a6a;
}

.info-title {
	background: #f7c948;
	border: solid 3px #f7c948;
	color: #1e004d;
}

.tab_head_orange {
	background: #2e005f;
}

.notice-wrap {
	background-color: #3a007a;
}

.notice-item {
	color: #f7c948;
}

.page_title {
	color: #f7c948;
	border-color: #f7c948;
}

.success-box {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #10b981;
}

.error-box {
    background: #fee2e2;
    color: #b91c1c;
    border: 1px solid #f87171;
}

.tab_body thead {
	background: linear-gradient(to left, #2b0a6a, #1e004d);
}

.tab_head1 {
	background: none;
	color: #f7c948;
}

.tab_head1 .tablink {
	color: #f7c948;
}

.balance {
	background: linear-gradient(to left, #2b0a6a, #1e004d);
}