.lb{padding:36px 0 8px}.lb .wrap{max-width:820px}.lb-hero{text-align:center}.lb-hero h1{font-size:clamp(30px,6.4vw,48px);margin-top:10px}.lb-hero .lead{margin:14px auto 0;max-width:560px}.lb-controls{margin-top:32px;display:grid;gap:16px;justify-items:center}.seg{display:inline-flex;padding:4px;gap:4px;border-radius:16px;background:var(--s1);border:1px solid var(--stroke-subtle)}.seg button{min-width:132px;min-height:44px;padding:0 18px;border-radius:12px;border:0;cursor:pointer;background:transparent;color:var(--t2);font-weight:700;font-size:15px;transition:background .16s ease,color .16s ease}.seg button:hover{color:var(--t1)}.seg button[aria-selected=true]{background:var(--primary);color:#fff;box-shadow:0 3px 0 var(--primary-lip)}.seg-sm button{min-width:112px;min-height:38px;font-size:14px}.seg-sm button[aria-selected=true]{background:var(--s3);box-shadow:none}[hidden]{display:none!important}.picker{width:100%;display:grid;gap:10px;grid-template-columns:1fr 1fr}@media(min-width:760px){.picker{grid-template-columns:repeat(4,1fr)}}.pk-ch{padding:10px;border-radius:16px;background:#121a36b3;border:1px solid var(--stroke-subtle)}.pk-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t2);margin:0 2px 8px}.pk-num{color:var(--c);font-weight:800}.pk-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pk-btn{min-height:40px;border-radius:10px;border:1px solid var(--stroke-subtle);background:var(--s2);color:var(--t2);font-weight:700;font-size:13px;cursor:pointer;font-variant-numeric:tabular-nums;padding:0;white-space:nowrap}@media(max-width:759px){.pk-btn{font-size:15px}.pk-c{display:none}}.pk-btn:hover{color:var(--t1);border-color:var(--stroke)}.pk-btn[aria-pressed=true]{background:var(--c);color:#0a0f22;border-color:transparent;box-shadow:0 0 18px -4px var(--c)}.lb-card{margin-top:24px;border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(180deg,var(--s1),#0d1430);border:1px solid var(--stroke-subtle);box-shadow:var(--shadow-card)}.lb-head{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;justify-content:space-between;padding:22px 22px 16px;border-bottom:1px solid var(--stroke-subtle)}.lb-kicker{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--echo);min-height:1.6em}.lb-head h2{font-size:clamp(22px,4.6vw,28px);margin-top:2px;min-height:1.15em}.lb-code{font-variant-numeric:tabular-nums}.lb-meta{display:flex;gap:8px;flex-wrap:wrap}.lb-rows{list-style:none;margin:0;padding:6px 8px 10px}.lb-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:16px}.lb-row+.lb-row{border-top:1px solid rgba(158,184,255,.06)}.lb-row.top{background:linear-gradient(90deg,rgba(255,201,51,.06),transparent 60%);border-top-color:transparent}.lb-row .rank{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:15px;color:var(--t3);background:var(--s2);font-variant-numeric:tabular-nums}.lb-row .rank.r1{background:var(--gold);color:#2a1c00;box-shadow:0 0 20px -4px #ffc933b3}.lb-row .rank.r2{background:#cdd7ef;color:#1b2340}.lb-row .rank.r3{background:#e39a5e;color:#2b1405}.lb-row .who{min-width:0;display:grid;gap:3px}.lb-row .name{color:var(--t1);font-weight:700;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .sub{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px;color:var(--t3)}.lb-row .val{text-align:right;white-space:nowrap}.lb-row .val strong{font-size:20px;font-weight:800}.lb-row .val small{margin-left:4px;font-size:12px;color:var(--t3);font-weight:600}.lb-row .echo{color:var(--echo)}.lb-row .stars{display:inline-flex;gap:1px}.lb-row .stars svg{width:13px;height:13px;color:#9eb8ff40}.lb-row .stars.s3 svg,.lb-row .stars.s2 svg:nth-child(-n+2),.lb-row .stars.s1 svg:first-child{color:var(--gold)}.badge-ft{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:700;color:#2a1c00;background:var(--gold)}.penal{color:var(--t3)}.prog{display:inline-block;width:64px;height:6px;border-radius:3px;background:var(--s3);overflow:hidden}.prog .fill{display:block;height:100%;background:linear-gradient(90deg,var(--echo),var(--violet));border-radius:3px}.skel .rank{background:var(--s2)}.skel .bar{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--s2),var(--s3),var(--s2));background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skel .who{gap:8px}.skel .w60{width:60%;height:12px}.skel .w40{width:40%}.skel .w30{width:56px;height:16px;margin-left:auto}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skel .bar{animation:none}}.lb-state{padding:40px 20px 48px;text-align:center;display:grid;gap:16px;justify-items:center}.lb .lb-card{min-height:500px;display:flex;flex-direction:column}.lb .lb-state{flex:1;align-content:center}.lb-state p{font-size:16px;color:var(--t2)}.how-score{margin-top:20px;border-radius:var(--r-lg);background:#121a3699;border:1px solid var(--stroke-subtle)}.how-score summary{cursor:pointer;padding:16px 20px;font-weight:700;color:var(--t1);list-style:none;display:flex;justify-content:space-between;align-items:center}.how-score summary::-webkit-details-marker{display:none}.how-score summary:after{content:"+";font-size:22px;line-height:1;color:var(--echo)}.how-score[open] summary:after{content:"−"}.how-body{padding:0 20px 20px;display:grid;gap:14px;font-size:15px}.how-body table{width:100%;border-collapse:collapse}.how-body td{padding:9px 0;border-bottom:1px solid var(--stroke-subtle);vertical-align:top}.how-body td:last-child{text-align:right;font-weight:700;white-space:nowrap;padding-left:12px;font-variant-numeric:tabular-nums}.how-body .pos{color:var(--success)}.how-body .neg{color:var(--danger)}@media(max-width:480px){.seg button{min-width:0;flex:1}.seg{width:100%}.seg-sm button{padding:0 8px;line-height:1.2}.lb-row{grid-template-columns:34px 1fr auto;gap:10px;padding:11px 8px}.lb-row .rank{width:32px;height:32px;font-size:14px}.lb-row .val strong{font-size:18px}.lb-head{padding:18px 16px 14px}}
