.lb-name-row{display:flex;align-items:center;gap:.7rem;margin-top:1.4rem;flex-wrap:wrap}.lb-name-row label{color:var(--text-muted, #b8a88a);font-size:.9rem}.lb-name-row input{background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:.5rem .8rem;font-size:.95rem;outline:none;max-width:200px}.lb-name-row input:focus{border-color:#4caf50}#lb-name-saved{color:#7cd24e;font-size:.85rem}.lb-offline{max-width:1200px;margin:0 auto 1.5rem;padding:.9rem 1.2rem;background:#ffb3001f;border:1px solid rgba(255,179,0,.4);border-radius:10px;color:#ffd97a;font-size:.95rem}.lb-grid{display:grid;gap:1rem;max-width:1200px;margin:0 auto;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.lb-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:.7rem}.lb-card-head{display:flex;gap:.8rem;align-items:center;text-decoration:none}.lb-card-head img{border-radius:8px;object-fit:cover;image-rendering:auto}.lb-card-head h2{color:#fff;font-size:1.05rem;margin:0}.lb-card-head span{color:var(--text-muted, #b8a88a);font-size:.8rem}.lb-card-body{min-height:60px}.lb-play{text-align:center;text-decoration:none;color:#06210a;font-weight:800;font-size:.85rem;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:8px;padding:.5rem;transition:transform .2s}.lb-play:hover{transform:translateY(-2px)}.lb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.lb-row{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.5rem;padding:.28rem .45rem;border-radius:6px;font-size:.88rem;color:#eee}.lb-row:nth-child(odd){background:#ffffff0d}.lb-rank{font-size:.82rem;opacity:.85}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-weight:800;color:#7cd24e}.lb-empty{color:var(--text-muted, #b8a88a);font-size:.88rem;text-align:center;margin:.5rem 0}.stats-summary{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-width:1200px;margin:0 auto 1.5rem}.stat-tile{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.2rem}.stat-tile strong{color:#fff;font-size:1.6rem}.stat-tile span{color:var(--text-muted, #b8a88a);font-size:.82rem}.stats-chart{display:flex;align-items:flex-end;justify-content:flex-start;gap:4px;height:130px;max-width:1200px;margin:0 auto 1.5rem;padding:.8rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.chart-col{flex:0 1 26px;max-width:26px;min-width:6px;height:100%;display:flex;align-items:flex-end}.chart-bar{width:100%;background:linear-gradient(180deg,#66bb6a,#2e7d32);border-radius:3px 3px 0 0}.stats-table{max-width:1200px;margin:0 auto;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.st-row{display:grid;grid-template-columns:3rem 1fr 6rem 5rem;gap:.5rem;padding:.6rem 1rem;align-items:center;color:#e8e8e8;font-size:.9rem}.st-row:nth-child(2n){background:#ffffff0a}.st-head{color:var(--text-muted, #b8a88a);font-size:.78rem;text-transform:uppercase;letter-spacing:1px}.st-row a{color:#7cd24e;text-decoration:none}.st-row a:hover{text-decoration:underline}