.bto-ranking-controls {
        margin: 18px 0 6px;
        padding: 16px 20px;
        background: rgba(0,10,5,0.85);
        border: 1px solid rgba(0,255,140,0.18);
        border-radius: 14px;
        text-align: center;
    }
    .bto-ranking-title {
        color: #a0ffd0;
        font-size: 0.85rem;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 12px;
        opacity: 0.8;
    }
    .bto-ranking-buttons {
        display: flex;
        gap: 14px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .bto-ranking-wrap { position: relative; display: inline-block; }
    .bto-ranking-btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 20px 50px;
        border: 1px solid rgba(0,255,140,0.35);
        border-radius: 22px !important;
        background: linear-gradient(135deg, rgba(0,90,50,0.14), rgba(0,255,140,0.18));
        color: #f2fff8;
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        cursor: pointer;
        overflow: hidden;
        backdrop-filter: blur(14px);
        box-shadow: 0 0 16px rgba(0,255,140,0.18), 0 0 34px rgba(0,255,120,0.25), 0 0 70px rgba(0,255,170,0.12), inset 0 0 18px rgba(255,255,255,0.05);
        transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
    }
    .bto-ranking-btn:hover {
        transform: translateY(-3px) scale(1.03);
        border-color: rgba(120,255,190,0.95);
        box-shadow: 0 0 20px rgba(0,255,140,0.28), 0 0 45px rgba(0,255,120,0.38), 0 0 90px rgba(0,255,170,0.2), inset 0 0 22px rgba(255,255,255,0.08);
    }
    .bto-ranking-btn:active { transform: scale(0.97); }
    .bto-ranking-btn::before {
        content:"";position:absolute;inset:-2px;border-radius:inherit;padding:1px;
        background:linear-gradient(90deg,transparent,#00ff99,#00ff66,#aaffcc,#00ff66,transparent);
        -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
        -webkit-mask-composite:xor;mask-composite:exclude;
        animation:btoRankingBorder 2.2s linear infinite;pointer-events:none;
    }
    .bto-ranking-btn::after {
        content:"";position:absolute;top:0;left:-140%;width:65%;height:100%;
        background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,0.05) 30%,rgba(0,255,140,0.35) 50%,rgba(255,255,255,0.05) 70%,transparent 100%);
        transform:skewX(-25deg);animation:btoRankingSweep 2s ease-in-out infinite;pointer-events:none;
    }
    .bto-ranking-btn-core {
        position:absolute;inset:4px;border-radius:18px;
        background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.01)),rgba(4,20,12,0.94);z-index:0;
    }
    .bto-ranking-btn-text {
        position:relative;z-index:3;color:#f4fff9;
        text-shadow:0 0 8px rgba(0,255,140,0.45),0 0 20px rgba(0,255,120,0.35);
    }
    .bto-ranking-btn.loading .bto-ranking-btn-text { animation:btoRankingFlicker 0.45s infinite; }
    .bto-ranking-btn.loading::after { animation:btoRankingSweep 0.45s linear infinite; }
    .bto-ranking-btn:disabled { opacity:0.5; cursor:not-allowed; }
    @keyframes btoRankingBorder { 0%{filter:brightness(1)}100%{filter:brightness(1.2)} }
    @keyframes btoRankingSweep  { 0%{left:-140%}100%{left:150%} }
    @keyframes btoRankingFlicker{ 0%,100%{opacity:1}50%{opacity:0.4} }

    /* AUTO PICK button (gold/yellow) */
    .bto-autopick-btn {
        position:relative; display:inline-flex; align-items:center; justify-content:center;
        padding:20px 50px;
        border:1px solid rgba(255,220,0,0.35); border-radius:22px;
        background:linear-gradient(135deg,rgba(120,90,0,0.14),rgba(255,220,0,0.18));
        color:#fffdf2; font-size:1rem; font-weight:700; letter-spacing:2px; text-transform:uppercase;
        cursor:pointer; overflow:hidden; backdrop-filter:blur(14px);
        box-shadow:0 0 16px rgba(255,220,0,0.18),0 0 34px rgba(255,200,0,0.25),0 0 70px rgba(255,240,120,0.12),inset 0 0 18px rgba(255,255,255,0.05);
        transition:transform 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
    }
    .bto-autopick-btn:hover {
        transform:translateY(-3px) scale(1.03);
        border-color:rgba(255,235,120,0.95);
        box-shadow:0 0 20px rgba(255,220,0,0.28),0 0 45px rgba(255,200,0,0.38),0 0 90px rgba(255,240,120,0.2),inset 0 0 22px rgba(255,255,255,0.08);
    }
    .bto-autopick-btn:active { transform:scale(0.97); }
    .bto-autopick-btn::before {
        content:"";position:absolute;inset:-2px;border-radius:inherit;padding:1px;
        background:linear-gradient(90deg,transparent,#ffe600,#ffd000,#fff6a3,#ffd000,transparent);
        -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
        -webkit-mask-composite:xor;mask-composite:exclude;
        animation:btoAutopickBorder 2.2s linear infinite;pointer-events:none;
    }
    .bto-autopick-btn::after {
        content:"";position:absolute;top:0;left:-140%;width:65%;height:100%;
        background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,0.05) 30%,rgba(255,220,0,0.35) 50%,rgba(255,255,255,0.05) 70%,transparent 100%);
        transform:skewX(-25deg);animation:btoAutopickSweep 2s ease-in-out infinite;pointer-events:none;
    }
    .bto-autopick-core {
        position:absolute;inset:4px;border-radius:18px;
        background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.01)),rgba(24,18,4,0.94);z-index:0;
    }
    .bto-autopick-content { position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center; }
    .bto-autopick-text {
        position:relative;color:#fffef5;
        text-shadow:0 0 8px rgba(255,220,0,0.45),0 0 20px rgba(255,200,0,0.35);
    }
    .bto-autopick-text::after {
        content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;
        background:linear-gradient(90deg,transparent,#ffe600,transparent);
        transform:scaleX(0.7);transform-origin:center;animation:btoAutopickGlow 1.4s ease-in-out infinite;
    }
    @keyframes btoAutopickBorder  { 0%{filter:brightness(1)}100%{filter:brightness(1.2)} }
    @keyframes btoAutopickSweep   { 0%{left:-140%}100%{left:150%} }
    @keyframes btoAutopickGlow    { 0%,100%{opacity:0.45;transform:scaleX(0.7)}50%{opacity:1;transform:scaleX(1)} }

    /* GO HYPER button (red) */
    .bto-hyper-btn {
        position:relative; display:inline-flex; align-items:center; justify-content:center;
        padding:20px 50px;
        border:1px solid rgba(255,70,70,0.35); border-radius:22px;
        background:linear-gradient(135deg,rgba(120,0,0,0.14),rgba(255,30,30,0.18));
        color:#fff5f5; font-size:1rem; font-weight:700; letter-spacing:2px; text-transform:uppercase;
        cursor:pointer; overflow:hidden; backdrop-filter:blur(14px);
        box-shadow:0 0 16px rgba(255,60,60,0.18),0 0 34px rgba(255,0,0,0.25),0 0 70px rgba(255,80,80,0.14),inset 0 0 18px rgba(255,255,255,0.05);
        transition:transform 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;
    }
    .bto-hyper-btn:hover {
        transform:translateY(-3px) scale(1.03);
        border-color:rgba(255,120,120,0.95);
        box-shadow:0 0 20px rgba(255,80,80,0.28),0 0 45px rgba(255,0,0,0.4),0 0 90px rgba(255,50,50,0.22),inset 0 0 22px rgba(255,255,255,0.08);
    }
    .bto-hyper-btn:active { transform:scale(0.97); }
    .bto-hyper-btn::before {
        content:"";position:absolute;inset:-2px;border-radius:inherit;padding:1px;
        background:linear-gradient(90deg,transparent,#ff4d4d,#ff0000,#ff9a9a,#ff0000,transparent);
        -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
        -webkit-mask-composite:xor;mask-composite:exclude;
        animation:btoHyperBorder 2.2s linear infinite;pointer-events:none;
    }
    .bto-hyper-btn::after {
        content:"";position:absolute;top:0;left:-140%;width:65%;height:100%;
        background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,0.06) 30%,rgba(255,80,80,0.5) 50%,rgba(255,255,255,0.06) 70%,transparent 100%);
        transform:skewX(-25deg);animation:btoHyperSweep 2s ease-in-out infinite;pointer-events:none;
    }
    .bto-hyper-core {
        position:absolute;inset:4px;border-radius:18px;
        background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.01)),rgba(20,4,4,0.94);z-index:0;
    }
    .bto-hyper-content { position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center; }
    .bto-hyper-text {
        position:relative;color:#fff7f7;
        text-shadow:0 0 8px rgba(255,100,100,0.45),0 0 20px rgba(255,0,0,0.35);
    }
    .bto-hyper-text::after {
        content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;
        background:linear-gradient(90deg,transparent,#ff5c5c,transparent);
        transform:scaleX(0.7);transform-origin:center;animation:btoHyperGlow 1.4s ease-in-out infinite;
    }
    @keyframes btoHyperBorder  { 0%{filter:brightness(1)}100%{filter:brightness(1.2)} }
    @keyframes btoHyperSweep   { 0%{left:-140%}100%{left:150%} }
    @keyframes btoHyperGlow    { 0%,100%{opacity:0.45;transform:scaleX(0.7)}50%{opacity:1;transform:scaleX(1)} }

    /* Ranking tier badges */
    .ranking-tier-badge,
    .saved-ranking-tier-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 3px 10px;
        border: 1px solid rgba(0,255,140,0.5);
        border-radius: 20px;
        background: linear-gradient(135deg, rgba(0,90,50,0.25), rgba(0,255,140,0.15));
        color: #a0ffd0;
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        box-shadow: 0 0 8px rgba(0,255,140,0.2), 0 0 18px rgba(0,255,120,0.1);
        text-shadow: 0 0 6px rgba(0,255,140,0.4);
        margin-left: 6px;
        vertical-align: middle;
        white-space: nowrap;
        line-height: 1;
    }