.clanRankCard{cursor:pointer;transition:border-color .15s,transform .15s,background .15s}
.clanRankCard:hover,.clanRankCard:focus-visible{border-color:#c9973d;background:#181c24;transform:translateY(-1px);outline:none}
.clanRankCard:after{content:'Click to inspect clan';display:block;padding:0 10px 8px;color:#788596;font-size:8px;text-align:right}
.clanPublicModal{position:fixed;inset:0;z-index:15000;display:none;place-items:center;padding:16px;background:#03060bd4;backdrop-filter:blur(5px)}
.clanPublicModal.show{display:grid}
.clanPublicDialog{width:min(560px,95vw);max-height:90vh;overflow:auto;border:1px solid #76603a;border-radius:15px;background:linear-gradient(150deg,#1a202b,#0b1017);box-shadow:0 30px 90px #000;padding:18px}
.clanPublicHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #354052}
.clanPublicHead small{color:#c89d51;font-size:9px;font-weight:900;letter-spacing:1.2px}
.clanPublicHead h2{margin:3px 0 0;font:700 24px Georgia,serif}
.clanPublicClose{width:35px;height:35px;border:1px solid #465268;border-radius:8px;background:#171e29;color:#dce4ef;font-size:22px;cursor:pointer}
.clanPublicHero{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}
.clanPublicHero>div,.clanPublicBonus,.clanPublicPerk{border:1px solid #303b4b;border-radius:9px;background:#101722;padding:10px}
.clanPublicHero span,.clanPublicBonus span,.clanPublicPerk span{display:block;color:#8996a8;font-size:9px;text-transform:uppercase;letter-spacing:.65px}
.clanPublicHero b{display:block;margin-top:4px;color:#f4bc55;font-size:15px}
.clanPublicTitle{margin:15px 0 7px;color:#aeb9c8;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.clanPublicGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}
.clanPublicBonus,.clanPublicPerk{display:flex;justify-content:space-between;align-items:center;gap:8px}
.clanPublicBonus b{color:#70dba1}.clanPublicPerk b{color:#b99aff}
.clanPublicLevel{color:#8290a2;font-size:9px;font-weight:700}
.clanPublicState{padding:40px 15px;text-align:center;color:#8e9aac}.clanPublicState.error{color:#ff8796}
.clanPublicJoin{display:flex;justify-content:flex-end;margin-top:15px;padding-top:13px;border-top:1px solid #354052}.clanPublicJoin button{border:1px solid #4c8c68;border-radius:8px;background:#173524;color:#91ebb5;padding:9px 15px;font-weight:850;cursor:pointer}.clanPublicJoin button:disabled{opacity:.6;cursor:default}.clanPublicFull{color:#ff8796;font-weight:800}
.clanList .clanFull{opacity:.66}.clanList .clanFull small{color:#d88792}.clanList .clanFull button{border-color:#5b3940;color:#c98891}
@media(max-width:520px){.clanPublicHero{grid-template-columns:1fr}.clanPublicGrid{grid-template-columns:1fr}}