*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:transparent}.tl-widget{font-family:var(--tl-font);color:var(--tl-text);background:var(--tl-bg);border:1px solid var(--tl-border);border-radius:var(--tl-radius);padding:16px;max-width:560px;margin:0 auto;font-size:15px;line-height:1.4}.tl-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.tl-logo{width:44px;height:44px;border-radius:calc(var(--tl-radius) * .6);object-fit:contain;flex:none}.tl-logo-fallback{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;background:var(--tl-primary-soft);color:var(--tl-primary)}.tl-title{min-width:0}.tl-title h1{margin:0;font-size:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-title p{margin:2px 0 0;font-size:13px;color:var(--tl-muted)}.tl-tabs{display:flex;gap:4px;padding:4px;border-radius:calc(var(--tl-radius) * .75);background:var(--tl-primary-soft);margin-bottom:10px}.tl-tab{flex:1;border:0;background:transparent;color:var(--tl-text);font:inherit;font-size:13px;font-weight:600;padding:7px 4px;cursor:pointer;border-radius:calc(var(--tl-radius) * .6)}.tl-tab[aria-selected=true]{background:var(--tl-primary);color:var(--tl-on-primary)}.tl-tab:focus-visible,.tl-button:focus-visible,.tl-secondary:focus-visible{outline:2px solid var(--tl-primary);outline-offset:2px}.tl-list{list-style:none;margin:0;padding:0}.tl-row{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--tl-border)}.tl-row:last-child{border-bottom:0}.tl-rank{width:24px;text-align:center;font-weight:600;color:var(--tl-muted);font-variant-numeric:tabular-nums;flex:none}.tl-rank-top{color:var(--tl-primary);font-weight:800}.tl-avatar{border-radius:50%;flex:none}.tl-avatar-empty{display:inline-block;background:var(--tl-border)}.tl-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.tl-xp{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.tl-xp small{font-weight:500;color:var(--tl-muted);font-size:11px}.tl-message{margin:16px 0;text-align:center;color:var(--tl-muted)}.tl-link-button{border:0;background:none;padding:0;font:inherit;color:var(--tl-primary);text-decoration:underline;cursor:pointer}.tl-message a{color:var(--tl-primary)}.tl-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;margin-top:14px}.tl-button{display:inline-block;padding:10px 18px;border-radius:var(--tl-radius);background:var(--tl-primary);color:var(--tl-on-primary);font-weight:700;text-decoration:none}.tl-secondary{color:var(--tl-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}.tl-powered{display:block;margin-top:12px;text-align:center;font-size:11px;color:var(--tl-muted);text-decoration:none}.tl-powered:hover{text-decoration:underline}.tl-skeleton{height:44px;border-radius:var(--tl-radius);background:var(--tl-border);animation:tl-pulse 1.4s ease-in-out infinite}.tl-skeleton-list{height:220px}@keyframes tl-pulse{50%{opacity:.5}}@media (prefers-reduced-motion: reduce){.tl-skeleton{animation:none}}