/* Grup rutbe rozeti (vx-rank) ve destekci seviyesi (vx-tier), 2026-10-17. Isaretleme: includes/vice_rank_badges.php.
   Postbit, profil merkezi ve hover karti ayni bileseni kullanir. --rk: grup rengi (koyu zeminde okunur hale acilmis), --rk-on: simge rengi.
   Simgeler elle cizilmis 24x24 cizgi SVG'ler; CSS maskesiyle renklenir (qa/gen-badge-css.py uretir). */
.vx-rank,.vx-tier{--rk:#9aa6b4;--rk-on:#0b1016;box-sizing:border-box;position:relative;display:inline-flex;align-items:stretch;flex:none;max-width:100%;height:22px;margin:0;padding:0;vertical-align:middle;overflow:hidden;
	border:1px solid color-mix(in srgb,var(--rk) 52%,transparent);background:color-mix(in srgb,var(--rk) 14%,transparent);color:var(--vx-ink,#f2f4f8);
	font:600 11px/20px var(--vx-cond,'Barlow Condensed',sans-serif);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-decoration:none;
	clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}
.vx-rank *,.vx-tier *{box-sizing:border-box}
.vx-rank__ic{position:relative;display:block;flex:none;width:20px;height:auto;margin:0;background:var(--rk)}
.vx-rank__ic::before{content:"";position:absolute;inset:3px;background:var(--rk-on);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.vx-rank__t{display:block;min-width:0;overflow:hidden;padding:0 9px 0 7px;text-overflow:ellipsis}
.vx-rank__s{display:block;flex:none;align-self:center;width:calc(var(--n,1) * 9px);height:9px;margin:0 10px 0 -3px;background:var(--rk);-webkit-mask:var(--ic-star) left center/9px 9px repeat-x;mask:var(--ic-star) left center/9px 9px repeat-x}
/* Yonetim unvani kodu (FND, MGMT, LA...): simgenin yaninda; tam ad ve Turkce aciklama title'da (21.10.2026). */
.vx-rank--staff{cursor:help}
.vx-rank__c{display:block;flex:none;padding:0 0 0 7px;color:var(--rk);font:700 11px/20px var(--vx-cond,'Barlow Condensed',sans-serif);letter-spacing:.08em}
.vx-rank__c+.vx-rank__t{padding-left:5px}
html[data-vice-mode="light"] .vx-rank__c{color:color-mix(in srgb,var(--rk) 70%,#14171c)}
.vx-rank[data-code="FND"]{border-color:color-mix(in srgb,var(--rk) 75%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--rk) 24%,transparent),color-mix(in srgb,var(--rk) 8%,transparent))}
.vx-rank[data-code="FND"] .vx-rank__ic{background:linear-gradient(135deg,#fbecb9,#d9ac4c 55%,#a87a22)}
.vx-rank[data-code="FND"] .vx-rank__ic::before{background:#3a2a06}
.vx-rank--sm{width:22px;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}
.vx-rank--sm .vx-rank__ic{width:100%}
.vx-rank--sm .vx-rank__t{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vx-tier--partner{--rk:var(--vx-gold,#e7cb89)}
.vx-tier--plus{--rk:var(--vx-pink,#f49ac1)}
.vx-tier--vip{--rk:var(--vx-blue,#91ceff)}
html[data-vice-mode="light"] .vx-tier{--rk-on:#ffffff}
html[data-vice-mode="light"] .vx-rank,html[data-vice-mode="light"] .vx-tier{background:color-mix(in srgb,var(--rk) 12%,#fff);border-color:color-mix(in srgb,var(--rk) 60%,#14171c)}
.vx-tier .vx-rank__t small{margin-right:5px;color:var(--vx-muted,#a3b1c2);font:inherit;letter-spacing:inherit}
.vx-tier--partner{border-color:color-mix(in srgb,var(--rk) 70%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--rk) 22%,transparent),color-mix(in srgb,var(--rk) 8%,transparent))}
.vx-tier--partner .vx-rank__ic{background:linear-gradient(135deg,#fbecb9,#d9ac4c 55%,#a87a22)}
.vx-tier--partner .vx-rank__ic::before{inset:2px;background:#3a2a06}
/* Roleplayer yildizlari (GTA aranma yildizlari gibi): includes/vice_role_score.php */
.vx-wanted{display:inline-flex;align-items:center;gap:2px;vertical-align:middle;line-height:0;cursor:help}
.vx-wanted i{display:block;width:16px;height:16px;filter:drop-shadow(0 0 .6px #000) drop-shadow(0 1px 0 rgba(0,0,0,.85))}
.vx-wanted i::before{content:"";display:block;width:100%;height:100%;background:rgba(242,244,248,.16);-webkit-mask:var(--ic-star) center/contain no-repeat;mask:var(--ic-star) center/contain no-repeat}
.vx-wanted i.is-on::before{background:linear-gradient(180deg,#fff3c4,#f0c75e 45%,#c7922c)}
html[data-vice-mode="light"] .vx-wanted i::before{background:rgba(20,23,28,.14)}
html[data-vice-mode="light"] .vx-wanted i.is-on::before{background:linear-gradient(180deg,#f3cf6a,#c7922c 60%,#8a5f12)}

/* Otomatik okunurluk (scripts/vice-autoink-2026.js): zeminine gore okunmayan renkli yazilar. L/D tam cevirme, l/d rengi kismen korur. */
.vx-ink-L{color:#f2f4f8!important}.vx-ink-D{color:#1d2430!important}
.vx-ink-l{color:color-mix(in srgb,var(--vx-orig) 40%,#f2f4f8)!important}.vx-ink-d{color:color-mix(in srgb,var(--vx-orig) 40%,#1d2430)!important}
.vx-on-light{color:#1d2430!important}.vx-on-dark{color:#f2f4f8!important}
/* Vice BBC etiketleri (Sources/ViceBbc.php): [ic], [ooc], [karakter]. Mesajlarda, onizlemede, PM'de ayni gorunum. */
.vx-bbc{position:relative;margin:16px 0 12px;padding:14px 16px 12px;border:1px solid var(--vx-line,#303b49);border-radius:4px;background:var(--vx-surface,#141a22)}
.vx-bbc__k{position:absolute;top:-9px;left:12px;display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:3px;font:600 10px/1 var(--vx-cond,'Barlow Condensed',sans-serif);letter-spacing:.16em;text-transform:uppercase}
.vx-bbc__b>:first-child{margin-top:0}.vx-bbc__b>:last-child{margin-bottom:0}
.vx-bbc--ic{border-color:color-mix(in srgb,var(--vx-pink,#f49ac1) 45%,var(--vx-line,#303b49));border-left:3px solid var(--vx-pink,#f49ac1);background:linear-gradient(100deg,color-mix(in srgb,var(--vx-pink,#f49ac1) 12%,transparent),transparent 55%),var(--vx-surface,#141a22);color:var(--vx-ink,#f2f4f8);font-size:16px;line-height:1.7}
.vx-bbc--ic .vx-bbc__k{background:var(--vx-pink,#f49ac1);color:#14101f}
.vx-bbc--ooc{border-style:dashed;border-color:var(--vx-line-strong,#5c6b80);background:color-mix(in srgb,var(--vx-sunken,#0b1016) 60%,transparent);color:var(--vx-muted,#a3b1c2);font-size:14px;line-height:1.6}
.vx-bbc--ooc .vx-bbc__k{background:var(--vx-line-strong,#5c6b80);color:var(--vx-ink,#f2f4f8)}
.vx-bbc-char{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:0 8px 0 6px;border:1px solid color-mix(in srgb,var(--vx-pink,#f49ac1) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--vx-pink,#f49ac1) 10%,transparent);color:var(--vx-ink,#f2f4f8)!important;font-weight:600;line-height:22px;text-decoration:none!important;vertical-align:baseline;white-space:nowrap}
.vx-bbc-char i{display:block;flex:none;width:12px;height:12px;background:var(--vx-pink,#f49ac1);-webkit-mask:var(--ic-user) center/contain no-repeat;mask:var(--ic-user) center/contain no-repeat}
a.vx-bbc-char:hover{border-color:var(--vx-pink,#f49ac1);background:color-mix(in srgb,var(--vx-pink,#f49ac1) 18%,transparent)}
.vx-bbc-char.is-missing{border-style:dashed;border-color:var(--vx-line-strong,#5c6b80);background:transparent;color:var(--vx-muted,#a3b1c2)!important}
.vx-bbc-char.is-missing i{background:var(--vx-faint,#8391a3)}
:root{--ic-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2l3 6.3 6.9 1-5 4.8 1.2 6.9L12 17.8 5.9 21l1.2-6.9-5-4.8 6.9-1z'/%3E%3C/svg%3E")}
.vx-ic-starfill{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2l3 6.3 6.9 1-5 4.8 1.2 6.9L12 17.8 5.9 21l1.2-6.9-5-4.8 6.9-1z'/%3E%3C/svg%3E")}
:root{--ic-user:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E")}
.vx-ic-user{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E")}
.vx-ic-crown{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l4.5 5L12 5l4.5 7L21 7l-2 12H5z'/%3E%3C/svg%3E")}
.vx-ic-shield{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.9-3.4 8-8 9-4.6-1-8-4.1-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
.vx-ic-code{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7l-5 5 5 5M16 7l5 5-5 5M14 4l-4 16'/%3E%3C/svg%3E")}
.vx-ic-headset{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15v-3a8 8 0 0 1 16 0v3'/%3E%3Cpath d='M4 15h3v5H5a1 1 0 0 1-1-1zM20 15h-3v5h2a1 1 0 0 0 1-1z'/%3E%3C/svg%3E")}
.vx-ic-lifebuoy{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M5.6 5.6l3.6 3.6M14.8 14.8l3.6 3.6M18.4 5.6l-3.6 3.6M9.2 14.8l-3.6 3.6'/%3E%3C/svg%3E")}
.vx-ic-megaphone{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v4h4l8 5V5l-8 5z'/%3E%3Cpath d='M19 9a4 4 0 0 1 0 6'/%3E%3C/svg%3E")}
.vx-ic-police{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.9-3.4 8-8 9-4.6-1-8-4.1-8-9V6z'/%3E%3Cpath d='M12 8.2l1.2 2.4 2.6.4-1.9 1.8.5 2.6-2.4-1.2-2.4 1.2.5-2.6-1.9-1.8 2.6-.4z'/%3E%3C/svg%3E")}
.vx-ic-medical{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6v6h6v6h-6v6H9v-6H3V9h6z'/%3E%3C/svg%3E")}
.vx-ic-heart{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10.2A4.3 4.3 0 0 1 12 7.2a4.3 4.3 0 0 1 7.5 2.6C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E")}
.vx-ic-gem{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h10l4 5-9 11L3 9z'/%3E%3Cpath d='M3 9h18M12 20L9 9l3-5 3 5z'/%3E%3C/svg%3E")}
.vx-ic-star{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z'/%3E%3C/svg%3E")}
.vx-ic-ban{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.6 5.6l12.8 12.8'/%3E%3C/svg%3E")}
.vx-ic-scales{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16M7 20h10M5 7h14M6 7l-3 6a3 3 0 0 0 6 0zM18 7l-3 6a3 3 0 0 0 6 0z'/%3E%3C/svg%3E")}
.vx-ic-medal{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='15' r='5'/%3E%3Cpath d='M8 3l4 7 4-7'/%3E%3C/svg%3E")}
.vx-ic-flag{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4M5 4h12l-2.5 4L17 12H5'/%3E%3C/svg%3E")}
.vx-ic-ticket{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h18v3a2 2 0 0 0 0 4v3H3v-3a2 2 0 0 0 0-4z'/%3E%3Cpath d='M14 8v2M14 12v2'/%3E%3C/svg%3E")}
.vx-ic-cap{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9l10-5 10 5-10 5z'/%3E%3Cpath d='M6 11v5c3.5 2.5 8.5 2.5 12 0v-5M22 9v6'/%3E%3C/svg%3E")}
.vx-ic-building{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V9l8-5 8 5v12M3 21h18M9 21v-6h6v6'/%3E%3C/svg%3E")}
.vx-ic-vmark{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5l8 15 8-15M9 5l3 6 3-6'/%3E%3C/svg%3E")}
.vx-ic-search{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M20 20l-4.5-4.5'/%3E%3C/svg%3E")}
.vx-ic-clock{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.vx-ic-skill{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V14M10 20V9M16 20V12M22 20V4'/%3E%3C/svg%3E")}