.rank-frame{position:relative;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border-width:1px;border-style:solid;background:radial-gradient(circle at 0% 0%,#ffffff14,#00000080);overflow:hidden}.rank-frame--image{display:block;padding:6px;border-radius:18px;border-width:2px}.rank-frame--image .rank-frame__particle-layer{display:none}.rank-frame--image .rank-frame__particle{width:4px;height:4px}.rank-frame--image .rank-frame__content{position:relative;z-index:1;border-radius:12px;overflow:hidden}.rank-frame__label{font-size:.85rem;font-weight:700;letter-spacing:.02em;position:relative;z-index:1}.rank-frame__particle-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden;z-index:0}.rank-frame__particle{position:absolute;width:3px;height:3px;border-radius:999px;opacity:0;background:currentColor;animation:rankFrameSparkle 4.5s linear infinite}.rank-frame__particle:nth-child(1){top:6%;left:14%;animation-delay:0s}.rank-frame__particle:nth-child(2){top:24%;left:82%;animation-delay:1.1s}.rank-frame__particle:nth-child(3){top:68%;left:10%;animation-delay:2.3s}.rank-frame__particle:nth-child(4){top:78%;left:60%;animation-delay:3.5s}@keyframes rankFrameSparkle{0%{transform:translateY(3px);opacity:0}10%{opacity:.85}40%{opacity:.2;transform:translateY(-2px)}60%{opacity:.6;transform:translateY(-4px)}to{opacity:0;transform:translateY(-6px)}}.rank-frame--legend{border-color:#dfe4ff;color:#dfe4ff;background:radial-gradient(circle at 0% 0%,rgba(223,228,255,.38),transparent 55%),radial-gradient(circle at 100% 100%,rgba(174,195,255,.36),transparent 60%),radial-gradient(circle at 50% 120%,#050f23f2,#010712f5)}.rank-frame--myth{border-color:#b388ff;color:#e3d3ff;background:radial-gradient(circle at 10% 0%,rgba(179,136,255,.5),transparent 60%),radial-gradient(circle at 90% 100%,rgba(211,191,255,.36),transparent 60%),linear-gradient(135deg,#160c30f5,#08061efa)}.rank-frame--conqueror{border-color:#ff4d6d;color:#ffe5ea;background:radial-gradient(circle at 0% 50%,rgba(255,77,109,.5),transparent 60%),radial-gradient(circle at 100% 50%,rgba(255,143,163,.35),transparent 60%),linear-gradient(135deg,#320812fa,#18060afa)}.rank-frame--guardian{border-color:#2f80ed;color:#e0f0ff;background:radial-gradient(circle at 0% 0%,rgba(47,128,237,.4),transparent 55%),radial-gradient(circle at 100% 100%,rgba(97,164,255,.35),transparent 60%),linear-gradient(135deg,#041228fa,#020a1afa)}.rank-frame--commendation{border-color:#4caf50;color:#e0ffe3;background:radial-gradient(circle at 0% 0%,rgba(76,175,80,.4),transparent 55%),radial-gradient(circle at 100% 100%,rgba(127,212,125,.35),transparent 60%),linear-gradient(135deg,#061e12f5,#030e09fa)}.rank-frame--epic{border-color:#cc6f4d;color:#ffe0d2;background:radial-gradient(circle at 0% 0%,rgba(204,111,77,.5),transparent 55%),radial-gradient(circle at 100% 100%,rgba(232,155,121,.36),transparent 60%),linear-gradient(135deg,#241008fa,#140905fa)}.rank-frame--ballad{border-color:#945a62;color:#f2dde0;background:radial-gradient(circle at 0% 0%,rgba(148,90,98,.45),transparent 55%),radial-gradient(circle at 100% 100%,rgba(187,128,137,.4),transparent 60%),linear-gradient(135deg,#200e12f5,#10080afa)}.rank-frame--whisper{border-color:#4c5a3d;color:#dde7cf;background:radial-gradient(circle at 0% 0%,rgba(76,90,61,.45),transparent 55%),radial-gradient(circle at 100% 100%,rgba(106,124,85,.4),transparent 60%),linear-gradient(135deg,#10160cf5,#060a04fa)}.rank-frame--echo{border-color:#6d6f78;color:#eceef5;background:radial-gradient(circle at 0% 0%,rgba(109,111,120,.45),transparent 55%),radial-gradient(circle at 100% 100%,rgba(138,141,151,.4),transparent 60%),linear-gradient(135deg,#0c0e16f5,#04060cfa)}.rank-frame-image{position:relative;border-radius:18px;padding:5px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 36px #0009,0 0 0 1px #000000b3,0 0 18px #0006,0 0 18px currentColor}.rank-frame-image:before{content:"";position:absolute;inset:3px;border-radius:14px;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px #0006;pointer-events:none}.rank-frame-image:after{content:"";position:absolute;inset:-20%;border-radius:inherit;background-image:radial-gradient(circle,currentColor 0,currentColor 1.2px,transparent 3px);background-size:80px 80px;background-position:0 0;opacity:.2;mix-blend-mode:screen;animation:rankFrameDrift 16s linear infinite;pointer-events:none}@keyframes rankFrameDrift{0%{transform:translateZ(0)}50%{transform:translate3d(18px,-12px,0)}to{transform:translateZ(0)}}.rank-frame-image--legend{background:radial-gradient(circle at 0% 0%,rgba(223,228,255,.58),transparent 55%),radial-gradient(circle at 100% 100%,rgba(174,195,255,.45),transparent 60%),linear-gradient(135deg,#030b20fa,#010514fc);color:#dfe4ff}.rank-frame-image--myth{background:radial-gradient(circle at 10% 0%,rgba(179,136,255,.6),transparent 60%),radial-gradient(circle at 90% 100%,rgba(211,191,255,.45),transparent 60%),linear-gradient(135deg,#100828fa,#06041afc);color:#d3bfff}.rank-frame-image--conqueror{background:radial-gradient(circle at 0% 50%,rgba(255,77,109,.6),transparent 60%),radial-gradient(circle at 100% 50%,rgba(255,143,163,.45),transparent 60%),linear-gradient(135deg,#28060cfa,#140408fc);color:#ff8fa3}.rank-frame-image--guardian{background:radial-gradient(circle at 0% 0%,rgba(47,128,237,.55),transparent 55%),radial-gradient(circle at 100% 100%,rgba(97,164,255,.45),transparent 60%),linear-gradient(135deg,#081228fc,#040a1afc);color:#61a4ff}.rank-frame-image--commendation{background:radial-gradient(circle at 0% 0%,rgba(76,175,80,.55),transparent 55%),radial-gradient(circle at 100% 100%,rgba(127,212,125,.45),transparent 60%),linear-gradient(135deg,#061c10fc,#040e08fc);color:#7fd47d}.rank-frame-image--epic{background:radial-gradient(circle at 0% 0%,rgba(204,111,77,.6),transparent 55%),radial-gradient(circle at 100% 100%,rgba(232,155,121,.5),transparent 60%),linear-gradient(135deg,#241008fc,#120804fc);color:#e89b79}.rank-frame-image--ballad{background:radial-gradient(circle at 0% 0%,rgba(148,90,98,.55),transparent 55%),radial-gradient(circle at 100% 100%,rgba(187,128,137,.5),transparent 60%),linear-gradient(135deg,#200e12fc,#12080afc);color:#bb8089}.rank-frame-image--whisper{background:radial-gradient(circle at 0% 0%,rgba(76,90,61,.55),transparent 55%),radial-gradient(circle at 100% 100%,rgba(106,124,85,.5),transparent 60%),linear-gradient(135deg,#10160cfc,#060a04fc);color:#6a7c55}.rank-frame-image--echo{background:radial-gradient(circle at 0% 0%,rgba(109,111,120,.5),transparent 55%),radial-gradient(circle at 100% 100%,rgba(138,141,151,.5),transparent 60%),linear-gradient(135deg,#0c0e16fc,#04060cfc);color:#8a8d97}