.tf-page{min-height:100dvh;background:#0f172a}.tf-topbar{position:sticky;top:0;z-index:30}.tf-title{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.tf-title strong{font-size:.85rem}.tf-title small{font-size:.58rem;color:#94a3b8}.tf-main{padding-bottom:100px}.tf-hero{display:flex;gap:13px;align-items:flex-start;padding:17px;margin:12px 0 9px;border-radius:21px;background:linear-gradient(145deg,#17233d,#101827);border:1px solid #334155}.tf-hero-icon{width:44px;height:44px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center;background:#312e81;border:1px solid #4f46e5;font-size:21px}.tf-eyebrow{font-size:.56rem;letter-spacing:.14em;font-weight:900;color:#a5b4fc}.tf-hero h1{margin:3px 0 4px;font-size:1.3rem}.tf-hero p{margin:0;color:#94a3b8;font-size:.7rem;line-height:1.5}.tf-info{padding:11px 12px;margin:0 0 10px;border-radius:14px;background:#111c30;border:1px solid #263650;display:flex;flex-direction:column;gap:3px}.tf-info strong{font-size:.68rem}.tf-info span{font-size:.59rem;line-height:1.45;color:#94a3b8}.tf-list{display:grid;gap:9px}.tf-card{position:relative;padding:13px;border-radius:18px;background:#17233a;border:1px solid #334155;overflow:hidden}.tf-card.is-top{border-color:rgba(129,140,248,.45);background:linear-gradient(145deg,#1a2743,#17233a)}.tf-rank{position:absolute;right:10px;top:10px;min-width:28px;text-align:center;font-size:.62rem;font-weight:900;color:#94a3b8}.tf-rank.gold,.tf-rank.silver,.tf-rank.bronze{font-size:1.05rem}.tf-main-row{display:flex;gap:10px;padding-right:35px}.tf-avatar{width:58px;height:58px;flex:0 0 auto;border-radius:17px;background:#253554;border:2px solid rgba(255,255,255,.1);display:grid;place-items:center;color:#cbd5e1;font-size:21px;font-weight:900;overflow:hidden}.tf-avatar.has-photo img{width:100%;height:100%;object-fit:cover}.tf-identity{min-width:0}.tf-name-line{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tf-name-line h2{margin:0;font-size:.9rem;line-height:1.2}.tf-name-line span{padding:3px 6px;border-radius:999px;background:#312e81;color:#ddd6fe;font-size:.5rem;font-weight:900}.tf-identity>p{margin:4px 0 5px;color:#cbd5e1;font-size:.64rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tf-rating{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tf-rating .stars{color:#f8c24e;letter-spacing:1px;font-size:.78rem}.tf-rating b{font-size:.68rem}.tf-rating small,.tf-location{color:#94a3b8;font-size:.58rem}.tf-location{display:block;margin-top:4px}.tf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px}.tf-stats>div{padding:8px 5px;border-radius:11px;background:#101827;border:1px solid #263650;text-align:center;min-width:0}.tf-stats strong{display:block;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-stats small{display:block;margin-top:3px;color:#94a3b8;font-size:.5rem;line-height:1.2}.tf-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(148,163,184,.12)}.tf-footer span{color:#94a3b8;font-size:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-footer a{color:#a5b4fc;text-decoration:none;font-size:.6rem;font-weight:900;white-space:nowrap}.tf-empty{padding:28px 16px;text-align:center;border-radius:18px}.tf-empty>div{font-size:30px}.tf-empty strong{display:block;margin-top:5px}.tf-empty p{color:#94a3b8;font-size:.7rem;line-height:1.5}.tf-empty .btn{margin-top:8px}@media(min-width:700px){.tf-main{max-width:760px;margin:auto}.tf-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-hero,.tf-info{grid-column:1/-1}}@media(max-width:360px){.tf-stats strong{font-size:.65rem}.tf-footer a{font-size:.56rem}}