/* ====================================================
   TFT Comp Manager v2.0 — Redesign
   Matching tactics.tools / tft.vn style
   ==================================================== */

/* ===== Base ===== */

/* ===== Set 16: tạo khoảng hở dưới ticker nhưng không lộ background ngoài =====
   Không dùng margin-bottom cho #dhtft-ticker vì margin sẽ lộ nền #0f1428.
   Khoảng hở được tạo bằng padding-top bên trong khu vực đội hình. */

/* Ẩn page-header mặc định của theme nếu nó nằm giữa ticker và đội hình */
html body.tcm-has-revival-set16 .page-header.bloghash-has-page-title,
html body.page-id-1117 .page-header.bloghash-has-page-title,
html body:has(.tcm-wrap.tcm-wrap-revival[data-set-number="16"]) .page-header.bloghash-has-page-title {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Chặn khoảng hở bằng margin của thanh cập nhật TFT */
html body.tcm-has-revival-set16 #masthead #dhtft-ticker,
html body.page-id-1117 #masthead #dhtft-ticker,
html body:has(.tcm-wrap.tcm-wrap-revival[data-set-number="16"]) #masthead #dhtft-ticker {
    margin-bottom: 0 !important;
}

/* Tạo khoảng hở bên trong background của đội hình Set 16 */
html body.tcm-has-revival-set16 .tcm-wrap.tcm-wrap-revival[data-set-number="16"],
html body.page-id-1117 .tcm-wrap.tcm-wrap-revival[data-set-number="16"],
html body:has(.tcm-wrap.tcm-wrap-revival[data-set-number="16"]) .tcm-wrap.tcm-wrap-revival[data-set-number="16"] {
    padding-top: 22px !important;
}

/* Mobile */
@media (max-width: 768px) {
    html body.tcm-has-revival-set16 .tcm-wrap.tcm-wrap-revival[data-set-number="16"],
    html body.page-id-1117 .tcm-wrap.tcm-wrap-revival[data-set-number="16"],
    html body:has(.tcm-wrap.tcm-wrap-revival[data-set-number="16"]) .tcm-wrap.tcm-wrap-revival[data-set-number="16"] {
        padding-top: 14px !important;
    }
}




/* ===== v3.9.121 - Set 16: xóa khoảng trống page-header trên đầu + giãn ticker với hero =====
   Khoảng trống trên đầu là .page-header (tiêu đề trang mặc định của theme) nằm giữa #dhtft-ticker và hero.
   Ẩn hẳn nó đi, sau đó thêm margin-bottom cho ticker để ticker cách hero Mùa 16 ra một chút. */



.tcm-wrap {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

.tcm-wrap *, .tcm-wrap *::before, .tcm-wrap *::after { box-sizing: border-box; }
.tcm-wrap a { text-decoration: none; color: inherit; }

/* ===== Filters ===== */
.tcm-filters { margin-bottom: 12px; }
.tcm-tier-btns { display: flex; gap: 6px; flex-wrap: wrap; }
.tcm-fb {
    padding: 6px 18px;
    border-radius: 20px;
    border: 1px solid #333;
    background: #1a1d27;
    color: #888;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s;
}
.tcm-fb:hover { border-color: #555; color: #ccc; }
.tcm-fb.active { background: linear-gradient(135deg, #ff92a0 0%, #ff667d 55%, #ff566f 100%); border-color: #ff6a80; color: #2a1118; box-shadow: 0 6px 14px rgba(255,102,125,.22); }
.tcm-fb-s.active { background: linear-gradient(135deg, #ff92a0 0%, #ff667d 55%, #ff566f 100%); border-color: #ff6a80; color: #2a1118; box-shadow: 0 6px 14px rgba(255,102,125,.22); }
.tcm-fb-a.active { background: linear-gradient(135deg, #ffc676 0%, #ffab59 45%, #ff9443 100%); border-color: #ff9c4a; color: #312008; box-shadow: 0 6px 14px rgba(255,156,74,.2); }
.tcm-fb-b.active { background: linear-gradient(135deg, #fff68c 0%, #f8ea63 55%, #eadb4b 100%); border-color: #eadb4b; color: #312b06; box-shadow: 0 6px 14px rgba(234,219,75,.18); }
.tcm-fb-c.active { background: linear-gradient(135deg, #d5ff8f 0%, #b1f56a 45%, #90e14f 100%); border-color: #9ae65a; color: #17300a; box-shadow: 0 6px 14px rgba(144,225,79,.18); }
.tcm-fb-d.active { background: linear-gradient(135deg, #3b4250 0%, #252b35 52%, #11151c 100%); border-color: #4b5563; color: #f8fafc; box-shadow: 0 6px 14px rgba(17,24,39,.35); }

/* SEO internal link pill: Ấn Tộc Hệ */
a.tcm-seo-pill,
a.tcm-seo-pill:visited,
a.tcm-seo-pill:hover,
a.tcm-seo-pill:focus,
a.tcm-seo-pill:active,
.tcm-wrap a.tcm-seo-pill,
.tcm-wrap a.tcm-seo-pill:visited,
.tcm-wrap a.tcm-seo-pill:hover,
.tcm-wrap a.tcm-seo-pill:focus,
.tcm-wrap a.tcm-seo-pill:active {
    text-decoration: none !important;
    box-shadow: none !important;
    background-image: none !important;
}
a.tcm-seo-pill::before,
a.tcm-seo-pill::after {
    text-decoration: none !important;
    box-shadow: none !important;
}
.tcm-seo-pill span,
.tcm-seo-pill svg {
    text-decoration: none !important;
}
.tcm-seo-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 30px;
    padding: 6px 16px;
    border-radius: 20px;
    border: 1px solid rgba(34, 197, 94, .72);
    background: linear-gradient(135deg, rgba(15, 39, 31, .96), rgba(18, 29, 39, .96));
    color: #7ef7a6;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: border-color .15s, color .15s, transform .15s, box-shadow .15s;
    white-space: nowrap;
    text-decoration: none !important;
}
.tcm-seo-pill:hover {
    border-color: #34d399;
    color: #d7ffe4;
    box-shadow: 0 6px 14px rgba(34,197,94,.16);
    transform: translateY(-1px);
}
.tcm-seo-pill:focus-visible {
    outline: 2px solid rgba(52,211,153,.75);
    outline-offset: 2px;
}
.tcm-seo-pill-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: #5cff9f;
    flex: 0 0 auto;
}
.tcm-seo-pill-icon svg { display: block; width: 14px; height: 14px; }

/* ===== Card ===== */
.tcm-card {
    background: #1a1d27;
    border: 1px solid #252838;
    border-radius: 12px;
    margin-bottom: 10px;
    overflow: hidden;
    transition: border-color .2s;
}
.tcm-card:hover { border-color: #3a3d50; }

/* ===== Card Header ===== */
.tcm-card-header {
    display: grid;
    grid-template-columns: 200px 1fr auto;
    align-items: center;
    gap: 50px;
    padding: 10px 14px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* Background image */
.tcm-card-bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 220px;
    height: 100%;
    background-size: cover;
    background-position: center top;
    opacity: 0.15;
    mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.8) 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.8) 100%);
    pointer-events: none;
}

.tcm-card-left {
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 1;
    min-width: 0;
}

/* Tier badge — Diagonal slash */
.tcm-tier {
    width: 34px; height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 12px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
/* Diagonal slash */
.tcm-tier::before {
    content: '';
    position: absolute;
    bottom: 0; right: 0;
    width: 60%; height: 60%;
    background: rgba(0,0,0,0.12);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    pointer-events: none;
}
.tcm-tier-S { background: linear-gradient(145deg, #ff2020, #ff6600) !important; color: #4a0000 !important; box-shadow: 0 2px 10px rgba(255,40,40,.4) !important; }
.tcm-tier-A { background: linear-gradient(145deg, #ff8800, #ffbb00) !important; color: #4a2200 !important; box-shadow: 0 2px 10px rgba(255,136,0,.35) !important; }
.tcm-tier-B { background: linear-gradient(145deg, #f0dd00, #ccff00) !important; color: #3a3500 !important; box-shadow: 0 2px 10px rgba(200,230,0,.3) !important; }
.tcm-tier-C { background: linear-gradient(145deg, #00d4ff, #00ff88) !important; color: #003830 !important; box-shadow: 0 2px 10px rgba(0,210,255,.35) !important; }
.tcm-tier-D { background: linear-gradient(145deg, #3b4250, #12161d) !important; color: #f8fafc !important; border: 1px solid #4b5563 !important; box-shadow: 0 2px 10px rgba(0,0,0,.45) !important; }

/* Info */
.tcm-card-info { min-width: 0; }
.tcm-card-name {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    color: #e8e0d0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}
.tcm-card-badges { display: flex; gap: 5px; margin-top: 3px; }
.tcm-badge {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}
.tcm-badge-speed  { background: #0d1b2a; color: #6aaed6; }
.tcm-badge-easy   { background: #0d2a0d; color: #6dbf7a; }
.tcm-badge-medium { background: #2a1a0d; color: #d6a86a; }
.tcm-badge-hard   { background: #2a0d1a; color: #d66a9a; }

/* ===== Units inline in header ===== */
.tcm-card-units-inline {
    display: flex;
    gap: 3px;
    z-index: 1;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: nowrap;
    overflow: hidden;
}

.tcm-u {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 62px;
    position: relative;
    z-index: 1;
}

/* Stars ABOVE the champion image */
.tcm-u-stars {
    font-size: 13px;
    line-height: 1;
    letter-spacing: 1px;
    text-align: center;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.tcm-u-stars-2 { color: #c0c0c0; text-shadow: 0 0 6px rgba(192,192,192,.5); }
.tcm-u-stars-3 { color: #ffd700; text-shadow: 0 0 8px rgba(255,200,0,.6), 0 0 3px rgba(255,160,0,.8); }

.tcm-u-img-wrap {
    width: 56px; height: 56px;
    border-radius: 8px;
    border: 2px solid #444;
    background: #252838;
    overflow: visible;
    position: relative;
}
.tcm-u-img-wrap img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}

.tcm-u-emblem {
    position: absolute;
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #f2c94c;
    background: #15120a;
    box-shadow: none;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    pointer-events: none;
}
.tcm-u-emblem img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}
.tcm-u-emblem span {
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #f2c94c;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
}
.tcm-u-emblem img[style*="display: none"] + span,
.tcm-u-emblem > span:only-child { display: flex; }
.tcm-u-link {
    display: block;
    width: 100%;
    height: 100%;
    touch-action: manipulation;
    overflow: hidden;
    border-radius: 6px;
}
.tcm-u-link img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}
.tcm-u-fb {
    display: none;
    width: 100%; height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #666;
    background: #252838;
}

/* Carry highlight: chỉ dùng trong thẻ gợi ý trang bị, không áp dụng lên danh sách tướng đội hình */
.tftpro-cc-champ.tcm-u.carry .tcm-u-img-wrap {
    /* Giữ màu viền theo cost/tướng từ inline style; chỉ tăng độ dày cho mục Trang Bị Gợi Ý. */
    border-width: 3px !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 0 8px rgba(0,0,0,.28);
}
.tftpro-cc-champ.tcm-u.carry .tcm-u-name { color: #c89b3c; font-weight: 700; }

/* Items BELOW image */
.tcm-u-items {
    display: flex !important;
    gap: 1px;
    justify-content: center;
    height: 16px;
    margin-top: 1px;
    overflow: visible;
}
.tcm-u-items a.tftpro-item-tip,
.tcm-u-items span.tftpro-item-tip,
.tcm-u-items a.tcm-u-item-tip,
.tcm-u-items span.tcm-u-item-tip {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    border-radius: 3px;
    text-decoration: none !important;
    cursor: pointer;
}
.tcm-item-icon {
    width: 16px; height: 16px;
    border-radius: 3px;
    border: 1px solid #333;
    background: #1a1d27;
    object-fit: cover;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    cursor: pointer;
}
.tcm-u-items a.tftpro-item-tip:hover .tcm-item-icon,
.tcm-u-items span.tftpro-item-tip:hover .tcm-item-icon,
.tcm-u-items img.tftpro-item-tip:hover,
.tcm-u-items img.tcm-u-item-tip:hover {
    border-color: #60a5fa;
    transform: translateY(-1px);
}

/* Name — fixed height, all aligned */
.tcm-u-name {
    font-size: 9px;
    color: #888;
    text-align: center;
    width: 62px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
    height: 11px;
    margin-top: 1px;
}

/* Stats */
.tcm-card-stats {
    display: flex;
    gap: 16px;
    flex-shrink: 0;
    z-index: 1;
}
.tcm-stat-box { text-align: center; }
.tcm-stat-val { display: block; font-size: 17px; font-weight: 700; color: #aaa; line-height: 1.2; }
.tcm-stat-val.good { color: #6dbf7a; }
.tcm-stat-val.mid  { color: #d6a86a; }
.tcm-stat-label { display: block; font-size: 9px; color: #555; margin-top: 1px; text-transform: uppercase; letter-spacing: .5px; }
.tcm-stat-top4 .tcm-stat-val { color: #7fbbf0; }

/* Chevron */
.tcm-chev { color: #444; font-size: 10px; transition: transform .2s; flex-shrink: 0; margin-left: 4px; z-index: 1; }
.tcm-chev.open { transform: rotate(180deg); }

/* ===== Traits Bar (inside detail panel) ===== */
.tcm-traits-bar {
    display: flex;
    gap: 8px;
    padding: 9px 20px;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #1e2130;
    background: #161824;
    margin: -18px -20px 12px -20px;
}
.tcm-trait-badge {
    --tcm-trait-color: var(--tcm-trait-api-color, #343b45);
    --tcm-trait-glow: rgba(0, 0, 0, .24);
    display: grid;
    grid-template-columns: 30px 24px auto;
    align-items: center;
    column-gap: 6px;
    min-height: 34px;
    padding: 0;
    min-width: 0;
    max-width: 100%;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #f3f6ff;
    transition: opacity .15s ease;
}
.tcm-trait-badge:hover { opacity: .95; }
.tcm-trait-hex {
    width: 30px;
    height: 34px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: var(--tcm-trait-color);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.62)) drop-shadow(0 0 7px var(--tcm-trait-glow));
    overflow: hidden;
}
.tcm-trait-hex::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 42%, rgba(0,0,0,.10));
    pointer-events: none;
}
.tcm-trait-icon {
    width: 15px;
    height: 15px;
    max-width: 15px;
    max-height: 15px;
    object-fit: contain;
    position: relative;
    z-index: 1;
    filter: brightness(0) saturate(100%) contrast(1.12) opacity(.9);
}
.tcm-trait-icon-fb {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0,0,0,.82);
    font-size: 8px;
    font-weight: 950;
    letter-spacing: -.02em;
    position: relative;
    z-index: 1;
}
.tcm-trait-icon + .tcm-trait-icon-fb { display: none; }
.tcm-trait-count {
    width: 24px;
    min-width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: #252b33;
    color: #f3f7ff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 1px rgba(0,0,0,.38);
}
.tcm-trait-count.active {
    color: #ffffff;
    background: #252b33;
}
.tcm-trait-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
}
.tcm-trait-name-text {
    display: block;
    max-width: 100%;
    color: #f3f6ff;
    font-size: 11px;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tcm-trait-breaks {
    display: none;
    align-items: center;
    gap: 5px;
    min-width: 0;
    color: #7e8794;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
}
.tcm-trait-break { color: #7e8794; }
.tcm-trait-break.is-met { color: #dce3ef; }
.tcm-trait-break-sep {
    color: #596271;
    font-size: 14px;
    line-height: .8;
    margin-top: -1px;
}

/* Màu mốc đồng bộ Team Builder */
.tcm-trait-badge.tcm-style-bronze { --tcm-trait-color:#e3a582; --tcm-trait-glow:rgba(227,165,130,.22); }
.tcm-trait-badge.tcm-style-silver { --tcm-trait-color:#d9dde4; --tcm-trait-glow:rgba(217,221,228,.22); }
.tcm-trait-badge.tcm-style-gold { --tcm-trait-color:#f2b705; --tcm-trait-glow:rgba(242,183,5,.26); }
.tcm-trait-badge.tcm-style-unique,
.tcm-trait-badge.tcm-style-special { --tcm-trait-color:#b07cff; --tcm-trait-glow:rgba(176,124,255,.24); }
.tcm-trait-badge.tcm-style-inactive { --tcm-trait-color:#5a5a5a; --tcm-trait-glow:rgba(90,90,90,.12); opacity:.84; }
.tcm-trait-badge.tcm-style-single { --tcm-trait-color:#ff8a00; --tcm-trait-glow:rgba(255,138,0,.28); }
.tcm-trait-badge.tcm-style-single .tcm-trait-hex {
    background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 42%),
                linear-gradient(145deg, #ff4d1f 0%, #ff6b00 48%, #f6b000 100%);
    filter: drop-shadow(0 0 9px rgba(255,140,0,.38)) drop-shadow(0 1px 1px rgba(0,0,0,.62));
}
.tcm-trait-badge.tcm-style-single .tcm-trait-icon {
    filter: brightness(0) saturate(100%) contrast(1.12) opacity(.96);
}
.tcm-trait-badge.tcm-style-prismatic .tcm-trait-hex,
.tcm-trait-badge.tcm-style-chromatic .tcm-trait-hex {
    background: conic-gradient(
        from 180deg,
        #b5fbd1 0deg,
        #aea7f8 25.6deg,
        #b9e3bc 63deg,
        #f6fdaf 87.2deg,
        #c7fbf7 105.21deg,
        #a0f6fe 139.56deg,
        #f5ccff 169.3deg,
        #f899f3 201.86deg,
        #bfc6a0 244.3deg,
        #fe93f2 287.41deg,
        #f3f1c7 334.3deg,
        #b5fbd1 360deg
    );
    filter: drop-shadow(0 0 8px rgba(205,232,255,.58)) drop-shadow(0 1px 1px rgba(0,0,0,.62));
}

/* ===== Detail panel ===== */
.tcm-detail {
    background: #12141d;
    border-top: 1px solid #1e2130;
    padding: 18px 20px;
}
.tcm-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.tcm-detail-left,
.tcm-detail-right {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.tcm-detail-section { }
.tcm-detail-label {
    font-size: 11px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
    font-weight: 600;
}

/* Deployment levels */
.tcm-deploy-list { display: flex; flex-direction: column; gap: 8px; }
.tcm-deploy-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    background: #1a1d27;
    border-radius: 8px;
    border: 1px solid #252838;
}
.tcm-deploy-lv {
    font-size: 11px;
    font-weight: 700;
    color: #c89b3c;
    min-width: 44px;
    flex-shrink: 0;
}
.tcm-deploy-units {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
.tcm-deploy-unit {
    width: 36px; height: 36px;
    border-radius: 6px;
    border: 1px solid var(--tcm-unit-cost-color, #333);
    overflow: hidden;
    background: #252838;
    display: block;
    position: relative;
    transition: border-color .15s;
}
.tcm-deploy-unit:hover { border-color: #c89b3c; }
.tcm-deploy-unit img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}
.tcm-deploy-fb {
    display: none;
    width: 100%; height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #666;
}

/* Mùa 18: hiện tên tướng trực tiếp dưới icon ở từng level triển khai. */
.tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-deploy-unit-wrap {
    width: 46px;
    flex: 0 0 46px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    min-width: 0;
}
.tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-deploy-unit-name {
    width: 46px;
    max-width: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 8px;
    font-weight: 700;
    line-height: 1.15;
    color: #8f96a3;
    text-transform: none;
}

/* Deployment notes */
.tcm-deploy-notes {
    font-size: 12px;
    color: #888;
    line-height: 1.6;
    padding: 8px 12px;
    background: #1a1d27;
    border-radius: 6px;
    border: 1px solid #252838;
}

/* Stats grid */
.tcm-detail-stats-grid { display: flex; gap: 16px; flex-wrap: wrap; }
.tcm-ds { text-align: center; }
.tcm-ds-v { display: block; font-size: 18px; font-weight: 700; color: #c89b3c; }
.tcm-ds-l { display: block; font-size: 9px; color: #555; margin-top: 2px; }

/* Tips */
.tcm-tips-content {
    font-size: 12px;
    color: #aaa;
    line-height: 1.7;
    padding: 10px 14px;
    background: #1a1d27;
    border-radius: 8px;
    border: 1px solid #2a2d3a;
    border-left: 3px solid #c89b3c;
}

/* Builder embed */
.tcm-builder-embed {
    padding: 10px;
    background: #1a1d27;
    border-radius: 8px;
    border: 1px solid #252838;
    text-align: center;
}
.tcm-btn-builder {
    display: inline-block;
    padding: 8px 20px;
    background: linear-gradient(135deg, #c89b3c, #a67c2e);
    color: #fff;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    transition: all .15s;
    text-decoration: none;
}
.tcm-btn-builder:hover { opacity: .9; transform: translateY(-1px); }

/* Carry item suggestions */
.tcm-carry-items-list { display: flex; flex-direction: column; gap: 8px; }
.tcm-carry-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    background: #1a1d27;
    border-radius: 8px;
    border: 1px solid #252838;
}
.tcm-carry-champ {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 100px;
}
.tcm-carry-champ img {
    width: 32px; height: 32px;
    border-radius: 6px;
    border: 2px solid #c89b3c;
    object-fit: cover;
}
.tcm-carry-champ span {
    font-size: 12px;
    font-weight: 600;
    color: #e8e0d0;
}
.tcm-carry-items-icons {
    display: flex;
    gap: 4px;
}
.tcm-carry-items-icons img {
    width: 28px; height: 28px;
    border-radius: 5px;
    border: 1px solid #333;
    background: #252838;
    object-fit: cover;
}

/* Detail units */
.tcm-detail-units { display: flex; gap: 10px; flex-wrap: wrap; }
.tcm-du {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    text-decoration: none;
    transition: transform .15s;
}
.tcm-du:hover { transform: translateY(-2px); }
.tcm-du-img {
    width: 52px; height: 52px;
    border-radius: 8px;
    border: 2px solid #444;
    background: #252838;
    overflow: hidden;
    position: relative;
}
.tcm-du-img img { width:100%; height:100%; object-fit:cover; display:block; }
.tcm-du-fb {
    display: none;
    width: 100%; height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #666;
}
.tcm-du.carry .tcm-du-img {
    border-color: #c89b3c !important;
    box-shadow: 0 0 10px rgba(200,155,60,.4);
}
.tcm-du-3star {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 8px;
    color: #ffd54f;
    text-shadow: 0 1px 3px rgba(0,0,0,.9);
    letter-spacing: -1px;
    z-index: 2;
}
.tcm-du-items { display: flex; gap: 2px; justify-content: center; }
.tcm-du-items img {
    width: 20px; height: 20px;
    border-radius: 4px;
    border: 1px solid #333;
    background: #1a1d27;
    object-fit: cover;
}
.tcm-du-name {
    font-size: 10px;
    color: #777;
    text-align: center;
    max-width: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Empty */
.tcm-empty {
    text-align: center;
    padding: 28px;
    color: #555;
    font-size: 13px;
    background: #1a1d27;
    border-radius: 10px;
}

/* Hidden */
.tcm-card.tcm-hidden { display: none; }

/* ===== Responsive ===== */
@media (max-width: 900px) {
    .tcm-detail-grid {
        grid-template-columns: 1fr;
    }
    .tcm-card-header {
        grid-template-columns: 160px 1fr auto;
        gap: 8px;
        padding: 8px 10px;
    }
    .tcm-card-name { font-size: 12px; }
    .tcm-u { width: 44px; }
    .tcm-u-img-wrap { width: 38px; height: 38px; border-radius: 6px; }
    .tcm-u-name { width: 44px; font-size: 8px; }
    .tcm-u-stars { font-size: 11px; height: 14px; }
    .tcm-item-icon { width: 13px; height: 13px; }
    .tcm-u-items { height: 14px; }
}

@media (max-width: 600px) {
    .tcm-card-header { 
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        gap: 6px;
        padding: 8px 10px;
    }
    .tcm-card-left { grid-column: 1; grid-row: 1; }
    .tcm-card-stats { position: absolute; top: 10px; right: 10px; }
    .tcm-card-units-inline { grid-column: 1; grid-row: 2; flex-wrap: wrap; }
    .tcm-chev { display: none; }
    .tcm-tier { width: 28px; height: 28px; font-size: 13px; border-radius: 6px; }
    .tcm-card-name { font-size: 12px; }
    .tcm-card-stats { gap: 8px; }
    .tcm-stat-val { font-size: 14px; }
    .tcm-u { width: 42px; }
    .tcm-u-img-wrap { width: 36px; height: 36px; border-radius: 6px; }
    .tcm-u-emblem { width: 18px; height: 18px; top: -7px; border-width: 1px; box-shadow: none; }
    .tcm-u-name { width: 42px; font-size: 7px; }
    .tcm-u-stars { font-size: 10px; height: 13px; }
    .tcm-item-icon { width: 12px; height: 12px; }
    .tcm-u-items { height: 13px; }
    .tcm-detail { padding: 12px 10px; overflow: hidden; }
    .tcm-detail-grid { gap: 12px; }
    .tcm-detail-left, .tcm-detail-right { gap: 10px; overflow: hidden; }
    .tcm-traits-bar { padding: 7px 10px; gap: 6px; margin: -12px -10px 10px -10px; }
    .tcm-card-left { min-width: 100px; }

    /* Traits mobile */
    .tcm-badge-hero { position: absolute; bottom: 8px; right: 10px; font-size: 9px; }
    .tcm-trait-badge { grid-template-columns: 28px 22px auto; min-height: 30px; min-width: 0; column-gap: 5px; }
    .tcm-trait-hex { width: 28px; height: 32px; }
    .tcm-trait-icon { width: 14px; height: 14px; max-width: 14px; max-height: 14px; }
    .tcm-trait-count { width: 22px; min-width: 22px; height: 22px; font-size: 11px; }
    .tcm-trait-name-text { font-size: 10px; }
    .tcm-trait-breaks { display: none; }

    .tcm-tips-content, .tcm-phase-content, .tcm-deploy-notes { word-break: break-word; overflow-wrap: break-word; }
    .tcm-deploy-unit { width: 30px; height: 30px; border-radius: 5px; }
    .tcm-deploy-lv { min-width: 36px; font-size: 10px; }
    .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-deploy-unit-wrap { width: 40px; flex-basis: 40px; gap: 2px; }
    .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-deploy-unit-name { width: 40px; max-width: 40px; font-size: 7px; }
    .tcm-hex-board-display { transform: scale(0.6); transform-origin: top center; margin-bottom: -60px; width: 100%; }
    .tcm-hbd-hex-wrap { width: 48px; }
    .tcm-hbd-hex-wrap .tcm-hbd-hex { width: 48px; height: 54px; }
    .tcm-hbd-hex-wrap .tcm-hbd-name { width: 48px; font-size: 7px; }
    .tcm-hbd-odd { margin-left: 28px; }
    .tcm-phase-block { overflow: hidden; }
    .tcm-phase-title { font-size: 10px; padding: 4px 8px; }
    .tcm-phase-content { font-size: 11px; padding: 6px 8px; }
}
@media (max-width: 380px) {
    .tcm-u { width: 38px; }
    .tcm-u-img-wrap { width: 32px; height: 32px; }
    .tcm-u-emblem { width: 16px; height: 16px; top: -6px; box-shadow: none; }
    .tcm-u-name { width: 38px; font-size: 7px; }
    .tcm-u-stars { font-size: 9px; height: 12px; }
    .tcm-card-stats { gap: 6px; }
    .tcm-stat-val { font-size: 13px; }
}

/* ===== Phase notes (Đầu / Giữa / Cuối game) ===== */
.tcm-phase-notes {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.tcm-phase-block {
    background: rgba(255,255,255,.03);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.06);
}
.tcm-phase-title {
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.tcm-phase-early  { background: rgba(100,180,100,.12); color: #7dbb7d; border-bottom: 1px solid rgba(100,180,100,.15); }
.tcm-phase-mid    { background: rgba(200,155,60,.12);  color: #c89b3c; border-bottom: 1px solid rgba(200,155,60,.15); }
.tcm-phase-late   { background: rgba(200,90,90,.12);   color: #d66a6a; border-bottom: 1px solid rgba(200,90,90,.15); }
.tcm-phase-content {
    font-size: 12px;
    color: #aaa;
    line-height: 1.6;
    padding: 8px 10px;
}


/* Rich text sync từ Team Builder Pro: <strong>, <span class="key">, <span class="white"> */
.tcm-wrap .tcm-tips-content strong,
.tcm-wrap .tcm-phase-content strong,
.tcm-wrap .tcm-deploy-notes strong,
.tcm-wrap .tcm-tips-content .white,
.tcm-wrap .tcm-phase-content .white,
.tcm-wrap .tcm-deploy-notes .white,
.tcm-wrap .tcm-tips-content .tftpro-intro-white,
.tcm-wrap .tcm-phase-content .tftpro-intro-white,
.tcm-wrap .tcm-deploy-notes .tftpro-intro-white {
    color: #f3f4f6;
    font-weight: 700;
}
.tcm-wrap .tcm-tips-content .key,
.tcm-wrap .tcm-phase-content .key,
.tcm-wrap .tcm-deploy-notes .key,
.tcm-wrap .tcm-tips-content .blue,
.tcm-wrap .tcm-phase-content .blue,
.tcm-wrap .tcm-deploy-notes .blue,
.tcm-wrap .tcm-tips-content .tftpro-intro-key,
.tcm-wrap .tcm-phase-content .tftpro-intro-key,
.tcm-wrap .tcm-deploy-notes .tftpro-intro-key {
    color: #7dd3fc;
    font-weight: 700;
}
.tcm-wrap .tcm-tips-content a,
.tcm-wrap .tcm-phase-content a,
.tcm-wrap .tcm-deploy-notes a {
    color: #7dd3fc;
    text-decoration: none;
}
.tcm-wrap .tcm-tips-content a:hover,
.tcm-wrap .tcm-phase-content a:hover,
.tcm-wrap .tcm-deploy-notes a:hover {
    text-decoration: underline;
}

/* ===== Lõi nâng cấp ===== */
.tcm-augments-section {
}
.tcm-augments-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
}
.tcm-aug-coming {
    font-size: 12px;
    color: #555;
    font-style: italic;
    border: 1px dashed #333;
    border-radius: 8px;
    padding: 8px 20px;
    display: block;
    width: 100%;
    text-align: center;
}

/* ===== Inline Hex Board Display (hexagon clip-path) ===== */
.tcm-hex-board-display {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 0;
    align-items: center;
}

.tcm-hbd-row {
    display: flex;
    gap: 4px;
    justify-content: center;
}
.tcm-hbd-odd {
    margin-left: 34px;
}

.tcm-hbd-hex {
    width: 56px;
    height: 62px;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background: #2a2e3a;
    position: relative;
    flex-shrink: 0;
}
.tcm-hbd-hex:not(.tcm-hbd-filled) {
    opacity: .35;
}

.tcm-hbd-inner {
    position: absolute;
    inset: 2px;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background: #1a1d27;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.tcm-hbd-content {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.tcm-hbd-content img.tcm-hbd-champimg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 115%;
    height: 115%;
    object-fit: cover;
    pointer-events: none;
}

/* Stars — outside hex at top, above the hex (like builder) */
.tcm-hbd-stars {
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    color: #ffd700;
    letter-spacing: 1px;
    text-shadow: 0 0 4px #ff8800, 0 1px 3px rgba(0,0,0,.9);
    z-index: 4;
    line-height: 1;
    pointer-events: none;
    white-space: nowrap;
}

/* Items inside hex — bottom, builder-style */
.tcm-hbd-hex-wrap {
    position: relative;
    overflow: visible;
}
.tcm-hbd-items {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    width: 100%;
    height: 33%;
    transform: none;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
    z-index: 30;
    overflow: visible;
    pointer-events: none;
}
.tcm-hbd-items img {
    width: 17px; height: 17px;
    border-radius: 3px;
    border: 1px solid #334155;
    object-fit: cover;
    background: #1e293b;
    box-shadow: 0 1px 3px rgba(0,0,0,.6);
    transition: transform .1s;
}
.tcm-hbd-items img:hover {
    transform: translateY(-2px);
    border-color: #60a5fa;
}

.tcm-hbd-fb {
    display: none;
    width: 100%; height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #555;
}

/* Names row below entire board — evenly spaced */
.tcm-hbd-names-row {
    display: none; /* names are shown via name-label approach below each column */
}

/* Name below hex — hidden (removed per design update) */
.tcm-hbd-hex-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 56px;
    flex-shrink: 0;
    position: relative;
    overflow: visible;
}
.tcm-hbd-hex-wrap .tcm-hbd-name {
    display: none;
}
.tcm-hbd-hex-wrap .tcm-hbd-hex {
    width: 56px;
    height: 62px;
}

/* ===== Open Team Builder button ===== */
.tcm-open-builder-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding: 4px 0 8px;
}
.tcm-open-builder-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 18px;
    font-size: 12px;
    font-weight: 600;
    color: #e2e8f0;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;
    text-decoration: none !important;
    transition: background .2s, border-color .2s, transform .15s;
    cursor: pointer;
}
.tcm-open-builder-btn:hover,
.tcm-open-builder-btn:visited,
.tcm-open-builder-btn:focus,
.tcm-open-builder-btn:active {
    text-decoration: none !important;
}
.tcm-open-builder-btn:hover {
    background: rgba(200,155,60,.15);
    border-color: #c89b3c;
    color: #ffd54f;
    transform: translateY(-1px);
}

/* ===== Chép Mã Đội Hình button ===== */
.tcm-copy-code-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 18px;
    font-size: 12px;
    font-weight: 600;
    color: #ffd54f;
    background: linear-gradient(135deg, rgba(200,155,60,.18) 0%, rgba(255,213,79,.10) 100%);
    border: 1px solid rgba(200,155,60,.45);
    border-radius: 8px;
    cursor: pointer;
    transition: background .2s, border-color .2s, transform .15s, box-shadow .2s;
    position: relative;
    font-family: inherit;
}
.tcm-copy-code-btn:hover {
    background: linear-gradient(135deg, rgba(200,155,60,.32) 0%, rgba(255,213,79,.18) 100%);
    border-color: #ffd54f;
    box-shadow: 0 0 10px rgba(255,213,79,.25);
    transform: translateY(-1px);
}
.tcm-copy-code-btn.copied {
    color: #69f0ae;
    border-color: rgba(105,240,174,.5);
    background: rgba(105,240,174,.1);
}
.tcm-copy-code-btn.copied .tcm-copy-icon { display: none; }

.tcm-copy-code-action-group {
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    gap: 6px;
}
.tcm-team-code-guide-btn-compact {
    width: 38px;
    min-width: 38px;
    padding: 0;
    font-size: 15px;
    line-height: 1;
}
.tcm-team-code-guide-btn-compact .tcm-guide-icon {
    font-size: 17px;
    font-weight: 900;
}

.tcm-revival-copy-code-wrap {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
}
.tcm-copy-code-btn-revival {
    flex: 1 1 auto;
    width: auto;
    justify-content: center;
    min-height: 38px;
}
.tcm-team-code-guide-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 700;
    color: #fef3c7;
    background: linear-gradient(135deg, rgba(59,130,246,.22) 0%, rgba(245,158,11,.16) 100%);
    border: 1px solid rgba(245,158,11,.48);
    border-radius: 8px;
    cursor: pointer;
    transition: background .2s, border-color .2s, transform .15s, box-shadow .2s;
    font-family: inherit;
    white-space: nowrap;
}
.tcm-team-code-guide-btn:hover {
    background: linear-gradient(135deg, rgba(59,130,246,.34) 0%, rgba(245,158,11,.25) 100%);
    border-color: #fbbf24;
    box-shadow: 0 0 10px rgba(251,191,36,.24);
    transform: translateY(-1px);
}
.tcm-guide-icon { font-size: 13px; line-height: 1; }

.tcm-team-code-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.tcm-team-code-modal.is-open { display: flex; }
.tcm-team-code-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2,6,23,.78);
    backdrop-filter: blur(4px);
}
.tcm-team-code-modal-box {
    position: relative;
    z-index: 1;
    width: fit-content;
    max-width: calc(100vw - 32px);
    max-height: 92vh;
    padding: 14px;
    border: 1px solid rgba(251,191,36,.42);
    border-radius: 16px;
    background: #0b1020;
    box-shadow: 0 22px 70px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.04) inset;
    overflow: auto;
}
.tcm-team-code-modal-title {
    margin: 2px 42px 12px 4px;
    color: #ffd54f;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .02em;
}
.tcm-team-code-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(15,23,42,.9);
    color: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}
.tcm-team-code-modal-close:hover {
    border-color: #ffd54f;
    color: #ffd54f;
}
.tcm-team-code-modal-img {
    display: block;
    width: auto;
    height: auto;
    max-width: min(100%, 920px);
    max-height: calc(92vh - 78px);
    object-fit: contain;
    border-radius: 12px;
    background: #020617;
    margin: 0 auto;
}
body.tcm-team-code-modal-open { overflow: hidden; }

@media (max-width: 520px) {
    .tcm-revival-copy-code-wrap { gap: 6px; }
    .tcm-team-code-guide-btn { padding: 7px 10px; }
    .tcm-guide-label { display: none; }
    .tcm-team-code-modal-box { width: min(calc(100vw - 20px), 100%); padding: 10px; border-radius: 12px; }
    .tcm-team-code-modal-title { font-size: 13px; margin-right: 38px; }
}

/* ===== Xem bài viết chi tiết button ===== */
.tcm-view-post-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 10px auto 0;
    width: fit-content;
    padding: 8px 20px;
    font-size: 12px;
    font-weight: 600;
    color: #90caf9;
    background: linear-gradient(135deg, rgba(66,165,245,.12) 0%, rgba(100,181,246,.06) 100%);
    border: 1px solid rgba(66,165,245,.3);
    border-radius: 8px;
    text-decoration: none !important;
    transition: background .2s, border-color .2s, transform .15s, box-shadow .2s;
    letter-spacing: .3px;
}
.tcm-view-post-btn:hover,
.tcm-view-post-btn:visited,
.tcm-view-post-btn:focus,
.tcm-view-post-btn:active {
    text-decoration: none !important;
}
.tcm-view-post-btn:hover {
    background: linear-gradient(135deg, rgba(66,165,245,.25) 0%, rgba(100,181,246,.14) 100%);
    border-color: #64b5f6;
    color: #bbdefb;
    box-shadow: 0 0 10px rgba(66,165,245,.2);
    transform: translateY(-1px);
}

/* ===== Trang Bị Gợi Ý — compact 2-col grid ===== */
.tcm-suggest-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}
.tcm-si-row {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 7px;
    background: #1a1d27;
    border-radius: 8px;
    border: 1px solid #252838;
}
.tcm-si-champ {
    width: 32px; height: 32px;
    border-radius: 6px;
    border: 2px solid #444;
    overflow: hidden;
    flex-shrink: 0;
}
.tcm-si-champ img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}
.tcm-si-info {
    flex: 1;
    min-width: 0;
}
.tcm-si-name {
    font-size: 10px;
    font-weight: 600;
    color: #c89b3c;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tcm-si-items-row {
    display: flex;
    gap: 2px;
    align-items: center;
}
.tcm-si-items-row img {
    width: 22px; height: 22px;
    border-radius: 4px;
    border: 1px solid #333;
    background: #252838;
    object-fit: cover;
}
.tcm-si-items-row img.tcm-si-artifact {
    border-color: #9b59b6;
}
.tcm-si-arrow {
    font-size: 8px;
    color: #555;
    margin: 0 1px;
    flex-shrink: 0;
}
@media (max-width: 600px) {
    .tcm-suggest-items { grid-template-columns: 1fr; }
    .tcm-si-champ { width: 28px; height: 28px; }
    .tcm-si-items-row img { width: 18px; height: 18px; }
    .tcm-si-name { font-size: 9px; }
    .tcm-si-row { padding: 4px 5px; gap: 4px; }
}

/* ===== Item Finder (Tìm Đội Hình Theo Trang Bị) ===== */
/* Finder Row - side by side */
.tcm-finder-row {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
}
.tcm-finder-row .tcm-item-finder {
    flex: 1;
    min-width: 0;
    margin-bottom: 0;
    transition: flex .3s, opacity .3s;
}
/* When one finder is expanded, it takes full width */
.tcm-finder-row .tcm-item-finder.tcm-finder-active {
    flex: 1 1 100%;
}
.tcm-finder-row .tcm-item-finder.tcm-finder-hidden {
    flex: 0 0 0;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    border: none;
    min-width: 0;
    max-width: 0;
}
.tcm-item-finder {
    background: #1a1d27;
    border: 1px solid #252838;
    border-radius: 12px;
    margin-bottom: 14px;
    overflow: hidden;
    transition: border-color .2s;
}
.tcm-item-finder:hover { border-color: #3a3d50; }
.tcm-if-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    cursor: pointer;
    user-select: none;
    transition: background .15s;
}
.tcm-if-header:hover { background: rgba(255,255,255,.03); }
.tcm-if-icon { font-size: 16px; }
.tcm-if-title {
    font-size: 14px;
    font-weight: 700;
    color: #e8e0d0;
    flex: 1;
}
.tcm-if-chev {
    color: #555;
    font-size: 10px;
    transition: transform .25s;
}
.tcm-if-chev.open { transform: rotate(180deg); }
.tcm-if-body {
    padding: 0 16px 16px;
    border-top: 1px solid #252838;
}
.tcm-if-desc {
    font-size: 12px;
    color: #777;
    padding: 10px 0 8px;
}
/* Selected items bar */
.tcm-if-selected {
    display: none;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(200,155,60,.08);
    border: 1px solid rgba(200,155,60,.2);
    border-radius: 8px;
    margin-bottom: 10px;
    flex-wrap: wrap;
    min-height: 42px;
}
.tcm-if-selected.has-items { display: flex; }
.tcm-if-selected-label {
    font-size: 11px;
    color: #c89b3c;
    font-weight: 600;
    flex-shrink: 0;
}
.tcm-if-selected-items {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    flex: 1;
}
.tcm-if-sel-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px 3px 4px;
    background: #252838;
    border: 1px solid #3a3d50;
    border-radius: 6px;
    font-size: 11px;
    color: #ccc;
    cursor: pointer;
    transition: all .15s;
}
.tcm-if-sel-item:hover { border-color: #d66a6a; background: rgba(214,106,106,.1); }
.tcm-if-sel-item img {
    width: 20px; height: 20px;
    border-radius: 4px;
    object-fit: cover;
}
.tcm-if-sel-item .tcm-if-sel-x {
    font-size: 10px;
    color: #888;
    margin-left: 2px;
}
.tcm-if-clear {
    padding: 4px 10px;
    background: rgba(214,106,106,.15);
    border: 1px solid rgba(214,106,106,.3);
    border-radius: 6px;
    color: #d66a6a;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    flex-shrink: 0;
    transition: all .15s;
}
.tcm-if-clear:hover { background: rgba(214,106,106,.25); }
/* Category tabs */
.tcm-if-cats {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}
.tcm-if-cat {
    padding: 4px 12px;
    border-radius: 16px;
    border: 1px solid #333;
    background: transparent;
    color: #777;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s;
}
.tcm-if-cat:hover { border-color: #555; color: #bbb; }
.tcm-if-cat.active { background: #c89b3c; border-color: #c89b3c; color: #fff; }
/* Search */
.tcm-if-search-wrap { margin-bottom: 10px; }
.tcm-if-search {
    width: 100%;
    padding: 8px 12px;
    background: #12141d;
    border: 1px solid #333;
    border-radius: 8px;
    color: #ddd;
    font-size: 13px;
    outline: none;
    transition: border-color .15s;
}
.tcm-if-search:focus { border-color: #c89b3c; }
.tcm-if-search::placeholder { color: #555; }
/* Items grid */
.tcm-if-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
    gap: 6px;
    max-height: 280px;
    overflow-y: auto;
    padding: 4px 0;
}
.tcm-if-grid::-webkit-scrollbar { width: 4px; }
.tcm-if-grid::-webkit-scrollbar-track { background: transparent; }
.tcm-if-grid::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
.tcm-if-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 4px;
    border-radius: 8px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all .15s;
    background: rgba(255,255,255,.02);
}
.tcm-if-item:hover { background: rgba(255,255,255,.06); border-color: #444; }
.tcm-if-item.selected {
    border-color: #c89b3c;
    background: rgba(200,155,60,.12);
    box-shadow: 0 0 10px rgba(200,155,60,.2);
}
.tcm-if-item img {
    width: 40px; height: 40px;
    border-radius: 6px;
    border: 1px solid #333;
    background: #252838;
    object-fit: cover;
    display: block;
}
.tcm-if-item.selected img { border-color: #c89b3c; }
.tcm-if-item-name {
    font-size: 8px;
    color: #777;
    text-align: center;
    max-width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.1;
}
.tcm-if-item.selected .tcm-if-item-name { color: #c89b3c; }
.tcm-if-loading {
    grid-column: 1 / -1;
    text-align: center;
    padding: 20px;
    color: #555;
    font-size: 12px;
}
.tcm-if-empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 16px;
    color: #555;
    font-size: 12px;
}
/* Result info bar */
.tcm-if-result-info {
    margin-top: 10px;
    padding: 8px 12px;
    background: rgba(100,180,100,.08);
    border: 1px solid rgba(100,180,100,.2);
    border-radius: 8px;
    font-size: 12px;
    color: #6dbf7a;
    font-weight: 600;
    text-align: center;
}
/* Match highlight on cards */
.tcm-card.tcm-item-match {
    border-color: #c89b3c;
    box-shadow: 0 0 12px rgba(200,155,60,.15);
}
.tcm-card.tcm-item-match .tcm-item-icon.tcm-item-matched {
    box-shadow: 0 0 8px rgba(200,155,60,.6);
    border-color: #c89b3c !important;
}
/* Highlight in carry cards (tftpro-item-tip) */
.tcm-wrap .tcm-card.tcm-item-match .tftpro-item-tip img.tcm-item-matched {
    box-shadow: 0 0 8px rgba(200,155,60,.6);
    border-color: #c89b3c !important;
    transform: translateY(-2px);
}
/* Highlight in hex board */
.tcm-card.tcm-item-match .tcm-hbd-items img.tcm-item-matched {
    box-shadow: 0 0 8px rgba(200,155,60,.6);
    border-color: #c89b3c !important;
}
/* Dim non-matching cards when item filter is active */
.tcm-card.tcm-item-dim {
    opacity: 0.35;
    transition: opacity .25s;
}
.tcm-card.tcm-item-match {
    opacity: 1;
    transition: opacity .25s;
}
/* Match count badge on card */
.tcm-match-badge {
    display: none;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    background: rgba(200,155,60,.2);
    color: #c89b3c;
    border: 1px solid rgba(200,155,60,.3);
    white-space: nowrap;
}
.tcm-card.tcm-item-match .tcm-match-badge { display: inline-block; }
.tcm-card.tcm-aug-match .tcm-match-badge { display: inline-block; }

/* Augment finder - match highlight on cards */
.tcm-card.tcm-aug-match {
    border-color: #60a5fa;
    box-shadow: 0 0 12px rgba(96,165,250,.15);
}
.tcm-card.tcm-aug-dim {
    opacity: 0.35;
    transition: opacity .25s;
}
.tcm-card.tcm-aug-match {
    opacity: 1;
    transition: opacity .25s;
}
/* Augment match badge color */
.tcm-aug-match-badge {
    background: rgba(96,165,250,.2) !important;
    color: #60a5fa !important;
    border-color: rgba(96,165,250,.3) !important;
}
/* Highlight augment items in detail view */
.tcm-wrap .tftpro-aug-item.tcm-aug-highlighted {
    box-shadow: 0 0 10px rgba(96,165,250,.5);
    border-color: #60a5fa !important;
    transform: translateY(-2px);
}
/* Augment finder fallback icon */
.tcm-af-fb {
    width: 40px; height: 40px;
    border-radius: 6px;
    border: 1px solid #333;
    background: #252838;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: #888;
}
/* Augment tier border colors in grid */
.tcm-af-t-silver .tcm-af-fb { border-color: #5a6070; }
.tcm-af-t-gold .tcm-af-fb { border-color: #7a6520; }
.tcm-af-t-diamond .tcm-af-fb { border-color: #2a5090; }
.tcm-af-t-silver img { border-color: #5a6070 !important; }
.tcm-af-t-gold img { border-color: #7a6520 !important; }
.tcm-af-t-diamond img { border-color: #2a5090 !important; }

@media (max-width: 600px) {
    .tcm-finder-row { gap: 6px; }
    .tcm-finder-row.tcm-finder-expanded { gap: 0; }
    .tcm-finder-row .tcm-if-header { padding: 10px 8px; gap: 4px; }
    .tcm-finder-row .tcm-if-title { font-size: 11px; }
    .tcm-finder-row .tcm-if-icon { font-size: 13px; }
    .tcm-if-body { padding: 0 10px 12px; }
    .tcm-if-grid { grid-template-columns: repeat(auto-fill, minmax(48px, 1fr)); gap: 4px; max-height: 220px; }
    .tcm-if-item img { width: 34px; height: 34px; }
    .tcm-if-item-name { font-size: 7px; max-width: 48px; }
    .tcm-if-cats { gap: 3px; }
    .tcm-if-cat { padding: 3px 8px; font-size: 10px; }
    .tcm-if-selected { padding: 6px 8px; }
    .tcm-if-sel-item img { width: 16px; height: 16px; }
    .tcm-if-sel-item { font-size: 10px; padding: 2px 6px 2px 3px; }
    .tcm-af-fb { width: 34px; height: 34px; font-size: 9px; }
}


@media (max-width: 600px) {
    .tcm-seo-pill {
        min-height: 28px;
        padding: 6px 12px;
        font-size: 11px;
        gap: 5px;
    }
    .tcm-seo-pill-icon { width: 14px; height: 14px; }
    .tcm-seo-pill-icon svg { width: 13px; height: 13px; }
}

/* ===== Lõi Anh Hùng highlight ===== */
/* Golden border removed */
.tcm-hero-icon {
    margin-right: 2px;
}
.tcm-badge-hero {
    background: linear-gradient(135deg, #2a1f0a, #3a2a10);
    color: #ffd700;
    border: 1px solid rgba(200,155,60,.3);
}

/* Hero filter button */
.tcm-fb-hero { border-color: #c89b3c; color: #c89b3c; }
.tcm-fb-hero.active { background: linear-gradient(135deg, #c89b3c, #a67c2e); border-color: #c89b3c; color: #fff; }

/* =====================================================
   SYNCED DATA DISPLAY
   ===================================================== */

/* Synced badge on card name */
.tcm-synced-badge { font-size: 11px; color: #4caf50; margin-left: 4px; opacity: .8; vertical-align: middle; }

/* Phase units (level + tướng) */
.tcm-phase-title { display: flex; align-items: center; gap: 8px; }
.tcm-phase-level {
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(200,155,60,.18); border: 1px solid rgba(200,155,60,.35);
    color: #c89b3c; font-size: 11px; font-weight: 700;
    padding: 1px 8px; border-radius: 12px; margin-left: auto;
}

.tcm-phase-units {
    display: flex; flex-wrap: wrap; gap: 6px;
   padding: 8px 0 4px 10px;
}
.tcm-phase-unit {
    display: flex; flex-direction: column; align-items: center;
    gap: 2px; position: relative;
    width: 44px; flex: 0 0 44px;
}
.tcm-phase-unit-stars {
    font-size: 8px; color: #ffd700; text-align: center;
    line-height: 9px; height: 9px; min-height: 9px;
    width: 100%; display: block;
}
.tcm-phase-unit-stars:empty {
    visibility: hidden;
}
.tcm-phase-unit-link { display: block; position: relative; }
.tcm-phase-unit-link img {
    width: 38px; height: 38px; border-radius: 6px;
    border: 2px solid var(--tcm-unit-cost-color, #3a3a3a); object-fit: cover;
    transition: border-color .2s;
}
.tcm-phase-unit-link:hover img { border-color: #c89b3c; }
.tcm-phase-unit-fb {
    display: none; width: 38px; height: 38px; border-radius: 6px;
    background: #2a2a2a; border: 2px solid var(--tcm-unit-cost-color, #3a3a3a);
    align-items: center; justify-content: center;
    font-size: 11px; font-weight: 700; color: #888;
}
.tcm-phase-unit-name {
    font-size: 9px; color: #888; text-align: center;
    max-width: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* === Carry Cards (tftpro-cc) — synced from Team Builder Pro === */
.tcm-wrap .tftpro-carries-grid {
    display: flex; flex-wrap: wrap; gap: 12px;
    justify-content: center; padding: 10px 0;
}
.tcm-wrap .tftpro-cc { display:flex; flex-direction:column; align-items:center; width:120px; flex-shrink:0; }
.tcm-wrap .tftpro-cc-name { font-size:13px; font-weight:700; margin-bottom:4px; text-align:center; white-space:nowrap; }
.tcm-wrap .tftpro-cc-champ { display:flex; flex-direction:column; align-items:center; }
.tcm-wrap .tftpro-cc-stars { font-size:13px; text-align:center; height:18px; line-height:18px; color:#ffd54f; margin-bottom:2px; }
.tcm-wrap .tftpro-stars-3 { color:#ffd54f; text-shadow:0 0 6px rgba(255,213,79,.6); }
.tcm-wrap .tftpro-cc-img { width:80px!important; height:80px!important; border-radius:10px!important; border-width:3px!important; }
.tcm-wrap .tftpro-cc-items { display:flex; gap:4px; justify-content:center; margin-top:6px; }
.tcm-wrap .tftpro-cc-items .tftpro-item-tip { display:inline-block; cursor:pointer; }
.tcm-wrap .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; }
.tcm-wrap .tftpro-cc-items .tftpro-item-tip:hover img { transform:translateY(-2px); border-color:#60a5fa; }
.tcm-wrap .tftpro-cc-artifacts { display:flex; gap:4px; justify-content:center; margin-top:4px; }
.tcm-wrap .tftpro-cc-artifacts .tftpro-item-tip { display:inline-block; cursor:pointer; }
.tcm-wrap .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; }
.tcm-wrap .tftpro-cc-artifacts .tftpro-item-tip:hover img { transform:translateY(-2px); border-color:#fbbf24; }

/* === Augments Bar (tftpro-augs) — matching Team Builder Pro === */
.tcm-wrap .tftpro-augs-bar {
    display:flex; flex-wrap:wrap; gap:10px 14px; padding:10px 8px;
    background:none; border-radius:10px; align-items:flex-start;
    justify-content:flex-start; border:none;
}
.tcm-wrap .tftpro-augs-bar::-webkit-scrollbar { height:0; display:none; }
.tcm-wrap .tftpro-aug-item {
    display:flex; flex-direction:column; align-items:center;
    flex:0 0 auto; width:60px; cursor:pointer;
}
.tcm-wrap .tftpro-aug-icon-img {
    position:relative; width:45px; height:45px; border-radius:8px;
    border:2px solid #3d5068; background:#14202e;
    overflow:hidden; transition:transform .15s, border-color .15s, box-shadow .15s;
}
.tcm-wrap .tftpro-aug-item:hover .tftpro-aug-icon-img { transform:translateY(-2px); }
.tcm-wrap .tftpro-aug-t-silver .tftpro-aug-icon-img  { border-color:#8b95a5; }
.tcm-wrap .tftpro-aug-t-silver:hover .tftpro-aug-icon-img  { border-color:#b0b8c8; box-shadow:0 0 12px rgba(176,184,200,.4); }
.tcm-wrap .tftpro-aug-t-gold .tftpro-aug-icon-img    { border-color:#b8930f; }
.tcm-wrap .tftpro-aug-t-gold:hover .tftpro-aug-icon-img    { border-color:#fbbf24; box-shadow:0 0 12px rgba(251,191,36,.45); }
.tcm-wrap .tftpro-aug-t-diamond .tftpro-aug-icon-img { border-color:#3b6fe0; }
.tcm-wrap .tftpro-aug-t-diamond:hover .tftpro-aug-icon-img { border-color:#60a5fa; box-shadow:0 0 12px rgba(96,165,250,.45); }
.tcm-wrap .tftpro-aug-icon-img img { width:100%; height:100%; object-fit:cover; display:block; }
.tcm-wrap .tftpro-aug-icon-img .tftpro-aug-fb,
.tcm-wrap .tftpro-aug-fb {
    width:100%; height:100%; background:#3d5068; color:#b0b8c8;
    font-size:13px; font-weight:700; display:flex; align-items:center;
    justify-content:center; border-radius:0;
}
.tcm-wrap .tftpro-aug-label {
    display:block; font-size:9px; color:#b0b8c8; text-align:center;
    margin-top:3px; line-height:1.2; max-width:100%;
    overflow:hidden; text-overflow:ellipsis;
    white-space:normal; word-break:break-word;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}

/* === Tooltip (shared items + augments) === */
.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: 100%;
    margin: 0 0 10px;
    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;
}
.tcm-tip-tt-action {
    float: right;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    padding: 5px 9px;
    border-radius: 999px;
    background: linear-gradient(135deg,#f59e0b,#f97316);
    color: #111827 !important;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 900;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: 0 6px 14px rgba(249,115,22,.25);
}
.tcm-tip-tt-action:hover { filter: brightness(1.06); }
/* Augment tooltip keeps the same content, but uses the darker shell above. */
.tcm-tooltip-aug { display: block; padding: 12px 13px 13px; }
.tcm-tooltip-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #1f2937;
}
.tcm-tooltip-header > div { min-width: 0; flex: 1; }
.tcm-tooltip-header img {
    width: 46px;
    height: 46px;
    border-radius: 8px;
    flex-shrink: 0;
    object-fit: contain;
    background: linear-gradient(135deg,#1a3a5c,#0d2035);
    border: 2px solid #374151;
    box-shadow: none;
}
.tcm-tooltip-title {
    display: inline;
    color: #f9fafb;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 0;
    text-shadow: none;
}
.tcm-tooltip-tier,
.tcm-tooltip-cat {
    display: inline-flex;
    align-items: center;
    vertical-align: 2px;
    max-width: 130px;
    margin-left: 7px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 9px;
    line-height: 1.35;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    border: 0;
    background: #1f2937;
    color: #9ca3af;
    box-shadow: none;
}
.tcm-tooltip-desc {
    margin: 0;
    color: #9ca3af;
    font-size: 11.5px;
    line-height: 1.65;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}
.tcm-tooltip-desc:empty { display: none; }
.tcm-tooltip-round {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 10px;
    padding-top: 9px;
    color: #9ca3af;
    font-size: 11.5px;
    border-top: 1px solid #1f2937;
}
.tcm-tooltip-round-val {
    padding: 2px 8px;
    border-radius: 999px;
    color: #f59e0b;
    background: #292218;
    border: 0;
    font-size: 10px;
    font-weight: 800;
}
.tcm-tooltip-tier-silver  { color:#d1d5db; }
.tcm-tooltip-tier-gold    { color:#f59e0b; }
.tcm-tooltip-tier-diamond { color:#93c5fd; }
.tcm-tooltip-cat-craftable,
.tcm-tooltip-cat-radiant,
.tcm-tooltip-cat-taotac,
.tcm-tooltip-cat-artifact,
.tcm-tooltip-cat-emblem,
.tcm-tooltip-cat-default { background:#1f2937; color:#9ca3af; }
@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, .tcm-tooltip-desc { font-size: 12px; line-height: 1.55; }
    .tcm-tip-tt-action { float: right; margin-top: -2px; }
}

/* === Responsive for carry cards + augments === */
@media (max-width: 640px) {
    .tcm-synced-badge { display: none; }
    .tcm-wrap .tftpro-cc { width:90px; }
    .tcm-wrap .tftpro-cc-img { width:64px!important; height:64px!important; }
    .tcm-wrap .tftpro-cc-items .tftpro-item-tip img { width:22px; height:22px; }
    .tcm-wrap .tftpro-cc-artifacts .tftpro-item-tip img { width:20px; height:20px; }
    .tcm-wrap .tftpro-augs-bar { padding:8px 6px; gap:8px 10px; }
    .tcm-wrap .tftpro-aug-item { width:52px; }
    .tcm-wrap .tftpro-aug-icon-img { width:38px; height:38px; border-radius:7px; }
    .tcm-wrap .tftpro-aug-label { font-size:8px; }
    .tcm-tooltip {
        left:8px!important; right:8px!important; bottom:12px!important;
        top:auto!important; max-width:none; border-radius:12px 12px 0 0;
    }
}

@media (max-width: 640px) {
    .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);
    }
}

@media (max-width: 400px) {
    .tcm-wrap .tftpro-cc { width:80px; }
    .tcm-wrap .tftpro-cc-img { width:56px!important; height:56px!important; }
    .tcm-wrap .tftpro-cc-name { font-size:11px; }
    .tcm-wrap .tftpro-cc-items .tftpro-item-tip img { width:18px; height:18px; }
    .tcm-wrap .tftpro-aug-icon-img { width:32px; height:32px; border-radius:6px; }
    .tcm-wrap .tftpro-aug-item { width:46px; }
    .tcm-wrap .tftpro-aug-label { font-size:7px; }
    .tcm-wrap .tftpro-augs-bar { padding:6px 4px; gap:6px 8px; }
}

/* === Trang Bị Gợi Ý synced: compact layout === */
.tcm-wrap .tftpro-carries-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
    gap:12px;
    justify-content:stretch;
    padding:8px 0;
}
.tcm-wrap .tftpro-cc.tftpro-cc-builds {
    width:auto;
    padding:10px;
    border:1px solid rgba(148,163,184,.12);
    border-radius:14px;
    background:linear-gradient(180deg, rgba(30,41,59,.52), rgba(15,23,42,.62));
    box-shadow:0 8px 20px rgba(0,0,0,.16);
}
.tcm-wrap .tftpro-cc-compact-main {
    display:grid;
    grid-template-columns:56px minmax(0, 1fr);
    gap:10px;
    align-items:center;
}
.tcm-wrap .tftpro-cc-builds .tftpro-cc-img {
    width:52px!important;
    height:52px!important;
    border-radius:11px!important;
    border-width:2px!important;
}
.tcm-wrap .tftpro-cc-body {
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:6px;
}
.tcm-wrap .tftpro-cc-titlebox {
    min-width:0;
    flex:1;
}
.tcm-wrap .tftpro-cc-builds .tftpro-cc-name {
    margin:0;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px;
    line-height:1.15;
    font-weight:800;
    text-align:left;
}
.tcm-wrap .tftpro-cc-build-list {
    display:flex;
    flex-direction:column;
    gap:6px;
}
.tcm-wrap .tftpro-cc-build-list-secondary {
    margin-top:8px;
    padding-top:8px;
    border-top:1px solid rgba(148,163,184,.10);
}
.tcm-wrap .tftpro-cc-build-row {
    display:grid;
    grid-template-columns:24px minmax(0, 1fr) auto auto;
    align-items:center;
    gap:6px;
    min-width:0;
    padding:5px 7px;
    border-radius:10px;
    border:1px solid rgba(148,163,184,.10);
    background:rgba(15,23,42,.58);
}
.tcm-wrap .tftpro-cc-primary-row {
    padding:6px 7px;
}
.tcm-wrap .tftpro-cc-build-row-artifact {
    border-color:rgba(245,158,11,.26);
    background:linear-gradient(90deg, rgba(245,158,11,.08), rgba(15,23,42,.58));
}
.tcm-wrap .tftpro-cc-build-row-hero {
    border-color:rgba(200,155,60,.34);
    background:linear-gradient(90deg, rgba(200,155,60,.10), rgba(15,23,42,.58));
}
.tcm-wrap .tftpro-build-tier {
    min-width:24px;
    height:20px;
    padding:0 6px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    font-size:10px;
    font-weight:900;
    line-height:1;
    border:1px solid rgba(148,163,184,.30);
    background:rgba(148,163,184,.12);
    color:#94a3b8;
}
.tcm-wrap .tftpro-build-tier-s { background:rgba(245,184,31,.16); border-color:#f5b81f; color:#f5b81f; }
.tcm-wrap .tftpro-build-tier-a { background:rgba(63,191,116,.16); border-color:#3fbf74; color:#3fbf74; }
.tcm-wrap .tftpro-build-tier-b { background:rgba(52,163,255,.14); border-color:#34a3ff; color:#34a3ff; }
.tcm-wrap .tftpro-build-tier-c { background:rgba(148,160,184,.14); border-color:#94a0b8; color:#94a0b8; }
.tcm-wrap .tftpro-build-tier-h { background:rgba(200,155,60,.18); border-color:#c89b3c; color:#ffd56a; }
.tcm-wrap .tftpro-cc-build-items {
    display:flex;
    align-items:center;
    gap:4px;
    min-width:0;
    overflow:hidden;
}
.tcm-wrap .tftpro-cc-build-items .tftpro-item-tip {
    display:inline-flex;
    width:24px;
    height:24px;
    flex:0 0 24px;
    border-radius:6px;
    overflow:hidden;
    background:#0f172a;
    border:1px solid rgba(148,163,184,.22);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.tcm-wrap .tftpro-cc-build-row-artifact .tftpro-cc-build-items .tftpro-item-tip { border-color:rgba(245,158,11,.55); }
.tcm-wrap .tftpro-cc-build-items .tftpro-item-tip img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.tcm-wrap .tftpro-build-kind {
    display:none;
}
.tcm-wrap .tftpro-build-kind-artifact {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:20px;
    padding:0 7px;
    border-radius:999px;
    border:1px solid rgba(245,158,11,.42);
    background:rgba(245,158,11,.10);
    color:#f59e0b;
    font-size:10px;
    font-weight:800;
    letter-spacing:.03em;
    white-space:nowrap;
}
.tcm-wrap .tftpro-build-label {
    color:#7c8aa4;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
    text-align:right;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    transform:translateX(3px);
    transition:opacity .14s ease, transform .14s ease, visibility .14s ease;
}
.tcm-wrap .tftpro-cc-build-row:hover .tftpro-build-label,
.tcm-wrap .tftpro-cc-build-row:focus-within .tftpro-build-label {
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}
.tcm-wrap .tftpro-cc-empty {
    margin-top:8px;
    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) {
    .tcm-wrap .tftpro-carries-grid { grid-template-columns:1fr; gap:10px; }
    .tcm-wrap .tftpro-cc.tftpro-cc-builds { padding:9px; }
    .tcm-wrap .tftpro-cc-compact-main { grid-template-columns:50px minmax(0, 1fr); gap:9px; }
    .tcm-wrap .tftpro-cc-builds .tftpro-cc-img { width:48px!important; height:48px!important; }
    .tcm-wrap .tftpro-cc-build-row { grid-template-columns:22px minmax(0, 1fr) auto auto; gap:5px; padding:5px 6px; }
    .tcm-wrap .tftpro-cc-build-items .tftpro-item-tip { width:22px; height:22px; flex-basis:22px; }
    .tcm-wrap .tftpro-build-tier { min-width:22px; height:18px; padding:0 5px; font-size:9px; }
    .tcm-wrap .tftpro-build-label { opacity:1; visibility:visible; transform:none; }
    .tcm-wrap .tftpro-build-kind-artifact { height:18px; padding:0 6px; font-size:9px; }
}

/* === Suggested carries collapse after first 2 === */
.tcm-wrap .tftpro-carries-more-wrap {
    margin-top:10px;
}
.tcm-wrap .tftpro-carries-toggle {
    width:100%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:8px 12px;
    border-radius:12px;
    border:1px solid rgba(148,163,184,.16);
    background:rgba(15,23,42,.62);
    color:#cbd5e1;
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
    cursor:pointer;
    transition:all .16s ease;
}
.tcm-wrap .tftpro-carries-toggle:hover {
    border-color:rgba(59,130,246,.35);
    background:rgba(18,31,54,.78);
    color:#eff6ff;
}
.tcm-wrap .tftpro-carries-toggle-icon {
    font-size:14px;
    line-height:1;
    transition:transform .16s ease;
}
.tcm-wrap .tftpro-carries-toggle.is-open .tftpro-carries-toggle-icon {
    transform:rotate(180deg);
}
.tcm-wrap .tftpro-carries-more {
    margin-top:10px;
}
.tcm-wrap .tftpro-carries-grid-more {
    padding-top:0;
}
@media (max-width:768px) {
    .tcm-wrap .tftpro-carries-toggle {
        padding:7px 10px;
        font-size:11px;
        border-radius:10px;
    }
}

/* Lazy-loaded comp detail */
.tcm-detail-loading {
    padding: 18px 16px;
    color: #c9d2e3;
    font-size: 14px;
    text-align: center;
    background: rgba(15, 18, 30, 0.55);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.tcm-detail-error {
    color: #ff9a9a;
}

/* Revival comps */
.tcm-revival-card-badge {
    display:inline-flex;
    align-items:center;
    margin-left:6px;
    padding:2px 7px;
    border-radius:999px;
    background:rgba(99,102,241,.16);
    color:#c7d2fe;
    border:1px solid rgba(129,140,248,.45);
    font-size:10px;
    line-height:1.4;
    font-weight:800;
    vertical-align:middle;
    text-decoration:none !important;
}
.tcm-wrap-revival .tcm-card { --tcm-revival-accent:#8b5cf6; }
.tcm-wrap-revival .tcm-card-name a,
.tcm-wrap-revival .tcm-card-name { text-decoration:none !important; }

/* Revival champion finder: 4–5 vàng carry filter */
.tcm-card.tcm-champ-match .tcm-match-badge { display: inline-block; }
.tcm-card.tcm-champ-match {
    opacity: 1;
    border-color: #f6c65b;
    box-shadow: 0 0 12px rgba(246,198,91,.16);
    transition: opacity .25s;
}
.tcm-card.tcm-champ-dim {
    opacity: 0.35;
    transition: opacity .25s;
}
.tcm-champ-match-badge {
    background: rgba(246,198,91,.20) !important;
    color: #f6c65b !important;
    border-color: rgba(246,198,91,.32) !important;
}
.tcm-u.tcm-champ-highlighted .tcm-u-img-wrap {
    box-shadow: 0 0 0 2px rgba(246,198,91,.85), 0 0 14px rgba(246,198,91,.35);
}
.tcm-champ-cost-mini {
    opacity: .75;
    font-size: 9px !important;
    margin-top: 1px;
}

/* v3.4.8 - Manual board image for Tái Hiện comps */
.tcm-board-image-wrap{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background:rgba(8,10,18,.45);margin:6px 0 10px}
.tcm-board-image{display:block;width:100%;height:auto;object-fit:contain}

/* ===== Buff/Nerf icon beside comp name ===== */

.tcm-card-name {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
}
.tcm-card-name-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tcm-balance-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    flex: 0 0 auto;
    border: 1px solid currentColor;
}
.tcm-balance-buff { color: #49d17d; background: rgba(73, 209, 125, .13); }
.tcm-balance-nerf { color: #ff6b6b; background: rgba(255, 107, 107, .13); }

/* === v3.5.7 - Trang Bị Gợi Ý: luôn chia 2 cột, mỗi tướng 1 card === */
.tcm-wrap .tftpro-carries-grid,
.tcm-wrap .tftpro-carries-grid-more,
.tcm-wrap .tftpro-carries-grid-all {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch;
    justify-content: stretch;
    width: 100%;
}

.tcm-wrap .tftpro-cc.tftpro-cc-builds {
    width: 100% !important;
    min-width: 0;
    height: 100%;
    align-items: stretch;
    padding: 10px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(18, 24, 38, .92), rgba(13, 18, 31, .96));
    border: 1px solid rgba(148, 163, 184, .14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 20px rgba(0,0,0,.14);
}

.tcm-wrap .tftpro-cc-compact-main {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-width: 0;
}

.tcm-wrap .tftpro-cc-body,
.tcm-wrap .tftpro-cc-titlebox,
.tcm-wrap .tftpro-cc-build-list,
.tcm-wrap .tftpro-cc-build-row,
.tcm-wrap .tftpro-cc-build-items {
    min-width: 0;
}

.tcm-wrap .tftpro-cc-builds .tftpro-cc-img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 12px !important;
}

.tcm-wrap .tftpro-cc-builds .tftpro-cc-name {
    font-size: 13px;
    line-height: 1.15;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tcm-wrap .tftpro-cc-build-row {
    grid-template-columns: 24px minmax(76px, 1fr) auto;
    gap: 6px;
    padding: 5px 6px;
    overflow: hidden;
}

.tcm-wrap .tftpro-build-label {
    display: none !important;
}

.tcm-wrap .tftpro-cc-build-items {
    gap: 4px;
    overflow: visible;
}

.tcm-wrap .tftpro-cc-build-items .tftpro-item-tip {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
}

.tcm-wrap .tftpro-build-kind-artifact {
    max-width: 76px;
    height: 20px;
    padding: 0 7px;
    font-size: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tcm-wrap .tftpro-carries-more-wrap {
    width: 100%;
}

/* Làm nổi bật combo trang bị đầu tiên */
.tcm-wrap .tftpro-cc-primary-row {
    position: relative;
    overflow: visible;
    padding: 7px 42px 7px 8px;
    border-color: rgba(245,184,31,.42);
    background: linear-gradient(90deg, rgba(245,184,31,.16) 0%, rgba(200,155,60,.08) 30%, rgba(15,23,42,.72) 100%);
    box-shadow: 0 0 0 1px rgba(245,184,31,.10) inset, 0 8px 18px rgba(0,0,0,.18);
}

.tcm-wrap .tftpro-cc-primary-row::before {
    content: "TOP";
    position: absolute;
    top: 5px;
    right: 8px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    line-height: 1;
    padding: 0 7px;
    border-radius: 999px;
    border: 1px solid rgba(245,184,31,.55);
    background: linear-gradient(135deg, #f5b81f 0%, #ffd56a 100%);
    color: #1f2937;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .08em;
    box-shadow: 0 4px 12px rgba(245,184,31,.24);
}

.tcm-wrap .tftpro-cc-primary-row .tftpro-build-tier {
    min-width: 26px;
    height: 22px;
    box-shadow: 0 0 10px rgba(245,184,31,.12);
}

.tcm-wrap .tftpro-cc-primary-row .tftpro-cc-build-items .tftpro-item-tip {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    border-color: rgba(245,184,31,.38);
    box-shadow: 0 0 0 1px rgba(255,255,255,.05) inset, 0 4px 10px rgba(245,184,31,.12);
}

.tcm-wrap .tftpro-cc-primary-row .tftpro-build-kind-artifact {
    border-color: rgba(245,184,31,.55);
    color: #ffd56a;
    background: rgba(245,184,31,.12);
}

@media (max-width: 900px) {
    .tcm-wrap .tftpro-carries-grid,
    .tcm-wrap .tftpro-carries-grid-more,
    .tcm-wrap .tftpro-carries-grid-all {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

@media (max-width: 520px) {
    .tcm-wrap .tftpro-cc.tftpro-cc-builds {
        padding: 8px;
        border-radius: 12px;
    }

    .tcm-wrap .tftpro-cc-compact-main {
        grid-template-columns: 1fr;
        gap: 7px;
        align-items: start;
    }

    .tcm-wrap .tftpro-cc-champ {
        align-items: center;
        justify-content: center;
    }

    .tcm-wrap .tftpro-cc-body {
        align-items: stretch;
        gap: 5px;
    }

    .tcm-wrap .tftpro-cc-builds .tftpro-cc-img {
        width: 44px !important;
        height: 44px !important;
        border-radius: 10px !important;
    }

    .tcm-wrap .tftpro-cc-builds .tftpro-cc-name {
        text-align: center;
        font-size: 12px;
        margin-bottom: 1px;
    }

    .tcm-wrap .tftpro-cc-build-list-secondary {
        margin-top: 6px;
        padding-top: 6px;
    }

    .tcm-wrap .tftpro-cc-build-row {
        grid-template-columns: 20px minmax(54px, 1fr) auto;
        gap: 4px;
        padding: 5px;
        border-radius: 9px;
    }

    .tcm-wrap .tftpro-build-tier {
        min-width: 20px;
        height: 18px;
        padding: 0 4px;
        font-size: 9px;
    }

    .tcm-wrap .tftpro-cc-build-items {
        gap: 3px;
        justify-content: flex-start;
    }

    .tcm-wrap .tftpro-cc-build-items .tftpro-item-tip {
        width: 18px;
        height: 18px;
        flex-basis: 18px;
        border-radius: 5px;
    }

    .tcm-wrap .tftpro-build-kind-artifact {
        max-width: 52px;
        height: 18px;
        padding: 0 5px;
        font-size: 8px;
    }

    .tcm-wrap .tftpro-cc-primary-row {
        padding: 6px 34px 6px 6px;
    }

    .tcm-wrap .tftpro-cc-primary-row::before {
        top: 4px;
        right: 5px;
        height: 14px;
        padding: 0 6px;
        font-size: 7px;
    }

    .tcm-wrap .tftpro-cc-primary-row .tftpro-cc-build-items .tftpro-item-tip {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
    }
}

@media (max-width: 380px) {
    .tcm-wrap .tftpro-carries-grid,
    .tcm-wrap .tftpro-carries-grid-more,
    .tcm-wrap .tftpro-carries-grid-all {
        gap: 8px !important;
    }

    .tcm-wrap .tftpro-cc.tftpro-cc-builds {
        padding: 7px 6px;
    }

    .tcm-wrap .tftpro-cc-build-row {
        grid-template-columns: 18px minmax(48px, 1fr) auto;
        gap: 3px;
        padding: 4px;
    }

    .tcm-wrap .tftpro-cc-build-items .tftpro-item-tip {
        width: 16px;
        height: 16px;
        flex-basis: 16px;
    }

    .tcm-wrap .tftpro-build-tier {
        min-width: 18px;
        height: 16px;
        font-size: 8px;
    }

    .tcm-wrap .tftpro-build-kind-artifact {
        max-width: 46px;
        height: 16px;
        font-size: 7px;
        padding: 0 4px;
    }

    .tcm-wrap .tftpro-cc-primary-row::before {
        top: 3px;
        right: 4px;
        padding: 0 5px;
        font-size: 6px;
    }
}


/* === v3.5.7 - Mobile: gom ảnh + tên tướng lại, không để tên bị rời rạc === */
.tcm-wrap .tftpro-cc-builds .tftpro-cc-name {
    display: block;
    width: 100%;
    text-align: left !important;
    letter-spacing: 0;
}

.tcm-wrap .tftpro-cc-builds .tftpro-cc-champ {
    width: 54px;
    min-width: 54px;
    align-items: flex-start;
    justify-content: center;
}

.tcm-wrap .tftpro-cc-builds .tftpro-cc-titlebox {
    width: 100%;
}

@media (max-width: 520px) {
    .tcm-wrap .tftpro-cc-compact-main {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        gap: 7px !important;
        align-items: center !important;
    }

    .tcm-wrap .tftpro-cc-builds .tftpro-cc-champ {
        width: 44px;
        min-width: 44px;
        align-items: flex-start !important;
        justify-content: center !important;
    }

    .tcm-wrap .tftpro-cc-builds .tftpro-cc-img {
        width: 42px !important;
        height: 42px !important;
        border-radius: 10px !important;
    }

    .tcm-wrap .tftpro-cc-body {
        justify-content: center;
        align-items: stretch !important;
        gap: 4px;
    }

    .tcm-wrap .tftpro-cc-builds .tftpro-cc-name {
        text-align: left !important;
        font-size: 11px;
        line-height: 1.12;
        margin: 0 0 4px;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 380px) {
    .tcm-wrap .tftpro-cc-compact-main {
        grid-template-columns: 40px minmax(0, 1fr) !important;
        gap: 6px !important;
    }

    .tcm-wrap .tftpro-cc-builds .tftpro-cc-champ {
        width: 40px;
        min-width: 40px;
    }

    .tcm-wrap .tftpro-cc-builds .tftpro-cc-img {
        width: 38px !important;
        height: 38px !important;
    }

    .tcm-wrap .tftpro-cc-builds .tftpro-cc-name {
        font-size: 10px;
    }
}

/* === v3.6.3 - Tái Hiện: 4 ô Thức Tỉnh tên + icon mặc định === */
.tcm-wrap .tcm-revival-awakenings {
    margin-top: 8px;
    padding-top: 7px;
    border-top: 1px solid rgba(148, 163, 184, .12);
}
.tcm-wrap .tcm-revival-awakenings-label {
    margin-bottom: 6px;
    color: #f8d36a;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-shadow: 0 1px 4px rgba(0,0,0,.45);
}
.tcm-wrap .tcm-revival-awakenings-slots {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    align-items: stretch;
}
.tcm-wrap .tcm-revival-awakening-slot {
    min-width: 0;
    min-height: 28px;
    border-radius: 9px;
    border: 1px solid rgba(248, 211, 106, .36);
    background: linear-gradient(135deg, rgba(248, 211, 106, .13), rgba(15, 23, 42, .88) 62%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 3px 8px rgba(0,0,0,.2);
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    overflow: hidden;
    padding: 3px 6px;
}
.tcm-wrap .tcm-revival-awakening-slot img {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    object-fit: cover;
    display: block;
    flex: 0 0 auto;
}
.tcm-wrap .tcm-revival-awakening-name {
    min-width: 0;
    color: #f8fafc;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 3px rgba(0,0,0,.6);
}
.tcm-wrap .tcm-revival-awakening-slot.is-empty {
    justify-content: center;
    border-style: dashed;
    border-color: rgba(148, 163, 184, .2);
    background: rgba(15, 23, 42, .48);
    box-shadow: none;
}
.tcm-wrap .tcm-revival-awakening-empty {
    color: rgba(148, 163, 184, .55);
    font-size: 11px;
    font-weight: 800;
}
@media (max-width: 520px) {
    .tcm-wrap .tcm-revival-awakenings { text-align: left; }
    .tcm-wrap .tcm-revival-awakenings-slots { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tcm-wrap .tcm-revival-awakening-slot { min-height: 26px; padding: 3px 5px; border-radius: 8px; }
    .tcm-wrap .tcm-revival-awakening-slot img { width: 18px; height: 18px; border-radius: 5px; }
    .tcm-wrap .tcm-revival-awakening-name { font-size: 9px; }
}


/* === v3.6.5 - Mobile: sửa badge TOP che trang bị ở mục Trang Bị Gợi Ý === */
@media (max-width: 520px) {
    /* Giữ 2 cột card trên mobile nhưng cho combo item đủ không gian */
    .tcm-wrap .tftpro-carries-grid,
    .tcm-wrap .tftpro-carries-grid-more,
    .tcm-wrap .tftpro-carries-grid-all {
        gap: 9px !important;
    }

    .tcm-wrap .tftpro-cc.tftpro-cc-builds {
        padding: 8px 7px;
        border-radius: 13px;
    }

    .tcm-wrap .tftpro-cc-primary-row {
        grid-template-columns: 20px minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: center;
        row-gap: 3px;
        column-gap: 5px;
        padding: 6px !important;
        overflow: hidden;
    }

    .tcm-wrap .tftpro-cc-primary-row .tftpro-build-tier {
        grid-column: 1;
        grid-row: 1;
        min-width: 20px;
        height: 18px;
        padding: 0 4px;
        font-size: 9px;
    }

    .tcm-wrap .tftpro-cc-primary-row .tftpro-cc-build-items {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        width: 100%;
        gap: 3px;
        justify-content: flex-start;
        overflow: visible;
    }

    .tcm-wrap .tftpro-cc-primary-row .tftpro-cc-build-items .tftpro-item-tip {
        width: 19px;
        height: 19px;
        flex: 0 0 19px;
        border-radius: 5px;
    }

    /* Badge TOP chuyển xuống dòng riêng, không đè lên icon trang bị */
    .tcm-wrap .tftpro-cc-primary-row::before {
        position: static !important;
        grid-column: 2;
        grid-row: 2;
        justify-self: end;
        width: auto;
        height: 13px;
        padding: 0 6px;
        margin-top: 1px;
        font-size: 7px;
        line-height: 13px;
        box-shadow: 0 3px 8px rgba(245,184,31,.18);
    }

    /* Nếu combo TOP là Tạo Tác thì ưu tiên hiện nhãn Tạo Tác, tránh 2 badge chen nhau */
    .tcm-wrap .tftpro-cc-primary-row.tftpro-cc-build-row-artifact::before {
        display: none;
    }

    .tcm-wrap .tftpro-cc-primary-row .tftpro-build-kind-artifact {
        grid-column: 2;
        grid-row: 2;
        justify-self: end;
        max-width: 72px;
        height: 16px;
        padding: 0 6px;
        font-size: 8px;
        line-height: 16px;
    }
}

@media (max-width: 380px) {
    .tcm-wrap .tftpro-cc-primary-row {
        grid-template-columns: 18px minmax(0, 1fr);
        column-gap: 4px;
        padding: 5px !important;
    }

    .tcm-wrap .tftpro-cc-primary-row .tftpro-build-tier {
        min-width: 18px;
        height: 16px;
        font-size: 8px;
        padding: 0 3px;
    }

    .tcm-wrap .tftpro-cc-primary-row .tftpro-cc-build-items {
        gap: 2px;
    }

    .tcm-wrap .tftpro-cc-primary-row .tftpro-cc-build-items .tftpro-item-tip {
        width: 17px;
        height: 17px;
        flex-basis: 17px;
    }

    .tcm-wrap .tftpro-cc-primary-row::before {
        height: 12px;
        padding: 0 5px;
        font-size: 6px;
        line-height: 12px;
    }
}


/* v3.6.8 - SEO snippet: comp titles are H3, keep old card style */
.tcm-card-name a.tcm-card-name-text {
    color: inherit;
    text-decoration: none;
}

/* ===== v3.9.62 - Main comp board: dùng style ô hex giống Đội Hình Nhúng ===== */
.tcm-main-board-wrap{
    overflow:auto!important;
    background:#040a12!important;
    border:1px solid rgba(255,255,255,.06)!important;
    border-radius:12px!important;
    padding:8px!important;
    margin:6px 0 8px!important;
}
.tcm-main-board-wrap .tcm-hex-board-display{
    padding:10px 0!important;
    transform:none!important;
    transform-origin:center!important;
    margin-bottom:0!important;
    width:100%!important;
}
.tcm-main-board-wrap .tcm-hbd-row{gap:8px!important;}
.tcm-main-board-wrap .tcm-hbd-odd{margin-left:38px!important;}
.tcm-main-board-wrap .tcm-hbd-hex-wrap{
    width:62px!important;
    position:relative!important;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    flex-shrink:0!important;
}
.tcm-main-board-wrap .tcm-hbd-hex{
    width:62px!important;
    height:68px!important;
    position:relative!important;
    clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)!important;
    flex-shrink:0!important;
    overflow:visible!important;
    transition:transform .22s ease!important;
}
.tcm-main-board-wrap .tcm-hbd-hex:not(.tcm-hbd-filled){
    background:#222740!important;
    box-shadow:none!important;
    opacity:1!important;
}
.tcm-main-board-wrap .tcm-hbd-empty,
.tcm-main-board-wrap .tcm-hbd-hex:not(.has-unit):not(.tcm-hbd-filled){
    background:#222740!important;
    border-color:transparent!important;
    opacity:1!important;
}
.tcm-main-board-wrap .tcm-hbd-hex.tcm-hbd-filled{
    background:var(--unit-color,#4b5563)!important;
    opacity:1!important;
}
.tcm-main-board-wrap .tcm-hbd-inner{
    position:absolute!important;
    inset:3px!important;
    clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)!important;
    background:#222740!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
}
.tcm-main-board-wrap .tcm-hbd-content{
    width:100%!important;
    height:100%!important;
    position:relative!important;
    overflow:hidden!important;
}
.tcm-main-board-wrap .tcm-hbd-content img.tcm-hbd-champimg{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    transform:translate(-50%,-50%)!important;
    width:116%!important;
    height:116%!important;
    object-fit:cover!important;
    pointer-events:none!important;
}
.tcm-main-board-wrap .tcm-hbd-items{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:-5px!important;
    top:auto!important;
    width:100%!important;
    height:33%!important;
    transform:none!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:0!important;
    overflow:visible!important;
    z-index:30!important;
    line-height:0!important;
    pointer-events:none!important;
}
.tcm-main-board-wrap .tcm-hbd-items>.tcm-at-item-hex-shell{
    pointer-events:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:var(--item-size,20px)!important;
    height:var(--item-size,20px)!important;
    min-width:var(--item-size,20px)!important;
    max-width:var(--item-size,20px)!important;
    min-height:var(--item-size,20px)!important;
    max-height:var(--item-size,20px)!important;
    position:relative!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    padding:2px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:var(--unit-color)!important;
    clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)!important;
    box-shadow:0 3px 9px rgba(0,0,0,.58),0 0 0 1px rgba(0,0,0,.35)!important;
    line-height:0!important;
    cursor:pointer!important;
}
.tcm-main-board-wrap .tcm-hbd-items>.tcm-at-item-hex-shell:nth-child(1),
.tcm-main-board-wrap .tcm-hbd-items>.tcm-at-item-hex-shell:nth-child(3){transform:translateY(-25%)!important;}
.tcm-main-board-wrap .tcm-hbd-items>.tcm-at-item-hex-shell:nth-child(2){transform:translateY(0)!important;z-index:10!important;}
.tcm-main-board-wrap .tcm-hbd-items .tcm-at-item-hex-inner{
    display:block!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    background:#08101a!important;
    clip-path:inherit!important;
    border-radius:0!important;
    line-height:0!important;
}
.tcm-main-board-wrap .tcm-hbd-items .tcm-at-item-hex-img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    box-shadow:none!important;
    clip-path:inherit!important;
    transform:none!important;
    position:static!important;
    inset:auto!important;
    box-sizing:border-box!important;
    float:none!important;
}
.tcm-main-board-wrap .tcm-hbd-star-overlay{
    position:absolute!important;
    top:-3px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    z-index:80!important;
    pointer-events:none!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
    clip-path:none!important;
}
.tcm-main-board-wrap .tcm-hbd-star{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    clip-path:none!important;
}
.tcm-main-board-wrap .tcm-hbd-star-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    min-width:0!important;
    height:12px!important;
    padding:0 4px!important;
    border-radius:4px!important;
    background:linear-gradient(180deg,#ffd93d 0%,#f4bf00 100%)!important;
    box-shadow:0 2px 5px rgba(0,0,0,.42),0 0 10px rgba(255,211,61,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;
    overflow:visible!important;
    clip-path:none!important;
    line-height:0!important;
}
.tcm-main-board-wrap .tcm-hbd-star.star-2 .tcm-hbd-star-badge{min-width:20px!important;padding:0 4px!important;}
.tcm-main-board-wrap .tcm-hbd-star.star-3 .tcm-hbd-star-badge{min-width:28px!important;padding:0 4px!important;}
.tcm-main-board-wrap img.tcm-hbd-star-icon,
.tcm-main-board-wrap .tcm-hbd-star-icon{
    display:block!important;
    width:8px!important;
    height:8px!important;
    max-width:8px!important;
    max-height:8px!important;
    min-width:8px!important;
    min-height:8px!important;
    aspect-ratio:1/1!important;
    object-fit:contain!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    line-height:0!important;
    flex:0 0 8px!important;
}
.tcm-main-board-wrap .tcm-hbd-stars{display:none!important;}
@media(max-width:680px){
    .tcm-main-board-wrap{padding:6px!important;}
    .tcm-main-board-wrap .tcm-hex-board-display{transform:none!important;margin-bottom:0!important;}
    .tcm-main-board-wrap .tcm-hbd-row{gap:5px!important;}
    .tcm-main-board-wrap .tcm-hbd-odd{margin-left:28px!important;}
    .tcm-main-board-wrap .tcm-hbd-hex-wrap{width:52px!important;}
    .tcm-main-board-wrap .tcm-hbd-hex{width:52px!important;height:58px!important;}
    .tcm-main-board-wrap .tcm-hbd-star-overlay{top:-3px!important;}
    .tcm-main-board-wrap .tcm-hbd-star-badge{height:11px!important;padding:0 3px!important;gap:1px!important;}
    .tcm-main-board-wrap img.tcm-hbd-star-icon,
    .tcm-main-board-wrap .tcm-hbd-star-icon{width:8px!important;height:8px!important;max-width:8px!important;max-height:8px!important;min-width:8px!important;min-height:8px!important;flex-basis:8px!important;}
}


/* ===== v3.9.63 - Main board clean background + mobile fit + cost-colour champion border ===== */
.tcm-main-board-wrap,
.tcm-main-board-wrap.tcm-at-board-wrap{
    --tcm-main-hex:62px;
    --tcm-main-gap:8px;
    --tcm-main-item:20px;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:6px 0 8px!important;
    margin:4px 0 8px!important;
    overflow:visible!important;
    max-width:100%!important;
}
.tcm-main-board-wrap .tcm-hex-board-display{
    width:100%!important;
    max-width:100%!important;
    padding:8px 0 4px!important;
    overflow:visible!important;
}
.tcm-main-board-wrap .tcm-hbd-row{
    gap:var(--tcm-main-gap)!important;
    justify-content:center!important;
    align-items:center!important;
}
.tcm-main-board-wrap .tcm-hbd-odd{
    margin-left:calc((var(--tcm-main-hex) + var(--tcm-main-gap)) / 2)!important;
}
.tcm-main-board-wrap .tcm-hbd-hex-wrap{
    width:var(--tcm-main-hex)!important;
}
.tcm-main-board-wrap .tcm-hbd-hex{
    width:var(--tcm-main-hex)!important;
    height:calc(var(--tcm-main-hex) * 1.1)!important;
    background:var(--unit-color,#313846)!important;
    box-shadow:0 0 0 1px var(--unit-color,#7c8597),0 0 10px var(--unit-glow,rgba(124,133,151,.45))!important;
}
.tcm-main-board-wrap .tcm-hbd-hex.tcm-hbd-filled{
    background:var(--unit-color,#7c8597)!important;
    box-shadow:0 0 0 1px var(--unit-color,#7c8597),0 0 11px var(--unit-glow,rgba(124,133,151,.55)),0 4px 10px rgba(0,0,0,.28)!important;
}
.tcm-main-board-wrap .tcm-hbd-inner{
    inset:max(2px,calc(var(--tcm-main-hex) * .055))!important;
    background:#141a24!important;
}
.tcm-main-board-wrap .tcm-hbd-hex:not(.tcm-hbd-filled),
.tcm-main-board-wrap .tcm-hbd-empty,
.tcm-main-board-wrap .tcm-hbd-hex:not(.has-unit):not(.tcm-hbd-filled){
    background:rgba(62,70,88,.46)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
    opacity:.52!important;
}
.tcm-main-board-wrap .tcm-hbd-content img.tcm-hbd-champimg{
    width:118%!important;
    height:118%!important;
}
.tcm-main-board-wrap .tcm-hbd-items{
    bottom:-5px!important;
    height:33%!important;
}
.tcm-main-board-wrap .tcm-hbd-items>.tcm-at-item-hex-shell{
    width:var(--tcm-main-item)!important;
    height:var(--tcm-main-item)!important;
    min-width:var(--tcm-main-item)!important;
    max-width:var(--tcm-main-item)!important;
    min-height:var(--tcm-main-item)!important;
    max-height:var(--tcm-main-item)!important;
    background:var(--unit-color,#7c8597)!important;
}
@media(max-width:680px){
    .tcm-detail-right .tcm-detail-section:has(.tcm-main-board-wrap){overflow:visible!important;}
    .tcm-main-board-wrap,
    .tcm-main-board-wrap.tcm-at-board-wrap{
        --tcm-main-hex:clamp(38px,11.5vw,48px);
        --tcm-main-gap:clamp(2px,1vw,4px);
        --tcm-main-item:clamp(13px,4vw,16px);
        padding:2px 0 6px!important;
        margin:2px -2px 8px!important;
        overflow:visible!important;
    }
    .tcm-main-board-wrap .tcm-hex-board-display{
        padding:7px 0 4px!important;
        transform:none!important;
        margin-bottom:0!important;
    }
    .tcm-main-board-wrap .tcm-hbd-row{
        gap:var(--tcm-main-gap)!important;
        justify-content:center!important;
    }
    .tcm-main-board-wrap .tcm-hbd-odd{
        margin-left:calc((var(--tcm-main-hex) + var(--tcm-main-gap)) / 2)!important;
    }
    .tcm-main-board-wrap .tcm-hbd-hex-wrap,
    .tcm-main-board-wrap .tcm-hbd-hex{
        width:var(--tcm-main-hex)!important;
    }
    .tcm-main-board-wrap .tcm-hbd-hex{
        height:calc(var(--tcm-main-hex) * 1.1)!important;
    }
    .tcm-main-board-wrap .tcm-hbd-content img.tcm-hbd-champimg{
        width:122%!important;
        height:122%!important;
    }
    .tcm-main-board-wrap .tcm-hbd-items{
        bottom:-4px!important;
    }
    .tcm-main-board-wrap .tcm-hbd-star-overlay{top:-3px!important;}
    .tcm-main-board-wrap .tcm-hbd-star-badge{height:10px!important;padding:0 2px!important;gap:0!important;}
    .tcm-main-board-wrap img.tcm-hbd-star-icon,
    .tcm-main-board-wrap .tcm-hbd-star-icon{
        width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important;max-width:7px!important;max-height:7px!important;flex-basis:7px!important;
    }
}
@media(max-width:390px){
    .tcm-main-board-wrap,
    .tcm-main-board-wrap.tcm-at-board-wrap{
        --tcm-main-hex:clamp(35px,11vw,40px);
        --tcm-main-gap:2px;
        --tcm-main-item:13px;
        margin-left:-5px!important;
        margin-right:-5px!important;
    }
}

/* ===== v3.9.65 - SVG icon mũi tên thu gọn ở góc dưới comp ===== */
.tcm-detail{
    position:relative;
}
.tcm-comp-collapse-bottom{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin:-2px 0 0;
    padding:0 4px 2px;
    min-height:38px;
}
.tcm-comp-collapse-btn{
    width:42px;
    height:38px;
    border:1px solid rgba(245,184,62,.66);
    border-radius:12px;
    background:linear-gradient(180deg, rgba(45,34,14,.94), rgba(20,17,12,.96));
    color:#ffd76b;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 4px 12px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.04);
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.tcm-comp-collapse-btn:hover{
    transform:translateY(-2px);
    border-color:#ffd76b;
    background:linear-gradient(180deg, rgba(74,55,18,.96), rgba(33,27,17,.98));
    box-shadow:0 8px 18px rgba(0,0,0,.34),0 0 18px rgba(255,199,74,.24);
}
.tcm-comp-collapse-btn:active{
    transform:translateY(0);
}
.tcm-comp-collapse-btn:focus-visible{
    outline:2px solid rgba(255,215,107,.75);
    outline-offset:2px;
}
.tcm-comp-collapse-icon{
    display:block;
    width:22px;
    height:22px;
    fill:currentColor;
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 0 7px rgba(255,215,107,.32));
    transition:transform .18s ease, filter .18s ease;
}
.tcm-comp-collapse-btn:hover .tcm-comp-collapse-icon{
    transform:translateY(-2px);
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(255,215,107,.42));
}
@media(max-width:680px){
    .tcm-comp-collapse-bottom{
        margin:0;
        padding:0 2px 4px;
        min-height:34px;
    }
    .tcm-comp-collapse-btn{
        width:40px;
        height:36px;
        border-radius:10px;
    }
    .tcm-comp-collapse-icon{
        width:21px;
        height:21px;
    }
}

/* ===== Fix nút Ấn Tộc Hệ bị gạch chân khi hover bởi CSS theme ===== */
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link,
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link:link,
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link:visited,
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link:hover,
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link:focus,
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link:active {
    text-decoration: none !important;
    text-decoration-line: none !important;
    -webkit-text-decoration-line: none !important;
    text-decoration-thickness: 0 !important;
    text-underline-offset: 0 !important;
    border: 1px solid rgba(34, 197, 94, .72) !important;
    background: linear-gradient(135deg, rgba(15, 39, 31, .96), rgba(18, 29, 39, .96)) !important;
    color: #7ef7a6 !important;
}
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link:hover,
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link:focus {
    border-color: #34d399 !important;
    color: #d7ffe4 !important;
    box-shadow: 0 6px 14px rgba(34, 197, 94, .16) !important;
    transform: translateY(-1px);
}
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link *,
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link:hover *,
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link:focus * {
    text-decoration: none !important;
    text-decoration-line: none !important;
    -webkit-text-decoration-line: none !important;
    text-decoration-thickness: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link::before,
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link::after,
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link:hover::before,
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link:hover::after {
    content: none !important;
    display: none !important;
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
}
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link .tcm-seo-pill-icon,
.tcm-wrap .tcm-tier-btns > a.tcm-seo-pill.tcm-emblem-link .tcm-seo-pill-icon svg {
    color: #5cff9f !important;
    fill: currentColor !important;
}


/* ===== v3.9.70 - HARD FIX hover nút Ấn Tộc Hệ: không còn gạch dưới/nhảy CSS theme ===== */
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:link,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:visited,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:hover,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:focus,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:active{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 16px!important;
    border:1px solid rgba(16,220,140,.9)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,rgba(10,36,30,.98),rgba(13,29,38,.98))!important;
    background-image:linear-gradient(135deg,rgba(10,36,30,.98),rgba(13,29,38,.98))!important;
    color:#7ef7a6!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
    text-decoration-thickness:0!important;
    text-underline-offset:0!important;
    outline:0!important;
    transform:none!important;
    box-shadow:none!important;
    position:relative!important;
    overflow:hidden!important;
}
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:hover,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:focus{
    color:#dfffea!important;
    border-color:#34d399!important;
    background:linear-gradient(135deg,rgba(14,47,38,.98),rgba(15,35,43,.98))!important;
    background-image:linear-gradient(135deg,rgba(14,47,38,.98),rgba(15,35,43,.98))!important;
    box-shadow:0 0 0 1px rgba(126,247,166,.12) inset,0 0 14px rgba(52,211,153,.16)!important;
    transform:none!important;
    text-decoration:none!important;
}
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link span,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link svg,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:hover span,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:hover svg{
    color:inherit!important;
    fill:currentColor!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
    border:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    background:none!important;
    background-image:none!important;
}
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link::before,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link::after,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:hover::before,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:hover::after,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link span::before,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link span::after,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:hover span::before,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:hover span::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    border:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    background:none!important;
    background-image:none!important;
    text-decoration:none!important;
}

/* ===== v3.9.71 - Ấn Tộc Hệ hover giống nút Anh Hùng ===== */
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:link,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:visited,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:active{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:30px!important;
    height:auto!important;
    padding:6px 18px!important;
    border-radius:20px!important;
    border:1px solid #00d68f!important;
    background:#1a1d27!important;
    background-image:none!important;
    color:#00e6a8!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1!important;
    cursor:pointer!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
    text-decoration-thickness:0!important;
    text-underline-offset:0!important;
    outline:0!important;
    box-shadow:none!important;
    transform:none!important;
    position:relative!important;
    overflow:visible!important;
    transition:all .15s!important;
}
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:hover,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:focus{
    border-color:#555!important;
    color:#ccc!important;
    background:#1a1d27!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
    text-decoration-thickness:0!important;
}
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link span,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link svg,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:hover span,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:hover svg,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:focus span,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:focus svg{
    color:inherit!important;
    fill:currentColor!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
    border:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    background:none!important;
    background-image:none!important;
}
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link::before,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link::after,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:hover::before,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:hover::after,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:focus::before,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:focus::after,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link span::before,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link span::after,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:hover span::before,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link:hover span::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    border:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    background:none!important;
    background-image:none!important;
    text-decoration:none!important;
}

/* ===== v3.9.72 - Nút Tóm Tắt Meta cạnh Ấn Tộc Hệ ===== */
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link:link,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link:visited,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link:active{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:30px!important;
    height:auto!important;
    padding:6px 18px!important;
    border-radius:20px!important;
    border:1px solid #38bdf8!important;
    background:#1a1d27!important;
    background-image:none!important;
    color:#7dd3fc!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1!important;
    cursor:pointer!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
    text-decoration-thickness:0!important;
    text-underline-offset:0!important;
    outline:0!important;
    box-shadow:none!important;
    transform:none!important;
    position:relative!important;
    overflow:visible!important;
    transition:all .15s!important;
}
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link:hover,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link:focus{
    border-color:#555!important;
    color:#ccc!important;
    background:#1a1d27!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
    text-decoration-thickness:0!important;
}
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link span,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link svg,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link:hover span,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link:hover svg,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link:focus span,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link:focus svg{
    color:inherit!important;
    fill:currentColor!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
    border:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    background:none!important;
    background-image:none!important;
}
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link::before,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link::after,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link:hover::before,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link:hover::after,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link:focus::before,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link:focus::after,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link span::before,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link span::after,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link:hover span::before,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-meta-summary-link:hover span::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    border:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    background:none!important;
    background-image:none!important;
    text-decoration:none!important;
}

/* === Nút xổ đội hình: icon ▼ xanh sáng, nhỏ hơn 20% === */

.tcm-wrap .tcm-chev {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative;

    width: 24px;
    height: 24px;
    margin-left: 6px;
    flex: 0 0 24px;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 1;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    transform: none !important;
    transition: filter .18s ease;
}

/* Icon dùng ký tự ▼ */
.tcm-wrap .tcm-chev::after {
    content: "▼";
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px; /* nhỏ hơn khoảng 20% */
    font-weight: 900;
    line-height: 1;

    color: #5fb7ff;
    text-shadow:
        0 0 6px rgba(95, 183, 255, .55),
        0 0 12px rgba(59, 130, 246, .35);

    transform: rotate(0deg);
    transition:
        transform .24s ease,
        color .18s ease,
        text-shadow .18s ease;
}

/* Khi mở card thì xoay icon */
.tcm-wrap .tcm-chev.open {
    transform: none !important;
}

.tcm-wrap .tcm-chev.open::after {
    transform: rotate(180deg);
}

/* PC: hover sáng hơn + text Chi tiết trượt nhẹ */
@media (hover: hover) and (pointer: fine) {
    .tcm-wrap .tcm-chev::before {
        content: "Chi tiết";
        position: absolute;
        right: 22px;
        top: 50%;

        opacity: 0;
        transform: translate(8px, -50%);
        pointer-events: none;

        font-size: 10px;
        font-weight: 800;
        white-space: nowrap;
        color: #9fd3ff;

        transition:
            opacity .18s ease,
            transform .18s ease;
    }

    .tcm-wrap .tcm-card-header:hover .tcm-chev::before {
        opacity: 1;
        transform: translate(0, -50%);
    }

    .tcm-wrap .tcm-card-header:hover .tcm-chev::after {
        color: #8fd0ff;
        text-shadow:
            0 0 8px rgba(143, 208, 255, .8),
            0 0 16px rgba(59, 130, 246, .55);
    }
}

/* Mobile: nút nằm góc phải dưới, không ảnh hưởng hàng tướng */
@media (max-width: 600px) {
    .tcm-wrap .tcm-card-header {
        position: relative;
    }

    .tcm-wrap .tcm-chev {
        display: inline-flex !important;
        position: absolute;

        right: 8px;
        bottom: 8px;

        top: auto !important;
        left: auto !important;

        width: 24px;
        height: 24px;
        margin: 0;
        flex: none;
        z-index: 8;
    }

    .tcm-wrap .tcm-chev::before {
        display: none !important;
        content: none !important;
    }

    .tcm-wrap .tcm-chev::after {
        font-size: 14px;
        color: #67c1ff;
    }

    .tcm-wrap .tcm-card-units-inline {
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
}

/* === Tiệc Pengu: bỏ Hạng TB/Top 4 và nới vùng tên đội hình === */
.tcm-wrap-pengu .tcm-card-header {
    grid-template-columns: 300px minmax(0, 1fr) auto;
    gap: 32px;
}
.tcm-wrap-pengu .tcm-card-info,
.tcm-wrap-pengu .tcm-card-name,
.tcm-wrap-pengu .tcm-card-name-text {
    min-width: 0;
}
.tcm-wrap-pengu .tcm-card-stats {
    display: none !important;
}

@media (max-width: 900px) {
    .tcm-wrap-pengu .tcm-card-header {
        grid-template-columns: 220px minmax(0, 1fr) auto;
        gap: 14px;
    }
}

@media (max-width: 600px) {
    .tcm-wrap-pengu .tcm-card-header {
        grid-template-columns: 1fr;
        gap: 6px;
    }
}

/* === Tiệc Pengu: icon + tên tộc/hệ cũ dưới nhãn Tiệc Pengu === */
.tcm-wrap-pengu .tcm-card {
    position: relative;
    overflow: visible !important;
}
.tcm-wrap-pengu .tcm-card:hover,
.tcm-wrap-pengu .tcm-card:focus-within {
    z-index: 999;
}
.tcm-wrap-pengu .tcm-card-header {
    overflow: visible !important;
}
.tcm-wrap-pengu .tcm-card-left {
    position: relative;
    overflow: visible !important;
    z-index: 60;
}
.tcm-wrap-pengu .tcm-card-info {
    position: relative;
    overflow: visible !important;
    z-index: 70;
}
.tcm-pengu-image-row {
    display: flex;
    align-items: center;
    margin-top: 5px;
    min-width: 0;
    position: relative;
    overflow: visible !important;
    z-index: 80;
}
.tcm-pengu-image-chip {
    position: relative;
    z-index: 90;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 3px 8px 3px 4px;
    border: 1px solid rgba(125, 211, 252, .32);
    border-radius: 999px;
    background: rgba(8, 17, 31, .72);
    box-shadow: 0 0 12px rgba(56, 189, 248, .08);
    color: #dff6ff;
    cursor: help;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.tcm-pengu-image-chip:hover,
.tcm-pengu-image-chip:focus-visible {
    border-color: rgba(11, 196, 227, .72);
    box-shadow: 0 0 18px rgba(11, 196, 227, .16), 0 10px 24px rgba(0, 0, 0, .25);
    transform: translateY(-1px);
}
.tcm-pengu-image-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 22px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .06);
}
.tcm-pengu-image-name {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}
.tcm-pengu-image-chip[data-tcm-tooltip]:hover::after,
.tcm-pengu-image-chip[data-tcm-tooltip]:focus-visible::after {
    content: attr(data-tcm-tooltip);
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    z-index: 99999;
    width: max-content;
    max-width: 280px;
    padding: 9px 11px;
    border-radius: 10px;
    border: 1px solid rgba(125, 211, 252, .38);
    background: rgba(8, 12, 22, .96);
    color: #f4fbff;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
    white-space: pre-line;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .42), 0 0 18px rgba(56, 189, 248, .12);
    pointer-events: none;
}
.tcm-pengu-image-chip[data-tcm-tooltip]:hover::before,
.tcm-pengu-image-chip[data-tcm-tooltip]:focus-visible::before {
    content: '';
    position: absolute;
    left: 16px;
    top: calc(100% + 3px);
    z-index: 100000;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: transparent transparent rgba(8, 12, 22, .96) transparent;
    pointer-events: none;
}

@media (max-width: 600px) {
    .tcm-pengu-image-row {
        margin-top: 4px;
    }
    .tcm-pengu-image-chip[data-tcm-tooltip]:hover::after,
    .tcm-pengu-image-chip[data-tcm-tooltip]:focus-visible::after {
        max-width: min(260px, 80vw);
    }
}

/* === Tiệc Pengu: tooltip icon/tộc hệ mới nổi ngoài card, không bị cắt === */
.tcm-wrap-pengu .tcm-card,
.tcm-wrap-pengu .tcm-card-header,
.tcm-wrap-pengu .tcm-card-left,
.tcm-wrap-pengu .tcm-card-info,
.tcm-wrap-pengu .tcm-pengu-image-row {
    overflow: visible !important;
}

.tcm-wrap-pengu .tcm-card:hover,
.tcm-wrap-pengu .tcm-card:focus-within,
.tcm-wrap-pengu .tcm-card.tcm-pengu-tooltip-active {
    z-index: 9999 !important;
}

/* Tắt tooltip pseudo cũ vì vẫn nằm trong card nên dễ bị kẹt */
.tcm-pengu-image-chip[data-tcm-tooltip]::before,
.tcm-pengu-image-chip[data-tcm-tooltip]::after,
.tcm-pengu-image-chip[data-tcm-tooltip]:hover::before,
.tcm-pengu-image-chip[data-tcm-tooltip]:hover::after,
.tcm-pengu-image-chip[data-tcm-tooltip]:focus-visible::before,
.tcm-pengu-image-chip[data-tcm-tooltip]:focus-visible::after {
    content: none !important;
    display: none !important;
}

.tcm-pengu-floating-tooltip {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2147483647;
    width: max-content;
    max-width: min(360px, calc(100vw - 24px));
    padding: 12px 12px 11px;
    border-radius: 12px;
    border: 1px solid rgba(125, 211, 252, .42);
    background: linear-gradient(180deg, rgba(9, 18, 34, .99), rgba(5, 10, 20, .99));
    color: #f4fbff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    white-space: normal;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .58), 0 0 24px rgba(56, 189, 248, .17), inset 0 1px 0 rgba(255, 255, 255, .06);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px) scale(.98);
    transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
}

.tcm-pengu-floating-tooltip.is-show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.tcm-pengu-tooltip-row {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    column-gap: 8px;
    row-gap: 3px;
    padding: 3px 0;
}

.tcm-pengu-tooltip-row + .tcm-pengu-tooltip-row {
    margin-top: 8px;
    padding-top: 9px;
    border-top: 1px solid rgba(125, 211, 252, .13);
}

.tcm-pengu-tooltip-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 82px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: .45px;
    text-transform: uppercase;
    white-space: nowrap;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .45);
}

.tcm-pengu-tooltip-badge.bronze {
    color: #ffe7b0;
    border: 1px solid rgba(200, 155, 60, .56);
    background: linear-gradient(180deg, rgba(120, 90, 40, .42), rgba(70, 48, 22, .72));
    box-shadow: 0 0 12px rgba(200, 155, 60, .16), inset 0 1px 0 rgba(255, 234, 184, .16);
}

.tcm-pengu-tooltip-badge.diamond {
    color: #dffbff;
    border: 1px solid rgba(11, 196, 227, .58);
    background: linear-gradient(180deg, rgba(11, 196, 227, .22), rgba(18, 88, 120, .42));
    box-shadow: 0 0 14px rgba(11, 196, 227, .18), inset 0 1px 0 rgba(222, 251, 255, .18);
}

.tcm-pengu-tooltip-desc {
    display: block;
    min-width: 0;
    color: #edf8ff;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.55;
}

.tcm-pengu-tooltip-line {
    color: #edf8ff;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.55;
}

.tcm-pengu-floating-tooltip strong,
.tcm-pengu-floating-tooltip b {
    color: #fff;
}

@media (max-width: 600px) {
    .tcm-pengu-floating-tooltip {
        max-width: min(330px, calc(100vw - 18px));
    }

    .tcm-pengu-tooltip-row {
        grid-template-columns: 1fr;
    }

    .tcm-pengu-tooltip-badge {
        width: max-content;
        min-width: 0;
    }
}

/* === Tiệc Pengu: đưa icon + tên tộc/hệ sang phải, nằm dưới badge Tiệc Pengu === */
.tcm-wrap-pengu .tcm-card-name {
    align-items: flex-start !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

.tcm-wrap-pengu .tcm-card-name-text {
    padding-top: 1px;
    line-height: 1.35;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    flex: 0 0 auto;
    margin-left: 4px;
    max-width: 118px;
    min-width: 0;
    line-height: 1;
    vertical-align: top;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-revival-card-badge {
    margin-left: 0 !important;
    align-self: center;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-row {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 0 !important;
    min-width: 0;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-chip {
    max-width: 112px;
    min-width: 0;
    padding: 3px 8px 3px 4px;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-icon {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-name {
    max-width: 76px;
}

@media (max-width: 600px) {
    .tcm-wrap-pengu .tcm-pengu-badge-stack {
        max-width: 108px;
        gap: 3px;
        margin-left: 3px;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-chip {
        max-width: 104px;
        padding: 2px 7px 2px 4px;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-icon {
        width: 18px;
        height: 18px;
        flex-basis: 18px;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-name {
        max-width: 72px;
        font-size: 10.5px;
    }
}

/* === Tiệc Pengu: canh lại cụm tên đội hình + nhãn + icon tộc/hệ cho ngay ngắn === */
.tcm-wrap-pengu .tcm-card {
    border-radius: 12px;
}

.tcm-wrap-pengu .tcm-card-header {
    grid-template-columns: clamp(320px, 28vw, 365px) minmax(0, 1fr) auto !important;
    gap: 20px !important;
    min-height: 102px;
    padding: 12px 18px !important;
    align-items: center !important;
}

.tcm-wrap-pengu .tcm-card-left {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center !important;
    gap: 14px !important;
    min-width: 0;
}

.tcm-wrap-pengu .tcm-tier {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    align-self: center;
}

.tcm-wrap-pengu .tcm-card-info {
    display: block !important;
    min-width: 0;
    width: 100%;
}

.tcm-wrap-pengu .tcm-pengu-info-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 108px;
    grid-template-areas:
        "pname pstack"
        "pbadges pstack";
    align-items: start;
    column-gap: 10px;
    row-gap: 7px;
    width: min(100%, 292px);
    max-width: 292px;
}

.tcm-wrap-pengu .tcm-card-name-pengu {
    grid-area: pname;
    display: flex !important;
    align-items: center !important;
    gap: 5px;
    margin: 0 !important;
    min-width: 0;
    overflow: hidden !important;
    white-space: nowrap !important;
    line-height: 1.25;
}

.tcm-wrap-pengu .tcm-card-name-pengu .tcm-card-name-text {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 0 !important;
    font-size: 13.5px;
    line-height: 1.25;
    letter-spacing: -.1px;
}

.tcm-wrap-pengu .tcm-pengu-info-grid .tcm-card-badges {
    grid-area: pbadges;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 0 !important;
    min-width: 0;
}

.tcm-wrap-pengu .tcm-pengu-info-grid .tcm-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 10px;
    line-height: 1;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack {
    grid-area: pstack;
    justify-self: start;
    align-self: start;
    display: inline-flex !important;
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: flex-start;
    gap: 5px;
    width: 108px;
    max-width: 108px;
    margin-left: 0 !important;
    line-height: 1;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-revival-card-badge {
    align-self: flex-start !important;
    margin-left: 0 !important;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 10px;
    line-height: 1.15;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-row {
    display: flex;
    justify-content: flex-start !important;
    align-items: center;
    width: 100%;
    margin-top: 0 !important;
    min-width: 0;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-chip {
    height: 25px;
    max-width: 108px;
    min-width: 0;
    padding: 3px 8px 3px 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(9, 25, 43, .92), rgba(5, 14, 26, .88));
    border-color: rgba(125, 211, 252, .42);
    box-shadow: 0 0 0 1px rgba(255,255,255,.03) inset, 0 0 14px rgba(11,196,227,.08);
}

.tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-name {
    max-width: 72px;
    font-size: 11px;
    line-height: 1.15;
}

.tcm-wrap-pengu .tcm-card-units-inline {
    align-self: center;
    padding-top: 0;
}

@media (max-width: 900px) {
    .tcm-wrap-pengu .tcm-card-header {
        grid-template-columns: minmax(250px, 285px) minmax(0, 1fr) auto !important;
        gap: 14px !important;
        padding: 10px 12px !important;
        min-height: 94px;
    }

    .tcm-wrap-pengu .tcm-card-left {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 10px !important;
    }

    .tcm-wrap-pengu .tcm-tier {
        width: 32px;
        height: 32px;
    }

    .tcm-wrap-pengu .tcm-pengu-info-grid {
        grid-template-columns: minmax(0, 1fr) 102px;
        width: min(100%, 252px);
        max-width: 252px;
        column-gap: 8px;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack {
        width: 102px;
        max-width: 102px;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-chip {
        max-width: 102px;
    }
}

@media (max-width: 600px) {
    .tcm-wrap-pengu .tcm-card-header {
        grid-template-columns: 1fr !important;
        min-height: 0;
        gap: 8px !important;
        padding: 10px !important;
    }

    .tcm-wrap-pengu .tcm-card-left {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 9px !important;
        width: 100%;
    }

    .tcm-wrap-pengu .tcm-tier {
        width: 30px;
        height: 30px;
    }

    .tcm-wrap-pengu .tcm-pengu-info-grid {
        grid-template-columns: minmax(0, 1fr) 104px;
        width: 100%;
        max-width: none;
        column-gap: 8px;
        row-gap: 6px;
    }

    .tcm-wrap-pengu .tcm-card-name-pengu .tcm-card-name-text {
        font-size: 12.5px;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack {
        width: 104px;
        max-width: 104px;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-chip {
        max-width: 104px;
        height: 24px;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-icon {
        width: 18px;
        height: 18px;
        flex-basis: 18px;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-name {
        max-width: 72px;
        font-size: 10.5px;
    }
}

/* === Tiệc Pengu: phóng to icon tộc/hệ thêm 50% === */
.tcm-wrap-pengu .tcm-pengu-info-grid {
    grid-template-columns: minmax(0, 1fr) 132px;
    width: min(100%, 316px);
    max-width: 316px;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack {
    width: 132px;
    max-width: 132px;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-chip {
    height: 34px;
    max-width: 132px;
    padding: 3px 10px 3px 5px;
    gap: 7px;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-name {
    max-width: 78px;
    font-size: 11.5px;
}

@media (max-width: 900px) {
    .tcm-wrap-pengu .tcm-pengu-info-grid {
        grid-template-columns: minmax(0, 1fr) 124px;
        width: min(100%, 276px);
        max-width: 276px;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack {
        width: 124px;
        max-width: 124px;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-chip {
        height: 32px;
        max-width: 124px;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-icon {
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
    }
}

@media (max-width: 600px) {
    .tcm-wrap-pengu .tcm-pengu-info-grid {
        grid-template-columns: minmax(0, 1fr) 118px;
        width: 100%;
        max-width: none;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack {
        width: 118px;
        max-width: 118px;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-chip {
        height: 31px;
        max-width: 118px;
        padding: 2px 8px 2px 4px;
        gap: 6px;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-icon {
        width: 27px;
        height: 27px;
        flex: 0 0 27px;
    }

    .tcm-wrap-pengu .tcm-pengu-badge-stack .tcm-pengu-image-name {
        max-width: 72px;
        font-size: 10.8px;
    }
}


/* === Tiệc Pengu: xóa chữ badge "Tiệc Pengu" trên card comp, giữ icon/tên tộc hệ === */
.tcm-wrap-pengu .tcm-pengu-badge-stack > .tcm-revival-card-badge {
    display: none !important;
}

.tcm-wrap-pengu .tcm-pengu-badge-stack {
    justify-content: center;
}

/* ===== v3.9.80 - Mobile Mùa 17: đưa Bài Trí Đội Hình lên trước Mẹo chuyên nghiệp ===== */
@media (max-width: 600px) {
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-detail-grid {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-detail-left,
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-detail-right {
        display: contents;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-detail-left > .tcm-detail-section,
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-detail-right > .tcm-detail-section {
        order: 30;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-detail-right > .tcm-board-section {
        order: 10;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-detail-left > .tcm-tips-section {
        order: 20;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-detail-right > .tcm-comp-collapse-bottom {
        order: 40;
    }
}

/* ===== v3.9.85 - Mobile Mùa 17: nút Chép Mã Vào Game nhỏ lại 10% ===== */
@media (max-width: 600px) {
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-open-builder-wrap {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 6px !important;
        width: 100% !important;
        padding: 6px 0 8px !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-open-builder-btn,
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-copy-code-btn {
        min-width: 0 !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 9px !important;
        white-space: nowrap !important;
        line-height: 1.1 !important;
        font-size: 11.2px !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-open-builder-btn {
        flex: 0 0 104px !important;
        width: 104px !important;
        max-width: 104px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 0 !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-open-builder-btn::after {
        content: "Team Builder";
        font-size: 10.8px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-copy-code-action-group {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 6px !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-copy-code-action-group .tcm-copy-code-btn {
        flex: 0 1 calc(90% - 36px) !important;
        width: calc(90% - 36px) !important;
        max-width: calc(90% - 36px) !important;
        min-width: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-copy-code-btn .tcm-copy-label {
        font-size: 0 !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-copy-code-btn .tcm-copy-label::after {
        content: "Chép Mã Vào Game";
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-copy-code-btn.copied .tcm-copy-label::after {
        content: "Đã Chép";
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-team-code-guide-btn-compact {
        flex: 0 0 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        border-radius: 9px !important;
    }
}

@media (max-width: 360px) {
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-open-builder-btn {
        flex-basis: 96px !important;
        width: 96px !important;
        max-width: 96px !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-open-builder-btn::after {
        font-size: 10.4px !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-copy-code-btn .tcm-copy-label::after {
        font-size: 10.4px !important;
    }
}


/* ===== v3.9.87 - Mobile Mùa 17: cân đối 3 nút hành động, sát nhau như nút ? ===== */
@media (max-width: 600px) {
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-open-builder-wrap {
        gap: 4px !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 6px 0 8px !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-open-builder-btn,
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-copy-code-btn,
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-team-code-guide-btn-compact {
        height: 38px !important;
        min-height: 38px !important;
        border-radius: 9px !important;
        box-sizing: border-box !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-open-builder-btn {
        flex: 0 0 104px !important;
        width: 104px !important;
        max-width: 104px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-copy-code-action-group {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        gap: 4px !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-copy-code-action-group .tcm-copy-code-btn {
        flex: 0 0 144px !important;
        width: 144px !important;
        max-width: 144px !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
        gap: 4px !important;
        justify-content: center !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-copy-code-btn .tcm-copy-icon {
        font-size: 11px !important;
        line-height: 1 !important;
        flex: 0 0 auto !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-copy-code-btn .tcm-copy-label::after {
        content: "Chép Mã Vào Game";
        font-size: 10.7px !important;
        letter-spacing: -0.1px !important;
        white-space: nowrap !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-team-code-guide-btn-compact {
        flex: 0 0 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        padding: 0 !important;
    }
}

@media (max-width: 360px) {
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-open-builder-wrap {
        gap: 3px !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-open-builder-btn {
        flex-basis: 96px !important;
        width: 96px !important;
        max-width: 96px !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-copy-code-action-group {
        gap: 3px !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-copy-code-action-group .tcm-copy-code-btn {
        flex-basis: 138px !important;
        width: 138px !important;
        max-width: 138px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-open-builder-btn::after {
        font-size: 10.2px !important;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="17"] .tcm-board-section .tcm-copy-code-btn .tcm-copy-label::after {
        font-size: 10px !important;
        letter-spacing: -0.25px !important;
    }
}


/* v3.9.104 - Article augment tooltip hard fix: no native/extra name tooltip flash */
.tcm-article-team-card .tcm-at-augment-name{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;max-width:0!important;max-height:0!important;overflow:hidden!important;position:absolute!important;clip-path:inset(50%)!important}
.tcm-article-team-card .tcm-at-augment-icon::before,.tcm-article-team-card .tcm-at-augment-icon::after{content:none!important;display:none!important}
.tcm-article-team-card .tcm-at-augment-icon,.tcm-article-team-card .tcm-at-augment-icon *{-webkit-user-select:none!important;user-select:none!important}


/* v3.9.106 - Comp chính: tooltip tộc/hệ kiểu Team Builder, mobile tap */
.tcm-main-trait-smart-tooltip.tb-smart-tooltip{position:fixed;left:0;top:0;z-index:2147483600;width:min(370px,calc(100vw - 18px));max-height:min(72vh,560px);overflow:auto;pointer-events:none;opacity:0;transform:translateY(4px) scale(.98);transition:opacity .12s ease,transform .12s ease;border:1px solid rgba(228,236,246,.68);border-radius:13px;background:linear-gradient(180deg,rgba(18,22,29,.985),rgba(10,14,20,.985));box-shadow:0 18px 48px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.05) inset;color:#f4f7fb;padding:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;font-size:12px;line-height:1.38}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.is-visible{opacity:1;transform:translateY(0) scale(1)}
.tcm-main-trait-smart-tooltip .tb-tt-head{display:flex;align-items:center;gap:10px;min-width:0}
.tcm-main-trait-smart-tooltip .tb-tt-head-main{min-width:0;flex:1}
.tcm-main-trait-smart-tooltip .tb-tt-title{font-size:18px;line-height:1.08;font-weight:950;color:#fff;letter-spacing:-.02em;min-width:0;overflow:hidden;text-overflow:ellipsis}
.tcm-main-trait-smart-tooltip .tb-tt-muted{margin-top:3px;color:#aeb8c7;font-size:12px;font-weight:750}
.tcm-main-trait-smart-tooltip .tb-tt-desc{margin-top:10px;color:#e9eef6;font-weight:760}
.tcm-main-trait-smart-tooltip .tb-tt-trait-big{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden}
.tcm-main-trait-smart-tooltip .tb-tt-trait-big-img{width:32px;height:32px;object-fit:contain}
.tcm-main-trait-smart-tooltip .tb-tt-fb{min-width:18px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#263244;color:#fff;font-weight:950;font-size:10px}
.tcm-main-trait-smart-tooltip .tb-tt-block-title{margin-top:14px;margin-bottom:8px;color:#d8e3f3;text-transform:uppercase;letter-spacing:.055em;font-size:11px;font-weight:950}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-tt-tier{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;column-gap:16px!important;margin:13px 0!important;padding:0!important;border:0!important;background:transparent!important;color:#f1f4ff!important}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-tt-tier-min{width:38px!important;min-width:38px!important;height:42px!important;border:0!important;border-radius:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)!important;font-size:14px!important;font-weight:900!important;line-height:1!important;color:#0d1220!important;text-shadow:none!important;box-shadow:none!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55));background:#5a5a5a!important}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-tt-tier-text{display:block;color:#f1f4ff;font-size:13px;font-weight:650;line-height:1.45}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-style-bronze{background:#e3a582!important;color:#141018!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-style-silver{background:#d9dde4!important;color:#0d1220!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-style-gold{background:#f2b705!important;color:#0d1220!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-style-inactive{background:#5a5a5a!important;color:#111!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-style-unique,
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-style-special{background:#b07cff!important;color:#1c1033!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-style-prismatic,
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-style-chromatic{background:conic-gradient(from 180deg,#b5fbd1 0deg,#aea7f8 25.6deg,#b9e3bc 63deg,#f6fdaf 87.2deg,#c7fbf7 105.21deg,#a0f6fe 139.56deg,#f5ccff 169.3deg,#f899f3 201.86deg,#bfc6a0 244.3deg,#fe93f2 287.41deg,#f3f1c7 334.3deg,#b5fbd1 360deg)!important;color:#2b2154!important;filter:drop-shadow(0 0 8px rgba(205,232,255,.68)) drop-shadow(0 1px 1px rgba(0,0,0,.55))}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-tt-champs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-tt-champ-mini{position:relative;width:38px;height:38px;max-width:none!important;min-width:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#0b1119;padding:0!important;overflow:hidden;border:1.5px solid #6b7280;box-shadow:0 0 0 1px rgba(0,0,0,.35) inset;transition:opacity .15s ease,filter .15s ease,transform .15s ease,box-shadow .15s ease}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-tt-champ-mini img{width:100%;height:100%;display:block;object-fit:cover;border-radius:7px!important}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-tt-champ-mini span{display:none!important}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-tt-champ-mini.is-offboard{opacity:.34;filter:grayscale(.2) saturate(.72) brightness(.72)}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-tt-champ-mini.is-onboard{opacity:1;filter:none;transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 0 12px rgba(92,166,255,.18)}
.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-tt-champ-mini .tb-tt-fb{width:100%;height:100%;border-radius:0;background:#1a2232}
.tcm-main-trait-smart-tooltip .tb-cost-1{border-color:#8b94a4!important}.tcm-main-trait-smart-tooltip .tb-cost-2{border-color:#24b96c!important}.tcm-main-trait-smart-tooltip .tb-cost-3{border-color:#2b9bff!important}.tcm-main-trait-smart-tooltip .tb-cost-4{border-color:#bc65ff!important}.tcm-main-trait-smart-tooltip .tb-cost-5{border-color:#f0c400!important}
.tcm-traits-bar .tcm-trait-badge[data-tcm-main-tooltip="trait"]{cursor:pointer;-webkit-tap-highlight-color:transparent}
.tcm-traits-bar .tcm-trait-badge[data-tcm-main-tooltip="trait"]::before,
.tcm-traits-bar .tcm-trait-badge[data-tcm-main-tooltip="trait"]::after{content:none!important;display:none!important}
@media(max-width:768px){.tcm-main-trait-smart-tooltip.tb-smart-tooltip{width:min(330px,calc(100vw - 18px));max-height:64vh;font-size:11px}.tcm-main-trait-smart-tooltip .tb-tt-title{font-size:16px}}
@media(max-width:640px){.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-tt-tier{grid-template-columns:38px minmax(0,1fr)!important;column-gap:12px!important}.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-tt-tier-min{width:34px!important;min-width:34px!important;height:38px!important}.tcm-main-trait-smart-tooltip .tb-tt-trait-tooltip .tb-tt-tier-text{font-size:12px!important}}

/* v3.9.107 - Đội hình nhúng: chặn link tộc/hệ, chỉ dùng để mở tooltip */
.tcm-article-team-card .tcm-at-side-traits a[data-tcm-at-trait-link-disabled],
.tcm-article-team-card .tcm-at-side-traits a[href*="/tuong/toc-he-"],
.tcm-article-team-card .tcm-at-side-traits a[href*="/toc-he-"]{color:inherit!important;text-decoration:none!important;cursor:help!important;-webkit-tap-highlight-color:transparent!important}
.tcm-article-team-card .tcm-at-side-traits .tcm-trait-badge[data-tcm-at-tooltip="trait"]{cursor:help!important;-webkit-tap-highlight-color:transparent!important}


/* v3.9.108 - Trait tooltip token icons + Team Builder color CSS for main/article */
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-bronze,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-bronze{--tt-accent:#e3a582!important;--tt-accent-2:#f3b28e!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-silver,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-silver{--tt-accent:#d9dde4!important;--tt-accent-2:#e7ebf0!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-gold,.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-single,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-gold,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-single{--tt-accent:#f2b705!important;--tt-accent-2:#ffd45d!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-unique,.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-special,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-unique,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-special{--tt-accent:#b07cff!important;--tt-accent-2:#c5a3ff!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-prismatic,.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-chromatic,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-prismatic,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-chromatic{--tt-accent:#7be0d4!important;--tt-accent-2:#b5fbd1!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-head,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-head{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;padding:0!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-trait-big,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-trait-big{width:56px!important;height:56px!important;flex:0 0 56px!important;border-radius:0!important;border:1px solid var(--tt-accent,#64748b)!important;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))!important;background:rgba(15,23,42,.72)!important;box-shadow:none!important;overflow:hidden!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-trait-big-img,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-trait-big-img{width:34px!important;height:34px!important;object-fit:contain!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.62))!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-title,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-title{color:#fff!important;font-size:18px!important;line-height:1.1!important;font-weight:500!important;letter-spacing:-.01em!important;text-shadow:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-muted,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-muted{margin-top:5px!important;display:inline-flex!important;align-items:center!important;padding:3px 9px!important;border-radius:0!important;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)!important;background:var(--tt-accent,#64748b)!important;color:#07111d!important;font-size:11px!important;line-height:1.1!important;font-weight:600!important;letter-spacing:.04em!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-unique .tb-tt-muted,.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-special .tb-tt-muted,.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-bronze .tb-tt-muted,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-unique .tb-tt-muted,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-special .tb-tt-muted,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait.tb-tt-trait-bronze .tb-tt-muted{color:#fff!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-desc-main,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-desc-main{margin-top:12px!important;padding:10px 11px!important;border-radius:0!important;background:rgba(15,23,42,.52)!important;border:1px solid rgba(30,41,59,.82)!important;border-left:2px solid var(--tt-accent-2,#94a3b8)!important;color:#cbd5e1!important;font-size:12px!important;line-height:1.6!important;font-weight:400!important;box-shadow:none!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-color,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-color{font-weight:700!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-green,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-green{color:#64df86!important;font-weight:950!important}.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-yellow,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-yellow{color:#ffd45d!important;font-weight:950!important}.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-orange,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-orange{color:#f2b35b!important;font-weight:950!important}.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-blue,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-blue{color:#58c7ff!important;font-weight:950!important}.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-red,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-red{color:#ff7b7b!important;font-weight:950!important}.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-white,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-white{color:#e8e8e8!important}.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-gray,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-gray{color:#94a3b8!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-icon,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-icon{display:inline-flex!important;vertical-align:-3px!important;align-items:center!important;justify-content:center!important;width:15px!important;height:15px!important;margin:0 2px 0 1px!important;object-fit:contain!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-highlight,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-highlight{margin:8px 0 2px!important;padding:8px 10px!important;border:1px solid rgba(255,255,255,.08)!important;border-left:3px solid #31c6ff!important;border-radius:8px!important;background:rgba(255,255,255,.035)!important}.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-bold,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-token-bold{font-weight:800!important;color:#fff!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-tier,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-tier{grid-template-columns:30px minmax(0,1fr)!important;column-gap:8px!important;align-items:center!important;margin:4px 0!important;padding:6px 8px!important;min-height:36px!important;border:1px solid rgba(30,41,59,.72)!important;background:rgba(15,23,42,.42)!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-tier-min,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-tier-min{width:26px!important;min-width:26px!important;height:29px!important;font-size:11.5px!important;font-weight:650!important}
.tcm-main-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-tier-text,.tcm-at-trait-smart-tooltip.tb-smart-tooltip.tb-tt-kind-trait .tb-tt-tier-text{font-size:11.5px!important;line-height:1.35!important;color:#dbe6f2!important;font-weight:400!important}

/* ===== v3.9.112 - Nút Nâng Cấp Graves dùng màu tím riêng ===== */
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-graves-upgrade-link,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-graves-upgrade-link:link,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-graves-upgrade-link:visited,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-graves-upgrade-link:active{
    border-color:#a855f7!important;
    color:#d8b4fe!important;
    background:#1a1d27!important;
    background-image:none!important;
    box-shadow:none!important;
}
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-graves-upgrade-link:hover,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-graves-upgrade-link:focus{
    border-color:#c084fc!important;
    color:#f3e8ff!important;
    background:#1a1d27!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
}


/* ===== v3.9.113 - Icon Nâng Cấp Graves màu tím riêng ===== */
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-graves-upgrade-link .tcm-seo-pill-icon,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-graves-upgrade-link .tcm-seo-pill-icon svg,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-graves-upgrade-link .tcm-seo-pill-icon svg path{
    color:#c084fc!important;
    fill:#c084fc!important;
    stroke:none!important;
}
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-graves-upgrade-link:hover .tcm-seo-pill-icon,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-graves-upgrade-link:hover .tcm-seo-pill-icon svg,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-graves-upgrade-link:hover .tcm-seo-pill-icon svg path,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-graves-upgrade-link:focus .tcm-seo-pill-icon,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-graves-upgrade-link:focus .tcm-seo-pill-icon svg,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-graves-upgrade-link:focus .tcm-seo-pill-icon svg path{
    color:#e9d5ff!important;
    fill:#e9d5ff!important;
    stroke:none!important;
}

/* ===== v3.9.114 - Nút Tiệc Pengu màu cam san hô riêng ===== */
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-pengu-party-link,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-pengu-party-link:link,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-pengu-party-link:visited,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-pengu-party-link:active{
    border-color:#fb7185!important;
    color:#fda4af!important;
    background:#1a1d27!important;
    background-image:none!important;
    box-shadow:none!important;
}
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-pengu-party-link:hover,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-pengu-party-link:focus{
    border-color:#f43f5e!important;
    color:#ffe4e6!important;
    background:#1a1d27!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
}
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-pengu-party-link .tcm-seo-pill-icon,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-pengu-party-link .tcm-seo-pill-icon svg,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-pengu-party-link .tcm-seo-pill-icon svg path{
    color:#fb7185!important;
    fill:#fb7185!important;
    stroke:none!important;
}
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-pengu-party-link:hover .tcm-seo-pill-icon,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-pengu-party-link:hover .tcm-seo-pill-icon svg,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-pengu-party-link:hover .tcm-seo-pill-icon svg path,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-pengu-party-link:focus .tcm-seo-pill-icon,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-pengu-party-link:focus .tcm-seo-pill-icon svg,
html body .tcm-wrap .tcm-tier-btns a.tcm-seo-pill.tcm-emblem-link.tcm-pengu-party-link:focus .tcm-seo-pill-icon svg path{
    color:#ffe4e6!important;
    fill:#ffe4e6!important;
    stroke:none!important;
}


/* ===== v3.9.127 - Tái Hiện Set 16: khóa tướng + điều kiện + Tạo Tác ===== */
.tcm-set16-lock-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 36;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border: 1px solid rgba(255, 232, 154, .92);
    background: linear-gradient(145deg, #f7c948, #d89008);
    color: #221500;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .62), 0 0 0 1px rgba(0, 0, 0, .34);
    pointer-events: none;
}
.tcm-set16-lock-badge svg {
    width: 11px;
    height: 11px;
    display: block;
    fill: currentColor;
}
.tcm-set16-lock-badge-mini {
    top: -5px;
    right: -5px;
    width: 15px;
    height: 15px;
    border-radius: 5px;
}
.tcm-set16-lock-badge-mini svg { width: 9px; height: 9px; }
.tcm-set16-lock-badge-board {
    top: 4px;
    right: 0;
    width: 17px;
    height: 17px;
    z-index: 42;
}
.tcm-set16-lock-badge-carry {
    top: -6px;
    right: -6px;
}

.tcm-wrap-revival[data-set-number="16"] .tcm-set16-locked-section {
    padding: 0;
    border: 0;
    background: transparent;
}
.tcm-set16-locked-panel {
    padding: 12px;
    border-radius: 12px;
    border: 1px solid rgba(245, 190, 55, .30);
    background: linear-gradient(135deg, rgba(32, 27, 18, .96), rgba(21, 24, 34, .97));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}
.tcm-set16-locked-panel-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #f7d982;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.tcm-set16-locked-panel-title > .tcm-set16-lock-badge {
    position: static;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 6px;
}
.tcm-set16-locked-panel-title > .tcm-set16-lock-badge svg { width: 12px; height: 12px; }
.tcm-set16-locked-list {
    display: grid;
    gap: 8px;
}
.tcm-set16-locked-item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .07);
    background: rgba(8, 11, 17, .52);
}
.tcm-set16-locked-champ {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    border: 2px solid var(--tcm-lock-unit-color, #7c8597);
    background: #222735;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .28);
    text-decoration: none;
}
.tcm-set16-locked-champ img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 6px;
}
.tcm-set16-locked-fb {
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #cbd5e1;
    font-size: 10px;
    font-weight: 800;
}
.tcm-set16-locked-copy { min-width: 0; }
.tcm-set16-locked-name {
    margin-bottom: 3px;
    color: #fff1bd;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 800;
}
.tcm-set16-locked-condition {
    color: #d6dbe5;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 600;
}
.tcm-wrap-revival[data-set-number="16"] .tftpro-cc-build-row-artifact .tftpro-build-kind-artifact {
    white-space: nowrap;
}

@media (max-width: 600px) {
    .tcm-set16-lock-badge {
        top: -5px;
        right: -5px;
        width: 16px;
        height: 16px;
        border-radius: 5px;
    }
    .tcm-set16-lock-badge svg { width: 10px; height: 10px; }
    .tcm-set16-lock-badge-board { top: 4px; right: -1px; }
    .tcm-set16-locked-panel { padding: 10px; }
    .tcm-set16-locked-item {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 9px;
        padding: 7px;
    }
    .tcm-set16-locked-champ { width: 40px; height: 40px; }
    .tcm-set16-locked-condition { font-size: 10.5px; }
}


/* ===== v3.9.128 - Chỉ Tái Hiện Set 16: gộp Tạo Tác, bỏ nhãn TOP/TẠO TÁC ===== */
.tcm-wrap-revival[data-set-number="16"] .tcm-set16-locked-carry .tftpro-cc-primary-row {
    grid-template-columns: 24px minmax(0, 1fr) !important;
    padding-right: 8px !important;
}
.tcm-wrap-revival[data-set-number="16"] .tcm-set16-locked-carry .tftpro-cc-primary-row::before,
.tcm-wrap-revival[data-set-number="16"] .tcm-set16-locked-carry .tftpro-build-kind-artifact,
.tcm-wrap-revival[data-set-number="16"] .tcm-set16-locked-carry .tftpro-build-label,
.tcm-wrap-revival[data-set-number="16"] .tcm-set16-locked-carry .tftpro-cc-build-list-secondary {
    display: none !important;
}
.tcm-wrap-revival[data-set-number="16"] .tcm-set16-locked-carry .tftpro-cc-build-items {
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px;
    overflow: visible;
}
@media (max-width: 520px) {
    .tcm-wrap-revival[data-set-number="16"] .tcm-set16-locked-carry .tftpro-cc-primary-row {
        grid-template-columns: 20px minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        padding: 6px !important;
    }
    .tcm-wrap-revival[data-set-number="16"] .tcm-set16-locked-carry .tftpro-cc-primary-row .tftpro-build-tier,
    .tcm-wrap-revival[data-set-number="16"] .tcm-set16-locked-carry .tftpro-cc-primary-row .tftpro-cc-build-items {
        grid-row: 1 !important;
    }
}


/* ===== v3.9.130 - Chỉ Tái Hiện Set 16: một hàng Tạo Tác từ plugin Unit dưới mỗi tướng ===== */
.tcm-wrap-revival[data-set-number="16"] .tcm-set16-unit-artifact-row {
    grid-template-columns: 24px minmax(0, 1fr) !important;
    border-color: rgba(245,158,11,.30);
    background: linear-gradient(90deg, rgba(245,158,11,.09), rgba(15,23,42,.58));
}
.tcm-wrap-revival[data-set-number="16"] .tcm-set16-unit-artifact-row .tftpro-build-tier {
    color: #f5b81f;
    border-color: rgba(245,184,31,.58);
    background: rgba(245,184,31,.12);
}
.tcm-wrap-revival[data-set-number="16"] .tcm-set16-unit-artifact-row .tftpro-cc-build-items {
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px;
    overflow: visible;
}
@media (max-width: 520px) {
    .tcm-wrap-revival[data-set-number="16"] .tcm-set16-unit-artifact-row {
        grid-template-columns: 20px minmax(0, 1fr) !important;
    }
}


/* ===== v3.9.131 - Chỉ Tái Hiện Set 16: bỏ nhãn Tái Hiện, hiện đầy đủ tên đội hình ===== */
.tcm-wrap-revival[data-set-number="16"] .tcm-card-header {
    grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) auto;
    gap: 22px;
}
.tcm-wrap-revival[data-set-number="16"] .tcm-card-info {
    min-width: 0;
    overflow: visible;
}
.tcm-wrap-revival[data-set-number="16"] .tcm-card-name,
.tcm-wrap-revival[data-set-number="16"] .tcm-card-name-text {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
}
@media (max-width: 900px) and (min-width: 601px) {
    .tcm-wrap-revival[data-set-number="16"] .tcm-card-header {
        grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) auto;
        gap: 10px;
    }
}
@media (max-width: 600px) {
    .tcm-wrap-revival[data-set-number="16"] .tcm-card-header {
        grid-template-columns: 1fr;
        gap: 6px;
    }
    .tcm-wrap-revival[data-set-number="16"] .tcm-card-left {
        min-width: 0;
        padding-right: 92px;
    }
}


/* ===== v3.9.132 - Chỉ Tái Hiện Set 16: Chép Mã nằm bên phải, ngang Team Builder ===== */
.tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-builder-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
}
.tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-copy-code-action-group {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 6px !important;
}

@media (max-width: 600px) {
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-builder-actions {
        gap: 4px !important;
        padding: 6px 0 8px !important;
    }
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-builder-actions .tcm-open-builder-btn,
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-builder-actions .tcm-copy-code-btn,
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-builder-actions .tcm-team-code-guide-btn-compact {
        height: 38px !important;
        min-height: 38px !important;
        box-sizing: border-box !important;
        border-radius: 9px !important;
        white-space: nowrap !important;
    }
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-builder-actions .tcm-open-builder-btn {
        flex: 0 0 104px !important;
        width: 104px !important;
        max-width: 104px !important;
        padding: 0 6px !important;
        justify-content: center !important;
        font-size: 0 !important;
    }
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-builder-actions .tcm-open-builder-btn::after {
        content: "Team Builder";
        font-size: 10.8px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-copy-code-action-group {
        flex: 0 0 auto !important;
        gap: 4px !important;
    }
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-copy-code-action-group .tcm-copy-code-btn {
        flex: 0 0 144px !important;
        width: 144px !important;
        max-width: 144px !important;
        padding: 0 7px !important;
        gap: 4px !important;
        justify-content: center !important;
        font-size: 11px !important;
    }
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-copy-code-action-group .tcm-copy-code-btn .tcm-copy-label {
        font-size: 0 !important;
    }
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-copy-code-action-group .tcm-copy-code-btn .tcm-copy-label::after {
        content: "Chép Mã Vào Game";
        font-size: 10.7px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-copy-code-action-group .tcm-copy-code-btn.copied .tcm-copy-label::after {
        content: "Đã Chép";
    }
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-copy-code-action-group .tcm-team-code-guide-btn-compact {
        flex: 0 0 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        padding: 0 !important;
    }
}

@media (max-width: 360px) {
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-builder-actions {
        gap: 3px !important;
    }
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-builder-actions .tcm-open-builder-btn {
        flex-basis: 96px !important;
        width: 96px !important;
        max-width: 96px !important;
    }
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-copy-code-action-group {
        gap: 3px !important;
    }
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-copy-code-action-group .tcm-copy-code-btn {
        flex-basis: 138px !important;
        width: 138px !important;
        max-width: 138px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-board-section .tcm-set16-copy-code-action-group .tcm-copy-code-btn .tcm-copy-label::after {
        font-size: 10px !important;
    }
}


/* ===== v3.9.133 - Chỉ Tái Hiện Set 16: bỏ Hạng TB và Top 4 ===== */
.tcm-wrap.tcm-wrap-revival[data-set-number="16"] .tcm-card-stats {
    display: none !important;
}


/* =====================================================
   TƯỚNG 7 VÀNG — VIỀN ÁNH KIM TÁI HIỆN MÙA 16
   Giữ đúng độ dày/kích thước như viền tướng thường và bỏ toàn bộ shadow.
   ===================================================== */
@keyframes tcm-cost7-metallic-shimmer {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.tcm-u.tcm-cost-7 .tcm-u-img-wrap,
.tcm-u.tcm-cost-7.carry .tcm-u-img-wrap {
    border: 2px solid transparent !important;
    background: linear-gradient(120deg, #fff8c7 0%, #f3c95b 18%, #ffffff 36%, #8ee8ff 52%, #d8a8ff 68%, #ffe889 84%, #fff8c7 100%) !important;
    background-size: 280% 280% !important;
    animation: tcm-cost7-metallic-shimmer 3.2s ease-in-out infinite;
    box-shadow: none !important;
}

.tcm-hbd-hex.tcm-cost-7,
.tcm-main-board-wrap .tcm-hbd-hex.tcm-hbd-filled.tcm-cost-7 {
    --unit-color: #f6e58d !important;
    background: linear-gradient(120deg, #fff8c7 0%, #f3c95b 18%, #ffffff 36%, #8ee8ff 52%, #d8a8ff 68%, #ffe889 84%, #fff8c7 100%) !important;
    background-size: 280% 280% !important;
    animation: tcm-cost7-metallic-shimmer 3.2s ease-in-out infinite;
    box-shadow: none !important;
}

.tcm-deploy-unit.tcm-cost-7 {
    border: 1px solid transparent !important;
    background: linear-gradient(120deg, #fff8c7, #f3c95b, #ffffff, #8ee8ff, #d8a8ff, #ffe889, #fff8c7) !important;
    background-size: 280% 280% !important;
    animation: tcm-cost7-metallic-shimmer 3.2s ease-in-out infinite;
    box-shadow: none !important;
}

.tcm-set16-locked-champ.tcm-cost-7 {
    border: 2px solid transparent !important;
    background: linear-gradient(120deg, #fff8c7, #f3c95b, #ffffff, #8ee8ff, #d8a8ff, #ffe889, #fff8c7) !important;
    background-size: 280% 280% !important;
    animation: tcm-cost7-metallic-shimmer 3.2s ease-in-out infinite;
    box-shadow: none !important;
}

.tcm-phase-unit.tcm-cost-7 .tcm-phase-unit-link {
    padding: 0 !important;
    border: 2px solid transparent !important;
    border-radius: 8px;
    background: linear-gradient(120deg, #fff8c7, #f3c95b, #ffffff, #8ee8ff, #d8a8ff, #ffe889, #fff8c7);
    background-size: 280% 280%;
    animation: tcm-cost7-metallic-shimmer 3.2s ease-in-out infinite;
    box-shadow: none !important;
}
.tcm-phase-unit.tcm-cost-7 .tcm-phase-unit-link img,
.tcm-phase-unit.tcm-cost-7 .tcm-phase-unit-fb {
    border: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
    .tcm-u.tcm-cost-7 .tcm-u-img-wrap,
    .tcm-hbd-hex.tcm-cost-7,
    .tcm-deploy-unit.tcm-cost-7,
    .tcm-set16-locked-champ.tcm-cost-7,
    .tcm-phase-unit.tcm-cost-7 .tcm-phase-unit-link {
        animation: none !important;
        background-position: 50% 50% !important;
    }
}


/* ===== v3.9.145 - Bỏ Hạng TB và Top 4 khỏi toàn bộ thẻ đội hình ===== */
.tcm-wrap .tcm-card-stats {
    display: none !important;
}

/* ===== v3.9.146 - Mùa 18 dùng bố cục thẻ giống Choncc Mùa 16 ===== */
.tcm-card[data-set="18"] .tcm-card-header {
    grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) auto;
    gap: 22px;
}
.tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-card-info {
    min-width: 0;
    overflow: visible;
}
.tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-card-name,
.tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-card-name-text {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
}
@media (max-width: 900px) and (min-width: 601px) {
    .tcm-card[data-set="18"] .tcm-card-header {
        grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) auto;
        gap: 10px;
    }
}
@media (max-width: 600px) {
    .tcm-card[data-set="18"] .tcm-card-header {
        grid-template-columns: 1fr;
        gap: 6px;
    }
    .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-card-left {
        min-width: 0;
        padding-right: 92px;
    }
}


/* ===== Mùa 18: nút chép mã luôn hiển thị ở góc phải trên thẻ đội hình ===== */
.tcm-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.tcm-card[data-set="18"] .tcm-card-header {
    padding-right: 50px;
}

.tcm-card[data-set="18"] .tcm-header-copy-code-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 12;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    padding: 0;
    margin: 0;
    border: 1px solid rgba(95, 183, 255, .42);
    border-radius: 8px;
    background: rgba(7, 19, 33, .88);
    color: #71c5ff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .28), inset 0 0 0 1px rgba(255,255,255,.025);
    cursor: pointer;
    line-height: 1;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.tcm-card[data-set="18"] .tcm-header-copy-code-btn .tcm-header-copy-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    pointer-events: none;
}

.tcm-card[data-set="18"] .tcm-header-copy-code-btn svg {
    display: block;
    width: 17px;
    height: 17px;
}

.tcm-card[data-set="18"] .tcm-header-copy-code-btn:hover,
.tcm-card[data-set="18"] .tcm-header-copy-code-btn:focus-visible {
    border-color: rgba(113, 197, 255, .85);
    background: rgba(16, 48, 75, .96);
    color: #b7e6ff;
    box-shadow: 0 0 0 3px rgba(95, 183, 255, .12), 0 5px 16px rgba(0,0,0,.32);
    transform: translateY(-1px);
    outline: none;
}

.tcm-card[data-set="18"] .tcm-header-copy-code-btn.copied {
    border-color: rgba(74, 222, 128, .78);
    background: rgba(10, 69, 40, .95);
    color: #86efac;
}

.tcm-card[data-set="18"] .tcm-header-copy-code-btn.copied .tcm-header-copy-icon {
    display: none;
}

.tcm-card[data-set="18"] .tcm-header-copy-code-btn.copied::after {
    content: "✓";
    font-size: 17px;
    font-weight: 900;
    line-height: 1;
}

/* Luôn hiện nút trên card Mùa 18, kể cả theme hoặc CSS cũ từng ẩn button. */
.tcm-card[data-set="18"] .tcm-header-copy-code-btn {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.tcm-card[data-set="18"] .tcm-header-copy-code-btn-empty {
    border-color: rgba(148, 163, 184, .35);
    background: rgba(15, 23, 42, .78);
    color: #94a3b8;
}

.tcm-card[data-set="18"] .tcm-header-copy-code-btn-empty:hover,
.tcm-card[data-set="18"] .tcm-header-copy-code-btn-empty:focus-visible {
    border-color: rgba(245, 158, 11, .68);
    background: rgba(69, 39, 8, .92);
    color: #fbbf24;
}

.tcm-card[data-set="18"] .tcm-header-copy-code-btn-empty.tcm-no-code-notice {
    animation: tcmNoCodePulse .45s ease 2;
}

@keyframes tcmNoCodePulse {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-1px) scale(1.08); }
}

@media (max-width: 600px) {
    .tcm-card[data-set="18"] .tcm-card-header {
        padding-right: 46px;
    }
    .tcm-card[data-set="18"] .tcm-header-copy-code-btn {
        top: 7px;
        right: 7px;
        width: 29px;
        height: 29px;
        min-width: 29px;
    }
}

/* ===== v3.9.149 - Icon chép mã trên card tóm tắt Mùa 18 ===== */
html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-header-copy-code-btn {
    display: inline-flex !important;
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 50 !important;
}
@media (max-width: 600px) {
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-header-copy-code-btn {
        top: 7px !important;
        right: 7px !important;
    }
}


/* ===== v3.9.150 - Mùa 18: copy ở góc phải trên, mũi tên chi tiết ở góc phải dưới ===== */
/* Nút copy chỉ được render khi đội hình có mã; giữ vùng bấm nhưng bỏ toàn bộ nền/viền. */
html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-header-copy-code-btn {
    top: 7px !important;
    right: 8px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #71c5ff !important;
    transform: none !important;
}
html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-header-copy-code-btn:hover,
html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-header-copy-code-btn:focus-visible {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #b7e6ff !important;
    transform: none !important;
    outline: none !important;
}
html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-header-copy-code-btn.copied {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #86efac !important;
}

/* Mũi tên nằm cùng mép phải với copy nhưng ở phía dưới card. */
html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-chev {
    display: inline-flex !important;
    position: absolute !important;
    top: auto !important;
    right: 10px !important;
    bottom: 7px !important;
    left: auto !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    flex: none !important;
    z-index: 11 !important;
}
html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-chev::before {
    display: none !important;
    content: none !important;
}

/* Chừa đúng một cột nhỏ bên phải cho hai icon xếp trên/dưới. */
html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header {
    padding-right: 46px !important;
}

@media (max-width: 600px) {
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-header-copy-code-btn {
        top: 6px !important;
        right: 7px !important;
    }
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-chev {
        right: 9px !important;
        bottom: 6px !important;
    }
    html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-card-left {
        padding-right: 42px !important;
    }
    html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-card-units-inline {
        padding-right: 34px !important;
    }
}

/* ===== v3.9.151 - Khôi phục chữ “Chi tiết” khi rê vào mũi tên Mùa 18 ===== */
@media (hover: hover) and (pointer: fine) {
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-chev::before {
        display: block !important;
        content: "Chi tiết" !important;
    }
}


/* ===== v3.9.152 - Hiện chữ “Copy Mã” khi rê vào icon copy Mùa 18 ===== */
@media (hover: hover) and (pointer: fine) {
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-header-copy-code-btn::before {
        content: "Copy Mã" !important;
        display: block !important;
        position: absolute !important;
        right: 24px !important;
        top: 50% !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 0;
        transform: translate(8px, -50%);
        pointer-events: none;
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        font-family: inherit !important;
        white-space: nowrap;
        color: #9fd3ff !important;
        text-shadow: none !important;
        transition: opacity .18s ease, transform .18s ease;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-header-copy-code-btn:hover::before,
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-header-copy-code-btn:focus-visible::before {
        opacity: 1;
        transform: translate(0, -50%);
    }
}


/* ===== v3.9.164 - Liên kết SEO Phần Thưởng Tiên Hắc Ám Mùa 18 ===== */
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-dark-fae-reward-link,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-dark-fae-reward-link:link,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-dark-fae-reward-link:visited,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-dark-fae-reward-link:active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 30px !important;
    height: auto !important;
    padding: 6px 18px !important;
    border-radius: 20px !important;
    border: 1px solid #a78bfa !important;
    background: #1a1d27 !important;
    background-image: none !important;
    color: #c4b5fd !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: all .15s !important;
}
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-dark-fae-reward-link:hover,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-dark-fae-reward-link:focus {
    border-color: #c4b5fd !important;
    color: #ede9fe !important;
    background: #211b35 !important;
    box-shadow: 0 6px 14px rgba(139,92,246,.18) !important;
    transform: translateY(-1px) !important;
    text-decoration: none !important;
}
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-dark-fae-reward-link .tcm-seo-pill-icon {
    color: #a78bfa !important;
}
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-dark-fae-reward-link:hover .tcm-seo-pill-icon,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-dark-fae-reward-link:focus .tcm-seo-pill-icon {
    color: #ddd6fe !important;
}
@media (max-width: 600px) {
    html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-dark-fae-reward-link {
        min-height: 28px !important;
        padding: 6px 12px !important;
        font-size: 11px !important;
        gap: 5px !important;
    }
}


/* ===== v3.9.165 - Icon nút Tướng Mùa 18 màu xanh dương ===== */
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-meta-summary-link .tcm-season18-champion-icon,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-meta-summary-link:link .tcm-season18-champion-icon,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-meta-summary-link:visited .tcm-season18-champion-icon,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-meta-summary-link:hover .tcm-season18-champion-icon,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-meta-summary-link:focus .tcm-season18-champion-icon,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-meta-summary-link:active .tcm-season18-champion-icon {
    color: #38bdf8 !important;
    fill: #38bdf8 !important;
}
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-meta-summary-link .tcm-season18-champion-icon svg,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-meta-summary-link:hover .tcm-season18-champion-icon svg,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-meta-summary-link:focus .tcm-season18-champion-icon svg {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    color: #38bdf8 !important;
    fill: currentColor !important;
}

/* ===== v3.9.170 - Mùa 18: Mảnh/Trang Bị Ưu Tiên cùng 1 hàng, icon gọn hơn ===== */
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    background: rgba(7, 11, 16, .72);
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 12px;
    overflow: hidden;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    min-height: 86px;
    padding: 12px 14px;
    min-width: 0;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-row + .tcm-season18-priority-row {
    border-left: 1px solid rgba(148, 163, 184, .14);
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-row-label {
    color: #cbd5e1;
    font-size: 10.5px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-chain {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-item {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9px;
    border: 1px solid rgba(148, 163, 184, .28);
    background: rgba(255,255,255,.04);
    box-shadow: 0 4px 14px rgba(0,0,0,.22);
    text-decoration: none !important;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-row:nth-child(2) .tcm-season18-priority-item {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border-radius: 8px;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-arrow {
    color: rgba(203, 213, 225, .42);
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
    transform: translateY(-1px);
}

.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-builder-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-copy-code-action-group {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 6px !important;
}

@media (max-width: 600px) {
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-box {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-row {
        gap: 6px;
        padding: 9px 8px;
        min-height: 0;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-row + .tcm-season18-priority-row {
        border-left: 1px solid rgba(148, 163, 184, .14);
        border-top: 0;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-row-label {
        font-size: 9px;
        letter-spacing: .04em;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-chain {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 2px;
        scrollbar-width: thin;
        gap: 4px;
        width: 100%;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-item {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        border-radius: 7px;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-row:nth-child(2) .tcm-season18-priority-item {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
        border-radius: 6px;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-priority-arrow {
        font-size: 18px;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-builder-actions {
        gap: 4px !important;
        padding: 6px 0 8px !important;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-builder-actions .tcm-open-builder-btn,
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-builder-actions .tcm-copy-code-btn,
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-builder-actions .tcm-team-code-guide-btn-compact {
        height: 38px !important;
        min-height: 38px !important;
        box-sizing: border-box !important;
        border-radius: 9px !important;
        white-space: nowrap !important;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-builder-actions .tcm-open-builder-btn {
        flex: 0 0 104px !important;
        width: 104px !important;
        max-width: 104px !important;
        padding: 0 6px !important;
        justify-content: center !important;
        font-size: 0 !important;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-builder-actions .tcm-open-builder-btn::after {
        content: "Team Builder";
        font-size: 10.8px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-copy-code-action-group {
        flex: 0 0 auto !important;
        gap: 4px !important;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-copy-code-action-group .tcm-copy-code-btn {
        flex: 0 0 144px !important;
        width: 144px !important;
        max-width: 144px !important;
        padding: 0 7px !important;
        gap: 4px !important;
        justify-content: center !important;
        font-size: 11px !important;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-copy-code-action-group .tcm-copy-code-btn .tcm-copy-label {
        font-size: 0 !important;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-copy-code-action-group .tcm-copy-code-btn .tcm-copy-label::after {
        content: "Chép Mã Vào Game";
        font-size: 10.7px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-copy-code-action-group .tcm-copy-code-btn.copied .tcm-copy-label::after {
        content: "Đã Chép";
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-copy-code-action-group .tcm-team-code-guide-btn-compact {
        flex: 0 0 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        padding: 0 !important;
    }
}

@media (max-width: 360px) {
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-builder-actions .tcm-open-builder-btn {
        flex-basis: 96px !important;
        width: 96px !important;
        max-width: 96px !important;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-board-section .tcm-season18-copy-code-action-group .tcm-copy-code-btn {
        flex-basis: 138px !important;
        width: 138px !important;
        max-width: 138px !important;
    }
}

/* ===== v3.9.175 - Mobile Mùa 18: bố cục giống Mùa 17 ===== */
@media (max-width: 600px) {
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-detail-grid {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-detail-left,
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-detail-right {
        display: contents;
    }

    /* Giống Mùa 17: các section thường nằm sau Board và Mẹo. */
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-detail-left > .tcm-detail-section,
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-detail-right > .tcm-detail-section {
        order: 30;
    }

    /* Giống Mùa 17: Bài trí đội hình + Team Builder/Chép mã lên đầu. */
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-detail-right > .tcm-board-section {
        order: 10;
    }

    /* Giống Mùa 17: Mẹo chuyên nghiệp đứng ngay sau Bài trí. */
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-detail-left > .tcm-tips-section {
        order: 20;
    }

    /* Desktop Mùa 18 vẫn để lõi ở cột trái; riêng mobile đưa lõi về cuối nội dung như Mùa 17. */
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-augments-left {
        order: 35 !important;
    }

    /* Nút thu gọn luôn cuối cùng, giống Mùa 17. */
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-detail-right > .tcm-comp-collapse-bottom {
        order: 40 !important;
    }
}

/* ===== v3.9.176 - Mùa 18: mở lại Win Rate + Top 4 ===== */
.tcm-wrap .tcm-card[data-set="18"] .tcm-card-stats {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    position: relative;
    z-index: 4;
    min-width: 118px;
}
.tcm-card[data-set="18"] .tcm-card-header {
    grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) auto auto;
    gap: 16px;
}
.tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-box {
    min-width: 50px;
}
.tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-val {
    font-size: 15px;
    font-weight: 800;
}
.tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-label {
    font-size: 8px;
    white-space: nowrap;
}

@media (max-width: 900px) and (min-width: 601px) {
    .tcm-card[data-set="18"] .tcm-card-header {
        grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) auto auto;
        gap: 8px;
    }
    .tcm-card[data-set="18"] .tcm-season18-card-stats {
        gap: 7px;
        min-width: 100px;
    }
    .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-box {
        min-width: 44px;
    }
    .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-val {
        font-size: 13px;
    }
}

@media (max-width: 600px) {
    .tcm-card[data-set="18"] .tcm-card-header {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        gap: 5px;
    }
    .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-card-left {
        grid-column: 1;
        grid-row: 1;
        padding-right: 44px;
    }
    .tcm-wrap .tcm-card[data-set="18"] .tcm-card-stats {
        position: static !important;
        top: auto !important;
        right: auto !important;
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
        justify-content: flex-start;
        gap: 10px;
        min-width: 0;
        margin-left: 38px;
    }
    .tcm-card[data-set="18"] .tcm-card-units-inline {
        grid-column: 1;
        grid-row: 3;
    }
    .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-box {
        min-width: 46px;
        text-align: left;
    }
    .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-val {
        font-size: 13px;
    }
    .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-label {
        font-size: 7px;
        color: #6f7684;
    }
}


/* ===== v3.9.178 - Mobile Mùa 18: Win Rate / Top 4 xếp dọc bên phải ===== */
@media (max-width: 600px) {
    /* Trả card về 2 hàng: thông tin đội hình + tướng. Stats nổi ở cạnh phải. */
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto !important;
        gap: 6px !important;
        position: relative !important;
    }

    html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-card-left {
        grid-column: 1 !important;
        grid-row: 1 !important;
        /* Chừa chỗ cho 2 chỉ số + cột icon copy/chi tiết ở mép phải. */
        padding-right: 128px !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-units-inline {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-stats.tcm-season18-card-stats {
        display: flex !important;
        position: absolute !important;
        top: 7px !important;
        right: 43px !important;
        left: auto !important;
        bottom: auto !important;
        width: auto !important;
        min-width: 82px !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 3px !important;
        z-index: 18 !important;
    }

    /* Mỗi chỉ số chỉ chiếm một dòng: nhãn bên trái, số bên phải. */
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-box {
        display: flex !important;
        align-items: baseline !important;
        justify-content: flex-end !important;
        gap: 5px !important;
        min-width: 0 !important;
        width: 100% !important;
        text-align: right !important;
        line-height: 1 !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-label {
        order: 1 !important;
        display: inline !important;
        margin: 0 !important;
        font-size: 7px !important;
        line-height: 1 !important;
        color: #6f7684 !important;
        white-space: nowrap !important;
        letter-spacing: .2px !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-val {
        order: 2 !important;
        display: inline !important;
        min-width: 38px !important;
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.05 !important;
        text-align: right !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 360px) {
    html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-card-left {
        padding-right: 118px !important;
    }
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-stats.tcm-season18-card-stats {
        right: 40px !important;
        min-width: 76px !important;
    }
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-label {
        font-size: 6.5px !important;
    }
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-val {
        font-size: 11.5px !important;
        min-width: 36px !important;
    }
}

/* ===== v3.9.179 - Mobile Mùa 18: hiển thị stats giống Mùa 17 cũ ===== */
@media (max-width: 600px) {
    /* Mùa 17 cũ: cụm stats ở góc phải trên, 2 ô nằm ngang. */
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto !important;
        gap: 6px !important;
        position: relative !important;
        padding: 8px 10px !important;
    }

    html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-card-left {
        grid-column: 1 !important;
        grid-row: 1 !important;
        /* Chừa vùng bên phải đúng cho 2 ô thống kê giống layout Mùa 17. */
        padding-right: 116px !important;
        min-width: 100px !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-units-inline {
        grid-column: 1 !important;
        grid-row: 2 !important;
        flex-wrap: wrap !important;
        /* Copy + chi tiết nằm góc phải dưới, không đè tướng. */
        padding-right: 68px !important;
        margin-right: 0 !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-stats.tcm-season18-card-stats {
        display: flex !important;
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        left: auto !important;
        bottom: auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        z-index: 18 !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-box {
        display: block !important;
        width: auto !important;
        min-width: 42px !important;
        text-align: center !important;
        line-height: normal !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-val {
        display: block !important;
        min-width: 0 !important;
        margin: 0 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-label {
        display: block !important;
        margin-top: 1px !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
        color: #555 !important;
        text-transform: uppercase !important;
        letter-spacing: .5px !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    /* Để stats được đúng góc phải như Mùa 17, dời 2 icon thao tác xuống góc phải dưới. */
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-header-copy-code-btn {
        top: auto !important;
        right: 39px !important;
        bottom: 6px !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        z-index: 20 !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-chev {
        top: auto !important;
        right: 8px !important;
        bottom: 6px !important;
        width: 24px !important;
        height: 24px !important;
        z-index: 19 !important;
    }
}

@media (max-width: 360px) {
    html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-card-left {
        padding-right: 108px !important;
    }
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-box {
        min-width: 39px !important;
    }
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-val {
        font-size: 13px !important;
    }
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-label {
        font-size: 8px !important;
    }
}


/* ===== v3.9.180 - Mobile Mùa 18: Win Rate trên / Top 4 dưới, sát bên phải ===== */
@media (max-width: 600px) {
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header {
        position: relative !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto !important;
        gap: 6px !important;
    }

    html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-card-left {
        grid-column: 1 !important;
        grid-row: 1 !important;
        padding-right: 112px !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-units-inline {
        grid-column: 1 !important;
        grid-row: 2 !important;
        padding-right: 68px !important;
        margin-right: 0 !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-stats.tcm-season18-card-stats {
        display: flex !important;
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        left: auto !important;
        bottom: auto !important;
        width: 96px !important;
        min-width: 96px !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 4px !important;
        z-index: 18 !important;
    }

    /* Mỗi dòng: nhãn bên trái, giá trị sát mép phải. */
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-box {
        display: flex !important;
        align-items: baseline !important;
        justify-content: flex-end !important;
        gap: 5px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: right !important;
        line-height: 1 !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-label {
        order: 1 !important;
        display: inline !important;
        margin: 0 !important;
        font-size: 7px !important;
        line-height: 1 !important;
        color: #6f7684 !important;
        text-transform: uppercase !important;
        letter-spacing: .2px !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-val {
        order: 2 !important;
        display: inline !important;
        min-width: 39px !important;
        margin: 0 !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1.05 !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    /* Copy mã + mũi tên ở góc phải dưới, tách khỏi stats. */
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-header-copy-code-btn {
        top: auto !important;
        right: 39px !important;
        bottom: 6px !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-header > .tcm-chev {
        top: auto !important;
        right: 8px !important;
        bottom: 6px !important;
    }
}

@media (max-width: 360px) {
    html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-card-left {
        padding-right: 104px !important;
    }
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-stats.tcm-season18-card-stats {
        right: 7px !important;
        width: 90px !important;
        min-width: 90px !important;
    }
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-label {
        font-size: 6.5px !important;
    }
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-val {
        min-width: 37px !important;
        font-size: 11.5px !important;
    }
}


/* ===== v3.9.181 - Mobile Mùa 18: nhãn trên, số dưới; Win trên / Top 4 dưới ===== */
@media (max-width: 600px) {
    html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-card-left {
        padding-right: 76px !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-units-inline {
        padding-right: 58px !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-stats.tcm-season18-card-stats {
        top: 7px !important;
        right: 8px !important;
        width: 58px !important;
        min-width: 58px !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        /* Chỉ tăng khoảng cách GIỮA Win Rate và Top 4.
           Khoảng cách nhãn -> số bên trong từng chỉ số vẫn giữ nguyên. */
        gap: 14px !important;
    }

    /* Mỗi chỉ số: CHỮ ở trên, SỐ ở dưới. */
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: flex-start !important;
        gap: 1px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: right !important;
        line-height: 1 !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-label {
        order: 1 !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        font-size: 7px !important;
        font-weight: 700 !important;
        line-height: 1.05 !important;
        color: #6f7684 !important;
        text-transform: uppercase !important;
        letter-spacing: .2px !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-val {
        order: 2 !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1.05 !important;
        text-align: right !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 360px) {
    html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tcm-card-left {
        padding-right: 72px !important;
    }
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-stats.tcm-season18-card-stats {
        right: 7px !important;
        width: 54px !important;
        min-width: 54px !important;
    }
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-label {
        font-size: 6.5px !important;
    }
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-val {
        font-size: 11.5px !important;
    }
}


/* ===== v3.9.182 - Mobile Mùa 18: tăng khoảng cách dọc GIỮA Win Rate và Top 4 ===== */
@media (max-width: 600px) {
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-card-stats.tcm-season18-card-stats {
        gap: 14px !important;
    }
    html body .tcm-wrap .tcm-card[data-set="18"] .tcm-season18-card-stats .tcm-stat-box {
        gap: 1px !important;
    }
}


/* ===== v3.9.185 - Mùa 18: nút xem thêm tướng dạng mũi tên nhỏ dưới card bên phải ===== */
html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tftpro-carries-more-wrap-season18 {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    column-gap:12px !important;
    row-gap:0 !important;
    width:100% !important;
    margin-top:7px !important;
}

html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tftpro-carries-toggle-season18 {
    grid-column:2 !important;
    justify-self:end !important;
    width:34px !important;
    min-width:34px !important;
    height:28px !important;
    min-height:28px !important;
    padding:0 !important;
    border-radius:9px !important;
    border:1px solid rgba(75,92,126,.48) !important;
    background:rgba(18,25,37,.96) !important;
    color:#d9dfed !important;
    display:inline-grid !important;
    place-items:center !important;
    gap:0 !important;
    box-shadow:0 3px 10px rgba(0,0,0,.16) !important;
}

html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tftpro-carries-toggle-season18:hover {
    background:rgba(25,34,53,.98) !important;
    border-color:rgba(92,111,151,.72) !important;
    color:#f2f5fb !important;
    transform:translateY(-1px);
}

html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tftpro-carries-toggle-season18 .tftpro-carries-toggle-icon {
    display:grid !important;
    place-items:center !important;
    width:14px !important;
    height:14px !important;
    font-size:0 !important;
    line-height:1 !important;
    transition:transform .18s ease !important;
}

html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tftpro-carries-toggle-season18 .tftpro-carries-toggle-icon svg {
    display:block !important;
    width:14px !important;
    height:14px !important;
}

html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tftpro-carries-toggle-season18.is-open .tftpro-carries-toggle-icon {
    transform:rotate(180deg) !important;
}

html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tftpro-carries-more-wrap-season18 > .tftpro-carries-more {
    grid-column:1 / -1 !important;
    width:100% !important;
    margin-top:8px !important;
}

@media (max-width:768px) {
    html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tftpro-carries-more-wrap-season18 {
        column-gap:8px !important;
        margin-top:5px !important;
    }
    html body .tcm-wrap.tcm-wrap-season18[data-set-number="18"] .tftpro-carries-toggle-season18 {
        width:32px !important;
        min-width:32px !important;
        height:26px !important;
        min-height:26px !important;
        padding:0 !important;
        border-radius:8px !important;
    }
}


/* ===== v3.9.193 - Mùa 18: Mẹo lên trang bị dưới Trang Bị Gợi Ý ===== */
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-item-tips-section {
    margin-top: -2px;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-item-tips-box {
    padding: 12px 14px;
    border: 1px solid rgba(245, 196, 82, .20);
    border-radius: 10px;
    background: rgba(245, 196, 82, .055);
    color: #dce6f4;
    font-size: 13px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-item-tips-box p {
    margin: 0 0 7px;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-item-tips-box p:last-child {
    margin-bottom: 0;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-item-tips-box .tcm-bulleted-note-line {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 8px;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-item-tips-box .tcm-bulleted-note-line:last-child {
    margin-bottom: 0;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-item-tips-box .tcm-bulleted-note-dot {
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 50%;
    margin-top: 6px;
    background: #f5c452;
    box-shadow: 0 0 0 3px rgba(245, 196, 82, .12);
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-item-tips-box .tcm-bulleted-note-text {
    flex: 1;
    min-width: 0;
}
@media (max-width: 600px) {
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-item-tips-box {
        padding: 10px 11px;
        font-size: 12px;
        line-height: 1.55;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-item-tips-box .tcm-bulleted-note-line {
        gap: 8px;
        margin-bottom: 7px;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-item-tips-box .tcm-bulleted-note-dot {
        width: 7px;
        height: 7px;
        min-width: 7px;
        margin-top: 5px;
    }
}


/* ===== v3.9.194 - Mùa 18: nút Coach AI đỏ nằm bên trái nút Tướng ===== */
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-coach-ai-link,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-coach-ai-link:link,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-coach-ai-link:visited,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-coach-ai-link:active {
    border-color: #ef4444 !important;
    background: #1a1d27 !important;
    background-image: none !important;
    color: #f87171 !important;
    box-shadow: none !important;
}
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-coach-ai-link:hover,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-coach-ai-link:focus {
    border-color: #ff6b6b !important;
    background: #2a171b !important;
    background-image: none !important;
    color: #fecaca !important;
    box-shadow: 0 6px 14px rgba(239, 68, 68, .18) !important;
    transform: translateY(-1px) !important;
}
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-coach-ai-link .tcm-coach-ai-icon,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-coach-ai-link .tcm-coach-ai-icon svg,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-coach-ai-link:hover .tcm-coach-ai-icon,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-coach-ai-link:focus .tcm-coach-ai-icon {
    color: currentColor !important;
    fill: currentColor !important;
}


/* ===== v3.9.196 - Mùa 18: nút Xếp Hạng Meta màu vàng bên phải Coach AI ===== */
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-meta-ranking-link,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-meta-ranking-link:link,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-meta-ranking-link:visited,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-meta-ranking-link:active {
    border-color: #facc15 !important;
    background: #211d0d !important;
    background-image: none !important;
    color: #facc15 !important;
    box-shadow: none !important;
}
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-meta-ranking-link:hover,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-meta-ranking-link:focus {
    border-color: #fde047 !important;
    background: #30280b !important;
    background-image: none !important;
    color: #fef08a !important;
    box-shadow: 0 6px 14px rgba(250, 204, 21, .18) !important;
    transform: translateY(-1px) !important;
}
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-meta-ranking-link .tcm-meta-ranking-icon,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-meta-ranking-link .tcm-meta-ranking-icon svg,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-meta-ranking-link:hover .tcm-meta-ranking-icon,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-meta-ranking-link:focus .tcm-meta-ranking-icon {
    color: currentColor !important;
    fill: currentColor !important;
}

/* ===== v3.9.202 - Mùa 18: Ấn Tộc Hệ nền thường, chỉ viền bạc ánh kim ===== */
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-emblem-builder-link,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-emblem-builder-link:link,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-emblem-builder-link:visited,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-emblem-builder-link:active {
    border: 1px solid transparent !important;
    background:
        linear-gradient(#1a1d27, #1a1d27) padding-box,
        linear-gradient(120deg, #6b7280 0%, #f8fafc 22%, #9ca3af 45%, #e5e7eb 66%, #6b7280 100%) border-box !important;
    background-image:
        linear-gradient(#1a1d27, #1a1d27),
        linear-gradient(120deg, #6b7280 0%, #f8fafc 22%, #9ca3af 45%, #e5e7eb 66%, #6b7280 100%) !important;
    color: #d1d5db !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-emblem-builder-link:hover,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-emblem-builder-link:focus {
    border: 1px solid transparent !important;
    background:
        linear-gradient(#1a1d27, #1a1d27) padding-box,
        linear-gradient(120deg, #9ca3af 0%, #ffffff 24%, #cbd5e1 48%, #f8fafc 72%, #9ca3af 100%) border-box !important;
    background-image:
        linear-gradient(#1a1d27, #1a1d27),
        linear-gradient(120deg, #9ca3af 0%, #ffffff 24%, #cbd5e1 48%, #f8fafc 72%, #9ca3af 100%) !important;
    color: #e5e7eb !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.04), 0 4px 12px rgba(148,163,184,.12) !important;
    transform: translateY(-1px) !important;
}
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-emblem-builder-link .tcm-emblem-builder-icon,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-emblem-builder-link .tcm-emblem-builder-icon svg,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-emblem-builder-link:hover .tcm-emblem-builder-icon,
html body .tcm-wrap.tcm-wrap-season18 .tcm-tier-btns > a.tcm-seo-pill.tcm-meta-summary-link.tcm-emblem-builder-link:focus .tcm-emblem-builder-icon {
    color: currentColor !important;
    fill: currentColor !important;
}


/* ===== Mùa 18: 2 bài dùng chung 1 card Tier List (style TFTAcademy) ===== */
.tcm-badge-variant{
    color:#ffca72!important;
    border-color:rgba(255,166,55,.42)!important;
    background:rgba(255,138,25,.10)!important;
}
.tcm-academy-variant-tabs{
    display:flex;
    align-items:flex-end;
    gap:10px;
    margin:0 0 14px;
    padding:0 2px;
    overflow-x:auto;
    scrollbar-width:thin;
    border-bottom:1px solid rgba(255,255,255,.09);
}
.tcm-academy-variant-tab{
    --tcm-variant:#ff9418;
    appearance:none;
    -webkit-appearance:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    min-height:42px;
    margin:0 0 -1px;
    padding:7px 15px 8px 10px;
    border:1px solid rgba(255,255,255,.16);
    border-bottom-color:rgba(255,255,255,.09);
    border-radius:12px 12px 0 0;
    background:#101316;
    color:#c7cbd1;
    font:inherit;
    font-weight:700;
    line-height:1;
    cursor:pointer;
    transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.tcm-academy-variant-tab:hover{
    color:#fff;
    border-color:var(--tcm-variant);
    background:#15191d;
}
.tcm-academy-variant-tab.active{
    color:#fff;
    border-color:var(--tcm-variant);
    border-bottom-color:#101316;
    background:#15191d;
    box-shadow:0 -2px 12px rgba(255,148,24,.10);
}
.tcm-academy-variant-tier{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:29px;
    height:29px;
    flex:0 0 29px;
    clip-path:polygon(25% 6%,75% 6%,96% 50%,75% 94%,25% 94%,4% 50%);
    background:var(--tcm-variant);
    color:#16191c;
    font-size:15px;
    font-weight:900;
    text-shadow:none;
}
.tcm-academy-variant-name{
    display:block;
    max-width:260px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:16px;
}
.tcm-academy-variant-tab.tcm-variant-tier-S{--tcm-variant:#ff5964}
.tcm-academy-variant-tab.tcm-variant-tier-A{--tcm-variant:#ff9418}
.tcm-academy-variant-tab.tcm-variant-tier-B{--tcm-variant:#59a9ff}
.tcm-academy-variant-tab.tcm-variant-tier-C{--tcm-variant:#8bcf2f}
.tcm-academy-variant-tab.tcm-variant-tier-D{--tcm-variant:#9aa0a8}
.tcm-academy-variant-body{min-width:0}
@media (max-width:768px){
    .tcm-academy-variant-tabs{gap:6px;margin-bottom:10px}
    .tcm-academy-variant-tab{min-height:38px;padding:6px 11px 7px 8px;border-radius:10px 10px 0 0;gap:6px}
    .tcm-academy-variant-tier{width:25px;height:25px;flex-basis:25px;font-size:13px}
    .tcm-academy-variant-name{max-width:175px;font-size:14px}
}

/* ===== v3.9.211 - Mùa 18: tối đa 5 Tạo Tác LIVE từ plugin Unit ===== */
.tcm-wrap[data-set-number="18"] .tcm-set18-unit-artifact-row .tftpro-cc-build-items,
.tcm-wrap .tcm-set18-unit-artifact-row .tftpro-cc-build-items {
    gap: 3px;
    overflow: visible;
}
.tcm-wrap[data-set-number="18"] .tcm-set18-unit-artifact-row .tftpro-cc-build-items .tftpro-item-tip,
.tcm-wrap .tcm-set18-unit-artifact-row .tftpro-cc-build-items .tftpro-item-tip {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}
@media (max-width: 560px) {
    .tcm-wrap .tcm-set18-unit-artifact-row .tftpro-cc-build-items .tftpro-item-tip {
        width: 21px;
        height: 21px;
        flex-basis: 21px;
    }
    .tcm-wrap .tcm-set18-unit-artifact-row .tftpro-build-kind-artifact {
        max-width: 70px;
        padding-left: 6px;
        padding-right: 6px;
    }
}

/* ===== v3.9.213 - Mùa 18: bảng xanh hiệu ứng đội hình dưới Mẹo Lên Trang Bị ===== */
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-box {
    margin-top: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(18, 24, 38, .92), rgba(13, 18, 31, .96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 20px rgba(0,0,0,.14);
    color: #dce6f2;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-title {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: #7dd3fc;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-title-icon {
    font-size: 14px;
    line-height: 1;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-rows {
    display: grid;
    gap: 8px;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-row {
    display: grid;
    grid-template-columns: minmax(165px, 205px) minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding-top: 8px;
    border-top: 1px solid rgba(148, 163, 184, .10);
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-row:first-child {
    padding-top: 0;
    border-top: 0;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-label {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-label-icon {
    width: 18px;
    min-width: 18px;
    text-align: center;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-values {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-width: 0;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    max-width: 100%;
    padding: 3px 8px 3px 3px;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 8px;
    background: rgba(15, 23, 42, .58);
    color: #eaf7ff;
    text-decoration: none !important;
    box-shadow: none;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] a.tcm-season18-utility-chip:hover {
    border-color: rgba(148, 163, 184, .28);
    background: rgba(30, 41, 59, .72);
    color: #fff;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-chip.is-trait {
    border-color: rgba(148, 163, 184, .14);
    background: rgba(15, 23, 42, .58);
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-avatar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    min-width: 28px;
    height: 28px;
    overflow: hidden;
    border: 1px solid rgba(186, 230, 253, .38);
    border-radius: 6px;
    background: #101827;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-chip.is-trait .tcm-season18-utility-avatar {
    border-radius: 50%;
    background: #0f172a;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-chip.is-trait .tcm-season18-utility-avatar img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-avatar-fb {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #bae6fd;
    font-size: 10px;
    font-weight: 800;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-chip-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-chip-text strong {
    color: #f0f9ff;
    font-size: 11.5px;
    font-weight: 800;
    white-space: nowrap;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-chip-text small {
    margin-top: 1px;
    color: #94a3b8;
    font-size: 9.5px;
    font-weight: 500;
    line-height: 1.25;
    white-space: normal;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-empty {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    color: #7891a5;
    font-size: 11px;
    font-style: italic;
}
@media (max-width: 600px) {
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-box {
        margin-top: 8px;
        padding: 10px 11px;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-row {
        grid-template-columns: 1fr;
        gap: 5px;
        padding-top: 7px;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-label {
        min-height: 0;
        font-size: 11.5px;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-values {
        padding-left: 24px;
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-chip {
        max-width: calc(100vw - 96px);
    }
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-chip-text strong {
        white-space: normal;
    }
}


/* ===== v3.9.217 - Mùa 18: utility box tối đồng bộ Trang Bị Gợi Ý / Tạo Tác ===== */
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-box {
    background: linear-gradient(180deg, rgba(18,24,38,.92), rgba(13,18,31,.96)) !important;
    border-color: rgba(148,163,184,.14) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 20px rgba(0,0,0,.14) !important;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-row {
    border-top-color: rgba(148,163,184,.10) !important;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-chip,
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-chip.is-trait {
    background: rgba(15,23,42,.58) !important;
    border-color: rgba(148,163,184,.14) !important;
}
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] a.tcm-season18-utility-chip:hover {
    background: rgba(30,41,59,.72) !important;
    border-color: rgba(148,163,184,.28) !important;
}

/* ===== v3.9.218 - Mùa 18: bỏ viền card nhỏ trong bảng hiệu ứng ===== */
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-chip,
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] .tcm-season18-utility-chip.is-trait,
.tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"] a.tcm-season18-utility-chip:hover {
    border: 0 !important;
}


/* ===== v3.9.219 - Mùa 18 mobile: ẩn chữ Tạo Tác trong Trang Bị Gợi Ý ===== */
@media (max-width: 560px) {
    .tcm-wrap:not(.tcm-wrap-revival):not(.tcm-wrap-pengu)[data-set-number="18"]
    .tcm-set18-unit-artifact-row .tftpro-build-kind-artifact {
        display: none !important;
    }
}