.lb{--lb-gutter:28px;--lb-you:#4285f4;--lb-rival:#80868b}.lb .ss-stage{background:var(--ss-well);border-radius:14px;overflow:hidden}.lb .lb-win{top:var(--lb-gutter);left:var(--lb-gutter);width:504px;height:400px;box-shadow:var(--ss-shadow-hero);position:absolute}.lb .ss-stage[data-layout=compact] .lb-win{width:318px;top:20px;left:20px}.lb-body{background:var(--ss-surface);flex-direction:column;gap:14px;height:100%;padding:16px 18px 0;display:flex}.lb-head{align-items:center;gap:12px;height:24px;padding:0 10px;display:flex}.lb-title{letter-spacing:.08em;text-transform:uppercase;min-width:0;color:var(--ss-text);flex:1;font-size:11px;font-weight:600}.lb-chip{opacity:0;transition:opacity .6s cubic-bezier(.25,.8,.25,1);display:inline-flex}.lb-chip[data-on]{opacity:1}.lb-list{flex-direction:column;gap:4px;display:flex}.lb-row{border-radius:8px;grid-template-columns:16px 96px minmax(0,1fr) 34px;align-items:center;column-gap:12px;height:40px;padding:0 10px;display:grid}.lb-row[data-you]{background:var(--ss-accent-soft)}.lb-row[data-you] .lb-name{color:var(--ss-text-strong);font-weight:600}.lb-rank{font-variant-numeric:tabular-nums;color:var(--ss-text-faint);font-size:12px}.lb-name{color:var(--ss-text-strong);font-size:13px}.lb-track{background:var(--ss-fill);border-radius:4px;height:8px;display:block;position:relative;overflow:hidden}.lb-fill{background:var(--lb-rival);border-radius:4px;height:100%;transition:width .9s cubic-bezier(.45,0,.1,1);display:block}.lb-row[data-on] .lb-pct{opacity:1}.lb-row[data-you] .lb-fill{background:var(--lb-you)}.lb-pct{opacity:.35;width:34px;min-width:34px;color:var(--ss-text-strong);justify-content:flex-end;font-size:12px;font-weight:600;transition:opacity .6s cubic-bezier(.25,.8,.25,1);display:flex}.lb-filler{flex-direction:column;gap:4px;display:flex}.lb-filler>span{grid-template-columns:16px 96px minmax(0,1fr);align-items:center;column-gap:12px;height:40px;padding:0 10px;display:grid}
.ef-row{border-radius:8px;grid-template-columns:16px 112px minmax(0,1fr) 64px;align-items:center;column-gap:12px;height:44px;padding:0 10px;display:grid}.ef-val{opacity:.25;flex-direction:column;align-items:flex-end;gap:3px;line-height:1.3;transition:opacity .5s;display:flex}.ef-row[data-on] .ef-val{opacity:1}.ef-val b{color:var(--ss-text-strong);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.ef-val span{color:var(--ss-text-faint);font-size:10.5px}.lb .ss-stage[data-layout=compact] .ef-row{grid-template-columns:16px 74px minmax(0,1fr) 54px;column-gap:8px}.pf-head{justify-content:space-between}.pf-tags{gap:6px;display:inline-flex}.pf-tag{color:var(--ss-text-faint);background:var(--ss-fill);border-radius:10px;padding:3px 9px;font-size:10.5px;font-weight:600;transition:background .35s,color .35s}.pf-tag[data-on]{color:#0a4fc4;background:#dbe8ff}.pf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px;padding:8px 0 0;display:grid}.pf-page{box-sizing:border-box;background:var(--ss-canvas);opacity:0;will-change:transform;border-radius:8px;flex-direction:column;height:126px;padding:11px 9px 8px;transition:opacity .4s,transform .45s cubic-bezier(.22,1,.36,1),box-shadow .35s;display:flex;position:relative;overflow:hidden;transform:translateY(8px);box-shadow:inset 0 0 0 1px #141e3c1a,0 1px 2px #141e3c0d}.pf-page:before{content:"";background:var(--pf-tone);height:4px;position:absolute;top:0;left:0;right:0}.pf-page[data-on]{opacity:1;transform:none}.pf-page[data-lift]{box-shadow:inset 0 0 0 1.5px var(--pf-tone), 0 10px 22px -8px color-mix(in srgb, var(--pf-tone) 55%, transparent);transform:translateY(-6px)}.pf-no{color:var(--ss-text-faint);font-size:9.5px}.pf-name{color:var(--ss-text-strong);margin-top:2px;font-size:11px;font-weight:600;line-height:1.2}.pf-art{flex-direction:column;justify-content:flex-end;gap:4px;height:46px;margin-top:auto;display:flex}.pf-hbar{align-items:center;gap:4px;height:6px;display:flex}.pf-hbar b{border-radius:50%;flex:none;width:6px;height:6px}.pf-hbar i{border-radius:3px;height:6px;display:block}.pf-cols{flex-direction:row;align-items:flex-end;gap:4px}.pf-cols i{border-radius:3px 3px 0 0;flex:1}.pf-callout{background:color-mix(in srgb, var(--pf-tone) 22%, #fff);border-radius:5px;height:14px}.pf-chiprow{align-items:center;gap:5px;height:10px;display:flex}.pf-chiprow em{border-radius:4px;width:14px;height:7px;margin-left:auto}.pf-chiprow b{border-radius:50%;flex:none;width:8px;height:8px}.pf-chiprow u{border-radius:3px;flex:none;width:9px;height:9px;text-decoration:none;box-shadow:inset 0 0 0 1px #141e3c4d}.pf-chiprow u[data-on]{box-shadow:none;background:#22a35a}.pf-score{color:var(--pf-tone);font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;margin-top:auto;font-size:26px;font-weight:600;line-height:1;display:flex}.pf-score small{color:var(--ss-text-faint);font-size:9.5px;font-weight:400}.pf-num{opacity:0;transition:opacity .6s}.pf-num[data-on]{opacity:1}.lb .ss-stage[data-layout=compact] .pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lb .ss-stage[data-layout=compact] .pf-page{height:62px;padding:9px 9px 7px}.lb .ss-stage[data-layout=compact] .pf-art{display:none}.lb .ss-stage[data-layout=compact] .pf-score{font-size:17px}.lb .ss-stage[data-layout=compact] .pf-tags{display:none}
