.rank-columns{position:relative;gap:44px;align-items:stretch}
.rank-columns:before{content:'';position:absolute;z-index:0;left:50%;top:52px;bottom:40px;width:1px;background:linear-gradient(180deg,transparent,#393342 18%,#393342 82%,transparent)}
.rank-columns:after{content:'→';position:absolute;z-index:3;left:50%;top:92px;width:34px;height:34px;border:1px solid #413a4d;border-radius:50%;background:#11131a;color:#a78be4;display:grid;place-items:center;font:700 14px 'Barlow Condensed';transform:translate(-50%,-50%);box-shadow:0 0 0 7px #0c0e12,0 10px 25px #0008}
.rank-config{position:relative;z-index:1;padding:19px;border:1px solid #292d36;border-radius:20px;background:linear-gradient(150deg,#101218,#090b0f 65%);box-shadow:inset 0 1px #ffffff06,0 18px 40px #0002}
.rank-config:first-child{border-top-color:#9b7a41}
.rank-config:last-child{border-top-color:#7553c9}
.rank-config>label{width:max-content;margin:-1px 0 13px;padding:6px 9px;border-radius:8px;background:#ffffff05}
.rank-config:first-child>label{color:#d4b16d;background:#d4b16d0d;border:1px solid #d4b16d1f}
.rank-config:last-child>label{color:#b59af0;background:#8d5cff0d;border:1px solid #8d5cff25}
.rank-config:first-child .selected-rank{border-color:#52432c;background:radial-gradient(circle at 18% 50%,#c49a4e21,transparent 55%),#090b0f}
.rank-config:last-child .selected-rank{border-color:#3f3459;background:radial-gradient(circle at 18% 50%,#8d5cff22,transparent 55%),#090b0f}
.rank-config:first-child .selected-rank strong{color:#ffe7b4}
.rank-config:last-child .selected-rank strong{color:#d8c8ff}
.rank-config .rank-grid{padding:11px;border:1px solid #20242c;border-radius:15px;background:#07090c;gap:8px}
.rank-config .rank-option{border-color:#252a33;background:#0c0e13}
.rank-config:first-child .rank-option.active{border-color:#c49a52;background:#c49a5214;box-shadow:0 0 24px #c49a5224}
.rank-config:last-child .rank-option.active{border-color:#9567ff;background:#8d5cff16;box-shadow:0 0 24px #8d5cff2b}
.rank-config .division-area{margin:13px -2px -2px;padding:13px 10px 3px;border-top:1px solid #252932}
.rank-config:first-child .division-grid button.active{border-color:#c49a52;background:#c49a5214;color:#ffe8ba}
.rank-config:last-child .division-grid button.active{border-color:#9567ff;background:#8d5cff18;color:#fff}
@media(max-width:900px){.rank-columns{grid-template-columns:1fr;gap:20px}.rank-columns:before,.rank-columns:after{display:none}.rank-config{padding:16px}}
@media(max-width:520px){.rank-config{padding:12px;border-radius:16px}.rank-config .rank-grid{padding:7px;gap:6px}.rank-config .rank-option{border-radius:9px}.selected-rank{height:90px}.selected-rank img{width:58px;height:58px}}