.ghost-ranking{color:#f5f5f5;background:radial-gradient(ellipse at 100% 0%,#323232,transparent 65%),#101010;border:1px solid #ffffff30;border-radius:30px;padding:32px;width:min(560px,calc(100vw - 28px));max-height:88dvh;overflow:auto;box-shadow:0 30px 100px #0008}.ghost-ranking::backdrop{background:#000b;backdrop-filter:blur(12px)}.ghost-ranking[open]{animation:ranking-enter .22s ease-out}.ghost-ranking h2{font-size:28px;margin:12px 40px 22px 0;line-height:1.2}.ghost-ranking button,.ranking-action{font:inherit;cursor:pointer}.ghost-ranking .progress-close{position:absolute;right:18px;top:18px;border:1px solid #ffffff30;background:#ffffff09;color:#fff;border-radius:50%;width:38px;height:38px;font-size:23px}.ranking-tabs{display:flex;gap:7px;padding:5px;background:#0005;border:1px solid #ffffff15;border-radius:17px;margin:0 0 22px}.ranking-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;border:0;border-radius:12px;padding:13px 9px;background:transparent;color:#aaa}.ranking-tabs button[aria-pressed=true]{background:linear-gradient(#fff,#ccc);color:#111;box-shadow:0 3px 12px #0004}.ranking-tabs svg,.ranking-entry svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ranking-note,.ranking-empty{font-size:13px;line-height:1.7;color:#aaa}.ranking-empty{padding:30px 12px;text-align:center}.ranking-own{border:1px solid #ffffff25;border-radius:18px;padding:20px;margin:18px 0;display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between}.ranking-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border-radius:13px;border:1px solid #ffffff30;color:#fff;background:#ffffff0d;text-decoration:none;font-size:12px}.leader-list{list-style:none;padding:0;margin:22px 0 0}.leader-list li{display:flex;align-items:center;gap:16px;padding:17px 12px;border-top:1px solid #ffffff15}.leader-list li>span{color:#aaa;width:32px;flex-shrink:0}.leader-list li>div{flex:1;min-width:0}.leader-list b,.leader-list small{display:block;overflow-wrap:anywhere}.leader-list b{font-size:14px}.leader-list small{color:#929292;font-size:11px;margin-top:5px}.leader-list strong{font-size:18px}.leader-list .is-me{background:#ffffff09;border-radius:12px}.ghost-ranking .progress-stats{display:flex;gap:24px;margin:25px 0}.ghost-ranking .progress-stats b{display:block;font-size:28px}.ghost-ranking .progress-stats span,.ghost-ranking .progress-local{font-size:12px;color:#aaa}.ghost-ranking .rank-list{list-style:none;padding:0}.ghost-ranking .rank-list li{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #ffffff15;font-size:12px;color:#777}.ghost-ranking .rank-list li.unlocked{color:#eee}.ghost-ranking .rank-list b{flex:1}.ghost-ranking [hidden]{display:none!important}.ghost-ranking :focus-visible{outline:2px solid #fff;outline-offset:4px}@keyframes ranking-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:480px){.ghost-ranking{padding:24px 18px}.ghost-ranking h2{font-size:25px}.leader-list li{gap:10px}}@media(prefers-reduced-motion:reduce){.ghost-ranking[open]{animation:none}}

.leader-list .leader-place{width:44px;text-align:center;font-variant-numeric:tabular-nums}.leader-list .podium-place{position:relative;height:49px;color:#eee;display:grid;place-items:center}.podium-place .rating-cup{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.podium-place em{position:absolute;top:12px;font-size:10px;font-style:normal;font-weight:700}.leader-list .podium-1{color:white;filter:drop-shadow(0 0 7px #fff4)}.leader-list .podium-2{color:#ccc}.leader-list .podium-3{color:#999}.leader-list strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(12px,3.5vw,18px)}.ranking-pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:24px}.ranking-pages button{min-width:36px;min-height:40px;padding:8px;border:1px solid #ffffff22;border-radius:12px;background:#ffffff08;color:#ddd;font-size:13px}.ranking-pages button[aria-current=page]{background:linear-gradient(#fff,#ccc);color:#111;border-color:#fff}.ranking-pages button:disabled{opacity:.3;cursor:default}.ranking-count{text-align:center;font-size:12px;color:#999;margin:14px 0 0}.cabinet-sound{display:flex;margin-top:14px;min-width:145px}.account-ghost{grid-template-columns:minmax(0,1fr) minmax(300px,48%);min-height:390px}.cabinet-ghost-surface{height:350px;touch-action:pan-y;min-width:0}.cabinet-ghost-surface>span{bottom:0;font-size:14px}.cabinet-ghost-surface canvas{pointer-events:none}@media(max-width:700px){.account-ghost{grid-template-columns:1fr}.cabinet-ghost-surface{height:310px}.cabinet-sound{margin:14px auto 0}.account-ghost>div{text-align:center}.leader-list li{padding:14px 4px;gap:9px}.leader-list .leader-place{width:38px}}