.lbp{width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:16px;color:#fff;padding-block:clamp(8px,2vh,24px)}.lbp__head{text-align:center}.lbp__trophy{font-size:2.4rem;filter:drop-shadow(0 3px 0 rgba(0,0,0,.22))}.lbp__title{margin:4px 0 6px;font-size:clamp(1.5rem,5vw,2rem);font-weight:900;letter-spacing:.3px;text-shadow:0 2px 0 rgba(0,0,0,.25)}.lbp__sub{margin:0 auto;max-width:44ch;font-size:.9rem;font-weight:700;line-height:1.45;color:#ffffffe6;text-shadow:0 1px 0 rgba(0,0,0,.2)}.lbp__toggle{align-self:center;display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#0e142452;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff1f}.lbp__tab{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:0;border-radius:999px;background:transparent;color:#ffffffd9;font:inherit;font-weight:900;font-size:.9rem;cursor:pointer;transition:background .15s ease,color .15s ease,transform .08s ease;-webkit-tap-highlight-color:transparent}.lbp__tab:hover{color:#fff}.lbp__tab.is-active{background:#fff;color:var(--ink, #1b2440);box-shadow:0 2px #0000002e;text-shadow:none}.lbp__tab:active{transform:translateY(1px)}.lbp__tab-icon{display:block;-webkit-user-drag:none}.lbp__tab-emoji{font-size:1rem;line-height:1}.lbp__you{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:18px;background:#0e142452;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff24}.lbp__you-rank{margin:0;text-align:center;font-weight:900;font-size:.95rem;text-shadow:0 1px 0 rgba(0,0,0,.2)}.lbp__you-stats{display:flex;gap:10px}.lbp__you-stat{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.16)}.lbp__you-num{font-size:1.7rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(0,0,0,.25)}.lbp__you-num--green{color:#8be08b}.lbp__you-cap{font-size:.76rem;font-weight:800;text-align:center;color:#ffffffd1;text-shadow:0 1px 0 rgba(0,0,0,.18)}.lbp__you-link{display:flex;gap:8px;align-items:center}.lbp__you-input{flex:1 1 auto;min-width:0;height:44px;padding:0 12px;border-radius:12px;border:2px solid rgba(255,255,255,.28);background:#ffffff1f;color:#fff;font:inherit;font-weight:700;font-size:.84rem}.lbp__you-input:focus-visible{outline:3px solid var(--sky-blue-deep);outline-offset:1px}.lbp__you-copy{flex:0 0 auto;height:44px;padding:0 18px;border-radius:12px;border:2px solid var(--ink);background:linear-gradient(180deg,#5571ff,#3e5ef6);color:#fff;font:inherit;font-weight:900;font-size:.88rem;box-shadow:0 3px #2b43c2;cursor:pointer;transition:filter .12s ease,transform .08s ease,box-shadow .08s ease;-webkit-tap-highlight-color:transparent}.lbp__you-copy:hover{filter:brightness(1.07)}.lbp__you-copy:active{transform:translateY(2px);box-shadow:0 1px #2b43c2}.lbp__you-link.is-copied .lbp__you-input{border-color:var(--leaf);background:#67c23f33;color:#d9ffc4;box-shadow:0 0 16px #8ed96a80;animation:lbpCopyRing .6s ease-out}@keyframes lbpCopyRing{0%{box-shadow:0 0 #8ed96ae6,0 0 16px #8ed96a80}to{box-shadow:0 0 0 14px #8ed96a00,0 0 16px #8ed96a80}}.lbp__you-link.is-copied .lbp__you-copy{background:linear-gradient(180deg,var(--leaf),var(--green));box-shadow:0 3px 0 var(--green-deep),0 0 16px #8ed96ad9;animation:lbpCopyPop .45s cubic-bezier(.2,1.4,.4,1)}@keyframes lbpCopyPop{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.lbp__you-link.is-copied .lbp__you-input,.lbp__you-link.is-copied .lbp__you-copy{animation:none}}.lbp__card{border-radius:22px;padding:12px;background:#0e142452;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 50px #0000004d,inset 0 1px #ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lbp__list{display:flex;flex-direction:column;gap:7px;list-style:none;margin:0;padding:0}.lbp__row{display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.16)}.lbp__row--1{background:#67c23f33;border-color:#8ed96a8c;box-shadow:0 0 16px #8ed96a4d}.lbp__row--you{background:#5571ff38;border-color:#7896ff99}.lbp__rank{flex:0 0 auto;width:2rem;text-align:center;font-weight:900;font-size:.95rem;color:#ffffffd1;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(0,0,0,.22)}.lbp__rank--medal{font-size:1.3rem;filter:drop-shadow(0 2px 0 rgba(0,0,0,.2))}.lbp__who{display:inline-flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0;text-decoration:none;color:inherit}a.lbp__who:hover .lbp__name{text-decoration:underline}.lbp__avatar{position:relative;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#ffffff29;border:2px solid rgba(255,255,255,.45);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 3px #0000002e}.lbp__row--1 .lbp__avatar{border-color:var(--leaf);box-shadow:0 3px #0000002e,0 0 12px #8ed96ab3}.lbp__avatar img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.lbp__avatar-fallback{font-size:1.1rem}.lbp__name{flex:0 1 auto;min-width:0;font-weight:900;font-size:.98rem;text-shadow:0 1px 0 rgba(0,0,0,.22);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbp__youtag{flex:0 0 auto;padding:2px 8px;border-radius:999px;background:#7896ffe6;color:#fff;font-weight:900;font-size:.64rem;letter-spacing:.6px}.lbp__score{flex:0 0 auto;margin-left:auto;padding:5px 13px;border-radius:999px;background:linear-gradient(180deg,var(--leaf),var(--green));border:2px solid var(--ink);color:#fff;font-weight:900;font-size:.78rem;text-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 2px 0 var(--green-deep);white-space:nowrap}.lbp__score--carrot{display:inline-flex;align-items:center;gap:5px;padding:4px 12px 4px 9px;background:linear-gradient(180deg,#ffd34d,#f5a623);border-color:#8a5a12;box-shadow:0 2px #b9791a;color:#4a2f06;text-shadow:0 1px 0 rgba(255,255,255,.35)}.lbp__score-carrot{display:block;width:16px;height:16px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.18));-webkit-user-drag:none}.lbp__empty,.lbp__loading{padding:18px 6px;text-align:center;font-weight:800;font-size:.9rem;color:#ffffffe0}.lbp__back{align-self:center;padding:10px 18px;border-radius:12px;text-decoration:none;font-weight:800;font-size:.9rem;color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.28);transition:filter .12s ease,transform .08s ease}.lbp__back:hover{filter:brightness(1.12)}.lbp__back:active{transform:translateY(2px)}@media(max-width:479px){.lbp__name{font-size:.86rem}.lbp__score{font-size:.72rem;padding:4px 10px}.lbp__avatar{width:34px;height:34px}}