.elite-roster-public { display: grid; gap: 24px; margin-top: 24px; }
.elite-roster-loading,
.elite-rank-empty { padding: 34px 20px; border: 1px solid rgba(255,255,255,.08); border-radius: 20px; background: rgba(7,10,16,.75); color: #a9b0bb; text-align: center; }
.elite-rank-empty strong { display: block; margin-bottom: 8px; color: #fff; font: 800 1rem Orbitron,Inter,sans-serif; letter-spacing: .08em; }
.elite-rank-section { padding: 24px; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; background: rgba(5,8,13,.72); }
.elite-rank-section[data-rank="LEGEND"] { border-color: rgba(172,91,255,.22); box-shadow: inset 0 1px 0 rgba(190,120,255,.08); }
.elite-rank-section[data-rank="HERO"] { border-color: rgba(255,160,52,.22); box-shadow: inset 0 1px 0 rgba(255,184,77,.08); }
.elite-public-group-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.elite-public-group-head h3 { margin: 0; font: 800 1.25rem Orbitron,Inter,sans-serif; }
.elite-public-group-head span { display: block; margin-bottom: 5px; font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.elite-rank-section[data-rank="LEGEND"] .elite-public-group-head span { color: #c88cff; }
.elite-rank-section[data-rank="HERO"] .elite-public-group-head span { color: #ffb44d; }
.elite-public-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.elite-public-card { position: relative; overflow: hidden; min-height: 172px; padding: 16px; border: 1px solid rgba(255,255,255,.08); border-radius: 22px; background: linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)),#070a10; }
.elite-public-card::after { content: ""; position: absolute; right: -30px; bottom: -45px; width: 125px; height: 125px; border-radius: 50%; filter: blur(12px); opacity: .24; pointer-events: none; }
.elite-public-card[data-rank="HERO"]::after { background: #ff932e; }
.elite-public-card[data-rank="LEGEND"]::after { background: #a95cff; }
.elite-public-card[data-rank="HERO"] { border-color: rgba(255,160,52,.18); }
.elite-public-card[data-rank="LEGEND"] { border-color: rgba(172,91,255,.2); }
.elite-public-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.elite-public-avatar { width: 62px; height: 62px; flex: 0 0 62px; display: grid; place-items: center; overflow: hidden; border-radius: 17px; border: 1px solid rgba(255,255,255,.11); }
.elite-public-card[data-rank="HERO"] .elite-public-avatar { background: radial-gradient(circle at 50% 35%,rgba(255,174,62,.32),rgba(255,255,255,.03) 68%); }
.elite-public-card[data-rank="LEGEND"] .elite-public-avatar { background: radial-gradient(circle at 50% 35%,rgba(188,104,255,.32),rgba(255,255,255,.03) 68%); }
.elite-public-avatar img { width: 100%; height: 100%; object-fit: cover; }
.elite-public-avatar img[data-rank-icon="true"] { width: 49px; height: 49px; object-fit: contain; }
.elite-public-rank { text-align: right; }
.elite-public-rank strong { display: block; font: 800 .84rem Orbitron,Inter,sans-serif; letter-spacing: .06em; }
.elite-public-card[data-rank="HERO"] .elite-public-rank strong { color: #ffb44d; }
.elite-public-card[data-rank="LEGEND"] .elite-public-rank strong { color: #c88cff; }
.elite-public-card h4 { position: relative; margin: 0 0 8px; color: #fff; font: 800 1.08rem/1.2 Orbitron,Inter,sans-serif; }
.elite-public-card p { position: relative; margin: 0; color: #a9b0bb; font-size: .9rem; }
@media (max-width:1180px) { .elite-public-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width:860px) { .elite-public-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .elite-rank-section { padding: 18px; } .elite-public-grid { grid-template-columns: 1fr; } }