@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700;800&display=swap');
.tfa-page{background:#0b0e1a;padding-bottom:32px;font-family:'Oxanium',sans-serif;}
.tfa-hero{padding:24px 24px 20px;border-bottom:0.5px solid rgba(255,255,255,0.05);text-align:center;}
.tfa-patch{display:inline-flex;background:rgba(200,155,60,0.1);border:0.5px solid rgba(200,155,60,0.25);border-radius:20px;padding:3px 10px;font-size:10px;color:#C89B3C;margin-bottom:8px;}
.tfa-title{font-size:24px;font-weight:700;color:#eef3ff;margin-bottom:4px;}
.tfa-title span{color:#C89B3C;}
.tfa-sub{font-size:12px;color:#4a6080;margin-bottom:14px;}
.tfa-stats{display:flex;gap:20px;justify-content:center;}
.tfa-sn{font-size:18px;font-weight:700;color:#C89B3C;}
.tfa-sl{font-size:10px;color:#4a6080;}
.tfa-layout{display:flex;gap:16px;padding:16px 24px;max-width:1280px;margin:0 auto;align-items:flex-start;}
.tfa-sidebar{width:200px;min-width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;}
.tfa-search{display:flex;align-items:center;gap:8px;background:#111d35;border:0.5px solid rgba(255,255,255,0.07);border-radius:8px;padding:0 10px;height:34px;}
.tfa-search svg{width:13px;height:13px;color:#3c4a6a;flex-shrink:0;}
.tfa-search input{flex:1;background:none;border:none;outline:none;font-size:12px;color:#eef3ff;font-family:inherit;}
.tfa-search input::placeholder{color:#2c3a5a;}
.tfa-sidebar-title{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#4a6080;font-weight:700;}
.tfa-tier-btns{display:flex;flex-direction:column;gap:5px;}
.tfa-tbtn{background:transparent;border:0.5px solid rgba(255,255,255,0.08);border-radius:8px;padding:8px 12px;font-size:12px;color:#6a7a9a;cursor:pointer;font-family:inherit;font-weight:600;text-align:left;transition:all 0.15s;}
.tfa-tbtn:hover{background:rgba(255,255,255,0.04);color:#ccd6e0;}
.tfa-tbtn.on{background:rgba(200,155,60,0.08);border-color:rgba(200,155,60,0.3);color:#C89B3C;}
.tfa-prismatic{border-left:3px solid #c084fc!important;}
.tfa-gold{border-left:3px solid #f59e0b!important;}
.tfa-silver{border-left:3px solid #9aaabb!important;}
.tfa-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;}
.tfa-section{padding-bottom:0;}
.tfa-sec-head{display:flex;align-items:center;gap:8px;padding:12px 0 10px;}
.tfa-sec-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.tfa-sec-title{font-size:13px;font-weight:700;letter-spacing:.03em;}
.tfa-sec-count{font-size:11px;color:#3c4a6a;margin-left:auto;}
.tfa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:8px;}
.tfa-card{display:flex;align-items:center;gap:10px;background:#111d35;border:0.5px solid rgba(255,255,255,0.06);border-radius:10px;padding:10px 12px;transition:all 0.15s;position:relative;}
.tfa-card:hover{background:#162035;border-color:rgba(255,255,255,0.1);}
.tfa-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;}
.tfa-icon-prismatic{background:rgba(192,132,252,0.12);border:1.5px solid rgba(192,132,252,0.3);color:#c084fc;}
.tfa-icon-gold{background:rgba(245,158,11,0.1);border:1.5px solid rgba(245,158,11,0.3);color:#f59e0b;}
.tfa-icon-silver{background:rgba(154,170,187,0.08);border:1.5px solid rgba(154,170,187,0.2);color:#9aaabb;}
.tfa-card-info{flex:1;min-width:0;}
.tfa-card-name{font-size:13px;font-weight:700;color:#eef3ff;margin-bottom:3px;}
.tfa-card-desc{font-size:11px;color:#6a7a9a;line-height:1.4;}
.tfa-card-tier{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;}
.tfa-tier-prismatic{background:rgba(192,132,252,0.12);color:#c084fc;border:0.5px solid rgba(192,132,252,0.3);}
.tfa-tier-gold{background:rgba(245,158,11,0.1);color:#f59e0b;border:0.5px solid rgba(245,158,11,0.3);}
.tfa-tier-silver{background:rgba(154,170,187,0.08);color:#9aaabb;border:0.5px solid rgba(154,170,187,0.2);}
.tfa-divline{height:0.5px;background:rgba(255,255,255,0.05);margin:8px 0 16px;}
@media(max-width:768px){.tfa-layout{flex-direction:column;padding:12px 14px;}.tfa-sidebar{width:100%;}.tfa-grid{grid-template-columns:1fr;}}
@media(min-width:1024px){.tfa-grid{grid-template-columns:repeat(3,1fr);}}