.xj-rank-dialog{position:fixed;inset:0;margin:auto!important;height:fit-content;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #87daee;border-radius:20px;background:#edfaff;color:#13394f;box-shadow:0 0 0 5px #9be7ff18,0 24px 100px #00172980;overflow:auto;font-family:inherit}
.xj-rank-dialog::backdrop{background:#0617249c;backdrop-filter:blur(7px)}
.xj-rank-panel{position:relative;isolation:isolate;overflow:hidden;padding:24px 28px 20px;text-align:center;background:radial-gradient(ellipse at 50% 35%,#fff 0,#ddf7fc99 32%,transparent 62%),linear-gradient(135deg,#fff8e6aa,#ebf9ff 42%,#c9f1f7)}
.xj-rank-panel:after,.xj-rank-panel:before{content:"";position:absolute;width:22px;height:22px;border:2px solid #75c7db;pointer-events:none;opacity:.65}.xj-rank-panel:before{left:10px;top:10px;border-right:0;border-bottom:0}.xj-rank-panel:after{right:10px;bottom:10px;border-left:0;border-top:0}
.xj-rank-snow{position:absolute;inset:0 0 auto;height:6px;background:repeating-linear-gradient(90deg,#fff 0 6px,#c5eefa 6px 12px,#fff 12px 18px);clip-path:polygon(0 0,100% 0,100% 60%,95% 60%,95% 100%,90% 100%,90% 60%,80% 60%,80% 100%,75% 100%,75% 60%,65% 60%,65% 100%,60% 100%,60% 60%,50% 60%,50% 100%,45% 100%,45% 60%,35% 60%,35% 100%,30% 100%,30% 60%,20% 60%,20% 100%,15% 100%,15% 60%,5% 60%,5% 100%,0 100%)}
.xj-rank-brand{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:2px;color:#3c6e82;text-align:left;padding:3px 0 15px}.xj-rank-brand i{width:10px;height:10px;border:1px solid #dba745;background:linear-gradient(135deg,#fff6b0,#f4c34f);border-radius:3px;box-shadow:0 0 12px #efcc6570}
.xj-rank-skip{position:absolute;right:20px;top:22px;border:0;background:transparent;color:#4c7082;font:inherit;font-size:10px;padding:5px;cursor:pointer;z-index:2}
.xj-rank-stage{height:190px;position:relative;display:grid;place-items:center;margin:0 auto;max-width:260px}.xj-rank-emblem{position:relative;width:164px;height:164px;z-index:2;filter:drop-shadow(0 8px 12px #1c6f8c38);animation:xj-rank-emerge 1.15s cubic-bezier(.15,.75,.25,1) both}
.xj-rank-orbit{position:absolute;width:168px;height:168px;border:1px solid #79ccdf80;border-radius:50%;box-shadow:0 0 0 12px #83dded13,0 0 0 30px #a3ddea16;animation:xj-rank-orbit 2s ease-out both}.xj-rank-orbit:before,.xj-rank-orbit:after{content:"";position:absolute;inset:-10px;border:1px dashed #4aabc455;border-radius:50%;transform:rotate(30deg)}.xj-rank-orbit:after{inset:12px;border-color:#d6ba7066}
.xj-rank-rays{position:absolute;width:200px;height:200px;background:conic-gradient(from 10deg,transparent 0deg 35deg,#abdeed60 36deg 39deg,transparent 40deg 80deg,#edcf8760 81deg 84deg,transparent 85deg 140deg,#abdeed60 141deg 144deg,transparent 145deg 210deg,#abdeed60 211deg 214deg,transparent 215deg 285deg,#edcf8760 286deg 289deg,transparent 290deg);border-radius:50%;mask-image:radial-gradient(transparent 25%,#000 40%,transparent 72%);animation:xj-rank-rays 2.6s ease-out both}
.xj-rank-particles{position:absolute;inset:50%}.xj-rank-particles i{position:absolute;width:4px;height:4px;background:#69cddd;box-shadow:0 0 6px #98ecff;animation:xj-rank-pixel 1.8s ease-out both;animation-delay:var(--delay)}.xj-rank-particles i:nth-child(3n){background:#efc76b}
.xj-rank-kicker{margin:8px 0;font-size:11px;letter-spacing:6px;color:#548a9d}.xj-rank-dialog h2{margin:0 0 15px!important;font-size:31px!important;line-height:1.3!important;font-weight:750;letter-spacing:2px;color:#143d54}
.xj-rank-step{display:inline-flex;align-items:center;gap:10px;font-size:11px;padding:7px 13px;border:1px solid #abdae6;border-radius:99px;background:#ffffff80;color:#5b7c8e}.xj-rank-step strong{color:#277791;font-weight:600}.xj-rank-step b{color:#ba9a4d;font-size:16px}
.xj-rank-threshold{font-size:13px;margin:20px 0 6px;font-weight:600;color:#365c70}.xj-rank-dialog #xj-rank-description{font-size:11px;margin:0 0 23px;color:#6d8a97}
.xj-rank-continue{width:100%;border:1px solid #54bbd4;border-radius:10px;background:linear-gradient(135deg,#289ac3,#16759e);box-shadow:inset 0 1px #a3e5f7,0 4px 12px #30779626;color:white;font:inherit;font-size:13px;font-weight:650;padding:13px 20px;cursor:pointer;letter-spacing:2px}.xj-rank-continue:hover{filter:brightness(1.08)}.xj-rank-dialog button:focus-visible{outline:2px solid #85d9ee;outline-offset:3px}.xj-rank-pixels{font-size:9px;letter-spacing:5px;color:#7fb6c8;margin-top:15px}
.dark .xj-rank-dialog{background:#101f3b;color:#e9f6ff;border-color:#496f9f}.dark .xj-rank-panel{background:radial-gradient(ellipse at 50% 30%,#326b833d,transparent 65%),linear-gradient(140deg,#13213d,#0c1a36 75%,#153650)}.dark .xj-rank-dialog h2{color:#f1f9ff}.dark .xj-rank-brand,.dark .xj-rank-kicker,.dark .xj-rank-skip{color:#9bbcd4}.dark .xj-rank-step{background:#152943;border-color:#3f5e81;color:#9aafc6}.dark .xj-rank-step strong{color:#b1e6f4}.dark .xj-rank-threshold{color:#cfdfed}.dark .xj-rank-dialog #xj-rank-description{color:#97aec4}
@keyframes xj-rank-emerge{0%{transform:translateY(18px) scale(.55);opacity:0;filter:brightness(2) drop-shadow(0 0 24px #a3e9ff)}65%{transform:translateY(-4px) scale(1.06);opacity:1}100%{transform:none}}
@keyframes xj-rank-orbit{from{transform:scale(.45);opacity:0}55%{opacity:1}to{transform:scale(1);opacity:1}}
@keyframes xj-rank-rays{from{transform:rotate(-40deg) scale(.5);opacity:0}35%{opacity:1}to{transform:rotate(15deg);opacity:.6}}
@keyframes xj-rank-pixel{0%{transform:rotate(var(--angle)) translateX(18px) scale(0);opacity:0}20%{opacity:1}100%{transform:rotate(var(--angle)) translateX(var(--distance)) scale(.4);opacity:0}}
@media(prefers-reduced-motion:reduce){.xj-rank-dialog *,.xj-rank-dialog *:before,.xj-rank-dialog *:after{animation:none!important;transition:none!important}.xj-rank-particles{display:none}.xj-rank-rays{opacity:.3}}
@media(max-width:420px){.xj-rank-panel{padding:22px 20px 17px}.xj-rank-stage{height:170px}.xj-rank-emblem{width:148px;height:148px}.xj-rank-dialog h2{font-size:27px!important}}