@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700;800&display=swap');
.tfc-page{background:#0b0e1a;padding-bottom:32px;font-family:'Oxanium',sans-serif;}
.tfc-hero{padding:28px 24px 24px;border-bottom:0.5px solid rgba(255,255,255,0.05);position:relative;overflow:hidden;text-align:center;}
.tfc-hero-pengu{position:absolute;right:240px;bottom:0;width:170px;height:170px;object-fit:contain;z-index:1;opacity:0.85;-webkit-mask-image:linear-gradient(to top,black 0%,black 55%,transparent 90%),linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to top,black 0%,black 55%,transparent 90%),linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%);mask-composite:intersect;}
.tfc-hero-inner{position:relative;z-index:2;}
.tfc-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;}
.tfc-title{font-size:24px;font-weight:700;color:#eef3ff;margin-bottom:4px;}
.tfc-title span{color:#C89B3C;}
.tfc-sub{font-size:12px;color:#4a6080;margin-bottom:14px;}
.tfc-stats{display:flex;gap:20px;justify-content:center;}
.tfc-sn{font-size:18px;font-weight:700;color:#C89B3C;}
.tfc-sl{font-size:10px;color:#4a6080;}
.tfc-layout{display:flex;gap:16px;padding:16px 24px;max-width:1280px;margin:0 auto;align-items:flex-start;}
.tfc-sidebar{width:180px;min-width:180px;background:#111d35;border:0.5px solid rgba(255,255,255,0.06);border-radius:10px;padding:14px;flex-shrink:0;}
.tfc-sidebar-title{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#4a6080;margin-bottom:8px;font-weight:700;}
.tfc-sidebar-items{display:flex;flex-direction:column;gap:4px;}
.tfc-sitem{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:#8090b8;transition:all 0.15s;}
.tfc-sitem:hover{background:rgba(255,255,255,0.04);color:#ccd6e0;}
.tfc-sitem input{accent-color:#C89B3C;cursor:pointer;}
.tfc-list{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;}
.tfc-card{background:#111d35;border:0.5px solid rgba(255,255,255,0.06);border-radius:10px;overflow:hidden;transition:border-color 0.15s;}
.tfc-card:hover{border-color:rgba(200,155,60,0.15);}
.tfc-card-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;}
.tfc-tier-badge{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;}
.tfc-tier-s{background:rgba(200,155,60,0.15);color:#C89B3C;border:0.5px solid rgba(200,155,60,0.3);}
.tfc-tier-a{background:rgba(232,64,64,0.12);color:#e84040;border:0.5px solid rgba(232,64,64,0.25);}
.tfc-tier-b{background:rgba(74,158,255,0.12);color:#4a9eff;border:0.5px solid rgba(74,158,255,0.25);}
.tfc-card-info{flex:1;min-width:0;}
.tfc-card-name{font-size:15px;font-weight:700;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tfc-card-tags{display:flex;gap:5px;margin-top:3px;flex-wrap:wrap;}
.tfc-tag{font-size:11px;border-radius:4px;padding:3px 8px;font-weight:600;}
.tfc-tag-trait{background:rgba(200,155,60,0.08);color:#C89B3C;}
.tfc-tag-easy{background:rgba(74,222,128,0.08);color:#4ade80;}
.tfc-tag-medium{background:rgba(245,158,11,0.08);color:#f59e0b;}
.tfc-tag-hard{background:rgba(232,64,64,0.08);color:#e84040;}
.tfc-card-units-preview{display:flex;gap:3px;flex-shrink:0;}
.tfc-pu{width:32px;height:32px;border-radius:7px;background:#1e2845;border:1px solid #253352;display:flex;align-items:center;justify-content:center;font-size:9px;color:#4a6080;font-weight:600;}
.tfc-expand-btn{width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,0.04);border:0.5px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all 0.15s;color:#4a6080;}
.tfc-expand-btn:hover{background:rgba(200,155,60,0.1);border-color:rgba(200,155,60,0.3);color:#C89B3C;}
.tfc-expand-btn svg{width:14px;height:14px;transition:transform 0.2s;}
.tfc-open svg{transform:rotate(180deg);}
.tfc-card-body{border-top:0.5px solid rgba(255,255,255,0.05);display:none;}
.tfc-body-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;}
.tfc-body-section{display:flex;flex-direction:column;gap:8px;}
.tfc-body-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#6a80a0;font-weight:700;margin-bottom:4px;}
.tfc-core-units{display:flex;gap:6px;flex-wrap:wrap;}
.tfc-cu{display:flex;flex-direction:column;align-items:center;gap:3px;}
.tfc-cu-img{width:52px;height:52px;border-radius:10px;background:#1e2845;border:1.5px solid #253352;display:flex;align-items:center;justify-content:center;font-size:11px;color:#4a6080;font-weight:600;}
.tfc-carry .tfc-cu-img{border-color:#C89B3C;box-shadow:0 0 8px rgba(200,155,60,0.2);}
.tfc-cu-name{font-size:10px;color:#6a7a9a;white-space:nowrap;}
.tfc-carry-badge{font-size:8px;background:rgba(200,155,60,0.15);color:#C89B3C;border-radius:3px;padding:1px 4px;}
.tfc-traits{display:flex;gap:5px;flex-wrap:wrap;}
.tfc-trait-chip{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,0.04);border:0.5px solid rgba(255,255,255,0.07);border-radius:20px;padding:5px 12px;font-size:12px;color:#8090b8;}
.tfc-trait-dot{width:6px;height:6px;border-radius:50%;background:#C89B3C;flex-shrink:0;}
.tfc-trait-active{background:rgba(200,155,60,0.08);border-color:rgba(200,155,60,0.25);color:#C89B3C;}
.tfc-carousel{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.tfc-car-item{display:flex;flex-direction:column;align-items:center;gap:3px;}
.tfc-car-img{width:44px;height:44px;border-radius:8px;background:#1e2845;border:1px solid #253352;display:flex;align-items:center;justify-content:center;font-size:10px;color:#4a6080;font-weight:600;}
.tfc-car-name{font-size:9px;color:#3c4a6a;white-space:nowrap;}
.tfc-arrow{width:16px;height:16px;flex-shrink:0;}
.tfc-options{display:flex;flex-direction:column;gap:6px;}
.tfc-option{display:flex;align-items:center;gap:6px;}
.tfc-level{font-size:11px;font-weight:700;background:rgba(74,158,255,0.1);color:#4a9eff;border-radius:5px;padding:3px 8px;}
.tfc-opt-unit{width:40px;height:40px;border-radius:8px;background:#1e2845;border:1px solid #253352;display:flex;align-items:center;justify-content:center;font-size:10px;color:#4a6080;font-weight:600;}
.tfc-hex-grid{display:flex;flex-direction:column;align-items:center;gap:4px;}
.tfc-hex-row{display:flex;gap:4px;}
.tfc-hex-row:nth-child(even){margin-left:18px;}
.tfc-hex{width:38px;height:38px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:rgba(255,255,255,0.06);}
.tfc-hex-unit{background:rgba(200,155,60,0.25);}
@media(max-width:600px){.tfc-layout{flex-direction:column;padding:12px 14px;}.tfc-sidebar{width:100%;}.tfc-card-units-preview{display:none;}.tfc-body-inner{grid-template-columns:1fr;}}