/* Rütbeler: renkler, renkli ad, avatar halkası, unvan ve kazanılan rozetler (profil, tablo, arama, yorumlar). */

:root {
    --rank-hevesli: #1f9e63;
    --rank-emekci: #2f7fd6;
    --rank-kaptan: #e8791a;
    --rank-efsane: #b829e8;
    --rank-bas-afacan: #a21caf;
    --rank-bas-afacan-2: #e879f9;
    --rank-bas-afacan-3: #c026f0;
}

.gsc-tier-nick--hevesli { color: var(--rank-hevesli) !important; }
.gsc-tier-nick--emekci { color: var(--rank-emekci) !important; }
.gsc-tier-nick--kaptan { color: var(--rank-kaptan) !important; }
.gsc-tier-nick--efsane.is-animated,
.gsc-tier-nick--bas-afacan.is-animated {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    background-size: 200% auto;
    animation: gsc-tier-shine 7s linear infinite;
}
.gsc-tier-nick--efsane.is-animated { background-image: linear-gradient(100deg, var(--rank-kaptan) 0%, var(--rank-efsane) 50%, var(--rank-kaptan) 100%); }
.gsc-tier-nick--bas-afacan.is-animated { background-image: linear-gradient(100deg, var(--rank-bas-afacan) 0%, var(--rank-bas-afacan-2) 45%, var(--rank-bas-afacan-3) 75%, var(--rank-bas-afacan) 100%); }

@keyframes gsc-tier-shine { to { background-position: 200% center; } }

.gsc-rank-badges { display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; }
.gsc-rank-badge {
    display: inline-flex; align-items: center; justify-content: center;
    width: 18px; height: 18px; border-radius: 5px;
    color: #fff; flex: 0 0 auto; position: relative;
}
.gsc-rank-badge-icon { width: 11px; height: 11px; display: block; }

.gsc-rank-badge--hevesli,    .gsc-tier-badge--hevesli    { background: var(--rank-hevesli); }
.gsc-rank-badge--emekci,     .gsc-tier-badge--emekci     { background: var(--rank-emekci); }
.gsc-rank-badge--kaptan,     .gsc-tier-badge--kaptan     { background: var(--rank-kaptan); }
.gsc-rank-badge--efsane,     .gsc-tier-badge--efsane     { background: linear-gradient(120deg, var(--rank-kaptan) 0%, var(--rank-efsane) 60%, var(--rank-kaptan) 100%); background-size: 200% auto; }
.gsc-rank-badge--bas-afacan, .gsc-tier-badge--bas-afacan { background: linear-gradient(120deg, var(--rank-bas-afacan) 0%, var(--rank-bas-afacan-2) 45%, var(--rank-bas-afacan-3) 75%, var(--rank-bas-afacan) 100%); background-size: 200% auto; }
.gsc-rank-badge--efsane.is-animated, .gsc-rank-badge--bas-afacan.is-animated,
.gsc-tier-badge--efsane.is-animated, .gsc-tier-badge--bas-afacan.is-animated { animation: gsc-tier-shine 6s linear infinite; }

.gsc-tier-badge {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 4px 11px 4px 8px; border-radius: 999px;
    font-size: 12px; font-weight: 800; line-height: 1; white-space: nowrap; color: #fff;
}
.gsc-tier-badge-icon { width: 13px; height: 13px; display: block; flex: 0 0 auto; }
.player-profile-card { position: relative; }
.player-profile-card .gsc-tier-badge { position: absolute; top: 16px; right: 16px; }

.gsc-rank-badge[data-tooltip] { position: relative; }
@media (hover: hover) {
    .gsc-rank-badge[data-tooltip]::after {
        content: attr(data-tooltip);
        position: absolute; bottom: calc(100% + 9px); left: 50%; z-index: 45;
        padding: 6px 11px; border-radius: 9px;
        font-size: 12px; font-weight: 800; line-height: 1; letter-spacing: .2px; white-space: nowrap;
        color: #fffaf1; background: var(--purple-2); box-shadow: 0 8px 22px rgba(76, 21, 93, .34);
        opacity: 0; pointer-events: none;
        transform: translate3d(-50%, 4px, 0);
        transition: opacity .16s ease, transform .16s ease;
    }
    .gsc-rank-badge[data-tooltip]::before {
        content: ""; position: absolute; bottom: calc(100% + 4px); left: 50%; z-index: 45;
        border: 5px solid transparent; border-top-color: var(--purple-2);
        opacity: 0; pointer-events: none;
        transform: translate3d(-50%, 4px, 0);
        transition: opacity .16s ease, transform .16s ease;
    }
    .gsc-rank-badge[data-tooltip]:hover::after,
    .gsc-rank-badge[data-tooltip]:hover::before,
    .gsc-rank-badge[data-tooltip]:focus-visible::after,
    .gsc-rank-badge[data-tooltip]:focus-visible::before {
        opacity: 1; transform: translate3d(-50%, 0, 0);
    }
}

.game-comment-author-line { overflow: visible; }

@media (prefers-reduced-motion: reduce) {
    .gsc-rank-badge.is-animated, .gsc-tier-badge.is-animated, .gsc-tier-ring.is-animated img { animation: none; }
    .gsc-tier-nick--efsane.is-animated { color: var(--rank-kaptan) !important; background-image: none; }
    .gsc-tier-nick--bas-afacan.is-animated { color: var(--rank-bas-afacan-3) !important; background-image: none; }
}

.gsc-tier-ring--hevesli    { --gsc-ring: var(--rank-hevesli); --gsc-ring-alt: var(--rank-hevesli); }
.gsc-tier-ring--emekci     { --gsc-ring: var(--rank-emekci); --gsc-ring-alt: var(--rank-emekci); }
.gsc-tier-ring--kaptan     { --gsc-ring: var(--rank-kaptan); --gsc-ring-alt: var(--rank-kaptan); }
.gsc-tier-ring--efsane     { --gsc-ring: var(--rank-kaptan); --gsc-ring-alt: var(--rank-efsane); }
.gsc-tier-ring--bas-afacan { --gsc-ring: var(--rank-bas-afacan); --gsc-ring-alt: var(--rank-bas-afacan-2); }

.game-comment-avatar-link.gsc-tier-ring   { --gsc-ring-w: 2px; }
.player-profile-avatar-ring.gsc-tier-ring { --gsc-ring-w: 4px; padding: 0; background: none; }

.gsc-tier-ring img { box-shadow: 0 0 0 var(--gsc-ring-w, 3px) var(--gsc-ring); }

.top-gamers-avatar-ring { display: inline-flex; flex-shrink: 0; line-height: 0; border-radius: 50%; }
.top-gamers-avatar-ring.gsc-tier-ring { --gsc-ring-w: 3px; box-shadow: 0 4px 12px rgba(100, 21, 111, .14); }

@keyframes gsc-ring-pulse { 50% { box-shadow: 0 0 0 var(--gsc-ring-w, 3px) var(--gsc-ring-alt); } }
.gsc-tier-ring.is-animated img { animation: gsc-ring-pulse 3s ease-in-out infinite; }