/* TFT Team Builder Pro — Dark Theme v3.2 */

/* === CONTAINER === */
.tftpro-team { background:#0f172a; border:1px solid #1e293b; border-radius:12px; padding:24px; margin:30px auto; max-width:900px; color:#e2e8f0; box-shadow:0 4px 24px rgba(0,0,0,.4); }

/* === SECTION === */
.tftpro-section { margin-top:24px; }
.tftpro-section-label { font-size:16px; font-weight:700; margin-bottom:12px; color:#f1f5f9; padding-bottom:6px; border-bottom:1px solid #1e293b; }

/* === IMAGE === */
.tftpro-team-img { text-align:center; margin:16px 0; }
.tftpro-team-img img { max-width:95%; height:auto; border-radius:10px; }

/* === INFO === */
.tftpro-info-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:16px 0; }
.tftpro-info-item { background:#1e293b; border-radius:8px; padding:10px 14px; font-size:15px; }
.tftpro-info-label { display:block; font-size:12px; color:#94a3b8; margin-bottom:2px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; }

/* === TRAITS === */
.tftpro-traits-bar { display:flex; flex-wrap:wrap; gap:6px; margin:16px 0; padding:12px; background:#1e293b; border-radius:8px; }
.tftpro-traits-bar .tcm-trait-badge { display:inline-flex; align-items:center; gap:4px; padding:4px 10px; background:#334155; color:#f1f5f9; border-radius:6px; font-size:13px; cursor:pointer; transition:transform .15s,background .15s; }
.tftpro-traits-bar .tcm-trait-badge:hover { background:#475569; transform:translateY(-1px); }
.tftpro-traits-bar .tcm-trait-badge img { width:18px; height:18px; object-fit:contain; }
.tftpro-traits-bar .tcm-trait-count { background:rgba(255,255,255,.15); padding:0 5px; border-radius:4px; font-weight:700; }

/* === TIPS === */
.tftpro-tips-box { background:#1e293b; border-radius:10px; padding:16px 20px; border-left:4px solid #eab308; }
.tftpro-tip-list { padding-left:20px; margin:0; list-style:none; }
.tftpro-tip-list li { margin-bottom:6px; line-height:1.7; color:#cbd5e1; position:relative; padding-left:24px; }
.tftpro-tip-list li::before { content:'💡'; position:absolute; left:0; top:0; font-size:14px; }

/* === UNITS ROW === */
.tftpro-units-row { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:12px 0; }

/* === .tcm-u base === */
.tftpro-team .tcm-u { display:flex; flex-direction:column; align-items:center; }
.tftpro-team .tcm-u-img-wrap { border-radius:8px; border:2px solid #444; overflow:hidden; position:relative; background:#1e293b; }
.tftpro-team .tcm-u-img-wrap img { width:100%; height:100%; object-fit:cover; display:block; }
.tftpro-team .tcm-u-img-wrap a { display:block; width:100%; height:100%; }
.tftpro-team .tcm-u-name { font-size:10px; text-align:center; margin-top:3px; color:#94a3b8; max-width:70px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tftpro-team .tcm-u-fb { width:100%; height:100%; background:#334155; color:#fff; font-weight:700; font-size:14px; display:flex; justify-content:center; align-items:center; border-radius:6px; }
.tftpro-team .tcm-u-stars { font-size:11px; text-align:center; height:16px; line-height:16px; color:#ffd54f; }
.tftpro-team .tcm-u-stars-3 { color:#ffd54f; text-shadow:0 0 6px rgba(255,213,79,.6); }
.tftpro-team .tcm-u.carry .tcm-u-img-wrap { border-color:#c89b3c!important; box-shadow:0 0 12px rgba(200,155,60,.5); }

/* === CARRY CARDS === */
.tftpro-carries-grid { display:flex; flex-wrap:wrap; gap:24px; justify-content:center; margin:16px 0; }
.tftpro-cc { display:flex; flex-direction:column; align-items:center; width:120px; flex-shrink:0; }
.tftpro-cc-name { font-size:13px; font-weight:700; margin-bottom:4px; text-align:center; white-space:nowrap; }
.tftpro-cc-champ { display:flex; flex-direction:column; align-items:center; }
.tftpro-cc-stars { font-size:13px; text-align:center; height:18px; line-height:18px; color:#ffd54f; margin-bottom:2px; }
.tftpro-stars-3 { color:#ffd54f; text-shadow:0 0 6px rgba(255,213,79,.6); }
.tftpro-cc-img { width:80px!important; height:80px!important; border-radius:10px!important; border-width:3px!important; }
.tftpro-cc-items { display:flex; gap:4px; justify-content:center; margin-top:6px; }
.tftpro-cc-items .tftpro-item-tip { display:inline-block; cursor:pointer; }
.tftpro-cc-items .tftpro-item-tip img { width:28px; height:28px; border-radius:5px; background:#1e293b; border:1px solid #334155; display:block; transition:transform .12s, border-color .12s; }
.tftpro-cc-items .tftpro-item-tip:hover img { transform:translateY(-2px); border-color:#60a5fa; }
.tftpro-cc-artifacts { display:flex; gap:4px; justify-content:center; margin-top:4px; }
.tftpro-cc-artifacts .tftpro-item-tip { display:inline-block; cursor:pointer; }
.tftpro-cc-artifacts .tftpro-item-tip img { width:24px; height:24px; border-radius:4px; border:1px solid #f59e0b; background:#1e293b; display:block; transition:transform .12s, border-color .12s; }
.tftpro-cc-artifacts .tftpro-item-tip:hover img { transform:translateY(-2px); border-color:#fbbf24; }

/* === DEPLOY === */
.tftpro-deploy { display:flex; flex-direction:column; gap:16px; }
.tftpro-phase-block { background:#1e293b; border-radius:10px; padding:14px 16px; border-left:4px solid #475569; }
.tftpro-phase-block:nth-child(1) { border-left-color:#22c55e; }
.tftpro-phase-block:nth-child(2) { border-left-color:#3b82f6; }
.tftpro-phase-block:nth-child(3) { border-left-color:#ef4444; }
.tftpro-phase-title { margin-bottom:8px; }
.tftpro-phase-title strong { display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:999px; font-size:13px; letter-spacing:.03em; text-transform:uppercase; font-weight:700; }
.tftpro-phase-early strong { background:rgba(34,197,94,.15); color:#4ade80; }
.tftpro-phase-mid strong { background:rgba(59,130,246,.15); color:#60a5fa; }
.tftpro-phase-late strong { background:rgba(239,68,68,.15); color:#f87171; }
.tftpro-phase-notes { margin:8px 0; font-size:14px; color:#cbd5e1; line-height:1.6; }
.tftpro-phase-notes ul { padding-left:20px; margin:0; }
.tftpro-phase-notes li { margin-bottom:4px; }
.tftpro-deploy-comp { display:flex; align-items:center; gap:14px; margin-top:12px; padding-top:10px; border-top:1px solid #334155; }
.tftpro-deploy-lv { background:#334155; color:#e2e8f0; padding:4px 12px; border-radius:6px; font-size:13px; font-weight:700; white-space:nowrap; flex-shrink:0; }
.tftpro-deploy-units { display:flex; flex-wrap:wrap; gap:6px; }
.tftpro-deploy-units .tcm-u-img-wrap { width:42px!important; height:42px!important; }
.tftpro-deploy-units .tcm-u-name { font-size:9px; max-width:48px; }



/* ============================
   AUGMENT PRIORITY — chosen in admin
   ============================ */
.tftpro-aug-priority {
    display:flex;
    align-items:center;
    gap:18px;
    margin:0 0 14px;
    padding:10px 2px 16px;
    border-bottom:1px solid rgba(34, 211, 238, .16);
}
.tftpro-aug-priority-title {
    color:#f8fafc;
    font-weight:800;
    font-size:15px;
    line-height:1.2;
    white-space:nowrap;
    text-shadow:0 0 12px rgba(15, 23, 42, .9);
}

.tftpro-aug-priority-title-short {
    display:none;
}
.tftpro-aug-priority-chain {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    min-width:0;
}
.tftpro-aug-priority-pill {
    --priority-accent:#eab308;
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:42px;
    min-width:152px;
    padding:7px 20px 7px 14px;
    border:1px solid rgba(234,179,8,.72);
    border-color:color-mix(in srgb, var(--priority-accent) 78%, transparent);
    border-radius:999px;
    background:linear-gradient(180deg, rgba(15, 23, 42, .94), rgba(2, 6, 23, .92));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(255,255,255,.03), 0 10px 24px rgba(2,6,23,.35);
    color:#f8fafc;
    overflow:hidden;
}
.tftpro-aug-priority-pill:before {
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:inherit;
    background:radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--priority-accent) 28%, transparent), transparent 44%);
    pointer-events:none;
}
.tftpro-aug-priority-chain .tftpro-aug-priority-pill:first-of-type {
    --priority-accent:#22d3ee;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 0 18px rgba(34,211,238,.22), 0 10px 24px rgba(2,6,23,.35);
}
.tftpro-aug-priority-icon {
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    border-radius:50%;
    color:var(--priority-accent);
    background:radial-gradient(circle at 35% 28%, rgba(255,255,255,.24), rgba(234,179,8,.08) 42%, rgba(2,6,23,.4) 100%);
    border:1px solid rgba(234,179,8,.5);
    border-color:color-mix(in srgb, var(--priority-accent) 54%, transparent);
    font-size:16px;
    font-weight:900;
    line-height:1;
    text-shadow:0 0 12px color-mix(in srgb, var(--priority-accent) 55%, transparent);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 0 14px color-mix(in srgb, var(--priority-accent) 28%, transparent);
}
.tftpro-aug-priority-icon:after {
    content:"";
    position:absolute;
    inset:4px;
    border-radius:50%;
    border:1px solid color-mix(in srgb, var(--priority-accent) 42%, transparent);
    opacity:.55;
    pointer-events:none;
}
.tftpro-aug-priority-economy .tftpro-aug-priority-icon {
    color:#ffe58a;
    background:radial-gradient(circle at 34% 24%, #fff7bd 0 10%, #facc15 34%, #b7791f 72%, #3b2605 100%);
    border-color:rgba(250,204,21,.82);
    text-shadow:0 1px 0 rgba(88,52,0,.75), 0 0 10px rgba(250,204,21,.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 0 15px rgba(250,204,21,.32);
}
.tftpro-aug-priority-items .tftpro-aug-priority-icon {
    border-radius:10px;
}
.tftpro-aug-priority-emblem .tftpro-aug-priority-icon {
    border-radius:9px;
    clip-path:polygon(25% 5%, 75% 5%, 96% 50%, 75% 95%, 25% 95%, 4% 50%);
    color:#d9fff3;
    background:radial-gradient(circle at 35% 25%, rgba(255,255,255,.38), rgba(34,211,238,.2) 32%, rgba(20,184,166,.36) 65%, rgba(2,6,23,.8) 100%);
    border-color:rgba(45,212,191,.78);
    text-shadow:0 0 10px rgba(45,212,191,.72);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.26), 0 0 16px rgba(45,212,191,.32);
}
.tftpro-aug-priority-combat .tftpro-aug-priority-icon {
    font-size:15px;
}
.tftpro-aug-priority-label {
    position:relative;
    font-family:"Rajdhani","Be Vietnam Pro",sans-serif;
    font-size:15px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    line-height:1;
}
.tftpro-aug-priority-arrow {
    color:#64748b;
    font-size:34px;
    line-height:1;
    font-weight:800;
    transform:translateY(-1px);
    text-shadow:0 0 10px rgba(148,163,184,.35);
}
.tftpro-aug-priority-items { --priority-accent:#facc15; }
.tftpro-aug-priority-emblem { --priority-accent:#2dd4bf; }
.tftpro-aug-priority-combat { --priority-accent:#fbbf24; }
.tftpro-aug-priority-economy { --priority-accent:#eab308; }
.tftpro-aug-priority-reroll { --priority-accent:#38bdf8; }
.tftpro-aug-priority-hero { --priority-accent:#c084fc; }
.tftpro-aug-priority-flex { --priority-accent:#22d3ee; }

/* ============================
   AUGMENTS — icon bar + name
   ============================ */
.tftpro-augs-bar {
    display:flex; flex-wrap:wrap; gap:10px; padding:14px;
    background:#1e293b; border-radius:10px; align-items:flex-start;
    justify-content:center;
}
.tftpro-aug-item {
    display:flex; flex-direction:column; align-items:center;
    width:68px; cursor:pointer; flex-shrink:0;
}
.tftpro-aug-icon-img {
    position:relative; width:52px; height:52px; border-radius:10px;
    border:2px solid #334155; background:#0f172a;
    overflow:hidden; transition:transform .15s, border-color .15s, box-shadow .15s;
    flex-shrink:0;
}
.tftpro-aug-item:hover .tftpro-aug-icon-img { transform:translateY(-2px); }
.tftpro-aug-t-silver .tftpro-aug-icon-img  { border-color:#6b7280; }
.tftpro-aug-t-silver:hover .tftpro-aug-icon-img  { border-color:#94a3b8; box-shadow:0 0 10px rgba(148,163,184,.35); }
.tftpro-aug-t-gold .tftpro-aug-icon-img    { border-color:#92700c; }
.tftpro-aug-t-gold:hover .tftpro-aug-icon-img    { border-color:#fbbf24; box-shadow:0 0 10px rgba(251,191,36,.35); }
.tftpro-aug-t-diamond .tftpro-aug-icon-img { border-color:#1d4ed8; }
.tftpro-aug-t-diamond:hover .tftpro-aug-icon-img { border-color:#60a5fa; box-shadow:0 0 10px rgba(96,165,250,.35); }
.tftpro-aug-icon-img img {
    width:100%; height:100%; object-fit:cover; display:block;
}
.tftpro-aug-icon-img .tftpro-aug-fb {
    width:100%; height:100%; background:#334155; color:#94a3b8;
    font-size:13px; font-weight:700; display:flex; align-items:center;
    justify-content:center; border-radius:0;
}
.tftpro-aug-label {
    display:block; font-size:10px; color:#94a3b8; text-align:center;
    margin-top:4px; line-height:1.2; max-width:68px;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* ============================
   TOOLTIP — augment only
   ============================ */
.tftpro-tooltip {
    position:fixed; z-index:99999; pointer-events:none;
    background:#1a1a2e; border:1px solid #334155; border-radius:10px;
    padding:12px 14px; min-width:220px; max-width:300px;
    box-shadow:0 8px 30px rgba(0,0,0,.6); opacity:0;
    transition:opacity .15s; color:#e2e8f0; font-size:13px; line-height:1.5;
}
.tftpro-tooltip.visible { opacity:1; }
.tftpro-tooltip-header {
    display:flex; align-items:center; gap:8px; margin-bottom:8px;
    padding-bottom:8px; border-bottom:1px solid #334155;
}
.tftpro-tooltip-header img {
    width:32px; height:32px; border-radius:6px; flex-shrink:0;
    border:1px solid #475569;
}
.tftpro-tooltip-title {
    font-weight:700; font-size:14px; color:#fff;
}
.tftpro-tooltip-tier {
    display:inline-block; font-size:10px; font-weight:700;
    padding:1px 6px; border-radius:4px; margin-left:6px;
    text-transform:uppercase; letter-spacing:.03em;
}
.tftpro-tooltip-tier-silver  { background:rgba(148,163,184,.2); color:#94a3b8; }
.tftpro-tooltip-tier-gold    { background:rgba(251,191,36,.15); color:#fbbf24; }
.tftpro-tooltip-tier-diamond { background:rgba(96,165,250,.15); color:#60a5fa; }

.tftpro-tooltip-desc {
    font-size:12px; color:#94a3b8; margin-bottom:6px;
}
.tftpro-tooltip-round {
    display:flex; align-items:center; gap:5px; flex-wrap:wrap;
    font-size:11px; color:#64748b; margin-top:6px;
    padding-top:6px; border-top:1px solid rgba(255,255,255,.06);
}
.tftpro-tooltip-round-val {
    background:rgba(251,191,36,.12); color:#fbbf24;
    padding:2px 8px; border-radius:4px; font-weight:700; font-size:11px;
}

/* Item tooltip category badge */
.tftpro-tooltip-cat {
    display:inline-block; font-size:10px; font-weight:700;
    padding:1px 6px; border-radius:4px; margin-left:6px;
    text-transform:uppercase; letter-spacing:.03em;
}
.tftpro-tooltip-cat-craftable  { background:rgba(96,165,250,.15); color:#60a5fa; }
.tftpro-tooltip-cat-radiant    { background:rgba(251,191,36,.15); color:#fbbf24; }
.tftpro-tooltip-cat-taotac     { background:rgba(245,158,11,.15); color:#f59e0b; }
.tftpro-tooltip-cat-emblem     { background:rgba(168,85,247,.15); color:#a855f7; }
.tftpro-tooltip-cat-artifact   { background:rgba(245,158,11,.15); color:#f59e0b; }
.tftpro-tooltip-cat-psyops     { background:rgba(59,130,246,.15); color:#3b82f6; }
.tftpro-tooltip-cat-anima      { background:rgba(236,72,153,.15); color:#ec4899; }
.tftpro-tooltip-cat-graves     { background:rgba(239,68,68,.15); color:#f87171; }
.tftpro-tooltip-cat-sona       { background:rgba(34,197,94,.15); color:#4ade80; }
.tftpro-tooltip-cat-default    { background:rgba(148,163,184,.15); color:#94a3b8; }


/* === FLEX COMPS === */
.tftpro-flex-list { display:flex; flex-direction:column; gap:12px; }
.tftpro-flex-block { background:#1e293b; border-radius:10px; padding:12px 16px; border:1px solid #334155; }
.tftpro-flex-name { font-size:14px; font-weight:700; color:#e2e8f0; margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid #334155; }
.tftpro-flex-content { display:grid; grid-template-columns:minmax(280px, 392px) minmax(0, 1fr); align-items:start; gap:14px; }
.tftpro-flex-board { min-width:0; }
.tftpro-flex-units { display:flex; flex-wrap:wrap; gap:8px; align-content:flex-start; padding-top:2px; }
.tftpro-flex-units .tcm-u-img-wrap { width:44px!important; height:44px!important; }
.tftpro-flex-units .tcm-u-name { font-size:9px; max-width:50px; }

/* === DATE === */
.tftpro-date-badge { text-align:center; margin-top:30px; }
.tftpro-date-badge span { display:inline-flex; align-items:center; gap:8px; background:#1e293b; border:1px solid #334155; color:#94a3b8; font-size:14px; padding:8px 20px; border-radius:40px; }

/* === RESPONSIVE === */
@media (max-width:768px) {
    .tftpro-team { padding:16px; margin:15px auto; }
    .tftpro-info-row { grid-template-columns:1fr; }
    .tftpro-carries-grid { gap:16px; }
    .tftpro-cc { width:90px; }
    .tftpro-cc-img { width:64px!important; height:64px!important; }
    .tftpro-cc-items .tftpro-item-tip img { width:22px; height:22px; }
    .tftpro-cc-artifacts .tftpro-item-tip img { width:20px; height:20px; }
    .tftpro-deploy-comp { flex-direction:column; align-items:flex-start; }
    .tftpro-deploy-units .tcm-u-img-wrap { width:36px!important; height:36px!important; }
    .tftpro-deploy-units .tcm-u-name { font-size:8px; max-width:42px; }
    .tftpro-units-row .tcm-u-img-wrap { width:44px!important; height:44px!important; }
    /* Augments bar mobile */
    .tftpro-augs-bar { gap:8px; padding:10px; }
    .tftpro-aug-item { width:58px; }
    .tftpro-aug-icon-img { width:44px; height:44px; border-radius:8px; }
    .tftpro-aug-label { font-size:9px; max-width:58px; }
    /* Tooltip mobile — bottom sheet style */
    .tftpro-tooltip {
        left:8px!important; right:8px!important; bottom:12px!important;
        top:auto!important; max-width:none; min-width:0; width:auto;
        pointer-events:auto; border-radius:14px;
        box-shadow:0 -4px 30px rgba(0,0,0,.5);
    }
}
@media (max-width:480px) {
    .tftpro-carries-grid { gap:10px; }
    .tftpro-cc { width:80px; }
    .tftpro-cc-img { width:56px!important; height:56px!important; }
    .tftpro-cc-name { font-size:11px; }
    .tftpro-cc-items .tftpro-item-tip img { width:18px; height:18px; }
    .tftpro-aug-item { width:52px; }
    .tftpro-aug-icon-img { width:38px; height:38px; border-radius:7px; }
    .tftpro-aug-label { font-size:8px; max-width:52px; }
    .tftpro-augs-bar { gap:6px; padding:8px 10px; }
}


/* ===== Team Code Copy Button ===== */
.tftpro-team-code-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 10px 0 18px;
    padding: 10px 16px;
    background: linear-gradient(135deg, #1a1f2e 0%, #0f1420 100%);
    border: 1px solid rgba(99, 102, 241, 0.35);
    border-radius: 10px;
}
.tftpro-team-code-label {
    font-size: 13px;
    color: #a0a8c0;
    white-space: nowrap;
    font-weight: 500;
}
.tftpro-team-code-value {
    flex: 1;
    min-width: 120px;
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #c7d2fe;
    background: rgba(99, 102, 241, 0.12);
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid rgba(99, 102, 241, 0.25);
}
.tftpro-copy-code-btn {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    border: none;
    border-radius: 8px;
    transition: all 0.2s ease;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.35);
}
.tftpro-copy-code-btn:hover {
    background: linear-gradient(135deg, #818cf8 0%, #6366f1 100%);
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.5);
    transform: translateY(-1px);
}
.tftpro-copy-code-btn:active {
    transform: translateY(0);
}
.tftpro-copy-code-btn.copied {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    box-shadow: 0 2px 8px rgba(34, 197, 94, 0.35);
}

/* Mobile: ẩn label + mã, chỉ giữ nút */
@media (max-width: 600px) {
    .tftpro-team-code-wrap {
        padding: 0;
        background: transparent;
        border: none;
        margin: 6px 0 12px;
    }
    .tftpro-team-code-label,
    .tftpro-team-code-value {
        display: none;
    }
    .tftpro-copy-code-btn {
        width: auto;
        padding: 5px 12px;
        font-size: 12px;
        font-weight: 500;
        border-radius: 7px;
        background: linear-gradient(135deg, #3730a3 0%, #312e81 100%);
        box-shadow: 0 1px 4px rgba(55, 48, 163, 0.4);
    }
    .tftpro-copy-code-btn.copied {
        background: linear-gradient(135deg, #15803d 0%, #166534 100%);
    }
}

/* ===== Auto item builds from TFT Units Page ===== */
.tftpro-carries-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
    gap:14px;
    justify-content:stretch;
    align-items:stretch;
    margin:16px 0;
}
.tftpro-cc-builds {
    width:auto;
    min-width:0;
    align-items:stretch;
    padding:12px;
    border:1px solid rgba(148,163,184,.14);
    border-radius:14px;
    background:linear-gradient(180deg, rgba(30,41,59,.78), rgba(15,23,42,.72));
    box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.tftpro-cc-top {
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(148,163,184,.12);
}
.tftpro-cc-builds .tftpro-cc-img {
    width:58px!important;
    height:58px!important;
    border-radius:11px!important;
    border-width:2px!important;
}
.tftpro-cc-titlebox {
    min-width:0;
    flex:1;
}
.tftpro-cc-builds .tftpro-cc-name {
    margin:0 0 3px;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:14px;
    text-align:left;
}
.tftpro-cc-sub {
    font-size:10px;
    color:#64748b;
    text-transform:uppercase;
    letter-spacing:.04em;
    font-weight:700;
}
.tftpro-cc-build-list {
    display:flex;
    flex-direction:column;
    gap:7px;
}
.tftpro-cc-build-row {
    display:grid;
    grid-template-columns:32px 1fr 54px;
    align-items:center;
    gap:8px;
    padding:7px 8px;
    border-radius:10px;
    border:1px solid rgba(148,163,184,.10);
    background:rgba(15,23,42,.58);
}
.tftpro-cc-build-row-artifact {
    border-color:rgba(245,158,11,.28);
    background:linear-gradient(90deg, rgba(245,158,11,.10), rgba(15,23,42,.58));
}
.tftpro-build-tier {
    width:28px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    font-size:13px;
    font-weight:900;
    border:1px solid rgba(148,163,184,.30);
    background:rgba(148,163,184,.12);
    color:#94a3b8;
}
.tftpro-build-tier-s { background:rgba(245,184,31,.17); border-color:#f5b81f; color:#f5b81f; }
.tftpro-build-tier-a { background:rgba(63,191,116,.16); border-color:#3fbf74; color:#3fbf74; }
.tftpro-build-tier-b { background:rgba(52,163,255,.14); border-color:#34a3ff; color:#34a3ff; }
.tftpro-build-tier-c { background:rgba(148,160,184,.14); border-color:#94a0b8; color:#94a0b8; }
.tftpro-cc-build-items {
    display:flex;
    align-items:center;
    gap:5px;
    min-width:0;
}
.tftpro-cc-build-items .tftpro-item-tip {
    display:inline-flex;
    width:30px;
    height:30px;
    border-radius:7px;
    overflow:hidden;
    background:#0f172a;
    border:1px solid rgba(148,163,184,.22);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.tftpro-cc-build-row-artifact .tftpro-cc-build-items .tftpro-item-tip {
    border-color:rgba(245,158,11,.55);
}
.tftpro-cc-build-items .tftpro-item-tip img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.tftpro-build-label {
    color:#64748b;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
    text-align:right;
    white-space:nowrap;
}
.tftpro-cc-build-row-artifact .tftpro-build-label { color:#f59e0b; }
.tftpro-cc-empty {
    padding:10px;
    border:1px dashed rgba(148,163,184,.25);
    border-radius:10px;
    color:#94a3b8;
    font-size:12px;
    text-align:center;
}

@media (max-width:768px) {
    .tftpro-carries-grid { grid-template-columns:1fr; gap:10px; }
    .tftpro-cc-builds { padding:10px; }
    .tftpro-cc-build-row { grid-template-columns:30px 1fr 48px; gap:6px; padding:6px; }
    .tftpro-cc-build-items .tftpro-item-tip { width:28px; height:28px; }
    .tftpro-cc-builds .tftpro-cc-img { width:52px!important; height:52px!important; }
}

/* Manual Tình Huống item build */
.tftpro-cc-build-row-hero,
.tftpro-cc-build-row-situation {
    border-color:rgba(245,158,11,.35);
    background:linear-gradient(90deg, rgba(245,158,11,.12), rgba(15,23,42,.58));
}
.tftpro-cc-build-row-hero .tftpro-build-tier,
.tftpro-cc-build-row-situation .tftpro-build-tier {
    background:rgba(245,158,11,.16);
    border-color:#f59e0b;
    color:#fbbf24;
}
.tftpro-cc-build-row-hero .tftpro-build-label,
.tftpro-cc-build-row-situation .tftpro-build-label { color:#fbbf24; }

/* ===== Single tft_team title + breadcrumb restored ===== */
.tftpro-single-page {
    width: 100%;
}
.tftpro-single-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 28px 16px 40px;
}
.tftpro-page-header {
    max-width: 900px;
    margin: 0 auto 16px;
    color: #e2e8f0;
}
.tftpro-page-title {
    margin: 8px 0 18px;
    color: #f8fafc;
    font-size: clamp(26px, 3vw, 42px);
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -0.03em;
}
.tftpro-breadcrumb-wrap,
.tftpro-breadcrumb,
.tftpro-breadcrumb-wrap .rank-math-breadcrumb,
.tftpro-breadcrumb-wrap .yoast-breadcrumb {
    color: #94a3b8;
    font-size: 13px;
    line-height: 1.5;
}
.tftpro-breadcrumb,
.tftpro-breadcrumb-wrap .rank-math-breadcrumb p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
}
.tftpro-breadcrumb a,
.tftpro-breadcrumb-wrap .rank-math-breadcrumb a,
.tftpro-breadcrumb-wrap .yoast-breadcrumb a {
    color: #cbd5e1;
    text-decoration: none;
}
.tftpro-breadcrumb a:hover,
.tftpro-breadcrumb-wrap .rank-math-breadcrumb a:hover,
.tftpro-breadcrumb-wrap .yoast-breadcrumb a:hover {
    color: #a78bfa;
}
.tftpro-breadcrumb-sep,
.tftpro-breadcrumb-wrap .separator {
    color: #64748b;
}
@media (max-width: 768px) {
    .tftpro-single-wrap {
        padding: 18px 12px 28px;
    }
    .tftpro-page-title {
        font-size: 24px;
        margin-bottom: 12px;
    }
}


/* ===== Single page title + breadcrumb - compact fix ===== */
body.single-tft_team .tftpro-single-page {
    padding: 0 16px 42px;
}
body.single-tft_team .tftpro-single-wrap {
    max-width: 900px;
    width: 100%;
    margin: 26px auto 0;
    padding: 0;
}
body.single-tft_team .tftpro-page-header {
    max-width: 900px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 14px;
    padding: 14px 18px 16px;
    background: rgba(15, 23, 42, .72);
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 12px;
    box-shadow: 0 8px 28px rgba(0,0,0,.22);
}
body.single-tft_team .tftpro-breadcrumb-wrap,
body.single-tft_team .tftpro-breadcrumb-wrap a,
body.single-tft_team .tftpro-breadcrumb-wrap span,
body.single-tft_team .tftpro-breadcrumb,
body.single-tft_team .rank-math-breadcrumb,
body.single-tft_team .yoast-breadcrumb {
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #94a3b8 !important;
    font-weight: 600 !important;
}
body.single-tft_team .tftpro-breadcrumb-wrap {
    margin: 0 0 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.single-tft_team .tftpro-breadcrumb-wrap a {
    color: #cbd5e1 !important;
    text-decoration: none !important;
}
body.single-tft_team .tftpro-breadcrumb-wrap a:hover {
    color: #a78bfa !important;
}
body.single-tft_team .tftpro-breadcrumb-sep {
    display: inline-block;
    margin: 0 7px;
    color: #64748b !important;
}
body.single-tft_team h1.tftpro-page-title,
body.single-tft_team .tftpro-page-title {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    color: #f8fafc !important;
    font-size: clamp(22px, 2.05vw, 30px) !important;
    line-height: 1.22 !important;
    letter-spacing: -.02em !important;
    font-weight: 800 !important;
    text-transform: none !important;
    max-width: 100%;
}
body.single-tft_team .tftpro-entry-content,
body.single-tft_team .tftpro-entry-content > .tftpro-team:first-child {
    margin-top: 0;
}
body.single-tft_team .tftpro-team {
    margin-top: 0;
}
@media (max-width: 768px) {
    body.single-tft_team .tftpro-single-page { padding: 0 10px 28px; }
    body.single-tft_team .tftpro-single-wrap { margin-top: 14px; }
    body.single-tft_team .tftpro-page-header {
        margin-bottom: 10px;
        padding: 11px 12px 13px;
        border-radius: 10px;
    }
    body.single-tft_team h1.tftpro-page-title,
    body.single-tft_team .tftpro-page-title {
        font-size: 21px !important;
        line-height: 1.28 !important;
    }
    body.single-tft_team .tftpro-breadcrumb-wrap,
    body.single-tft_team .tftpro-breadcrumb-wrap a,
    body.single-tft_team .tftpro-breadcrumb-wrap span,
    body.single-tft_team .tftpro-breadcrumb,
    body.single-tft_team .rank-math-breadcrumb,
    body.single-tft_team .yoast-breadcrumb {
        font-size: 11px !important;
    }
}


/* ===== Force no sidebar for every TFT Team Builder post ===== */
body.single-tft_team.tftpro-no-sidebar #secondary,
body.single-tft_team.tftpro-no-sidebar .secondary,
body.single-tft_team.tftpro-no-sidebar .sidebar,
body.single-tft_team.tftpro-no-sidebar .site-sidebar,
body.single-tft_team.tftpro-no-sidebar .widget-area,
body.single-tft_team.tftpro-no-sidebar aside.widget-area,
body.single-tft_team.tftpro-no-sidebar .primary-sidebar,
body.single-tft_team.tftpro-no-sidebar .bloghash-sidebar,
body.single-tft_team.tftpro-no-sidebar .bloghash-sidebar-container,
body.single-tft_team.tftpro-no-sidebar .bloghash-primary-sidebar {
    display: none !important;
}

body.single-tft_team.tftpro-no-sidebar #primary,
body.single-tft_team.tftpro-no-sidebar .primary,
body.single-tft_team.tftpro-no-sidebar .content-area,
body.single-tft_team.tftpro-no-sidebar .site-main,
body.single-tft_team.tftpro-no-sidebar .main-content,
body.single-tft_team.tftpro-no-sidebar .bloghash-content,
body.single-tft_team.tftpro-no-sidebar .bloghash-primary,
body.single-tft_team.tftpro-no-sidebar .hentry,
body.single-tft_team.tftpro-no-sidebar article {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
}

body.single-tft_team.tftpro-no-sidebar .site-content,
body.single-tft_team.tftpro-no-sidebar .content-sidebar-wrap,
body.single-tft_team.tftpro-no-sidebar .bloghash-content-wrapper,
body.single-tft_team.tftpro-no-sidebar .bloghash-container,
body.single-tft_team.tftpro-no-sidebar .container {
    grid-template-columns: 1fr !important;
}


/* ===== Short intro under TFT Team Builder title ===== */
body.single-tft_team .tftpro-team-intro {
    margin: 10px 0 0;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(30, 41, 59, .72);
    border: 1px solid rgba(148, 163, 184, .14);
    color: #cbd5e1;
    font-size: 14px;
    line-height: 1.7;
}
body.single-tft_team .tftpro-team-intro p {
    margin: 0 0 8px;
}
body.single-tft_team .tftpro-team-intro p:last-child {
    margin-bottom: 0;
}
body.single-tft_team .tftpro-team-intro a {
    color: #a78bfa;
    text-decoration: none;
}
body.single-tft_team .tftpro-team-intro a:hover {
    text-decoration: underline;
}
@media (max-width: 768px) {
    body.single-tft_team .tftpro-team-intro {
        margin-top: 9px;
        padding: 9px 10px;
        font-size: 13px;
        line-height: 1.6;
    }
}

/* ============================================================
   TFT Team Builder Pro — Cyber Full Page Demo Skin v4.3.7
   Scope: only single tft_team pages
   ============================================================ */
body.single-tft_team {
    --bg-deep:        #070b14;
    --bg-panel:       #0d1322;
    --bg-panel-2:     #111a2e;
    --bg-panel-3:     #15203a;
    --bg-elevated:    #1a2540;
    --border-subtle:  rgba(148, 163, 184, 0.10);
    --border-soft:    rgba(148, 163, 184, 0.18);
    --border-glow:    rgba(34, 211, 238, 0.35);
    --text-primary:   #e6edf7;
    --text-secondary: #94a3b8;
    --text-muted:     #64748b;
    --accent:         #22d3ee;
    --accent-soft:    #67e8f9;
    --accent-warm:    #fbbf24;
    --accent-hot:     #f43f5e;
    --accent-purple:  #a855f7;
    --accent-green:   #22c55e;
    --accent-blue:    #3b82f6;
    --cost-1: #6b7280;
    --cost-2: #22c55e;
    --cost-3: #3b82f6;
    --cost-4: #a855f7;
    --cost-5: #fbbf24;
    --tier-s: #fbbf24;
    --tier-a: #a855f7;
    --tier-b: #3b82f6;
    --tier-c: #94a3b8;
    --font-display: 'Rajdhani', sans-serif;
    --font-body: 'Be Vietnam Pro', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, monospace;
    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 16px;
    --r-xl: 20px;
    background-color: var(--bg-deep) !important;
    background-image:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(34, 211, 238, 0.10), transparent 60%),
        radial-gradient(ellipse 60% 40% at 90% 5%, rgba(244, 63, 94, 0.06), transparent 60%),
        linear-gradient(180deg, #070b14 0%, #050810 100%) !important;
    background-attachment: fixed !important;
    color: var(--text-primary);
    font-family: var(--font-body);
}

body.single-tft_team::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image:
        linear-gradient(rgba(148, 163, 184, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.04) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);
    mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);
}

body.single-tft_team a { color: var(--accent-soft); text-decoration: none; }
body.single-tft_team .site,
body.single-tft_team #page,
body.single-tft_team .site-content,
body.single-tft_team .content-area,
body.single-tft_team .site-main { background: transparent !important; }

body.single-tft_team .tftpro-single-page {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 40px 24px 80px !important;
}

body.single-tft_team .tftpro-single-wrap,
body.single-tft_team .tftpro-team {
    max-width: 1100px !important;
    width: 100%;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative;
    z-index: 1;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--text-primary);
    font-family: var(--font-body);
}

/* Breadcrumb */
body.single-tft_team .tftpro-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    margin: 0 0 18px !important;
    padding: 8px 14px !important;
    background: rgba(13, 19, 34, 0.6) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 999px !important;
    width: fit-content;
    max-width: 100%;
    color: var(--text-secondary) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
}
body.single-tft_team .tftpro-breadcrumb a,
body.single-tft_team .tftpro-breadcrumb span { font-size: 13px !important; line-height: 1.4 !important; }
body.single-tft_team .tftpro-breadcrumb a {
    color: var(--text-secondary) !important;
    transition: color .25s, text-shadow .25s;
}
body.single-tft_team .tftpro-breadcrumb a:hover { color: var(--accent-soft) !important; text-shadow: 0 0 12px rgba(34,211,238,.5); }
body.single-tft_team .tftpro-home-icon { display: inline-flex; color: var(--accent) !important; flex: 0 0 auto; }
body.single-tft_team .tftpro-breadcrumb-sep { color: var(--text-muted) !important; font-size: 11px !important; opacity: .7; }
body.single-tft_team .tftpro-breadcrumb-current { color: var(--text-primary) !important; font-weight: 600 !important; min-width: 0; overflow: hidden; text-overflow: ellipsis; }

/* Title */
body.single-tft_team .tftpro-page-header {
    max-width: 1100px !important;
    width: 100%;
    margin: 0 auto 36px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--text-primary) !important;
}
body.single-tft_team .tftpro-page-title-wrap {
    position: relative;
    margin: 0 0 22px !important;
    padding-left: 22px;
}
body.single-tft_team .tftpro-page-title-wrap::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 4px;
    background: linear-gradient(180deg, var(--accent) 0%, var(--accent-hot) 100%);
    border-radius: 2px;
    box-shadow: 0 0 18px rgba(34, 211, 238, 0.6);
}
body.single-tft_team .tftpro-page-title-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 10px;
}
body.single-tft_team .tftpro-page-title-eyebrow::before {
    content: '';
    width: 28px;
    height: 1px;
    background: linear-gradient(90deg, var(--accent), transparent);
}
body.single-tft_team h1.tftpro-page-title,
body.single-tft_team .tftpro-page-title {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-display) !important;
    font-size: clamp(32px, 5vw, 52px) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -.01em !important;
    color: transparent !important;
    background: linear-gradient(180deg, #fff 0%, #e6edf7 50%, #94a3b8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 40px rgba(34,211,238,.15);
    text-transform: none !important;
}
body.single-tft_team .tftpro-title-highlight {
    background: none !important;
    color: #22d3ee !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: #22d3ee !important;
    text-shadow: 0 0 26px rgba(34, 211, 238, .16);
}
body.single-tft_team .tftpro-title-season { font-weight: 500; opacity: .7; }

/* Description card */
body.single-tft_team .tftpro-description-card,
body.single-tft_team .tftpro-team-intro {
    position: relative;
    background:
        linear-gradient(135deg, rgba(34,211,238,.04) 0%, transparent 50%),
        linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: var(--r-lg) !important;
    padding: 24px 28px !important;
    margin: 0 0 36px !important;
    overflow: hidden;
    color: var(--text-secondary) !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
}
body.single-tft_team .tftpro-description-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--accent), transparent);
    opacity: .6;
}
body.single-tft_team .tftpro-corner { position: absolute; width: 16px; height: 16px; border-color: var(--accent); opacity: .5; }
body.single-tft_team .tftpro-corner-tl { top: 10px; left: 10px; border-top: 1.5px solid; border-left: 1.5px solid; }
body.single-tft_team .tftpro-corner-tr { top: 10px; right: 10px; border-top: 1.5px solid; border-right: 1.5px solid; }
body.single-tft_team .tftpro-corner-bl { bottom: 10px; left: 10px; border-bottom: 1.5px solid; border-left: 1.5px solid; }
body.single-tft_team .tftpro-corner-br { bottom: 10px; right: 10px; border-bottom: 1.5px solid; border-right: 1.5px solid; }
body.single-tft_team .tftpro-description-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
body.single-tft_team .tftpro-desc-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-display);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 4px;
    background: rgba(34,211,238,.08);
    color: var(--accent-soft);
    border: 1px solid rgba(34,211,238,.2);
}
body.single-tft_team .tftpro-desc-tag-tier { background: rgba(251,191,36,.08); color: var(--accent-warm); border-color: rgba(251,191,36,.25); }
body.single-tft_team .tftpro-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
body.single-tft_team .tftpro-description-text p { margin: 0 0 10px !important; color: var(--text-secondary) !important; }
body.single-tft_team .tftpro-description-text p:last-child { margin-bottom: 0 !important; }
body.single-tft_team .tftpro-description-text strong { color: var(--text-primary); font-weight: 600; }
body.single-tft_team .tftpro-description-text a { color: var(--accent-soft); }

/* Section headings */
body.single-tft_team .tftpro-section {
    margin: 0 0 36px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
body.single-tft_team .tftpro-section-label {
    display: flex;
    align-items: center;
    gap: 14px;
    font-family: var(--font-display) !important;
    font-size: clamp(22px, 3vw, 28px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -.005em;
    color: var(--text-primary) !important;
    margin: 0 0 18px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid var(--border-subtle) !important;
    position: relative;
}
body.single-tft_team .tftpro-section-label::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 80px;
    background: linear-gradient(90deg, var(--accent), transparent);
}
body.single-tft_team .tftpro-heading-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, rgba(34,211,238,.15), rgba(34,211,238,.05));
    border: 1px solid rgba(34,211,238,.25);
    border-radius: 10px;
    font-size: 18px;
    line-height: 1;
    box-shadow: inset 0 0 12px rgba(34,211,238,.08);
    flex: 0 0 auto;
}
body.single-tft_team .tftpro-heading-icon svg {
    width: 23px;
    height: 23px;
    display: block;
}
body.single-tft_team .tftpro-heading-icon-units {
    color: #67e8f9;
    background: rgba(34,211,238,.12);
    border-color: rgba(103,232,249,.50);
    box-shadow: none;
}
body.single-tft_team .tftpro-heading-icon-units .tftpro-units-svg-fill {
    fill: currentColor;
    filter: none;
}
body.single-tft_team .tftpro-heading-icon-units .tftpro-units-svg-side {
    opacity: .78;
}
body.single-tft_team .tftpro-heading-icon-units .tftpro-units-svg-line {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .9;
}

/* Board card */
body.single-tft_team .tftpro-board-card {
    position: relative;
    background:
        radial-gradient(ellipse at center top, rgba(34,211,238,.08), transparent 60%),
        linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-lg);
    padding: 32px 24px;
    overflow: hidden;
}
body.single-tft_team .tftpro-board-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--accent) 20%, var(--accent) 80%, transparent);
    opacity: .4;
}
body.single-tft_team .tftpro-team-img { text-align: center; margin: 0 0 24px !important; position: relative; z-index: 1; }
body.single-tft_team .tftpro-team-img img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    border: 1px solid rgba(148,163,184,.12);
    background: rgba(7,11,20,.35);
    box-shadow: 0 18px 45px rgba(0,0,0,.25);
}

/* Team code */
body.single-tft_team .tftpro-team-code-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    background: rgba(7, 11, 20, .6) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: var(--r-md) !important;
    padding: 10px 14px !important;
    margin: 16px 0 0 !important;
    position: relative;
    z-index: 1;
}
body.single-tft_team .tftpro-team-code-label { font-size: 13px; color: var(--text-secondary); font-weight: 500; }
body.single-tft_team .tftpro-team-code-value {
    flex: 1;
    min-width: 0;
    font-family: var(--font-mono) !important;
    font-size: 12px !important;
    color: var(--accent-soft) !important;
    background: transparent !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.single-tft_team .tftpro-copy-code-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 6px;
    background: linear-gradient(135deg, rgba(34,211,238,.15), rgba(34,211,238,.05));
    border: 1px solid rgba(34,211,238,.3);
    color: var(--accent-soft);
    cursor: pointer;
    transition: all .2s;
    min-height: 0;
}
body.single-tft_team .tftpro-copy-code-btn:hover { background: linear-gradient(135deg, rgba(34,211,238,.25), rgba(34,211,238,.10)); box-shadow: 0 0 16px rgba(34,211,238,.25); }

/* Info pills */
body.single-tft_team .tftpro-info-row {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    margin: 16px 0 0 !important;
    position: relative;
    z-index: 1;
}
body.single-tft_team .tftpro-info-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,.02) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    font-size: 13px;
    color: var(--text-primary) !important;
}
body.single-tft_team .tftpro-info-label {
    display: inline !important;
    margin: 0 !important;
    font-family: var(--font-display);
    font-size: 11px !important;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--text-muted) !important;
}
body.single-tft_team .tftpro-info-value { color: var(--text-primary); font-weight: 600; }

/* Traits */
body.single-tft_team .tftpro-traits-bar {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px !important;
    margin: 20px 0 0 !important;
    padding: 20px 0 0 !important;
    border-top: 1px dashed var(--border-subtle) !important;
    background: transparent !important;
    border-radius: 0 !important;
    position: relative;
    z-index: 1;
}
body.single-tft_team .tftpro-traits-bar .tcm-trait-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,.02) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 8px !important;
    padding: 6px 12px 6px 8px !important;
    color: var(--text-secondary) !important;
    font-size: 13px !important;
    transition: all .2s;
}
body.single-tft_team .tftpro-traits-bar .tcm-trait-badge:hover { border-color: var(--accent) !important; box-shadow: 0 0 12px rgba(34,211,238,.15); transform: none; }
body.single-tft_team .tftpro-traits-bar .tcm-trait-badge img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    background: var(--bg-elevated);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    padding: 3px;
}
body.single-tft_team .tftpro-traits-bar .tcm-trait-name-text { color: var(--text-secondary); font-weight: 500; }
body.single-tft_team .tftpro-traits-bar .tcm-trait-count {
    background: transparent !important;
    padding: 0 !important;
    font-family: var(--font-display);
    font-weight: 700;
    color: var(--accent-warm);
    font-size: 14px;
}

/* Tips */
body.single-tft_team .tftpro-tips-box {
    background: linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%) !important;
    border: 1px solid var(--border-subtle) !important;
    border-left: 3px solid var(--accent) !important;
    border-radius: var(--r-md) !important;
    padding: 20px 24px !important;
}
body.single-tft_team .tftpro-tip-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
body.single-tft_team .tftpro-tip-list li {
    position: relative;
    list-style: none !important;
    margin: 0 !important;
    padding: 10px 0 10px 28px !important;
    color: var(--text-secondary) !important;
    font-size: 14.5px !important;
    line-height: 1.7 !important;
    border-bottom: 1px dashed var(--border-subtle) !important;
}
body.single-tft_team .tftpro-tip-list li:last-child { border-bottom: none !important; }
body.single-tft_team .tftpro-tip-list li::before {
    content: '' !important;
    position: absolute;
    left: 0;
    top: 18px;
    width: 12px;
    height: 12px;
    background: var(--accent);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    box-shadow: 0 0 8px rgba(34,211,238,.5);
}
body.single-tft_team .tftpro-tip-list li strong { color: var(--text-primary); }

/* Champion grid */
body.single-tft_team .tftpro-units-row {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 12px !important;
    justify-content: stretch !important;
    margin: 0 !important;
}
body.single-tft_team .tftpro-units-row .tftpro-champ-card,
body.single-tft_team .tftpro-deploy-units .tftpro-champ-card,
body.single-tft_team .tftpro-flex-units .tftpro-champ-card {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-md);
    padding: 14px 8px 10px;
    transition: all .25s;
    cursor: pointer;
    min-width: 0;
}
body.single-tft_team .tftpro-units-row .tftpro-champ-card:hover,
body.single-tft_team .tftpro-deploy-units .tftpro-champ-card:hover,
body.single-tft_team .tftpro-flex-units .tftpro-champ-card:hover {
    transform: translateY(-3px);
    border-color: var(--accent);
    box-shadow: 0 8px 24px rgba(0,0,0,.4), 0 0 16px rgba(34,211,238,.15);
}
body.single-tft_team .tftpro-units-row .tcm-u-img-wrap,
body.single-tft_team .tftpro-deploy-units .tcm-u-img-wrap,
body.single-tft_team .tftpro-flex-units .tcm-u-img-wrap {
    border-radius: 50% !important;
    overflow: hidden;
    background: linear-gradient(135deg, var(--bg-elevated), var(--bg-panel-3));
    margin-bottom: 8px;
    border-width: 2px !important;
}
body.single-tft_team .tftpro-units-row .tcm-u-img-wrap img,
body.single-tft_team .tftpro-deploy-units .tcm-u-img-wrap img,
body.single-tft_team .tftpro-flex-units .tcm-u-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.single-tft_team .tftpro-units-row .tcm-u-name,
body.single-tft_team .tftpro-deploy-units .tcm-u-name,
body.single-tft_team .tftpro-flex-units .tcm-u-name {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 14px;
    color: var(--text-primary);
    margin-top: 0;
    max-width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.single-tft_team .tftpro-cost-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    font-family: var(--font-display);
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 4px;
    color: var(--bg-deep);
    background: var(--cost-3);
    z-index: 3;
}
body.single-tft_team .tftpro-cost-1 .tftpro-cost-badge { background: var(--cost-1); }
body.single-tft_team .tftpro-cost-2 .tftpro-cost-badge { background: var(--cost-2); }
body.single-tft_team .tftpro-cost-3 .tftpro-cost-badge { background: var(--cost-3); }
body.single-tft_team .tftpro-cost-4 .tftpro-cost-badge { background: var(--cost-4); }
body.single-tft_team .tftpro-cost-5 .tftpro-cost-badge { background: var(--cost-5); }
body.single-tft_team .tftpro-team .tcm-u-stars { color: var(--accent-warm); text-shadow: 0 0 6px rgba(251,191,36,.55); font-size: 11px; line-height: 14px; height: 14px; }

/* Item build cards */
body.single-tft_team .tftpro-carries-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px !important;
    justify-content: stretch !important;
    margin: 0 !important;
}
body.single-tft_team .tftpro-cc-builds {
    width: 100% !important;
    background: linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: var(--r-lg) !important;
    padding: 20px !important;
    margin: 0 !important;
    align-items: stretch !important;
    box-shadow: none !important;
}
body.single-tft_team .tftpro-cc-top {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 0 16px !important;
    border-bottom: 1px solid var(--border-subtle);
    margin: 0 0 14px !important;
}
body.single-tft_team .tftpro-cc-champ { flex: 0 0 auto; }
body.single-tft_team .tftpro-cc-img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    border-width: 2px !important;
    background: linear-gradient(135deg, var(--bg-elevated), var(--bg-panel-3));
    box-shadow: 0 0 12px rgba(168,85,247,.35);
}
body.single-tft_team .tftpro-cc-titlebox { flex: 1; min-width: 0; }
body.single-tft_team .tftpro-cc-name {
    margin: 0 !important;
    font-family: var(--font-display);
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    line-height: 1.1;
}
body.single-tft_team .tftpro-cc-sub {
    margin-top: 2px;
    font-size: 12px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
}
body.single-tft_team .tftpro-cc-build-list { display: flex; flex-direction: column; gap: 0 !important; }
body.single-tft_team .tftpro-cc-build-row {
    display: grid;
    grid-template-columns: 60px 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 10px 0 !important;
    border: 0 !important;
    border-bottom: 1px dashed var(--border-subtle) !important;
    border-radius: 0 !important;
    background: transparent !important;
}
body.single-tft_team .tftpro-cc-build-row:last-child { border-bottom: none !important; }
body.single-tft_team .tftpro-build-tier {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 700;
    border-radius: 8px;
    position: relative;
    background: rgba(148,163,184,.12);
    color: var(--text-muted);
    border: 1px solid rgba(148,163,184,.3);
}
body.single-tft_team .tftpro-build-tier-s,
body.single-tft_team .tftpro-build-tier-none {
    background: linear-gradient(135deg, rgba(251,191,36,.2), rgba(251,191,36,.05));
    color: var(--tier-s);
    border: 1px solid rgba(251,191,36,.4);
    box-shadow: 0 0 14px rgba(251,191,36,.2), inset 0 0 12px rgba(251,191,36,.1);
}
body.single-tft_team .tftpro-build-tier-a { background: linear-gradient(135deg, rgba(168,85,247,.2), rgba(168,85,247,.05)); color: var(--tier-a); border: 1px solid rgba(168,85,247,.4); }
body.single-tft_team .tftpro-build-tier-b { background: linear-gradient(135deg, rgba(59,130,246,.2), rgba(59,130,246,.05)); color: var(--tier-b); border: 1px solid rgba(59,130,246,.4); }
body.single-tft_team .tftpro-build-tier-c { background: linear-gradient(135deg, rgba(148,163,184,.2), rgba(148,163,184,.05)); color: var(--tier-c); border: 1px solid rgba(148,163,184,.4); }
body.single-tft_team .tftpro-cc-build-items { display: flex; align-items: center; gap: 8px; min-width: 0; }
body.single-tft_team .tftpro-cc-build-items .tftpro-item-tip {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    overflow: hidden;
    background: linear-gradient(135deg, var(--bg-elevated), var(--bg-panel-3));
    border: 1px solid var(--border-soft);
    display: inline-flex;
    transition: all .2s;
    cursor: pointer;
}
body.single-tft_team .tftpro-cc-build-items .tftpro-item-tip:hover { transform: scale(1.1); border-color: var(--accent-warm); box-shadow: 0 0 12px rgba(251,191,36,.3); }
body.single-tft_team .tftpro-cc-build-items .tftpro-item-tip img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.single-tft_team .tftpro-build-label {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--text-muted) !important;
    text-align: right;
    white-space: nowrap;
}

/* Phases */
body.single-tft_team .tftpro-deploy { display: flex; flex-direction: column; gap: 16px; }
body.single-tft_team .tftpro-phase-block {
    background: linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: var(--r-lg) !important;
    padding: 22px !important;
    margin: 0 !important;
    position: relative;
    overflow: hidden;
}
body.single-tft_team .tftpro-phase-early { border-left: 3px solid var(--accent-green) !important; }
body.single-tft_team .tftpro-phase-mid { border-left: 3px solid var(--accent-warm) !important; }
body.single-tft_team .tftpro-phase-late { border-left: 3px solid var(--accent-purple) !important; }
body.single-tft_team .tftpro-phase-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 14px;
}
body.single-tft_team .tftpro-phase-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 !important;
}
body.single-tft_team .tftpro-phase-icon { font-size: 22px; line-height: 1; }
body.single-tft_team .tftpro-deploy-lv {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 4px;
    background: rgba(34,211,238,.1) !important;
    color: var(--accent-soft) !important;
    border: 1px solid rgba(34,211,238,.3) !important;
    white-space: nowrap;
}
body.single-tft_team .tftpro-phase-notes { margin: 0 0 16px !important; color: var(--text-secondary); }
body.single-tft_team .tftpro-phase-notes .tftpro-tip-list li { font-size: 14px !important; padding: 6px 0 6px 24px !important; border: none !important; }
body.single-tft_team .tftpro-phase-notes .tftpro-tip-list li::before { top: 14px; width: 10px; height: 10px; }
body.single-tft_team .tftpro-deploy-comp {
    display: block !important;
    margin: 0 !important;
    padding: 14px 0 0 !important;
    border-top: 1px dashed var(--border-subtle) !important;
}
body.single-tft_team .tftpro-deploy-units,
body.single-tft_team .tftpro-flex-units {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px !important;
}
body.single-tft_team .tftpro-deploy-units .tftpro-champ-card,
body.single-tft_team .tftpro-flex-units .tftpro-champ-card { width: 90px; padding: 10px 6px 8px !important; }
body.single-tft_team .tftpro-deploy-units .tcm-u-img-wrap,
body.single-tft_team .tftpro-flex-units .tcm-u-img-wrap { margin-bottom: 7px; }
body.single-tft_team .tftpro-deploy-units .tcm-u-name,
body.single-tft_team .tftpro-flex-units .tcm-u-name { font-size: 12px; max-width: 82px; }

/* Augments */
body.single-tft_team .tftpro-augs-bar {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    align-items: stretch !important;
    justify-content: stretch !important;
}
body.single-tft_team .tftpro-aug-item {
    width: auto !important;
    background: linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: var(--r-md) !important;
    padding: 14px 10px 12px !important;
    text-align: center;
    transition: all .25s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
body.single-tft_team .tftpro-aug-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--accent-warm), transparent);
    opacity: 0;
    transition: opacity .25s;
}
body.single-tft_team .tftpro-aug-item:hover {
    transform: translateY(-3px);
    border-color: var(--accent-warm) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.4), 0 0 16px rgba(251,191,36,.15);
}
body.single-tft_team .tftpro-aug-item:hover::before { opacity: 1; }
body.single-tft_team .tftpro-aug-icon-img {
    width: 56px !important;
    height: 56px !important;
    margin: 0 auto 10px !important;
    background: linear-gradient(135deg, var(--bg-elevated), var(--bg-panel-3));
    border: 1px solid rgba(251,191,36,.3) !important;
    border-radius: 8px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 12px rgba(251,191,36,.08);
    transition: all .25s;
}
body.single-tft_team .tftpro-aug-icon-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 7px; display: block; }
body.single-tft_team .tftpro-aug-icon-img .tftpro-aug-fb { width: 100%; height: 100%; align-items: center; justify-content: center; color: var(--accent-warm); font-family: var(--font-display); font-weight: 700; }
body.single-tft_team .tftpro-aug-label {
    font-family: var(--font-display);
    font-size: 13px !important;
    font-weight: 600;
    color: var(--text-primary) !important;
    line-height: 1.3;
    max-width: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    display: block;
}

/* Flex comps */
body.single-tft_team .tftpro-flex-list { display: flex; flex-direction: column; gap: 16px; }
body.single-tft_team .tftpro-flex-block {
    background: linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-lg);
    padding: 18px;
}
body.single-tft_team .tftpro-flex-name { font-family: var(--font-display); font-size: 18px; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; }

/* Footer meta */
body.single-tft_team .tftpro-date-badge {
    margin: 32px 0 0 !important;
    padding: 14px 18px !important;
    background: rgba(255,255,255,.02) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: var(--r-md) !important;
    font-size: 13px;
    color: var(--text-muted) !important;
    display: flex;
    align-items: center;
    gap: 8px;
}
body.single-tft_team .tftpro-date-icon { color: var(--accent); }
body.single-tft_team .tftpro-date-badge strong { color: var(--text-secondary); font-weight: 600; }

/* Tooltip keeps same function, reskinned */
body.single-tft_team .tftpro-tooltip {
    background: rgba(13, 19, 34, .98) !important;
    border: 1px solid rgba(34,211,238,.25) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.45), 0 0 18px rgba(34,211,238,.12) !important;
    color: var(--text-primary) !important;
    font-family: var(--font-body) !important;
}

/* Animations */
@keyframes tftproRise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
body.single-tft_team .tftpro-breadcrumb { animation: tftproRise .5s ease-out 0.0s both; }
body.single-tft_team .tftpro-page-title-wrap { animation: tftproRise .5s ease-out 0.1s both; }
body.single-tft_team .tftpro-description-card { animation: tftproRise .5s ease-out 0.2s both; }
body.single-tft_team .tftpro-section { animation: tftproRise .5s ease-out 0.3s both; }

/* Responsive */
@media (max-width: 768px) {
    body.single-tft_team .tftpro-single-page { padding: 24px 12px 60px !important; }
    body.single-tft_team .tftpro-page-title-wrap { padding-left: 16px; }
    body.single-tft_team h1.tftpro-page-title,
    body.single-tft_team .tftpro-page-title { font-size: clamp(28px, 9vw, 38px) !important; }
    body.single-tft_team .tftpro-breadcrumb { width: 100%; border-radius: 16px !important; gap: 7px; }
    body.single-tft_team .tftpro-breadcrumb-current { max-width: 100%; }
    body.single-tft_team .tftpro-description-card,
    body.single-tft_team .tftpro-board-card,
    body.single-tft_team .tftpro-tips-box,
    body.single-tft_team .tftpro-cc-builds,
    body.single-tft_team .tftpro-phase-block,
    body.single-tft_team .tftpro-flex-block { padding: 18px !important; }
    body.single-tft_team .tftpro-units-row { grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 10px !important; }
    body.single-tft_team .tftpro-carries-grid { grid-template-columns: 1fr; }
    body.single-tft_team .tftpro-cc-build-row { grid-template-columns: 44px 1fr; gap: 10px; }
    body.single-tft_team .tftpro-build-label { grid-column: 2; text-align: left; font-size: 10px; }
    body.single-tft_team .tftpro-build-tier { width: 40px; height: 40px; font-size: 19px; }
    body.single-tft_team .tftpro-cc-build-items .tftpro-item-tip { width: 36px; height: 36px; }
    body.single-tft_team .tftpro-augs-bar { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); }
    body.single-tft_team .tftpro-info-row { display: grid !important; grid-template-columns: 1fr; }
    body.single-tft_team .tftpro-info-item { width: 100%; justify-content: space-between; }
}

@media (max-width: 420px) {
    body.single-tft_team .tftpro-single-page { padding-left: 10px !important; padding-right: 10px !important; }
    body.single-tft_team .tftpro-section-label { font-size: 22px !important; gap: 10px; }
    body.single-tft_team .tftpro-heading-icon { width: 32px; height: 32px; }
    body.single-tft_team .tftpro-units-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.single-tft_team .tftpro-units-row .tftpro-champ-card { padding: 12px 6px 9px !important; }
    body.single-tft_team .tftpro-units-row .tcm-u-img-wrap { width: 54px !important; height: 54px !important; }
    body.single-tft_team .tftpro-units-row .tcm-u-name { font-size: 12px; }
    body.single-tft_team .tftpro-deploy-units .tftpro-champ-card,
    body.single-tft_team .tftpro-flex-units .tftpro-champ-card { width: 78px; }
}

/* === v4.3.8: Intro card exact typography + rich color spans === */
body.single-tft_team .tftpro-description-card,
body.single-tft_team .tftpro-team-intro {
    background:
        linear-gradient(135deg, rgba(34,211,238,.04) 0%, transparent 50%),
        linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: var(--r-lg) !important;
    padding: 24px 28px !important;
    margin-bottom: 36px !important;
    overflow: hidden !important;
    font-family: var(--font-body) !important;
}
body.single-tft_team .tftpro-description-card::before,
body.single-tft_team .tftpro-team-intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--accent), transparent);
    opacity: .6;
}
body.single-tft_team .tftpro-description-text,
body.single-tft_team .tftpro-description-text p,
body.single-tft_team .tftpro-description-text span,
body.single-tft_team .tftpro-description-text strong {
    font-family: var(--font-body) !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    letter-spacing: 0 !important;
}
body.single-tft_team .tftpro-description-text,
body.single-tft_team .tftpro-description-text p {
    color: var(--text-secondary) !important;
    font-weight: 400 !important;
}
body.single-tft_team .tftpro-description-text strong,
body.single-tft_team .tftpro-description-text .white,
body.single-tft_team .tftpro-description-text .tftpro-intro-white {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
}
body.single-tft_team .tftpro-description-text .key,
body.single-tft_team .tftpro-description-text .tftpro-intro-key,
body.single-tft_team .tftpro-description-text .blue {
    color: var(--accent-soft) !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}
body.single-tft_team .tftpro-description-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
}
body.single-tft_team .tftpro-desc-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: var(--font-display) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
    background: rgba(34,211,238,.08) !important;
    color: var(--accent-soft) !important;
    border: 1px solid rgba(34,211,238,.2) !important;
}
body.single-tft_team .tftpro-desc-tag-tier {
    background: rgba(251,191,36,.08) !important;
    color: var(--accent-warm) !important;
    border-color: rgba(251,191,36,.25) !important;
}
body.single-tft_team .tftpro-dot {
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    border-radius: 50% !important;
    background: currentColor !important;
    box-shadow: 0 0 8px currentColor !important;
}


/* === v4.3.9: Fix khoảng trống dưới H1 do phần season bị transparent === */
body.single-tft_team .tftpro-page-title-wrap {
    margin-bottom: 18px !important;
}

body.single-tft_team .tftpro-page-title-wrap::before {
    top: 6px !important;
    bottom: 6px !important;
}

body.single-tft_team .tftpro-title-season {
    display: inline !important;
    font-weight: 500 !important;
    opacity: .72 !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: #94a3b8 !important;
    color: #94a3b8 !important;
    text-shadow: none !important;
}

@media (max-width: 768px) {
    body.single-tft_team .tftpro-title-season {
        display: block !important;
        margin-top: 4px !important;
        font-size: .88em !important;
        line-height: 1.15 !important;
    }
}


/* === v4.4.0: Remove hidden title suffix line-box causing blank space under H1 === */
body.single-tft_team .tftpro-title-season {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}
body.single-tft_team .tftpro-page-title {
    margin-bottom: 0 !important;
}
body.single-tft_team .tftpro-page-title-wrap {
    margin-bottom: 18px !important;
}


/* === v4.4.1: Clean board image + match champion unit-card background === */
body.single-tft_team .tftpro-section-board .tftpro-team-img {
    width: 100% !important;
    margin: 4px 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.single-tft_team .tftpro-section-board .tftpro-team-img img {
    display: block !important;
    width: 75% !important;
    max-width: 75% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

body.single-tft_team .tftpro-units-row {
    grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
}

body.single-tft_team .tftpro-units-row .tftpro-champ-card {
    min-height: 120px !important;
    justify-content: center !important;
    padding: 14px 10px 12px !important;
    background: linear-gradient(180deg, #111a2e 0%, #0d1526 100%) !important;
    border: 1px solid rgba(148, 163, 184, .14) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    transform: none !important;
}

body.single-tft_team .tftpro-units-row .tftpro-champ-card:hover {
    transform: none !important;
    background: linear-gradient(180deg, #132039 0%, #0f1a30 100%) !important;
    border-color: rgba(34, 211, 238, .55) !important;
    box-shadow: 0 0 0 1px rgba(34, 211, 238, .12) !important;
}

body.single-tft_team .tftpro-units-row .tcm-u-stars {
    position: absolute !important;
    top: 6px !important;
    left: 8px !important;
    right: auto !important;
    height: auto !important;
    line-height: 1 !important;
    z-index: 4 !important;
}

body.single-tft_team .tftpro-units-row .tftpro-cost-badge {
    top: 7px !important;
    right: 7px !important;
    z-index: 5 !important;
}

body.single-tft_team .tftpro-units-row .tcm-u-img-wrap {
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto 8px !important;
    border-radius: 50% !important;
    background: #0d1322 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body.single-tft_team .tftpro-units-row .tcm-u-img-wrap a,
body.single-tft_team .tftpro-units-row .tcm-u-img-wrap img,
body.single-tft_team .tftpro-units-row .tcm-u-fb {
    border-radius: 50% !important;
}

body.single-tft_team .tftpro-units-row .tcm-u-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    box-shadow: none !important;
    filter: none !important;
}

body.single-tft_team .tftpro-units-row .tcm-u-name {
    font-size: 13px !important;
    line-height: 1.2 !important;
    color: #e6edf7 !important;
    max-width: 96px !important;
    margin: 0 auto !important;
}

@media (max-width: 768px) {
    body.single-tft_team .tftpro-section-board .tftpro-team-img img {
        width: 100% !important;
        max-width: 100% !important;
    }
    body.single-tft_team .tftpro-units-row {
        grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)) !important;
    }
}


/* === v4.4.2: Fix Tướng Trong Đội Hình layout giống demo, không bị giãn/truncate === */
body.single-tft_team .tftpro-units-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-tft_team .tftpro-units-row .tftpro-champ-card {
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
    height: 120px !important;
    min-height: 120px !important;
    padding: 12px 10px 10px !important;
    box-sizing: border-box !important;
    justify-content: flex-start !important;
    background: linear-gradient(180deg, #111827 0%, #0d1322 100%) !important;
    border: 1px solid rgba(148, 163, 184, .14) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    outline: 0 !important;
    transform: none !important;
}

body.single-tft_team .tftpro-units-row .tftpro-champ-card:hover {
    transform: none !important;
    background: linear-gradient(180deg, #111827 0%, #0d1322 100%) !important;
    border-color: rgba(34, 211, 238, .85) !important;
    box-shadow: 0 0 0 1px rgba(34, 211, 238, .45) !important;
}

body.single-tft_team .tftpro-units-row .tcm-u-img-wrap {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    margin: 8px auto 9px !important;
    border-radius: 50% !important;
    background: #0d1322 !important;
    border-width: 2px !important;
    box-shadow: none !important;
    outline: 0 !important;
    overflow: hidden !important;
}

body.single-tft_team .tftpro-units-row .tcm-u-img-wrap a,
body.single-tft_team .tftpro-units-row .tcm-u-img-wrap img,
body.single-tft_team .tftpro-units-row .tcm-u-fb {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    outline: 0 !important;
}

body.single-tft_team .tftpro-units-row .tcm-u-img-wrap img {
    object-fit: cover !important;
    filter: none !important;
}

body.single-tft_team .tftpro-units-row .tcm-u-name {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-display) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #e6edf7 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body.single-tft_team .tftpro-units-row .tftpro-cost-badge {
    top: 8px !important;
    right: 8px !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 5px !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

body.single-tft_team .tftpro-units-row .tcm-u-stars {
    top: 7px !important;
    left: 8px !important;
    height: 14px !important;
    line-height: 14px !important;
    font-size: 10px !important;
    text-shadow: none !important;
}

@media (max-width: 768px) {
    body.single-tft_team .tftpro-units-row {
        gap: 10px !important;
    }
    body.single-tft_team .tftpro-units-row .tftpro-champ-card {
        width: calc(33.333% - 7px) !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 112px !important;
        min-height: 112px !important;
    }
    body.single-tft_team .tftpro-units-row .tcm-u-img-wrap {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        min-height: 54px !important;
    }
}


/* === v4.4.4: Mobile safe side gap 10px, tránh card dính sát 2 mép màn hình === */
@media (max-width: 768px) {
    html,
    body.single-tft_team {
        overflow-x: hidden !important;
    }

    body.single-tft_team .tftpro-single-page {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 22px !important;
        padding-bottom: 56px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    body.single-tft_team .tftpro-single-wrap,
    body.single-tft_team .tftpro-team,
    body.single-tft_team .tftpro-page-header,
    body.single-tft_team .tftpro-entry-content {
        width: 100% !important;
        max-width: calc(100vw - 20px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body.single-tft_team .tftpro-description-card,
    body.single-tft_team .tftpro-board-card,
    body.single-tft_team .tftpro-tips-box,
    body.single-tft_team .tftpro-cc-builds,
    body.single-tft_team .tftpro-phase-block,
    body.single-tft_team .tftpro-flex-block {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 420px) {
    body.single-tft_team .tftpro-single-page {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}


/* === v4.4.5: Mobile Trang Bị Gợi Ý hiển thị 2 cột tướng, card gọn hơn === */
@media (max-width: 768px) {
    body.single-tft_team .tftpro-carries-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    body.single-tft_team .tftpro-cc-builds {
        min-width: 0 !important;
        width: 100% !important;
        padding: 12px !important;
        border-radius: 14px !important;
        background:
            radial-gradient(circle at 18% 0%, rgba(34, 211, 238, .06), transparent 38%),
            linear-gradient(180deg, rgba(13, 19, 34, .98) 0%, rgba(17, 26, 46, .98) 100%) !important;
        border: 1px solid rgba(148, 163, 184, .14) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
        overflow: hidden !important;
    }

    body.single-tft_team .tftpro-cc-top {
        gap: 8px !important;
        padding: 0 0 10px !important;
        margin: 0 0 8px !important;
        border-bottom: 1px solid rgba(148, 163, 184, .12) !important;
    }

    body.single-tft_team .tftpro-cc-builds .tftpro-cc-img {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        border-width: 1.5px !important;
        box-shadow: 0 0 10px rgba(251,191,36,.18) !important;
    }

    body.single-tft_team .tftpro-cc-titlebox {
        min-width: 0 !important;
        overflow: hidden !important;
    }

    body.single-tft_team .tftpro-cc-name {
        font-size: 17px !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.single-tft_team .tftpro-cc-sub {
        margin-top: 4px !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        letter-spacing: .09em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.single-tft_team .tftpro-cc-build-list {
        gap: 0 !important;
    }

    body.single-tft_team .tftpro-cc-build-row {
        grid-template-columns: 32px minmax(0, 1fr) !important;
        gap: 7px !important;
        padding: 8px 0 !important;
        align-items: center !important;
        border-bottom: 1px dashed rgba(148, 163, 184, .11) !important;
    }

    body.single-tft_team .tftpro-build-tier {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        border-radius: 8px !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    body.single-tft_team .tftpro-cc-build-items {
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        flex-wrap: nowrap !important;
        overflow: visible !important;
    }

    body.single-tft_team .tftpro-cc-build-items .tftpro-item-tip {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        border-radius: 7px !important;
        border-color: rgba(148, 163, 184, .20) !important;
        background: rgba(15, 23, 42, .82) !important;
    }

    body.single-tft_team .tftpro-build-label {
        grid-column: 2 !important;
        display: block !important;
        margin-top: -4px !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
        letter-spacing: .08em !important;
        text-align: left !important;
        color: rgba(148, 163, 184, .72) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

@media (max-width: 380px) {
    body.single-tft_team .tftpro-carries-grid {
        gap: 8px !important;
    }

    body.single-tft_team .tftpro-cc-builds {
        padding: 10px !important;
    }

    body.single-tft_team .tftpro-cc-name {
        font-size: 15px !important;
    }

    body.single-tft_team .tftpro-cc-sub {
        font-size: 9px !important;
    }

    body.single-tft_team .tftpro-cc-build-row {
        grid-template-columns: 28px minmax(0, 1fr) !important;
        gap: 6px !important;
        padding: 7px 0 !important;
    }

    body.single-tft_team .tftpro-build-tier {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        font-size: 14px !important;
        border-radius: 7px !important;
    }

    body.single-tft_team .tftpro-cc-build-items {
        gap: 4px !important;
    }

    body.single-tft_team .tftpro-cc-build-items .tftpro-item-tip {
        width: 27px !important;
        height: 27px !important;
        min-width: 27px !important;
    }
}

/* === v4.4.6: Mobile Triển Khai Đội Hình gọn hơn, bỏ nền sau icon tướng === */
@media (max-width: 768px) {
    body.single-tft_team .tftpro-deploy {
        gap: 14px !important;
    }

    body.single-tft_team .tftpro-phase-block {
        padding: 16px 12px 14px !important;
    }

    body.single-tft_team .tftpro-phase-notes {
        margin-bottom: 12px !important;
    }

    body.single-tft_team .tftpro-deploy-comp {
        padding: 12px 0 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border-top: 1px dashed rgba(148, 163, 184, .10) !important;
    }

    body.single-tft_team .tftpro-deploy-units {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px 9px !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
    }

    body.single-tft_team .tftpro-deploy-units .tftpro-champ-card {
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.single-tft_team .tftpro-deploy-units .tftpro-champ-card:hover {
        transform: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    body.single-tft_team .tftpro-deploy-units .tcm-u-img-wrap {
        width: 44px !important;
        height: 44px !important;
        margin: 0 auto 4px !important;
        border-radius: 50% !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    body.single-tft_team .tftpro-deploy-units .tcm-u-name {
        width: 52px !important;
        max-width: 52px !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
        margin: 0 !important;
        text-align: center !important;
        color: rgba(230, 237, 247, .92) !important;
    }

    body.single-tft_team .tftpro-deploy-units .tftpro-cost-badge {
        top: -3px !important;
        right: 2px !important;
        min-width: 16px !important;
        height: 16px !important;
        padding: 1px 5px !important;
        font-size: 9px !important;
        line-height: 14px !important;
        border-radius: 5px !important;
    }

    body.single-tft_team .tftpro-deploy-units .tcm-u-stars {
        height: 10px !important;
        line-height: 10px !important;
        font-size: 9px !important;
        margin-bottom: -2px !important;
    }
}

@media (max-width: 380px) {
    body.single-tft_team .tftpro-deploy-units {
        gap: 7px 8px !important;
    }

    body.single-tft_team .tftpro-deploy-units .tftpro-champ-card {
        width: 49px !important;
        min-width: 49px !important;
        max-width: 49px !important;
    }

    body.single-tft_team .tftpro-deploy-units .tcm-u-img-wrap {
        width: 42px !important;
        height: 42px !important;
    }

    body.single-tft_team .tftpro-deploy-units .tcm-u-name {
        width: 49px !important;
        max-width: 49px !important;
        font-size: 10px !important;
    }
}

/* === v4.4.7: Mobile tộc hệ full width, không rớt dòng lẻ === */
@media (max-width: 768px) {
    body.single-tft_team .tftpro-traits-bar {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 6px !important;
        margin: 14px 0 0 !important;
        padding: 14px 0 0 !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    body.single-tft_team .tftpro-traits-bar::-webkit-scrollbar {
        display: none !important;
    }

    body.single-tft_team .tftpro-traits-bar .tcm-trait-badge {
        flex: 1 0 52px !important;
        min-width: 52px !important;
        max-width: none !important;
        height: 38px !important;
        justify-content: center !important;
        gap: 5px !important;
        padding: 6px 7px !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
    }

    body.single-tft_team .tftpro-traits-bar .tcm-trait-name-text {
        display: none !important;
    }

    body.single-tft_team .tftpro-traits-bar .tcm-trait-badge img {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        flex: 0 0 22px !important;
        padding: 3px !important;
    }

    body.single-tft_team .tftpro-traits-bar .tcm-trait-count {
        min-width: 14px !important;
        text-align: center !important;
        font-size: 13px !important;
        line-height: 1 !important;
    }
}

@media (max-width: 380px) {
    body.single-tft_team .tftpro-traits-bar {
        gap: 5px !important;
    }

    body.single-tft_team .tftpro-traits-bar .tcm-trait-badge {
        flex-basis: 48px !important;
        min-width: 48px !important;
        height: 36px !important;
        padding: 5px 6px !important;
    }

    body.single-tft_team .tftpro-traits-bar .tcm-trait-badge img {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        flex-basis: 20px !important;
    }
}

/* Rich highlight tags inserted from the admin formatter */
body.single-tft_team .tftpro-description-text strong,
body.single-tft_team .tftpro-tips-box strong,
body.single-tft_team .tftpro-phase-notes strong,
body.single-tft_team .tftpro-info-value strong,
body.single-tft_team .tftpro-description-text .white,
body.single-tft_team .tftpro-tips-box .white,
body.single-tft_team .tftpro-phase-notes .white,
body.single-tft_team .tftpro-info-value .white,
body.single-tft_team .tftpro-description-text .tftpro-intro-white,
body.single-tft_team .tftpro-tips-box .tftpro-intro-white,
body.single-tft_team .tftpro-phase-notes .tftpro-intro-white,
body.single-tft_team .tftpro-info-value .tftpro-intro-white {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
}
body.single-tft_team .tftpro-description-text .key,
body.single-tft_team .tftpro-tips-box .key,
body.single-tft_team .tftpro-phase-notes .key,
body.single-tft_team .tftpro-info-value .key,
body.single-tft_team .tftpro-description-text .blue,
body.single-tft_team .tftpro-tips-box .blue,
body.single-tft_team .tftpro-phase-notes .blue,
body.single-tft_team .tftpro-info-value .blue,
body.single-tft_team .tftpro-description-text .tftpro-intro-key,
body.single-tft_team .tftpro-tips-box .tftpro-intro-key,
body.single-tft_team .tftpro-phase-notes .tftpro-intro-key,
body.single-tft_team .tftpro-info-value .tftpro-intro-key {
    color: var(--accent-soft) !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}
body.single-tft_team .tftpro-date-badge {
    flex-wrap: wrap;
}
body.single-tft_team .tftpro-date-sep {
    color: var(--border-strong);
    opacity: .75;
}


/* === v4.5.6: Hex board tự động cho Đầu/Giữa/Cuối game === */
body.single-tft_team .tftpro-deploy-comp {
    display: grid !important;
    grid-template-columns: minmax(280px, 392px) minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 16px !important;
}

body.single-tft_team .tftpro-deploy-board-wrap {
    width: 100% !important;
    max-width: 392px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 14px 12px 12px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(34, 211, 238, .16) !important;
    background:
        radial-gradient(circle at 20% 15%, rgba(34, 211, 238, .12), transparent 34%),
        radial-gradient(circle at 80% 86%, rgba(168, 85, 247, .12), transparent 34%),
        linear-gradient(180deg, rgba(19, 28, 50, .94), rgba(16, 24, 43, .88)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 12px 28px rgba(0,0,0,.18) !important;
}

body.single-tft_team .tftpro-mini-board {
    width: max-content !important;
    min-width: 340px !important;
    margin: 0 auto !important;
    padding: 2px 0 0 !important;
}

body.single-tft_team .tftpro-board-row {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    height: 45px !important;
    margin: 0 0 2px !important;
}

body.single-tft_team .tftpro-board-row-offset {
    margin-left: 24px !important;
}

body.single-tft_team .tftpro-board-cell {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    position: relative !important;
}

body.single-tft_team .tftpro-board-hex,
body.single-tft_team .tftpro-board-hex-inner {
    position: absolute !important;
    inset: 0 !important;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%) !important;
}

body.single-tft_team .tftpro-board-hex {
    background: linear-gradient(135deg, rgba(83, 103, 151, .62), rgba(30, 41, 71, .56)) !important;
    filter: drop-shadow(0 3px 4px rgba(0,0,0,.20)) !important;
}

body.single-tft_team .tftpro-board-hex-inner {
    inset: 2px !important;
    background: rgba(12, 17, 36, .76) !important;
}

body.single-tft_team .tftpro-board-cell.has-unit .tftpro-board-hex {
    background: var(--unit-border, #22d3ee) !important;
    filter: drop-shadow(0 0 8px rgba(34,211,238,.28)) drop-shadow(0 4px 5px rgba(0,0,0,.34)) !important;
}

body.single-tft_team .tftpro-board-unit {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    color: #fff !important;
}

body.single-tft_team .tftpro-board-champ-img,
body.single-tft_team .tftpro-board-fb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

body.single-tft_team .tftpro-board-fb {
    align-items: center !important;
    justify-content: center !important;
    font-family: var(--font-display) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    background: rgba(15,23,42,.86) !important;
}

body.single-tft_team .tftpro-board-cost {
    position: absolute !important;
    top: 1px !important;
    right: 3px !important;
    min-width: 14px !important;
    height: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 4 !important;
    border-radius: 4px !important;
    background: rgba(15, 23, 42, .72) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;
}

body.single-tft_team .tftpro-board-stars {
    position: absolute !important;
    left: 50% !important;
    top: -1px !important;
    transform: translateX(-50%) !important;
    z-index: 5 !important;
    color: #facc15 !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: -1px !important;
    text-shadow: 0 0 6px rgba(250,204,21,.65), 0 1px 2px rgba(0,0,0,.7) !important;
    pointer-events: none !important;
}

body.single-tft_team .tftpro-board-items {
    position: absolute !important;
    right: 1px !important;
    bottom: 1px !important;
    z-index: 6 !important;
    display: flex !important;
    gap: 1px !important;
    pointer-events: none !important;
}

body.single-tft_team .tftpro-board-items img {
    width: 11px !important;
    height: 11px !important;
    border-radius: 2px !important;
    border: 1px solid rgba(255,255,255,.35) !important;
    background: rgba(15,23,42,.72) !important;
    object-fit: cover !important;
}

body.single-tft_team .tftpro-deploy-comp .tftpro-deploy-units {
    align-content: flex-start !important;
    padding-top: 2px !important;
}

/* === v4.5.9: Tự tính tộc hệ từng giai đoạn dưới board hex === */
body.single-tft_team .tftpro-deploy-traits-wrap {
    min-width: 340px !important;
    margin: 10px auto 0 !important;
    padding-top: 10px !important;
    border-top: 1px dashed rgba(148, 163, 184, .22) !important;
}

body.single-tft_team .tftpro-deploy-traits-title {
    display: block !important;
    margin: 0 0 7px !important;
    font-family: var(--font-display) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: rgba(226, 232, 240, .72) !important;
}

body.single-tft_team .tftpro-deploy-traits {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
}

body.single-tft_team .tftpro-deploy-traits .tcm-trait-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 28px !important;
    padding: 4px 8px 4px 6px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(148, 163, 184, .18) !important;
    background: rgba(15, 23, 42, .42) !important;
    color: rgba(226, 232, 240, .86) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.single-tft_team .tftpro-deploy-traits .tcm-trait-badge img {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    object-fit: contain !important;
    padding: 2px !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,.06) !important;
}

body.single-tft_team .tftpro-deploy-traits .tcm-trait-name-text {
    color: rgba(226, 232, 240, .84) !important;
}

body.single-tft_team .tftpro-deploy-traits .tcm-trait-count {
    min-width: 14px !important;
    height: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    border-radius: 5px !important;
    background: rgba(34, 211, 238, .14) !important;
    color: #67e8f9 !important;
    font-family: var(--font-display) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

@media (max-width: 768px) {
    body.single-tft_team .tftpro-deploy-comp {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    body.single-tft_team .tftpro-deploy-comp .tftpro-deploy-units {
        order: 1 !important;
        width: 100% !important;
    }

    body.single-tft_team .tftpro-deploy-comp .tftpro-deploy-board-wrap {
        order: 2 !important;
        width: 100% !important;
    }

    body.single-tft_team .tftpro-deploy-board-wrap {
        max-width: 100% !important;
        padding: 12px 10px !important;
    }

    body.single-tft_team .tftpro-deploy-traits-wrap {
        min-width: 318px !important;
        width: max-content !important;
        max-width: 100% !important;
        margin-top: 9px !important;
    }

    body.single-tft_team .tftpro-deploy-traits {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    body.single-tft_team .tftpro-deploy-traits::-webkit-scrollbar {
        display: none !important;
    }

    body.single-tft_team .tftpro-deploy-traits .tcm-trait-badge {
        flex: 0 0 auto !important;
    }

    body.single-tft_team .tftpro-mini-board {
        min-width: 318px !important;
    }

    body.single-tft_team .tftpro-board-row {
        gap: 5px !important;
        height: 41px !important;
    }

    body.single-tft_team .tftpro-board-row-offset {
        margin-left: 22px !important;
    }

    body.single-tft_team .tftpro-board-cell {
        width: 39px !important;
        height: 39px !important;
        flex-basis: 39px !important;
    }
}

@media (max-width: 380px) {
    body.single-tft_team .tftpro-deploy-traits-wrap {
        min-width: 292px !important;
    }

    body.single-tft_team .tftpro-deploy-traits .tcm-trait-name-text {
        display: none !important;
    }

    body.single-tft_team .tftpro-deploy-traits .tcm-trait-badge {
        min-width: 48px !important;
        justify-content: center !important;
        padding: 4px 6px !important;
    }

    body.single-tft_team .tftpro-mini-board {
        min-width: 292px !important;
    }

    body.single-tft_team .tftpro-board-row {
        gap: 4px !important;
        height: 38px !important;
    }

    body.single-tft_team .tftpro-board-row-offset {
        margin-left: 20px !important;
    }

    body.single-tft_team .tftpro-board-cell {
        width: 36px !important;
        height: 36px !important;
        flex-basis: 36px !important;
    }
}


/* === v4.5.10: Ẩn tên tộc hệ trong phần traits dưới board, chỉ giữ icon + số mốc === */
body.single-tft_team .tftpro-deploy-traits .tcm-trait-name-text {
    display: none !important;
}

body.single-tft_team .tftpro-deploy-traits .tcm-trait-badge {
    gap: 4px !important;
    min-width: 48px !important;
    justify-content: center !important;
    padding: 4px 6px !important;
}

body.single-tft_team .tftpro-deploy-traits .tcm-trait-badge img {
    margin: 0 !important;
}

body.single-tft_team .tftpro-deploy-traits .tcm-trait-count {
    min-width: 16px !important;
}


/* === v4.5.11: Bỏ tiêu đề Tộc Hệ dưới board hex === */
body.single-tft_team .tftpro-deploy-traits-title {
    display: none !important;
}
body.single-tft_team .tftpro-deploy-traits-wrap {
    padding-top: 8px !important;
}


/* === v4.5.12: Board hex + tộc hệ cho Đội Hình Flex Khác === */
body.single-tft_team .tftpro-flex-block .tftpro-deploy-board-wrap {
    width: 100% !important;
}

body.single-tft_team .tftpro-flex-content .tftpro-flex-units {
    align-content: flex-start !important;
}

@media (max-width: 768px) {
    body.single-tft_team .tftpro-flex-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    body.single-tft_team .tftpro-flex-units {
        order: 1 !important;
        width: 100% !important;
    }

    body.single-tft_team .tftpro-flex-board {
        order: 2 !important;
        width: 100% !important;
    }
}


/* === v4.5.13: Ghi chú đẹp cho Đội Hình Flex Khác === */
body.single-tft_team .tftpro-flex-side {
    min-width: 0;
    display: flex !important;
    flex-direction: column;
    gap: 12px;
}

body.single-tft_team .tftpro-flex-note {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 2px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(34, 211, 238, .20);
    background:
        linear-gradient(135deg, rgba(34, 211, 238, .10), rgba(168, 85, 247, .06)),
        rgba(15, 23, 42, .62);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 28px rgba(0,0,0,.18);
    color: var(--text-secondary);
    font-size: 13px;
    line-height: 1.55;
    overflow: hidden;
}

body.single-tft_team .tftpro-flex-note::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--accent), #a855f7);
    box-shadow: 0 0 14px rgba(34,211,238,.45);
}

body.single-tft_team .tftpro-flex-note-icon {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(34, 211, 238, .12);
    border: 1px solid rgba(34, 211, 238, .25);
    box-shadow: 0 0 16px rgba(34,211,238,.12);
    font-size: 13px;
}

body.single-tft_team .tftpro-flex-note-text {
    min-width: 0;
}

body.single-tft_team .tftpro-flex-note-text p {
    margin: 0 0 6px !important;
}

body.single-tft_team .tftpro-flex-note-text p:last-child {
    margin-bottom: 0 !important;
}

body.single-tft_team .tftpro-flex-note strong {
    color: var(--text-primary);
}

body.single-tft_team .tftpro-flex-note .key,
body.single-tft_team .tftpro-flex-note a {
    color: var(--accent-soft);
    text-decoration: none;
}

.tftpro-admin-flex-note-field {
    margin-top: 10px;
    padding: 12px;
    border: 1px solid #dbe2ea;
    border-radius: 8px;
    background: #f8fafc;
}

.tftpro-admin-flex-note-field label {
    display: block;
    margin-bottom: 6px;
}

@media (max-width: 768px) {
    body.single-tft_team .tftpro-flex-side {
        order: 1 !important;
        width: 100% !important;
    }

    body.single-tft_team .tftpro-flex-note {
        padding: 11px 12px;
        font-size: 12.5px;
    }
}

/* v4.5.14: Trang bị gắn trực tiếp dưới chân tướng trên board hex */
body.single-tft_team .tftpro-board-items {
    left: 50% !important;
    right: auto !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
    gap: 2px !important;
    z-index: 9 !important;
    padding: 1px 2px !important;
    border-radius: 7px !important;
    background: rgba(2, 6, 23, .38) !important;
    backdrop-filter: blur(2px) !important;
}
body.single-tft_team .tftpro-board-items img {
    width: 14px !important;
    height: 14px !important;
    border-radius: 3px !important;
    border: 1px solid rgba(255,255,255,.55) !important;
    box-shadow: 0 1px 5px rgba(0,0,0,.65) !important;
}
@media (max-width: 640px) {
    body.single-tft_team .tftpro-board-items img {
        width: 12px !important;
        height: 12px !important;
    }
}


/* v4.5.16: Tách vị trí trang bị theo hàng - hàng dưới hiện trên đầu, hàng trên hiện dưới chân */
body.single-tft_team .tftpro-deploy-board-wrap,
body.single-tft_team .tftpro-flex-block .tftpro-deploy-board-wrap {
    overflow-y: visible !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

body.single-tft_team .tftpro-board-unit,
body.single-tft_team .tftpro-board-cell,
body.single-tft_team .tftpro-board-hex,
body.single-tft_team .tftpro-board-hex-inner {
    overflow: visible !important;
}

body.single-tft_team .tftpro-board-items {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    z-index: 12 !important;
    padding: 2px 4px !important;
    border-radius: 8px !important;
    background: rgba(2, 6, 23, .78) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.42) !important;
    backdrop-filter: blur(4px) !important;
    pointer-events: none !important;
}

body.single-tft_team .tftpro-board-items img {
    width: 14px !important;
    height: 14px !important;
    border-radius: 3px !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    background: rgba(15,23,42,.95) !important;
    box-shadow: 0 1px 5px rgba(0,0,0,.58) !important;
}

/* Hàng trên: cho trang bị xuống dưới */
body.single-tft_team .tftpro-board-row-0 .tftpro-board-items,
body.single-tft_team .tftpro-board-row-1 .tftpro-board-items {
    top: auto !important;
    bottom: -11px !important;
}

/* Hàng dưới: cho trang bị lên trên đầu, tách khỏi tướng rõ hơn */
body.single-tft_team .tftpro-board-row-2 .tftpro-board-items,
body.single-tft_team .tftpro-board-row-3 .tftpro-board-items {
    top: -11px !important;
    bottom: auto !important;
}

@media (max-width: 640px) {
    body.single-tft_team .tftpro-deploy-board-wrap,
    body.single-tft_team .tftpro-flex-block .tftpro-deploy-board-wrap {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    body.single-tft_team .tftpro-board-items {
        gap: 1px !important;
        padding: 2px 3px !important;
    }

    body.single-tft_team .tftpro-board-items img {
        width: 12px !important;
        height: 12px !important;
    }

    body.single-tft_team .tftpro-board-row-0 .tftpro-board-items,
    body.single-tft_team .tftpro-board-row-1 .tftpro-board-items {
        bottom: -10px !important;
    }

    body.single-tft_team .tftpro-board-row-2 .tftpro-board-items,
    body.single-tft_team .tftpro-board-row-3 .tftpro-board-items {
        top: -10px !important;
    }
}


/* v4.5.17: Render trang bị ngoài lớp hex để không bị clip-path cắt, tách rõ khỏi tướng */
body.single-tft_team .tftpro-deploy-board-wrap,
body.single-tft_team .tftpro-flex-block .tftpro-deploy-board-wrap {
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

body.single-tft_team .tftpro-mini-board,
body.single-tft_team .tftpro-board-row,
body.single-tft_team .tftpro-board-cell {
    overflow: visible !important;
}

body.single-tft_team .tftpro-board-row {
    height: 54px !important;
    margin-bottom: 3px !important;
}

body.single-tft_team .tftpro-board-cell.has-unit {
    z-index: 5 !important;
}

body.single-tft_team .tftpro-board-cell > .tftpro-board-items {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    z-index: 30 !important;
    padding: 2px 4px !important;
    border-radius: 8px !important;
    background: rgba(2, 6, 23, .88) !important;
    border: 1px solid rgba(125, 211, 252, .35) !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.5) !important;
    backdrop-filter: blur(4px) !important;
    pointer-events: none !important;
    white-space: nowrap !important;
}

body.single-tft_team .tftpro-board-cell > .tftpro-board-items img {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    background: rgba(15,23,42,.98) !important;
    object-fit: cover !important;
    box-shadow: 0 1px 6px rgba(0,0,0,.7) !important;
}

/* Hàng trên: item nằm dưới tướng */
body.single-tft_team .tftpro-board-row-0 .tftpro-board-cell > .tftpro-board-items,
body.single-tft_team .tftpro-board-row-1 .tftpro-board-cell > .tftpro-board-items {
    top: auto !important;
    bottom: -18px !important;
}

/* Hàng dưới: item nằm trên đầu tướng */
body.single-tft_team .tftpro-board-row-2 .tftpro-board-cell > .tftpro-board-items,
body.single-tft_team .tftpro-board-row-3 .tftpro-board-cell > .tftpro-board-items {
    top: -18px !important;
    bottom: auto !important;
}

@media (max-width: 640px) {
    body.single-tft_team .tftpro-deploy-board-wrap,
    body.single-tft_team .tftpro-flex-block .tftpro-deploy-board-wrap {
        padding-top: 19px !important;
        padding-bottom: 19px !important;
    }

    body.single-tft_team .tftpro-board-row {
        height: 50px !important;
        margin-bottom: 2px !important;
    }

    body.single-tft_team .tftpro-board-cell > .tftpro-board-items {
        gap: 2px !important;
        padding: 2px 3px !important;
    }

    body.single-tft_team .tftpro-board-cell > .tftpro-board-items img {
        width: 13px !important;
        height: 13px !important;
        min-width: 13px !important;
    }

    body.single-tft_team .tftpro-board-row-0 .tftpro-board-cell > .tftpro-board-items,
    body.single-tft_team .tftpro-board-row-1 .tftpro-board-cell > .tftpro-board-items {
        bottom: -16px !important;
    }

    body.single-tft_team .tftpro-board-row-2 .tftpro-board-cell > .tftpro-board-items,
    body.single-tft_team .tftpro-board-row-3 .tftpro-board-cell > .tftpro-board-items {
        top: -16px !important;
    }
}


/* v4.5.19: Phóng to icon trang bị ngoài bài viết thêm ~30% */
body.single-tft_team .tftpro-deploy-board-wrap,
body.single-tft_team .tftpro-flex-block .tftpro-deploy-board-wrap {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
    overflow-y: visible !important;
}

body.single-tft_team .tftpro-board-row {
    height: 60px !important;
    margin-bottom: 4px !important;
}

body.single-tft_team .tftpro-board-cell > .tftpro-board-items {
    gap: 3px !important;
    padding: 3px 5px !important;
    border-radius: 9px !important;
    background: rgba(2, 6, 23, .92) !important;
    border: 1px solid rgba(125, 211, 252, .45) !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.58) !important;
}

body.single-tft_team .tftpro-board-cell > .tftpro-board-items img {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border-radius: 5px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
}

body.single-tft_team .tftpro-board-row-0 .tftpro-board-cell > .tftpro-board-items,
body.single-tft_team .tftpro-board-row-1 .tftpro-board-cell > .tftpro-board-items {
    bottom: -24px !important;
}

body.single-tft_team .tftpro-board-row-2 .tftpro-board-cell > .tftpro-board-items,
body.single-tft_team .tftpro-board-row-3 .tftpro-board-cell > .tftpro-board-items {
    top: -24px !important;
}

@media (max-width: 640px) {
    body.single-tft_team .tftpro-deploy-board-wrap,
    body.single-tft_team .tftpro-flex-block .tftpro-deploy-board-wrap {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    body.single-tft_team .tftpro-board-row {
        height: 56px !important;
        margin-bottom: 3px !important;
    }

    body.single-tft_team .tftpro-board-cell > .tftpro-board-items {
        gap: 2px !important;
        padding: 2px 4px !important;
    }

    body.single-tft_team .tftpro-board-cell > .tftpro-board-items img {
        width: 17px !important;
        height: 17px !important;
        min-width: 17px !important;
    }

    body.single-tft_team .tftpro-board-row-0 .tftpro-board-cell > .tftpro-board-items,
    body.single-tft_team .tftpro-board-row-1 .tftpro-board-cell > .tftpro-board-items {
        bottom: -22px !important;
    }

    body.single-tft_team .tftpro-board-row-2 .tftpro-board-cell > .tftpro-board-items,
    body.single-tft_team .tftpro-board-row-3 .tftpro-board-cell > .tftpro-board-items {
        top: -22px !important;
    }
}


/* v4.5.20: Bỏ nền bo tròn phía sau cụm icon trang bị ngoài bài viết */
body.single-tft_team .tftpro-board-cell > .tftpro-board-items,
body.single-tft_team .tftpro-board-cell > .tftpro-board-items:hover {
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.single-tft_team .tftpro-board-cell > .tftpro-board-items img {
    background: transparent !important;
}

@media (max-width:768px) {
    .tftpro-aug-priority {
        align-items:center;
        flex-direction:row;
        flex-wrap:nowrap;
        gap:8px;
        padding:8px 0 12px;
        margin-bottom:12px;
        overflow:hidden;
    }
    .tftpro-aug-priority-title {
        flex:0 0 auto;
        font-size:13px;
        line-height:1;
        max-width:none;
        white-space:nowrap;
    }
    .tftpro-aug-priority-title-full {
        display:none;
    }
    .tftpro-aug-priority-title-short {
        display:inline;
    }
    .tftpro-aug-priority-chain {
        flex:1 1 auto;
        flex-wrap:nowrap;
        gap:5px;
        min-width:0;
        width:auto;
        overflow-x:auto;
        overflow-y:hidden;
        padding:2px 2px 3px 0;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    .tftpro-aug-priority-chain::-webkit-scrollbar { display:none; }
    .tftpro-aug-priority-pill {
        flex:0 0 auto;
        min-width:0;
        min-height:34px;
        height:34px;
        gap:6px;
        padding:4px 10px 4px 7px;
    }
    .tftpro-aug-priority-icon {
        width:24px;
        height:24px;
        font-size:12px;
    }
    .tftpro-aug-priority-label {
        font-size:11px;
        letter-spacing:.025em;
    }
    .tftpro-aug-priority-arrow {
        flex:0 0 auto;
        font-size:20px;
        margin:0 -1px;
    }
}

/* v4.5.28: Icon Trang Bị có thể chọn trong admin */
.tftpro-aug-priority-icon-item {
    font-size:0;
    border-radius:50%;
    background:radial-gradient(circle at 35% 24%, rgba(255,247,190,.95) 0 10%, rgba(250,204,21,.22) 39%, rgba(2,6,23,.68) 100%);
}
.tftpro-aug-priority-icon-item::after {
    display:none;
}
.tftpro-aug-priority-icon-cube::before,
.tftpro-aug-priority-icon-cube::after,
.tftpro-aug-priority-icon-bag::before,
.tftpro-aug-priority-icon-bag::after,
.tftpro-aug-priority-icon-gem::before,
.tftpro-aug-priority-icon-gem::after {
    content:"";
    position:absolute;
    display:block;
    box-sizing:border-box;
}
.tftpro-aug-priority-icon-cube::before {
    width:15px;
    height:15px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    border:2px solid currentColor;
    border-radius:4px;
    background:linear-gradient(135deg, rgba(255,255,255,.22), rgba(250,204,21,.12));
    box-shadow:0 0 10px rgba(250,204,21,.32);
}
.tftpro-aug-priority-icon-cube::after {
    width:8px;
    height:8px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    border-left:2px solid currentColor;
    border-top:2px solid currentColor;
    opacity:.82;
}
.tftpro-aug-priority-icon-bag::before {
    width:16px;
    height:14px;
    left:50%;
    top:53%;
    transform:translate(-50%,-50%);
    border:2px solid currentColor;
    border-radius:4px 4px 5px 5px;
    background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(250,204,21,.12));
    box-shadow:0 0 10px rgba(250,204,21,.28);
}
.tftpro-aug-priority-icon-bag::after {
    width:9px;
    height:7px;
    left:50%;
    top:25%;
    transform:translateX(-50%);
    border:2px solid currentColor;
    border-bottom:0;
    border-radius:8px 8px 0 0;
    opacity:.9;
}
.tftpro-aug-priority-icon-gem::before {
    width:16px;
    height:16px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    border:2px solid currentColor;
    border-radius:3px;
    background:linear-gradient(135deg, rgba(255,255,255,.26), rgba(250,204,21,.12));
    box-shadow:0 0 12px rgba(250,204,21,.34);
}
.tftpro-aug-priority-icon-gem::after {
    width:10px;
    height:2px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background:currentColor;
    box-shadow:0 5px 0 rgba(250,204,21,.42);
    opacity:.8;
}
.tftpro-aug-priority-icon-forge {
    font-size:15px;
    border-radius:50%;
}
.tftpro-aug-priority-icon-forge::after {
    display:block;
}
@media (max-width:768px) {
    .tftpro-aug-priority-icon-cube::before { width:13px; height:13px; border-width:1.5px; }
    .tftpro-aug-priority-icon-cube::after { width:7px; height:7px; border-width:1.5px; }
    .tftpro-aug-priority-icon-bag::before { width:14px; height:12px; border-width:1.5px; }
    .tftpro-aug-priority-icon-bag::after { width:8px; height:6px; border-width:1.5px; }
    .tftpro-aug-priority-icon-gem::before { width:14px; height:14px; border-width:1.5px; }
}


/* === v4.5.32: Disable Team Builder Pro custom tooltip to avoid duplicate tooltip layers === */
.tftpro-tooltip,
body.single-tft_team .tftpro-tooltip {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* === Item tooltip synced with TFT Comp Manager === */
.tcm-tooltip {
    position: fixed;
    z-index: 999999;
    box-sizing: border-box;
    width: min(292px, calc(100vw - 22px));
    min-width: 260px;
    max-width: 292px;
    max-height: min(520px, calc(100vh - 24px));
    padding: 12px 13px;
    border-radius: 10px;
    background: #111827;
    border: 1px solid #1f2937;
    color: #d1d5db;
    box-shadow: 0 16px 40px rgba(0,0,0,.58), 0 0 0 1px rgba(255,255,255,.025) inset;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(3px) scale(.99);
    transition: opacity .12s ease, transform .12s ease, visibility 0s linear .12s;
    will-change: left, top, opacity, transform;
    overflow: visible;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.tcm-tooltip.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    transition-delay: 0s;
}
.tcm-tooltip::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -7px;
    transform: translateY(-50%) rotate(45deg);
    width: 12px;
    height: 12px;
    background: #111827;
    border-left: 1px solid #1f2937;
    border-bottom: 1px solid #1f2937;
    border-radius: 2px;
}
.tcm-tooltip.tcm-pos-left::after {
    left: auto;
    right: -7px;
    border-left: 0;
    border-bottom: 0;
    border-right: 1px solid #1f2937;
    border-top: 1px solid #1f2937;
}
.tcm-tooltip-item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 0;
    align-items: center;
}
.tcm-tip-tooltip-img {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 46px;
    height: 46px;
    align-self: start;
}
.tcm-tip-tooltip-img img {
    width: 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    border: 2px solid #374151 !important;
    background: linear-gradient(135deg,#1a3a5c,#0d2035) !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: block;
}
.tcm-tip-tooltip-body { display: contents; }
.tcm-tip-tt-name {
    grid-column: 2;
    grid-row: 1;
    margin: 1px 0 4px;
    padding: 0;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 700;
    color: #f9fafb;
    letter-spacing: 0;
    min-width: 0;
}
.tcm-tip-tt-badge {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    width: auto;
    max-width: 160px;
    padding: 2px 8px;
    border-radius: 999px;
    border: 0;
    background: #1f2937;
    color: #9ca3af;
    font-size: 9px;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.tcm-tip-tt-desc {
    grid-column: 1 / -1;
    grid-row: 3;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 11.5px;
    line-height: 1.65;
    color: #9ca3af;
    word-break: normal;
    overflow-wrap: anywhere;
}
.tcm-tip-tt-desc::before {
    content: '';
    display: block;
    height: 1px;
    background: #1f2937;
    margin: 8px 0;
}
.tcm-tip-tt-unique {
    display: inline-flex;
    align-items: center;
    margin: 0 0 8px;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid rgba(245,158,11,.28);
    background: #292218;
    color: #f59e0b;
    font-size: 10px;
    line-height: 1.35;
    font-weight: 800;
}
.tcm-tip-tt-stat-list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    width: 100%;
    margin: 0 0 8px;
}
.tcm-tip-tt-stat {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    padding: 5px 8px;
    border: 0;
    border-radius: 6px;
    background: #1f2937;
    color: #d1d5db;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 500;
    white-space: normal;
}
.tcm-tip-tt-stat-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    filter: none;
}
.tcm-tip-stat-img {
    width: 15px !important;
    height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 0 4px rgba(105,180,255,.24)) !important;
}
.tcm-tip-tt-stat-label {
    flex: 1 1 auto;
    min-width: 0;
    color: #d1d5db;
    font-weight: 500;
}
.tcm-tip-tt-stat-val {
    margin-left: auto;
    color: #34d399;
    font-weight: 800;
    white-space: nowrap;
}
.tcm-tip-desc-stat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    margin: 0 2px;
    padding: 1px 6px;
    border-radius: 4px;
    border: 0;
    background: #292218;
    color: #f59e0b;
    font-weight: 800;
    line-height: 1.3;
    white-space: nowrap;
    text-shadow: none;
}
.tcm-tip-tt-empty {
    color: #6b7280;
    font-style: italic;
    font-size: 11.5px;
    line-height: 1.65;
}
@media (max-width: 640px) {
    .tcm-tooltip {
        left: 8px !important;
        right: 8px !important;
        bottom: 12px !important;
        top: auto !important;
        width: auto;
        min-width: 0;
        max-width: none;
        border-radius: 12px 12px 0 0;
        transform: translateY(8px);
    }
    .tcm-tooltip.visible { transform: translateY(0); pointer-events: auto; }
    .tcm-tooltip::after { display: none; }
    .tcm-tip-tt-name { font-size: 14px; min-height: 27px; }
    .tcm-tip-tt-desc { font-size: 12px; line-height: 1.55; }
    .tcm-tooltip.tcm-mobile-near {
        left: 8px !important;
        right: auto !important;
        bottom: auto !important;
        top: var(--tcm-mobile-tooltip-top, 8px) !important;
        width: calc(100vw - 16px) !important;
        min-width: 0 !important;
        max-width: none !important;
        border-radius: 12px !important;
        transform: translateY(3px) scale(.99);
    }
    .tcm-tooltip.tcm-mobile-near.visible { transform: translateY(0) scale(1); }
}


/* SEO hub internal-link block */
.tftpro-seo-hub-block{
    position:relative;
    display:flex;
    gap:14px;
    align-items:center;
    margin:28px 0 8px;
    padding:18px 20px;
    border:1px solid rgba(55,208,255,.28);
    border-radius:18px;
    background:linear-gradient(135deg,rgba(9,18,36,.92),rgba(19,28,54,.88));
    box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
    overflow:hidden;
}
.tftpro-seo-hub-block:before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 12% 0%,rgba(55,208,255,.18),transparent 32%),radial-gradient(circle at 92% 110%,rgba(255,183,51,.14),transparent 36%);
    pointer-events:none;
}
.tftpro-seo-hub-icon{
    position:relative;
    z-index:1;
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:linear-gradient(135deg,rgba(41,188,255,.22),rgba(255,183,51,.18));
    border:1px solid rgba(255,255,255,.13);
    font-size:20px;
}
.tftpro-seo-hub-content{
    position:relative;
    z-index:1;
    min-width:0;
}
.tftpro-seo-hub-kicker{
    margin:0 0 4px;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#ffca69;
}
.tftpro-seo-hub-block p{
    margin:0;
    color:#cbd5e1;
    font-size:14px;
    line-height:1.65;
}
.tftpro-seo-hub-block a{
    color:#7dd3fc;
    font-weight:800;
    text-decoration:none;
    border-bottom:1px dashed rgba(125,211,252,.55);
}
.tftpro-seo-hub-block a:hover{
    color:#facc15;
    border-bottom-color:#facc15;
}
@media(max-width:640px){
    .tftpro-seo-hub-block{
        align-items:flex-start;
        margin:22px 0 6px;
        padding:15px 14px;
        border-radius:16px;
    }
    .tftpro-seo-hub-icon{
        width:36px;
        height:36px;
        flex-basis:36px;
        border-radius:12px;
    }
    .tftpro-seo-hub-block p{font-size:13px;}
}


/* FAQ SEO cuối bài — style đồng bộ theo mẫu doihinhtft.vn */
body.single-tft_team .tftpro-faq-block{
    --tft-faq-bg:#0f1923;
    --tft-faq-surface:#15202b;
    --tft-faq-surface2:#1c2b3a;
    --tft-faq-surface-h:#1a3040;
    --tft-faq-border:#1e3a4f;
    --tft-faq-border-h:#2a5060;
    --tft-faq-teal:#00aaaa;
    --tft-faq-teal-glow:rgba(0,170,170,.12);
    --tft-faq-teal-bg:rgba(0,170,170,.08);
    --tft-faq-teal-light:#33cccc;
    --tft-faq-txt:#e8edf2;
    --tft-faq-txt2:#8fa3b8;
    --tft-faq-txt3:#5a7a94;
    --tft-faq-gold:#f0b232;
    --tft-faq-gold-bg:rgba(240,178,50,.10);
    --tft-faq-gold-border:rgba(240,178,50,.20);
    width:100%;
    max-width:none;
    box-sizing:border-box;
    margin:28px 0 0;
    padding:1.5rem 0;
    color:var(--tft-faq-txt);
    font-family:'Be Vietnam Pro',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
body.single-tft_team .tftpro-faq-head{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:1.75rem;
    padding:1.25rem 1.5rem;
    border-radius:12px;
    background:var(--tft-faq-surface);
    border:0.5px solid var(--tft-faq-border);
}
body.single-tft_team .tftpro-faq-icon{
    width:48px;
    height:48px;
    border-radius:10px;
    background:var(--tft-faq-teal-glow);
    border:0.5px solid rgba(0,170,170,.25);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    color:var(--tft-faq-teal);
    font-size:22px;
    font-weight:800;
    line-height:1;
}
body.single-tft_team .tftpro-faq-title{
    font-family:'Be Vietnam Pro',system-ui,sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:1.35;
    margin:0 0 3px;
    color:var(--tft-faq-txt);
}
body.single-tft_team .tftpro-faq-subtitle{
    font-size:13px;
    color:var(--tft-faq-txt2);
    margin:0;
    line-height:1.5;
}
body.single-tft_team .tftpro-faq-patch{
    display:inline-flex;
    align-items:center;
    gap:4px;
    font-size:11px;
    font-weight:500;
    padding:2px 10px;
    border-radius:99px;
    background:var(--tft-faq-gold-bg);
    border:0.5px solid var(--tft-faq-gold-border);
    color:var(--tft-faq-gold);
    margin-left:8px;
    vertical-align:middle;
}
body.single-tft_team .tftpro-faq-list{
    display:flex;
    flex-direction:column;
    gap:6px;
}
body.single-tft_team .tftpro-faq-item{
    border-radius:10px;
    background:var(--tft-faq-surface);
    border:0.5px solid var(--tft-faq-border);
    overflow:hidden;
    transition:border-color .25s,background .25s;
}
body.single-tft_team .tftpro-faq-item:hover{
    border-color:var(--tft-faq-border-h);
    background:var(--tft-faq-surface2);
}
body.single-tft_team .tftpro-faq-item[open]{
    border-color:rgba(0,170,170,.30);
    background:var(--tft-faq-surface-h);
}
body.single-tft_team .tftpro-faq-question{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 16px;
    cursor:pointer;
    width:100%;
    background:none;
    border:none;
    list-style:none;
    text-align:left;
    font-family:inherit;
    font-size:14px;
    font-weight:500;
    color:var(--tft-faq-txt);
    line-height:1.5;
    transition:color .2s;
}
body.single-tft_team .tftpro-faq-question::-webkit-details-marker{display:none;}
body.single-tft_team .tftpro-faq-item:hover .tftpro-faq-question{color:#fff;}
body.single-tft_team .tftpro-faq-item[open] .tftpro-faq-question{color:var(--tft-faq-teal-light);}
body.single-tft_team .tftpro-faq-num{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:30px;
    height:30px;
    border-radius:8px;
    font-size:12px;
    font-weight:600;
    flex-shrink:0;
    transition:all .25s;
    background:rgba(255,255,255,.05);
    color:var(--tft-faq-txt3);
    border:0.5px solid rgba(255,255,255,.06);
}
body.single-tft_team .tftpro-faq-item[open] .tftpro-faq-num{
    background:var(--tft-faq-teal-glow);
    color:var(--tft-faq-teal);
    border-color:rgba(0,170,170,.25);
}
body.single-tft_team .tftpro-faq-q-text{
    min-width:0;
}
body.single-tft_team .tftpro-faq-chevron{
    margin-left:auto;
    font-size:18px;
    color:var(--tft-faq-txt3);
    transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s;
    flex-shrink:0;
    line-height:1;
}
body.single-tft_team .tftpro-faq-item[open] .tftpro-faq-chevron{
    transform:rotate(180deg);
    color:var(--tft-faq-teal);
}
body.single-tft_team .tftpro-faq-answer{
    padding:0 16px 18px 58px;
    color:var(--tft-faq-txt);
    font-size:13.5px;
    line-height:1.75;
}
body.single-tft_team .tftpro-faq-answer p{
    font-size:13.5px;
    color:var(--tft-faq-txt);
    line-height:1.75;
    margin:0;
}
body.single-tft_team .tftpro-faq-answer p + p{margin-top:10px;}
body.single-tft_team .tftpro-faq-tag{
    display:inline-flex;
    align-items:center;
    gap:4px;
    font-size:11px;
    font-weight:500;
    line-height:1;
    padding:4px 10px;
    border-radius:99px;
    flex-shrink:0;
    margin-left:auto;
    white-space:nowrap;
}
body.single-tft_team .tftpro-faq-tag-ico{
    font-size:12px;
    line-height:1;
}
body.single-tft_team .tftpro-faq-tag.tag-cs{background:rgba(0,170,170,.10);color:var(--tft-faq-teal);border:0.5px solid rgba(0,170,170,.20);}
body.single-tft_team .tftpro-faq-tag.tag-kn{background:var(--tft-faq-gold-bg);color:var(--tft-faq-gold);border:0.5px solid var(--tft-faq-gold-border);}
body.single-tft_team .tftpro-faq-tag.tag-tb{background:rgba(232,100,80,.10);color:#e86450;border:0.5px solid rgba(232,100,80,.20);}
body.single-tft_team .tftpro-faq-tag.tag-tw{background:rgba(100,160,255,.10);color:#64a0ff;border:0.5px solid rgba(100,160,255,.20);}
body.single-tft_team .tftpro-faq-tag.tag-sm{background:rgba(200,120,255,.10);color:#c878ff;border:0.5px solid rgba(200,120,255,.20);}
body.single-tft_team .tftpro-faq-tag.tag-lo{background:rgba(160,210,80,.10);color:#a0d250;border:0.5px solid rgba(160,210,80,.20);}
body.single-tft_team .tftpro-faq-legend{
    margin-top:1rem;
    display:flex;
    gap:6px;
    flex-wrap:wrap;
}
body.single-tft_team .tftpro-faq-legend span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-size:11px;
    padding:4px 12px;
    border-radius:99px;
    background:var(--tft-faq-surface);
    border:0.5px solid var(--tft-faq-border);
    color:var(--tft-faq-txt2);
}
body.single-tft_team .tftpro-faq-legend .dot{
    width:7px;
    height:7px;
    border-radius:50%;
    display:inline-block;
}
body.single-tft_team .tftpro-faq-legend .dot-cs{background:#00aaaa;}
body.single-tft_team .tftpro-faq-legend .dot-kn{background:#f0b232;}
body.single-tft_team .tftpro-faq-legend .dot-tb{background:#e86450;}
body.single-tft_team .tftpro-faq-legend .dot-tw{background:#64a0ff;}
body.single-tft_team .tftpro-faq-legend .dot-sm{background:#c878ff;}
body.single-tft_team .tftpro-faq-legend .dot-lo{background:#a0d250;}
body.single-tft_team .tftpro-faq-foot{
    margin-top:1.25rem;
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 16px;
    border-radius:10px;
    background:var(--tft-faq-teal-bg);
    border:0.5px solid rgba(0,170,170,.15);
}
body.single-tft_team .tftpro-faq-foot-icon{
    font-size:16px;
    color:var(--tft-faq-teal);
    flex-shrink:0;
}
body.single-tft_team .tftpro-faq-foot p{
    font-size:12px;
    color:var(--tft-faq-txt2);
    margin:0;
    line-height:1.5;
}
@media(max-width:640px){
    body.single-tft_team .tftpro-faq-block{
        width:100%;
        max-width:none;
        margin:22px 0 0;
        padding:1rem 0;
    }
    body.single-tft_team .tftpro-faq-head{
        gap:12px;
        padding:1rem;
        margin-bottom:1rem;
    }
    body.single-tft_team .tftpro-faq-icon{
        width:42px;
        height:42px;
        font-size:19px;
    }
    body.single-tft_team .tftpro-faq-title{font-size:17px;}
    body.single-tft_team .tftpro-faq-subtitle{font-size:12.5px;}
    body.single-tft_team .tftpro-faq-question{
        position:relative;
        align-items:flex-start;
        gap:10px;
        padding:13px 14px;
        font-size:13.5px;
    }
    body.single-tft_team .tftpro-faq-q-text{
        flex:1 1 calc(100% - 58px);
        padding-right:20px;
    }
    body.single-tft_team .tftpro-faq-tag{
        order:4;
        margin-left:40px;
        margin-top:2px;
    }
    body.single-tft_team .tftpro-faq-chevron{
        position:absolute;
        right:14px;
        top:18px;
    }
    body.single-tft_team .tftpro-faq-answer{
        padding:0 14px 16px 54px;
        font-size:13px;
    }
    body.single-tft_team .tftpro-faq-answer p{font-size:13px;}
    body.single-tft_team .tftpro-faq-legend span{font-size:10.5px;padding:4px 10px;}
    body.single-tft_team .tftpro-faq-foot{padding:11px 13px;}
}


/* === v4.5.45: Fix icon mục lục bằng inline SVG === */
body.single-tft_team .tftpro-toc-card{
    --toc-border:#1e3a4f;
    --toc-border-h:#2a5060;
    --toc-teal:#00aaaa;
    --toc-teal-glow:rgba(0,170,170,.12);
    --toc-text:#e8edf2;
    --toc-muted:#8fa3b8;
    --toc-dim:#5a7a94;
    --toc-surface2:#1c2b3a;
    max-width:none;
    width:100%;
    box-sizing:border-box;
    font-family:'Be Vietnam Pro',system-ui,sans-serif;
    padding:.5rem 0;
    margin:18px 0 0;
    color:var(--toc-text);
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible;
}
body.single-tft_team .tftpro-toc-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:.85rem;
    padding-bottom:.75rem;
    border-bottom:.5px solid var(--toc-border);
}
body.single-tft_team .tftpro-toc-icon{
    width:36px;
    height:36px;
    border-radius:8px;
    background:var(--toc-teal-glow);
    border:.5px solid rgba(0,170,170,.2);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    color:var(--toc-teal);
    font-size:17px;
    line-height:1;
}
body.single-tft_team .tftpro-toc-icon svg{
    width:18px;
    height:18px;
    display:block;
    color:var(--toc-teal);
    flex-shrink:0;
}
body.single-tft_team .tftpro-toc-text{
    min-width:0;
    flex:1;
}
body.single-tft_team .tftpro-toc-text h2{
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.35!important;
    margin:0 0 1px!important;
    color:var(--toc-text)!important;
    letter-spacing:0!important;
    text-transform:none!important;
}
body.single-tft_team .tftpro-toc-text p{
    font-size:11.5px;
    font-weight:400;
    line-height:1.35;
    margin:0;
    color:var(--toc-dim);
}
body.single-tft_team .tftpro-toc-badge{
    margin-left:auto;
    font-size:11px;
    font-weight:500;
    line-height:1.2;
    padding:3px 10px;
    border-radius:99px;
    background:rgba(0,170,170,.08);
    border:.5px solid rgba(0,170,170,.18);
    color:var(--toc-teal);
    flex-shrink:0;
    white-space:nowrap;
}
body.single-tft_team .tftpro-toc-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5px;
}
body.single-tft_team .tftpro-toc-link{
    display:flex;
    align-items:center;
    gap:10px;
    padding:9px 12px;
    border-radius:8px;
    border:.5px solid var(--toc-border);
    cursor:pointer;
    transition:all .2s ease;
    text-decoration:none!important;
    color:inherit!important;
    background:transparent!important;
    min-height:0;
    box-shadow:none!important;
    transform:none!important;
}
body.single-tft_team .tftpro-toc-link:hover{
    background:var(--toc-surface2)!important;
    border-color:var(--toc-border-h);
    transform:none!important;
    box-shadow:none!important;
}
body.single-tft_team .tftpro-toc-num{
    font-size:11px;
    font-weight:600;
    color:var(--toc-dim);
    min-width:18px;
    width:auto;
    height:auto;
    flex:0 0 auto;
    border:0;
    border-radius:0;
    background:transparent;
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    transition:color .2s ease;
}
body.single-tft_team .tftpro-toc-link:hover .tftpro-toc-num{
    color:var(--toc-teal);
    background:transparent;
    border-color:transparent;
}
body.single-tft_team .tftpro-toc-ico{
    font-size:13px;
    line-height:1;
    flex-shrink:0;
}
body.single-tft_team .tftpro-toc-title{
    font-size:12.5px;
    font-weight:500;
    line-height:1.35;
    color:var(--toc-muted);
    flex:1;
    min-width:0;
    transition:color .2s ease;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
body.single-tft_team .tftpro-toc-link:hover .tftpro-toc-title{
    color:var(--toc-text);
}
body.single-tft_team .tftpro-toc-arrow{
    font-size:14px;
    color:var(--toc-dim);
    flex-shrink:0;
    margin-left:auto;
    transition:transform .2s ease,color .2s ease,opacity .2s ease;
    opacity:.5;
    line-height:1;
}
body.single-tft_team .tftpro-toc-link:hover .tftpro-toc-arrow{
    transform:translateX(2px);
    color:var(--toc-teal);
    opacity:1;
}
body.single-tft_team #doi-hinh-hoan-chinh,
body.single-tft_team #meo-choi,
body.single-tft_team #tuong-trong-doi-hinh,
body.single-tft_team #trang-bi-goi-y,
body.single-tft_team #trien-khai-doi-hinh,
body.single-tft_team #loi-nang-cap-goi-y,
body.single-tft_team #doi-hinh-flex-khac,
body.single-tft_team #faq-doi-hinh{scroll-margin-top:96px;}
@media(max-width:480px){
    body.single-tft_team .tftpro-toc-card{max-width:none;width:100%;margin-top:14px;padding:.5rem 0;}
    body.single-tft_team .tftpro-toc-head{gap:10px;margin-bottom:.75rem;padding-bottom:.7rem;}
    body.single-tft_team .tftpro-toc-icon{width:34px;height:34px;border-radius:8px;font-size:16px;}
    body.single-tft_team .tftpro-toc-icon svg{width:17px;height:17px;}
    body.single-tft_team .tftpro-toc-text h2{font-size:13.5px!important;}
    body.single-tft_team .tftpro-toc-text p{font-size:11px;}
    body.single-tft_team .tftpro-toc-badge{font-size:10.5px;padding:3px 9px;}
    body.single-tft_team .tftpro-toc-grid{grid-template-columns:1fr;}
    body.single-tft_team .tftpro-toc-link{padding:9px 12px;border-radius:8px;}
}



/* === v4.5.55: hard-fix synced comp name highlight against theme/gradient overrides === */
body.single-tft_team h1.tftpro-page-title > span.tftpro-title-highlight,
body.single-tft_team .tftpro-page-title > span.tftpro-title-highlight {
    color: #22d3ee !important;
    -webkit-text-fill-color: #22d3ee !important;
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
}


/* v4.5.60 — Mẹo Lên Trang Bị + Mảnh/Trang Bị Ưu Tiên dưới Trang Bị Gợi Ý */
body.single-tft_team .tftpro-item-guide {
    margin-top: 16px !important;
    background: linear-gradient(180deg, rgba(18,20,25,.96) 0%, rgba(12,15,20,.98) 100%) !important;
    border: 1px solid rgba(251,191,36,.25) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}
body.single-tft_team .tftpro-item-guide-tips {
    padding: 16px 18px 14px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
body.single-tft_team .tftpro-item-guide-kicker {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 0 8px !important;
    color: #d7dce6 !important;
    font-family: var(--font-display) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}
body.single-tft_team .tftpro-item-guide-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.single-tft_team .tftpro-item-guide-list li {
    position: relative !important;
    margin: 0 !important;
    padding: 7px 0 7px 20px !important;
    color: var(--text-secondary) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}
body.single-tft_team .tftpro-item-guide-list li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 14px !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: #facc15 !important;
    box-shadow: 0 0 7px rgba(250,204,21,.45) !important;
}
body.single-tft_team .tftpro-item-guide-list li strong { color: var(--text-primary) !important; }
body.single-tft_team .tftpro-item-priority-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    background: rgba(4,8,13,.64) !important;
}
body.single-tft_team .tftpro-item-priority-col {
    min-width: 0 !important;
    padding: 14px 16px 16px !important;
    text-align: left !important;
}
body.single-tft_team .tftpro-item-priority-col + .tftpro-item-priority-col {
    border-left: 1px solid rgba(255,255,255,.08) !important;
}
body.single-tft_team .tftpro-item-priority-label {
    margin-bottom: 10px !important;
    color: #d7dce6 !important;
    font-family: var(--font-display) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}
body.single-tft_team .tftpro-item-priority-chain {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 42px !important;
    flex-wrap: nowrap !important;
}
body.single-tft_team .tftpro-item-priority-icon {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    display: inline-flex !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: #101826 !important;
    transition: transform .15s, border-color .15s, box-shadow .15s !important;
}
body.single-tft_team .tftpro-item-priority-icon:hover {
    transform: translateY(-2px) scale(1.04) !important;
    border-color: rgba(250,204,21,.55) !important;
    box-shadow: 0 0 12px rgba(250,204,21,.16) !important;
}
body.single-tft_team .tftpro-item-priority-icon img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}
body.single-tft_team .tftpro-item-priority-arrow {
    color: #8b96aa !important;
    font-size: 23px !important;
    line-height: 1 !important;
    flex: 0 0 auto !important;
}
@media (max-width: 640px) {
    body.single-tft_team .tftpro-item-guide-tips { padding: 14px 14px 12px !important; }
    body.single-tft_team .tftpro-item-priority-grid { grid-template-columns: 1fr !important; }
    body.single-tft_team .tftpro-item-priority-col + .tftpro-item-priority-col {
        border-left: 0 !important;
        border-top: 1px solid rgba(255,255,255,.08) !important;
    }
    body.single-tft_team .tftpro-item-priority-col { padding: 12px 14px 14px !important; }
    body.single-tft_team .tftpro-item-priority-icon { width: 34px !important; height: 34px !important; flex-basis: 34px !important; }
    body.single-tft_team .tftpro-item-priority-chain { gap: 7px !important; }
}


/* v4.5.73 — Hiệu ứng đội hình Mùa 18 tích hợp thẳng vào Mẹo Lên Trang Bị */
body.single-tft_team .tftpro-item-utility {
    padding: 12px 16px 14px !important;
    background: rgba(4,8,13,.64) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
}
body.single-tft_team .tftpro-item-utility-row {
    display: grid !important;
    grid-template-columns: minmax(180px, 220px) minmax(0,1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    padding: 8px 0 0 !important;
    border-top: 1px solid rgba(148,163,184,.10) !important;
}
body.single-tft_team .tftpro-item-utility-row:first-child {
    padding-top: 0 !important;
    border-top: 0 !important;
}
body.single-tft_team .tftpro-item-utility-label {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 30px !important;
    color: #cbd5e1 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
}
body.single-tft_team .tftpro-item-utility-label-icon {
    width: 18px !important;
    min-width: 18px !important;
    text-align: center !important;
}
body.single-tft_team .tftpro-item-utility-values {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
}
body.single-tft_team .tftpro-item-utility-chip,
body.single-tft_team .tftpro-item-utility-chip:hover {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 6px 2px 2px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #eaf7ff !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
body.single-tft_team .tftpro-item-utility-avatar {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    overflow: hidden !important;
    border: 1px solid rgba(186,230,253,.34) !important;
    border-radius: 6px !important;
    background: #101827 !important;
}
body.single-tft_team .tftpro-item-utility-chip.is-trait .tftpro-item-utility-avatar {
    border-radius: 50% !important;
    background: #0f172a !important;
}
body.single-tft_team .tftpro-item-utility-avatar img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
body.single-tft_team .tftpro-item-utility-chip.is-trait .tftpro-item-utility-avatar img {
    width: 21px !important;
    height: 21px !important;
    object-fit: contain !important;
}
body.single-tft_team .tftpro-item-utility-avatar-fb {
    display: none;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: #bae6fd !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}
body.single-tft_team .tftpro-item-utility-chip-text {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    line-height: 1.23 !important;
}
body.single-tft_team .tftpro-item-utility-chip-text strong {
    color: #f0f9ff !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}
body.single-tft_team .tftpro-item-utility-chip-text small {
    margin-top: 1px !important;
    color: #8fa3b8 !important;
    font-size: 9.5px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
}
@media (max-width:600px) {
    body.single-tft_team .tftpro-item-utility {
        padding: 10px 12px 12px !important;
    }
    body.single-tft_team .tftpro-item-utility-row {
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        padding-top: 8px !important;
    }
    body.single-tft_team .tftpro-item-utility-label {
        min-height: 0 !important;
        font-size: 11.5px !important;
    }
    body.single-tft_team .tftpro-item-utility-values {
        padding-left: 24px !important;
    }
    body.single-tft_team .tftpro-item-utility-chip {
        max-width: calc(100vw - 88px) !important;
    }
    body.single-tft_team .tftpro-item-utility-chip-text strong {
        white-space: normal !important;
    }
}


/* ===== v4.5.74: Chép mã + Mở Team Builder cùng hàng ===== */
.tftpro-team-code-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
}
body.single-tft_team .tftpro-open-builder-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 0;
    padding: 6px 12px;
    border-radius: 6px;
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #f8d477;
    background: linear-gradient(135deg, rgba(200,155,60,.16), rgba(200,155,60,.05));
    border: 1px solid rgba(200,155,60,.35);
    text-decoration: none !important;
    white-space: nowrap;
    transition: all .2s;
}
body.single-tft_team .tftpro-open-builder-btn:hover,
body.single-tft_team .tftpro-open-builder-btn:focus,
body.single-tft_team .tftpro-open-builder-btn:visited,
body.single-tft_team .tftpro-open-builder-btn:active {
    text-decoration: none !important;
}
body.single-tft_team .tftpro-open-builder-btn:hover {
    color: #ffe39a;
    background: linear-gradient(135deg, rgba(200,155,60,.26), rgba(200,155,60,.10));
    border-color: rgba(248,212,119,.6);
    box-shadow: 0 0 16px rgba(200,155,60,.18);
}

@media (max-width: 600px) {
    /* Giữ nguyên kích thước/vị trí nút Chép mã như trước v4.5.74.
       Nút Mở Team Builder chỉ được nối thêm ở bên phải, không chia 50/50. */
    body.single-tft_team .tftpro-team-code-wrap {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
    }
    body.single-tft_team .tftpro-team-code-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 6px !important;
    }
    body.single-tft_team .tftpro-team-code-actions .tftpro-copy-code-btn {
        /* Không đổi width/height/padding/font: dùng nguyên CSS Chép mã cũ. */
        flex: 0 0 auto !important;
        width: auto !important;
        white-space: nowrap !important;
    }
    body.single-tft_team .tftpro-team-code-actions .tftpro-open-builder-btn {
        /* Giữ Chép mã bên trái, đẩy Team Builder sát mép phải trên mobile. */
        margin-left: auto !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-height: 0 !important;
        padding: 6px 12px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: .05em !important;
        text-transform: uppercase !important;
        border-radius: 6px !important;
        white-space: nowrap !important;
    }
}

/* ===== v4.5.79 - Tạo Tác LIVE tối đa 3 món, giữ kích thước icon như giao diện cũ ===== */
@media (max-width: 768px) {
    /* Giữ yêu cầu mobile: ẩn chữ Tạo Tác, nhưng icon dùng lại kích thước responsive cũ. */
    body.single-tft_team .tftpro-set18-unit-artifact-row .tftpro-build-label {
        display: none !important;
    }
}


/* ===== v4.5.80 - Trang Bị Gợi Ý: viền tướng đồng bộ giá 1/2/3/4/5 vàng ===== */
body.single-tft_team .tftpro-cc-builds .tcm-u.carry .tcm-u-img-wrap.tftpro-cc-img {
    border-color: var(--tftpro-carry-cost-color, #7c8597) !important;
    box-shadow: none !important;
    box-shadow: 0 0 12px color-mix(in srgb, var(--tftpro-carry-cost-color, #7c8597) 38%, transparent) !important;
}
@media (max-width: 768px) {
    body.single-tft_team .tftpro-cc-builds .tcm-u.carry .tcm-u-img-wrap.tftpro-cc-img {
        border-color: var(--tftpro-carry-cost-color, #7c8597) !important;
        box-shadow: none !important;
        box-shadow: 0 0 9px color-mix(in srgb, var(--tftpro-carry-cost-color, #7c8597) 32%, transparent) !important;
    }
}