.lb-page{max-width:1200px;margin:0 auto;padding:1rem 0 4rem}.lb-hero{text-align:center;padding:2rem 1rem 1.5rem;background:var(--surf);border:3px solid var(--bord);box-shadow:var(--card-shadow);margin:1rem 1.25rem 2rem}.lb-eyebrow{font-family:var(--pixel);font-weight:800;font-size:.7rem;color:var(--text);background:var(--surf2);border:2px solid var(--bord);padding:.3em .8em;letter-spacing:.05em;display:inline-block;margin-bottom:1rem}.lb-title-row{display:flex;align-items:baseline;justify-content:center;gap:.4em;flex-wrap:nowrap;margin-bottom:.6rem}.lb-t-global{font-family:var(--pixel);font-weight:900;font-size:clamp(1.6rem,5vw,3.2rem);line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:var(--text)}.lb-t-lb{font-family:var(--pixel);font-weight:900;font-size:clamp(1.6rem,5vw,3.2rem);line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:#000;background:var(--chip-green);border:3px solid var(--bord);box-shadow:5px 5px 0 0 var(--bord);padding:0 .3em;transform:rotate(-1deg);display:inline-block}.lb-sub{font-size:.95rem;font-weight:500;color:var(--muted);margin-top:.6rem}.lb-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;padding:0 1.25rem}.lb-tabs{display:flex;gap:.4rem;background:var(--surf);border:2px solid var(--bord);padding:.3rem}.lb-tab{font-family:var(--pixel);font-weight:700;font-size:.72rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--text);cursor:pointer;letter-spacing:0;transition:all .1s}.lb-tab.active{background:var(--green);color:var(--bg);font-weight:700}.lb-right{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.lb-select{background:var(--surf);border:2px solid var(--bord);color:var(--text);padding:.45rem .8rem;font-family:var(--body);font-weight:600;font-size:.84rem;cursor:pointer;outline:none}.lb-select:focus{border-color:var(--blue)}.lb-refresh-btn{font-family:var(--pixel);font-weight:700;font-size:.68rem;padding:.5rem 1rem;border:2px solid var(--bord);background:var(--surf);color:var(--text);cursor:pointer;transition:all .1s;letter-spacing:0}.lb-refresh-btn:hover{transform:translate(-2px,-2px);box-shadow:2px 2px 0 0 var(--bord)}.lb-tab-content{display:none}.lb-tab-content.active{display:block;padding:0 0 2rem}.lb-loading{font-family:var(--pixel);font-weight:700;font-size:.85rem;color:var(--muted);text-align:center;padding:3rem;letter-spacing:0;animation:pulse 1s infinite}.lb-empty{font-size:.9rem;color:var(--muted);text-align:center;padding:3rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.lb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.25rem;padding:0 1.25rem}.lb-single{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:.35rem}.lb-card{background:var(--surf);border:3px solid var(--bord);box-shadow:var(--card-shadow);overflow:hidden;transition:transform .12s,box-shadow .12s}.lb-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 0 var(--bord)}.lb-card-head{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:3px solid var(--bord);background:var(--surf2)}.lb-card-name{font-weight:700;font-size:.9rem}.lb-card-genre{font-size:.65rem;font-family:var(--pixel);font-weight:700;letter-spacing:.02em;margin-top:.1rem}.lb-play-btn{margin-left:auto;font-family:var(--pixel);font-weight:800;font-size:.68rem;background:var(--green);color:var(--bg);padding:.35rem .75rem;border:2px solid var(--bord);text-decoration:none;letter-spacing:0;flex-shrink:0}.lb-more{padding:.5rem 1rem;font-size:.76rem;color:var(--muted);text-align:right}.lb-more a{color:var(--blue)}.lb-row{display:flex;align-items:center;gap:.7rem;padding:.6rem 1rem;transition:background .15s}.lb-row:hover{background:var(--surf2)}.lb-you{background:var(--surf2)!important;border-left:4px solid var(--chip-green)}.lb-rank{font-family:var(--pixel);font-weight:700;font-size:.72rem;width:22px;text-align:center;flex-shrink:0;color:var(--muted)}.lb-rank.gold{color:var(--gold)}.lb-rank.silver{color:#888}.lb-rank.bronze{color:#cd7f32}.lb-av{width:28px;height:28px;border-radius:50%;border:2px solid var(--bord);background:linear-gradient(135deg,var(--green),var(--blue));display:flex;align-items:center;justify-content:center;font-size:.52rem;font-weight:700;color:#000;flex-shrink:0;overflow:hidden}.lb-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}.lb-info{flex:1;overflow:hidden}.lb-name{font-weight:600;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.3rem}.lb-name-s{flex:1;font-weight:600;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-meta{font-size:.72rem;color:var(--muted);margin-top:.1rem}.lb-score{font-family:var(--pixel);font-weight:800;font-size:.78rem;color:var(--text);flex-shrink:0}.you-tag{font-family:var(--pixel);font-weight:800;font-size:.5rem;color:#000;background:var(--chip-pink);border:1px solid var(--bord);padding:.05em .35em}.tp-list{display:flex;flex-direction:column;gap:.6rem;max-width:720px;margin:0 auto;padding:0 1.25rem}.tp-row{display:flex;align-items:center;gap:.85rem;background:var(--surf);border:3px solid var(--bord);box-shadow:4px 4px 0 0 var(--bord);padding:.85rem 1.1rem;transition:transform .12s,box-shadow .12s}.tp-row:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--bord)}.tp-you{border-color:var(--bord)!important;background:var(--surf2)}.tp-rank{font-family:var(--pixel);font-weight:800;font-size:.78rem;width:28px;text-align:center;flex-shrink:0;color:var(--muted)}.tp-rank.gold{color:var(--gold)}.tp-rank.silver{color:#888}.tp-rank.bronze{color:#cd7f32}.tp-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--blue));display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#000;flex-shrink:0;overflow:hidden;border:2px solid var(--bord)}.tp-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}.tp-info{flex:1;overflow:hidden}.tp-name{font-size:1rem;font-weight:700}.tp-meta{font-size:.76rem;color:var(--muted);margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-stats{text-align:right;flex-shrink:0}.tp-total{font-family:var(--pixel);font-weight:800;font-size:.85rem;color:var(--text)}.tp-lbl{font-family:var(--pixel);font-weight:700;font-size:.6rem;color:var(--muted);margin-top:.2rem;letter-spacing:0}@media (max-width:900px){.lb-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:600px){.lb-hero{padding:1rem .75rem}.lb-title-row{gap:.2em}.lb-t-global,.lb-t-lb{font-size:clamp(1.1rem,8vw,2rem)}.lb-eyebrow{font-size:.38rem;letter-spacing:.15em}.lb-sub{font-size:.78rem}.lb-controls{flex-direction:column;align-items:stretch;gap:.5rem;padding:0 .75rem}.lb-tabs{width:100%}.lb-tab{flex:1;text-align:center;padding:.5rem;font-size:.38rem}.lb-filters{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.lb-select{flex:1;min-width:120px;font-size:.75rem}.lb-refresh-btn{font-size:.36rem;white-space:nowrap}.lb-grid{grid-template-columns:1fr;gap:.75rem;padding:0 .75rem}.lb-card-head{padding:.7rem .75rem}.lb-row{padding:.5rem .75rem}.lb-page{padding:.75rem 0 3rem}.tp-list{padding:0 .75rem}.tp-row{padding:.6rem .75rem;flex-wrap:wrap;gap:.3rem}}@media (max-width:400px){.lb-t-global,.lb-t-lb{font-size:clamp(1rem,7.5vw,1.8rem)}}