.operation-leaderboard-trigger{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;align-self:stretch;gap:12px;width:100%;min-height:0;padding:12px;border:1px solid #303030;border-radius:12px;color:#f1f1f1;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.065),transparent 38%),#181818;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.operation-leaderboard-trigger:hover{border-color:#454545;background-color:#1d1d1d}.operation-leaderboard-trigger:active{transform:scale(.985)}.operation-leaderboard-trigger:focus-visible{outline:2px solid #eee;outline-offset:2px}
.operation-leaderboard-trigger>svg{width:46px;height:46px;padding:10px;border:1px solid #383838;border-radius:12px;fill:none;stroke:#ededed;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;background:#202020;filter:drop-shadow(0 8px 14px rgba(0,0,0,.3))}
.operation-leaderboard-trigger>span{display:grid;gap:5px;min-width:0}.operation-leaderboard-trigger b{font:650 12px/1.1 var(--font-sans);letter-spacing:.015em}.operation-leaderboard-trigger small{color:#858585;font:600 7px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}
.leaderboard-modal{z-index:180!important;padding:18px!important;background:rgba(0,0,0,.78)!important;backdrop-filter:blur(12px)}
.leaderboard-card{position:relative;width:min(100%,560px);max-height:min(760px,calc(100dvh - 36px));overflow:auto;padding:26px;border:1px solid #343434;border-radius:20px;background:linear-gradient(180deg,#1a1a1a,#141414);box-shadow:0 28px 80px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.04);scrollbar-width:thin;scrollbar-color:#444 transparent}
.leaderboard-close{position:absolute;z-index:2;top:16px;right:16px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #383838;border-radius:10px;color:#aaa;background:#202020;font:400 22px/1 var(--font-sans);cursor:pointer}.leaderboard-close:hover{color:#fff;border-color:#555}.leaderboard-close:focus-visible{outline:2px solid #eee;outline-offset:2px}
.leaderboard-head{display:grid;gap:7px;padding-right:48px}.leaderboard-head>span{color:#8b8b8b;font:650 8px/1 var(--font-mono);letter-spacing:.14em}.leaderboard-head h3{margin:0;color:#f5f5f5;font:650 25px/1.05 var(--font-sans);letter-spacing:-.035em}.leaderboard-head p{margin:0;color:#888;font:500 12px/1.45 var(--font-sans)}
.leaderboard-total{display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px 14px;margin-top:20px;padding:15px 16px;border:1px solid #333;border-radius:13px;background:radial-gradient(circle at 86% 24%,rgba(255,255,255,.055),transparent 42%),#1e1e1e}.leaderboard-total>span{grid-column:1/-1;color:#858585;font:650 7px/1 var(--font-mono);letter-spacing:.13em}.leaderboard-total>b{overflow:hidden;color:#f3f3f3;font:650 clamp(1.3rem,5vw,1.8rem)/1 var(--font-sans);letter-spacing:-.045em;text-overflow:ellipsis}.leaderboard-total>small{color:#858585;font:550 9px/1 var(--font-sans);white-space:nowrap}
.leaderboard-list{display:grid;gap:8px;margin-top:14px;min-height:342px}.leaderboard-state{display:grid;place-items:center;align-content:center;gap:12px;min-height:220px;color:#888;font:550 11px/1.4 var(--font-sans);text-align:center}.leaderboard-state i{width:20px;height:20px;border:2px solid #333;border-top-color:#eee;border-radius:50%;animation:leaderboardSpin .7s linear infinite}
.leaderboard-row{display:grid;grid-template-columns:30px 38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;padding:9px 11px;border:1px solid transparent;border-radius:12px;background:#191919}.leaderboard-row.rank-1{border-color:#484848;background:linear-gradient(90deg,#242424,#1b1b1b)}.leaderboard-row.is-current{border-color:#555;background:#292929}
.leaderboard-rank{display:grid;place-items:center;color:#8b8b8b}.leaderboard-rank svg{width:20px;height:20px;fill:none;stroke:#d8d8d8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.leaderboard-row.rank-2 .leaderboard-rank svg{stroke:#aaa}.leaderboard-row.rank-3 .leaderboard-rank svg{stroke:#888}.leaderboard-rank>b{font:650 12px/1 var(--font-mono)}
.leaderboard-avatar{display:grid;place-items:center;width:38px;height:38px;border:1px solid #3c3c3c;border-radius:11px;color:#ddd;background:linear-gradient(145deg,#2c2c2c,#202020);font:650 10px/1 var(--font-mono);letter-spacing:.04em}.leaderboard-identity{display:grid;gap:4px;min-width:0}.leaderboard-identity>b{display:flex;align-items:center;gap:6px;overflow:hidden;color:#eee;font:620 12px/1.1 var(--font-sans);white-space:nowrap;text-overflow:ellipsis}.leaderboard-identity b em{padding:3px 5px;border:1px solid #555;border-radius:999px;color:#bbb;font:650 6px/1 var(--font-mono);font-style:normal;letter-spacing:.08em}.leaderboard-identity>small{overflow:hidden;color:#757575;font:550 8px/1 var(--font-sans);white-space:nowrap;text-overflow:ellipsis}.leaderboard-row>strong{display:flex;align-items:baseline;justify-content:flex-end;gap:4px;color:#f2f2f2;font:650 13px/1 var(--font-sans);letter-spacing:-.02em;white-space:nowrap}.leaderboard-row>strong small{color:#777;font:650 6px/1 var(--font-mono);letter-spacing:.08em}
.leaderboard-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #303030}.leaderboard-pagination>span{color:#858585;font:550 9px/1 var(--font-sans)}.leaderboard-pagination>span b{color:#d4d4d4}.leaderboard-pagination>div{display:flex;gap:7px}.leaderboard-pagination button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #3b3b3b;border-radius:10px;color:#eee;background:#222;font:400 23px/1 var(--font-sans);cursor:pointer}.leaderboard-pagination button:disabled{opacity:.3;cursor:default}.leaderboard-pagination button:not(:disabled):hover{border-color:#595959;background:#292929}
@keyframes leaderboardSpin{to{transform:rotate(1turn)}}
@media(max-width:600px){.leaderboard-modal{align-items:flex-end!important;padding:0!important}.leaderboard-card{width:100%;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));padding:21px 16px calc(18px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:20px 20px 0 0}.leaderboard-list{min-height:332px}.leaderboard-head h3{font-size:22px}}
@media(max-width:390px){.leaderboard-row{grid-template-columns:25px 34px minmax(0,1fr) auto;gap:7px;padding-inline:8px}.leaderboard-avatar{width:34px;height:34px}.leaderboard-identity>b{font-size:11px}.leaderboard-row>strong{font-size:11px}.leaderboard-total{padding:13px}.leaderboard-pagination>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.operation-leaderboard-trigger{transition:none}.leaderboard-state i{animation:none}}