/* Mafia Scene – Custom Login */
.mscl-wrap,
.towcl-wrap{
	max-width:560px;
	margin:28px auto;
	padding:22px;
	border-radius:14px;
	border:1px solid rgba(0,0,0,.10);
	background:#FEFBE5;
	box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.mscl-form,
.towcl-form{
	display:flex;
	flex-direction:column;
	gap:12px;
}

.mscl-form label,
.towcl-form label{
	font-weight:600;
	font-size:14px;
}

.mscl-form input,
.towcl-form input{
	padding:11px 12px;
	border:1px solid rgba(0,0,0,.18);
	border-radius:10px;
	background:#fff;
	font-size:15px;
}

.mscl-form input:focus,
.towcl-form input:focus{
	outline:2px solid rgba(112,0,0,.25);
	border-color:rgba(112,0,0,.45);
}

.mscl-form button,
.towcl-form button{
	padding:12px 14px;
	border-radius:10px;
	border:1px solid rgba(112,0,0,.55);
	background:#700000;
	color:#fff;
	font-weight:700;
	cursor:pointer;
}

.mscl-form button:hover,
.towcl-form button:hover{
	filter:brightness(1.05);
}

.mscl-alert,
.towcl-alert{
	padding:10px 12px;
	border-radius:10px;
	border:1px solid rgba(0,0,0,.12);
	font-size:14px;
}

.mscl-alert--error,
.towcl-alert--error{
	border-color:rgba(112,0,0,.35);
	background:rgba(112,0,0,.06);
	color:#3a0000;
}

.mscl-alert--ok,
.towcl-alert--ok{
	border-color:rgba(0,0,0,.18);
	background:rgba(0,0,0,.04);
	color:#111;
}

.mscl-links,
.towcl-links{
	display:flex;
	gap:10px;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:6px;
	font-size:14px;
}

.mscl-links a,
.towcl-links a{
	color:#700000;
	text-decoration:none;
	font-weight:600;
}

.mscl-links a:hover,
.towcl-links a:hover{
	text-decoration:underline;
}

.mscl-msg,
.towcl-msg{
	max-width:560px;
	margin:20px auto;
	padding:12px 14px;
	border-radius:12px;
	background:#FEFBE5;
	border:1px solid rgba(0,0,0,.10);
}

/* Social login wrapper */
.mscl-social-buttons,
.towcl-social-buttons{
	display:flex;
	gap:14px;
	margin-top:18px;
	flex-wrap:wrap;
	justify-content:center;
}

/* Base social button */
.mscl-btn,
.towcl-btn{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	min-width:220px;
	padding:12px 18px;
	border-radius:999px;
	font-weight:600;
	font-size:15px;
	text-decoration:none;
	border:1px solid rgba(0,0,0,0.08);
	background:#FEFBE5;
	color:#222;
	box-shadow:0 6px 14px rgba(0,0,0,0.08);
	transition:all .18s ease;
}

.mscl-btn:hover,
.towcl-btn:hover{
	transform:translateY(-1px);
	box-shadow:0 10px 22px rgba(0,0,0,0.12);
}

/* Icon wrapper for inline SVG */
.mscl-btn__icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	line-height:1;
}

.mscl-btn__icon svg{
	display:block;
	width:18px;
	height:18px;
	fill:currentColor;
}

/* Discord */
.mscl-btn--discord,
.towcl-btn--discord{
	background:#5865F2;
	color:#fff;
	border-color:rgba(0,0,0,0.15);
}

.mscl-btn--discord:hover,
.towcl-btn--discord:hover{
	background:#4e5ae8;
}

/* Steam */
.mscl-btn--steam,
.towcl-btn--steam{
	background:linear-gradient(135deg, #1b2838, #171a21);
	color:#fff;
	border-color:rgba(255,255,255,0.12);
}

.mscl-btn--steam:hover,
.towcl-btn--steam:hover{
	filter:brightness(1.08);
}

/* Mobile */
@media (max-width:520px){
	.mscl-btn,
	.towcl-btn{
		width:100%;
	}
}