/* ===== CARD ===== */
.card.guild-ranking{
	background: linear-gradient(180deg, #0b0814, #070510);
	border: 1px solid rgba(150,90,255,.35);
	box-shadow: 0 0 30px rgba(140,80,255,.25);
	border-radius: 14px;
	overflow: hidden;
}
.guild-ranking .card-header{
	background: linear-gradient(90deg, rgba(140,80,255,.35), rgba(0,0,0,0));
	border-bottom: 1px solid rgba(160,110,255,.45);
	color: #e9ddff;
	font-weight: 700;
	letter-spacing: .4px;
	font-size: 15px;
}

/* ===== TABLE ===== */
.guild-ranking thead{ background: #120c22; }
.guild-ranking thead th{
	color: #cdbdff;
	border-bottom: 1px solid rgba(150,90,255,.35);
	font-size: 12px;
	text-transform: uppercase;
}
.guild-ranking tbody tr{ background: rgba(20,10,45,.6); }
.guild-ranking .table-striped tbody tr:nth-of-type(odd){ background: rgba(35,15,75,.55); }
.guild-ranking .table-hover tbody tr:hover{ background: rgba(150,90,255,.25); }
.guild-ranking td{ border-color: rgba(140,80,255,.18); }

/* ===== BADGES ===== */
.rk-rank-badge{
	border-radius: 12px;
	padding: 6px 12px;
	font-size: 13px;
	box-shadow: 0 0 8px rgba(0,0,0,.6);
}
.guild-ranking .badge.bg-warning{
	background: linear-gradient(180deg,#ffd86b,#c79b2c)!important;
	color:#1b1300;
	box-shadow: 0 0 12px rgba(255,210,90,.6);
}
.guild-ranking .badge.bg-light{
	background: linear-gradient(180deg,#e7ebf5,#9aa3b4)!important;
	color:#0b0f16;
}
.guild-ranking .badge.bg-danger{
	background: linear-gradient(180deg,#ff7a7a,#b73333)!important;
	color:#190000;
}
.guild-ranking .badge.bg-info{
	background: linear-gradient(180deg,#60e6ff,#2b8fb1)!important;
	color:#00141b;
}

/* ===== TEXT ===== */
.rk-guild-name{
	color:#f1ebff;
	text-shadow: 0 0 6px rgba(160,110,255,.45);
}
.rk-score{
	color:#d2b6ff;
	text-shadow: 0 0 10px rgba(170,120,255,.7);
}

/* ===== DETAILS ===== */
.rk-main-row{ cursor:pointer; }
.rk-details-row{ display:none; background:rgba(30,15,70,.75); }
.rk-details-row.show{ display:table-row; animation:fadeIn .25s ease; }

.rk-details-box{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
	gap:10px;
	padding:14px 20px;
	color:#e8ddff;
}
.rk-details-box div{
	background:rgba(120,60,255,.12);
	border:1px solid rgba(150,90,255,.25);
	border-radius:10px;
	padding:10px 12px;
	box-shadow:inset 0 0 10px rgba(0,0,0,.6);
}
.rk-divider{
	border-color:rgba(150,90,255,.35);
	margin:12px 0;
}

/* ===== MEMBERS ===== */
.rk-members-title{
	color:#e6dbff;
	font-weight:700;
	margin-bottom:8px;
	padding-left:20px;
}
.rk-members{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
	gap:8px;
	padding:0 20px 16px;
}
.rk-member{
	display:flex;
	flex-direction:column;
	gap:6px;
	padding:8px 10px;
	border-radius:10px;
	background:rgba(0,0,0,.35);
	border:1px solid rgba(150,90,255,.25);
	font-size:13px;
	cursor:pointer;
	transition: transform .08s ease;
}
.rk-member:hover{ transform: translateY(-1px); background: rgba(150,90,255,.12); }
.rk-member.on{ box-shadow:0 0 10px rgba(0,255,120,.25); }
.rk-member.off{ opacity:.55; }

.rk-member-main{
	display:flex;
	align-items:center;
	gap:8px;
}
.rk-m-name{ flex:1; font-weight:600; color:#f0eaff; }
.rk-m-lv{ color:#c9b9ff; }

/* ===== KDA BOX ===== */
.rk-kda-box{
	display:none;
	padding:6px 10px;
	border-radius:8px;
	background: rgba(120,60,255,.12);
	border:1px solid rgba(150,90,255,.25);
	font-size:12px;
	color:#e8ddff;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:4px;
}
.rk-kda-box.show{
	display:grid;
	animation: fadeIn .2s ease;
}

/* ===== ANIM ===== */
@keyframes fadeIn{
	from{opacity:0;transform:translateY(-4px);}
	to{opacity:1;transform:translateY(0);}
}