.td2-theme-shell {
        --td2-board-bg: linear-gradient(180deg, #f8fbff 0%, #eaf4ff 100%);
        --td2-board-border: #cfe7ff;
        --td2-board-shadow: 0 8px 24px rgba(37, 99, 235, .12);
        --td2-text: #0f172a;
        --td2-muted: #64748b;

        --td2-icon-bg: rgba(37, 99, 235, .08);
        --td2-icon-border: rgba(37, 99, 235, .20);
        --td2-icon-text: #2563eb;

        --td2-tabs-bg: rgba(37, 99, 235, .08);
        --td2-tab-text: #2563eb;
        --td2-tab-active-bg: #dbeafe;
        --td2-tab-active-text: #1d4ed8;
        --td2-tab-active-border: rgba(37, 99, 235, .22);

        --td2-avatar-bg: rgba(255, 255, 255, .72);
        --td2-avatar-border: rgba(37, 99, 235, .28);
        --td2-avatar-shadow: 0 4px 14px rgba(37, 99, 235, .16);

        --td2-first-border: #ffd76a;
        --td2-second-border: #c4d4ff;
        --td2-third-border: #ffb08f;

        --td2-amount: #2563eb;

        --td2-podium-first: linear-gradient(180deg, #f2be51, #b77715);
        --td2-podium-second: linear-gradient(180deg, #d8dfef, #9eacc4);
        --td2-podium-third: linear-gradient(180deg, #e98b6a, #b55331);
        --td2-podium-text: rgba(255, 255, 255, .88);

        --td2-list-bg: rgba(255, 255, 255, .72);
        --td2-list-border: rgba(37, 99, 235, .14);
        --td2-row-border: rgba(37, 99, 235, .10);
        --td2-row-avatar-border: rgba(37, 99, 235, .24);

        --td2-footer-bg: rgba(255, 255, 255, .70);
        --td2-footer-border: rgba(37, 99, 235, .14);

        --td2-btn-bg: linear-gradient(180deg, #60a5fa, #2563eb);
        --td2-btn-text: #ffffff;
        --td2-btn-border: rgba(255, 255, 255, .25);
    }

    /* clean = Simple / Default / Friendly / Soft Blue-White */
    .td2-theme-clean {}

    /* dark = Night Mode / Gaming / Comfortable / Navy-Indigo */
    .td2-theme-dark {
        --td2-board-bg: linear-gradient(180deg, #12172a 0%, #0b0f1f 58%, #020617 100%);
        --td2-board-border: rgba(255,255,255,.12);
        --td2-board-shadow: 0 8px 24px rgba(0,0,0,.35);
        --td2-text: #ffffff;
        --td2-muted: #aab3d1;

        --td2-icon-bg: rgba(255,255,255,.08);
        --td2-icon-border: rgba(255,255,255,.18);
        --td2-icon-text: #ffffff;

        --td2-tabs-bg: rgba(255,255,255,.08);
        --td2-tab-text: rgba(255,255,255,.86);
        --td2-tab-active-bg: #6366f1;
        --td2-tab-active-text: #ffffff;
        --td2-tab-active-border: rgba(255,255,255,.18);

        --td2-avatar-bg: rgba(255,255,255,.10);
        --td2-avatar-border: rgba(255,255,255,.28);
        --td2-avatar-shadow: 0 4px 14px rgba(0,0,0,.35);

        --td2-amount: #a5b4fc;

        --td2-list-bg: rgba(2, 6, 23, .72);
        --td2-list-border: rgba(255,255,255,.10);
        --td2-row-border: rgba(255,255,255,.07);
        --td2-row-avatar-border: rgba(255,255,255,.25);

        --td2-footer-bg: rgba(255,255,255,.08);
        --td2-footer-border: rgba(255,255,255,.12);

        --td2-btn-bg: linear-gradient(180deg, #818cf8, #4f46e5);
        --td2-btn-text: #ffffff;
    }

    /* green = Fresh / Safe / Wallet / Finance / Mint-Green */
    .td2-theme-green {
        --td2-board-bg: linear-gradient(180deg, #ecfff4 0%, #dcfce7 58%, #bbf7d0 100%);
        --td2-board-border: #86efac;
        --td2-board-shadow: 0 8px 24px rgba(22,163,74,.14);
        --td2-text: #052e16;
        --td2-muted: #15803d;

        --td2-icon-bg: rgba(22,163,74,.10);
        --td2-icon-border: rgba(22,163,74,.25);
        --td2-icon-text: #15803d;

        --td2-tabs-bg: rgba(22,163,74,.10);
        --td2-tab-text: #15803d;
        --td2-tab-active-bg: #16a34a;
        --td2-tab-active-text: #ffffff;
        --td2-tab-active-border: rgba(22,163,74,.25);

        --td2-amount: #15803d;

        --td2-list-bg: rgba(255,255,255,.76);
        --td2-list-border: rgba(22,163,74,.16);
        --td2-row-border: rgba(22,163,74,.12);
        --td2-row-avatar-border: rgba(22,163,74,.28);

        --td2-footer-bg: rgba(255,255,255,.72);
        --td2-footer-border: rgba(22,163,74,.16);

        --td2-btn-bg: linear-gradient(180deg, #4ade80, #16a34a);
        --td2-btn-text: #ffffff;
    }

    /* blue = Professional / App / Trust / Corporate Blue */
    .td2-theme-blue {
        --td2-board-bg: linear-gradient(180deg, #eff6ff 0%, #dbeafe 56%, #bfdbfe 100%);
        --td2-board-border: #93c5fd;
        --td2-board-shadow: 0 8px 24px rgba(37,99,235,.14);
        --td2-text: #0f172a;
        --td2-muted: #2563eb;

        --td2-icon-bg: rgba(37,99,235,.10);
        --td2-icon-border: rgba(37,99,235,.24);
        --td2-icon-text: #2563eb;

        --td2-tabs-bg: rgba(37,99,235,.10);
        --td2-tab-text: #2563eb;
        --td2-tab-active-bg: #2563eb;
        --td2-tab-active-text: #ffffff;
        --td2-tab-active-border: rgba(37,99,235,.25);

        --td2-amount: #1d4ed8;

        --td2-btn-bg: linear-gradient(180deg, #60a5fa, #2563eb);
        --td2-btn-text: #ffffff;
    }

    /* gold = Bright Premium / Shiny / Rich / Light Gold-Cream */
    .td2-theme-gold {
        --td2-board-bg: linear-gradient(180deg, #fffbea 0%, #fef3c7 55%, #fde68a 100%);
        --td2-board-border: #facc15;
        --td2-board-shadow: 0 8px 24px rgba(202,138,4,.20);
        --td2-text: #713f12;
        --td2-muted: #b45309;

        --td2-icon-bg: rgba(250,204,21,.16);
        --td2-icon-border: rgba(202,138,4,.25);
        --td2-icon-text: #92400e;

        --td2-tabs-bg: rgba(250,204,21,.16);
        --td2-tab-text: #92400e;
        --td2-tab-active-bg: #facc15;
        --td2-tab-active-text: #111111;
        --td2-tab-active-border: rgba(202,138,4,.25);

        --td2-amount: #ca8a04;

        --td2-list-bg: rgba(255,255,255,.76);
        --td2-list-border: rgba(202,138,4,.16);
        --td2-row-border: rgba(202,138,4,.12);
        --td2-row-avatar-border: rgba(202,138,4,.28);

        --td2-footer-bg: rgba(255,255,255,.72);
        --td2-footer-border: rgba(202,138,4,.16);

        --td2-btn-bg: linear-gradient(180deg, #fde047, #ca8a04);
        --td2-btn-text: #111111;
    }

    /* pink = Cute / Anime / Casual / Fun / Rose Pink */
    .td2-theme-pink {
        --td2-board-bg: linear-gradient(180deg, #fff7fb 0%, #fce7f3 55%, #fbcfe8 100%);
        --td2-board-border: #f9a8d4;
        --td2-board-shadow: 0 8px 24px rgba(236,72,153,.14);
        --td2-text: #831843;
        --td2-muted: #db2777;

        --td2-icon-bg: rgba(236,72,153,.10);
        --td2-icon-border: rgba(236,72,153,.24);
        --td2-icon-text: #db2777;

        --td2-tabs-bg: rgba(236,72,153,.10);
        --td2-tab-text: #db2777;
        --td2-tab-active-bg: #ec4899;
        --td2-tab-active-text: #ffffff;
        --td2-tab-active-border: rgba(236,72,153,.25);

        --td2-amount: #db2777;

        --td2-btn-bg: linear-gradient(180deg, #f9a8d4, #ec4899);
        --td2-btn-text: #ffffff;
    }

    /* glass = Modern / Glassmorphism / Soft Luxury / Transparent Cyan-Purple */
    .td2-theme-glass {
        --td2-board-bg: linear-gradient(135deg, rgba(56,189,248,.20), rgba(139,92,246,.20)), rgba(15,23,42,.72);
        --td2-board-border: rgba(255,255,255,.22);
        --td2-board-shadow: 0 8px 24px rgba(0,0,0,.34);
        --td2-text: #ffffff;
        --td2-muted: #dbeafe;

        --td2-icon-bg: rgba(255,255,255,.10);
        --td2-icon-border: rgba(255,255,255,.22);
        --td2-icon-text: #ffffff;

        --td2-tabs-bg: rgba(255,255,255,.10);
        --td2-tab-text: rgba(255,255,255,.88);
        --td2-tab-active-bg: rgba(56,189,248,.85);
        --td2-tab-active-text: #ffffff;
        --td2-tab-active-border: rgba(255,255,255,.22);

        --td2-avatar-bg: rgba(255,255,255,.10);
        --td2-avatar-border: rgba(255,255,255,.28);
        --td2-avatar-shadow: 0 4px 14px rgba(0,0,0,.30);

        --td2-amount: #38bdf8;

        --td2-list-bg: rgba(255,255,255,.08);
        --td2-list-border: rgba(255,255,255,.14);
        --td2-row-border: rgba(255,255,255,.10);
        --td2-row-avatar-border: rgba(255,255,255,.24);

        --td2-footer-bg: rgba(255,255,255,.08);
        --td2-footer-border: rgba(255,255,255,.14);

        --td2-btn-bg: linear-gradient(180deg, #38bdf8, #8b5cf6);
        --td2-btn-text: #ffffff;
    }

    /* red = Sale / Hot Deal / Action / Urgent / Strong Red */
    .td2-theme-red {
        --td2-board-bg: linear-gradient(180deg, #fff5f5 0%, #fee2e2 55%, #fecaca 100%);
        --td2-board-border: #f87171;
        --td2-board-shadow: 0 8px 24px rgba(239,68,68,.16);
        --td2-text: #7f1d1d;
        --td2-muted: #dc2626;

        --td2-icon-bg: rgba(239,68,68,.10);
        --td2-icon-border: rgba(239,68,68,.24);
        --td2-icon-text: #dc2626;

        --td2-tabs-bg: rgba(239,68,68,.10);
        --td2-tab-text: #dc2626;
        --td2-tab-active-bg: #ef4444;
        --td2-tab-active-text: #ffffff;
        --td2-tab-active-border: rgba(239,68,68,.25);

        --td2-amount: #dc2626;

        --td2-btn-bg: linear-gradient(180deg, #f87171, #dc2626);
        --td2-btn-text: #ffffff;
    }

    /* purple = Streamer / Gaming / Fantasy / Violet-Lavender */
    .td2-theme-purple {
        --td2-board-bg: linear-gradient(180deg, #faf5ff 0%, #ede9fe 55%, #ddd6fe 100%);
        --td2-board-border: #a78bfa;
        --td2-board-shadow: 0 8px 24px rgba(139,92,246,.16);
        --td2-text: #3b0764;
        --td2-muted: #7c3aed;

        --td2-icon-bg: rgba(139,92,246,.10);
        --td2-icon-border: rgba(139,92,246,.24);
        --td2-icon-text: #7c3aed;

        --td2-tabs-bg: rgba(139,92,246,.10);
        --td2-tab-text: #7c3aed;
        --td2-tab-active-bg: #8b5cf6;
        --td2-tab-active-text: #ffffff;
        --td2-tab-active-border: rgba(139,92,246,.25);

        --td2-amount: #7c3aed;

        --td2-btn-bg: linear-gradient(180deg, #a78bfa, #7c3aed);
        --td2-btn-text: #ffffff;
    }

    /* neon = Nightlife / Glow / Pink-Purple Electric / Magenta */
    .td2-theme-neon {
        --td2-board-bg: radial-gradient(circle at top, #3b0764 0%, #12071f 54%, #050016 100%);
        --td2-board-border: #ff2bd6;
        --td2-board-shadow: 0 8px 28px rgba(255,43,214,.28);
        --td2-text: #ffffff;
        --td2-muted: #f0abfc;

        --td2-icon-bg: rgba(255,43,214,.12);
        --td2-icon-border: rgba(255,43,214,.45);
        --td2-icon-text: #ff2bd6;

        --td2-tabs-bg: rgba(255,43,214,.12);
        --td2-tab-text: #f0abfc;
        --td2-tab-active-bg: #ff2bd6;
        --td2-tab-active-text: #050016;
        --td2-tab-active-border: rgba(255,43,214,.55);

        --td2-avatar-bg: rgba(255,43,214,.10);
        --td2-avatar-border: rgba(255,43,214,.35);
        --td2-avatar-shadow: 0 4px 18px rgba(255,43,214,.24);

        --td2-amount: #ff2bd6;

        --td2-list-bg: rgba(18,7,31,.82);
        --td2-list-border: rgba(255,43,214,.25);
        --td2-row-border: rgba(255,43,214,.16);
        --td2-row-avatar-border: rgba(255,43,214,.32);

        --td2-footer-bg: rgba(255,43,214,.10);
        --td2-footer-border: rgba(255,43,214,.25);

        --td2-btn-bg: linear-gradient(180deg, #ff2bd6, #8b5cf6);
        --td2-btn-text: #ffffff;
    }

    /* orange = Promotion / Energy / Active / Warm Orange-Amber */
    .td2-theme-orange {
        --td2-board-bg: linear-gradient(180deg, #fff7ed 0%, #ffedd5 55%, #fed7aa 100%);
        --td2-board-border: #fb923c;
        --td2-board-shadow: 0 8px 24px rgba(249,115,22,.16);
        --td2-text: #7c2d12;
        --td2-muted: #ea580c;

        --td2-icon-bg: rgba(249,115,22,.10);
        --td2-icon-border: rgba(249,115,22,.24);
        --td2-icon-text: #ea580c;

        --td2-tabs-bg: rgba(249,115,22,.10);
        --td2-tab-text: #ea580c;
        --td2-tab-active-bg: #f97316;
        --td2-tab-active-text: #ffffff;
        --td2-tab-active-border: rgba(249,115,22,.25);

        --td2-amount: #ea580c;

        --td2-btn-bg: linear-gradient(180deg, #fb923c, #f97316);
        --td2-btn-text: #ffffff;
    }

    /* black_gold = Luxury / Royal / Elite / Antique Gold / Black-Champagne */
    .td2-theme-black-gold {
        --td2-board-bg: linear-gradient(180deg, #101010 0%, #050505 58%, #000000 100%);
        --td2-board-border: #d4af37;
        --td2-board-shadow: 0 8px 28px rgba(0,0,0,.45);
        --td2-text: #d4af37;
        --td2-muted: #facc15;

        --td2-icon-bg: rgba(212,175,55,.10);
        --td2-icon-border: rgba(212,175,55,.35);
        --td2-icon-text: #d4af37;

        --td2-tabs-bg: rgba(212,175,55,.10);
        --td2-tab-text: #d4af37;
        --td2-tab-active-bg: #d4af37;
        --td2-tab-active-text: #000000;
        --td2-tab-active-border: rgba(212,175,55,.45);

        --td2-avatar-bg: rgba(212,175,55,.08);
        --td2-avatar-border: rgba(212,175,55,.35);
        --td2-avatar-shadow: 0 4px 14px rgba(0,0,0,.42);

        --td2-amount: #fde68a;

        --td2-list-bg: rgba(16,16,16,.82);
        --td2-list-border: rgba(212,175,55,.25);
        --td2-row-border: rgba(212,175,55,.14);
        --td2-row-avatar-border: rgba(212,175,55,.32);

        --td2-footer-bg: rgba(212,175,55,.08);
        --td2-footer-border: rgba(212,175,55,.25);

        --td2-btn-bg: linear-gradient(180deg, #facc15, #d4af37);
        --td2-btn-text: #000000;
    }

    /* minimal = Business / Clean / Simple / Fast / White-Gray-Black */
    .td2-theme-minimal {
        --td2-board-bg: #ffffff;
        --td2-board-border: #e5e7eb;
        --td2-board-shadow: none;
        --td2-text: #111827;
        --td2-muted: #6b7280;

        --td2-icon-bg: #f9fafb;
        --td2-icon-border: #e5e7eb;
        --td2-icon-text: #111827;

        --td2-tabs-bg: #f3f4f6;
        --td2-tab-text: #111827;
        --td2-tab-active-bg: #111827;
        --td2-tab-active-text: #ffffff;
        --td2-tab-active-border: #111827;

        --td2-avatar-bg: #f9fafb;
        --td2-avatar-border: #e5e7eb;
        --td2-avatar-shadow: none;

        --td2-amount: #111827;

        --td2-list-bg: #f9fafb;
        --td2-list-border: #e5e7eb;
        --td2-row-border: #e5e7eb;
        --td2-row-avatar-border: #e5e7eb;

        --td2-footer-bg: #f9fafb;
        --td2-footer-border: #e5e7eb;

        --td2-btn-bg: #111827;
        --td2-btn-text: #ffffff;
    }

    /* gradient = Colorful / Modern / Youth / Creative / Pink-Purple-Blue */
    .td2-theme-gradient {
        --td2-board-bg: linear-gradient(135deg, #fce7f3 0%, #ede9fe 45%, #dbeafe 100%);
        --td2-board-border: #c7d2fe;
        --td2-board-shadow: 0 8px 24px rgba(139,92,246,.16);
        --td2-text: #1e1b4b;
        --td2-muted: #7c3aed;

        --td2-icon-bg: rgba(139,92,246,.10);
        --td2-icon-border: rgba(139,92,246,.22);
        --td2-icon-text: #7c3aed;

        --td2-tabs-bg: rgba(255,255,255,.50);
        --td2-tab-text: #7c3aed;
        --td2-tab-active-bg: linear-gradient(90deg, #ec4899, #8b5cf6, #38bdf8);
        --td2-tab-active-text: #ffffff;
        --td2-tab-active-border: rgba(139,92,246,.22);

        --td2-amount: #7c3aed;

        --td2-list-bg: rgba(255,255,255,.72);
        --td2-list-border: rgba(139,92,246,.14);
        --td2-row-border: rgba(139,92,246,.10);
        --td2-row-avatar-border: rgba(139,92,246,.24);

        --td2-footer-bg: rgba(255,255,255,.68);
        --td2-footer-border: rgba(139,92,246,.14);

        --td2-btn-bg: linear-gradient(90deg, #ec4899, #8b5cf6, #38bdf8);
        --td2-btn-text: #ffffff;
    }

    /* cyber = Futuristic / Hacker / Tech / Cyan-Green / Dark Tech */
    .td2-theme-cyber {
        --td2-board-bg: linear-gradient(180deg, #071624 0%, #020617 60%, #010409 100%);
        --td2-board-border: #00e5ff;
        --td2-board-shadow: 0 8px 28px rgba(0,229,255,.20);
        --td2-text: #00e5ff;
        --td2-muted: #67e8f9;

        --td2-icon-bg: rgba(0,229,255,.10);
        --td2-icon-border: rgba(0,229,255,.35);
        --td2-icon-text: #00e5ff;

        --td2-tabs-bg: rgba(0,229,255,.10);
        --td2-tab-text: #67e8f9;
        --td2-tab-active-bg: #00e5ff;
        --td2-tab-active-text: #020617;
        --td2-tab-active-border: rgba(0,229,255,.45);

        --td2-avatar-bg: rgba(0,229,255,.08);
        --td2-avatar-border: rgba(0,229,255,.35);
        --td2-avatar-shadow: 0 4px 16px rgba(0,229,255,.18);

        --td2-amount: #10b981;

        --td2-list-bg: rgba(7,22,36,.82);
        --td2-list-border: rgba(0,229,255,.22);
        --td2-row-border: rgba(0,229,255,.14);
        --td2-row-avatar-border: rgba(0,229,255,.32);

        --td2-footer-bg: rgba(0,229,255,.08);
        --td2-footer-border: rgba(0,229,255,.22);

        --td2-btn-bg: linear-gradient(90deg, #00e5ff, #10b981);
        --td2-btn-text: #020617;
    }

    .td2-theme-shell .td2-board {
        width: 100%;
        color: var(--td2-text);
        border-radius: 18px;
        padding: 14px 12px 10px;
        border: 1px solid var(--td2-board-border);
        box-shadow: var(--td2-board-shadow);
        background: var(--td2-board-bg);
    }

    .td2-title {
        text-align: center;
        font-size: 1.3rem;
        font-weight: 700;
        margin: 0;
        color: var(--td2-text);
    }

    .td2-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 6px 0 10px;
        gap: 10px;
    }

    .td2-icon-btn {
        width: 42px;
        height: 42px;
        border-radius: 999px;
        display: grid;
        place-items: center;
        color: var(--td2-icon-text);
        text-decoration: none;
        font-size: 1.15rem;
        border: 1px solid var(--td2-icon-border);
        background: var(--td2-icon-bg);
    }

    .td2-icon-btn:hover,
    .td2-icon-btn:focus {
        color: var(--td2-icon-text);
    }

    .td2-tabs {
        display: flex;
        gap: 6px;
        padding: 6px;
        border-radius: 999px;
        background: var(--td2-tabs-bg);
        margin-bottom: 14px;
    }

    .td2-tab {
        flex: 1;
        text-align: center;
        border-radius: 999px;
        padding: 7px 8px;
        font-weight: 700;
        font-size: .86rem;
        color: var(--td2-tab-text);
        text-decoration: none;
        border: 1px solid transparent;
    }

    .td2-tab:hover,
    .td2-tab:focus {
        color: var(--td2-tab-text);
    }

    .td2-tab.is-active {
        color: var(--td2-tab-active-text);
        background: var(--td2-tab-active-bg);
        border-color: var(--td2-tab-active-border);
    }

    .td2-tab.is-disabled {
        opacity: .55;
        cursor: not-allowed;
    }

    .td2-top3 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: end;
        gap: 8px;
        margin-bottom: 14px;
    }

    .td2-user {
        text-align: center;
    }

    .td2-user.first {
        transform: translateY(-10px);
    }

    .td2-avatar {
        width: 78px;
        height: 78px;
        margin: 0 auto 6px;
        border-radius: 999px;
        border: 4px solid var(--td2-avatar-border);
        background: var(--td2-avatar-bg);
        display: grid;
        place-items: center;
        overflow: hidden;
        box-shadow: var(--td2-avatar-shadow);
    }

    .td2-user.first .td2-avatar {
        border-color: var(--td2-first-border);
        width: 92px;
        height: 92px;
    }

    .td2-user.second .td2-avatar {
        border-color: var(--td2-second-border);
    }

    .td2-user.third .td2-avatar {
        border-color: var(--td2-third-border);
    }

    .td2-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .td2-name {
        font-size: .95rem;
        line-height: 1.2;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        color: var(--td2-text);
    }

    .td2-amount {
        color: var(--td2-amount);
        font-weight: 700;
        margin-top: 2px;
    }

    .td2-podium {
        margin-top: 8px;
        border-radius: 10px 10px 0 0;
        display: grid;
        place-items: center;
        font-size: 2rem;
        font-weight: 600;
        color: var(--td2-podium-text);
    }

    .td2-user.first .td2-podium {
        height: 120px;
        background: var(--td2-podium-first);
    }

    .td2-user.second .td2-podium {
        height: 90px;
        background: var(--td2-podium-second);
    }

    .td2-user.third .td2-podium {
        height: 80px;
        background: var(--td2-podium-third);
    }

    .td2-list {
        margin-top: 6px;
        border-radius: 14px;
        padding: 8px;
        background: var(--td2-list-bg);
        border: 1px solid var(--td2-list-border);
    }

    .td2-row {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 4px;
        border-bottom: 1px solid var(--td2-row-border);
        color: var(--td2-text);
    }

    .td2-row:last-child {
        border-bottom: 0;
    }

    .td2-rank {
        width: 28px;
        text-align: right;
        opacity: .7;
        font-weight: 700;
    }

    .td2-row-avatar {
        width: 42px;
        height: 42px;
        border-radius: 999px;
        overflow: hidden;
        border: 2px solid var(--td2-row-avatar-border);
        flex: 0 0 auto;
    }

    .td2-row-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .td2-row-name {
        flex: 1;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 600;
    }

    .td2-row-amount {
        color: var(--td2-amount);
        font-weight: 700;
        flex: 0 0 auto;
    }

    .td2-footer {
        margin-top: 10px;
        border-radius: 14px;
        padding: 8px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        background: var(--td2-footer-bg);
        border: 1px solid var(--td2-footer-border);
        color: var(--td2-text);
    }

    .td2-you {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .td2-you-label {
        font-size: .82rem;
        opacity: .9;
        line-height: 1.1;
    }

    .td2-you-rank {
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 1;
    }

    .td2-you-amount {
        font-size: .75rem;
        color: var(--td2-amount);
        line-height: 1.1;
    }

    .td2-live-btn {
        padding: 8px 18px;
        border-radius: 999px;
        text-decoration: none;
        color: var(--td2-btn-text);
        font-weight: 600;
        background: var(--td2-btn-bg);
        border: 1px solid var(--td2-btn-border);
    }

    .td2-live-btn:hover,
    .td2-live-btn:focus {
        color: var(--td2-btn-text);
    }

    .td2-theme-glass .td2-board,
    .td2-theme-glass .td2-list,
    .td2-theme-glass .td2-footer,
    .td2-theme-glass .td2-icon-btn,
    .td2-theme-glass .td2-tabs {
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
