/* VIP amblemi: seviye renginde yuvarlak cerceve icinde (adin hemen saginda). Gold, Platinum ve VIP cercevesi hafifce parlar. */
.vip-b{--rc:#8a8f98;--rc2:var(--rc);position:relative;display:inline-grid;place-items:center;box-sizing:border-box;width:var(--vs,22px);height:var(--vs,22px);margin-left:5px;vertical-align:middle;top:-1px;flex-shrink:0;cursor:pointer;outline:none;line-height:0;
 border-radius:50%;border:max(1.5px,calc(var(--vs,22px)*.08)) solid transparent;
 background:radial-gradient(circle at 50% 35%,#2a1d3c,#0d0815 75%) padding-box,linear-gradient(160deg,var(--rc),var(--rc2)) border-box;box-shadow:0 1px 2px rgba(0,0,0,.55)}
/* Cizimin kendisine bulaniklik filtresi uygulanmaz (net kalir) */
.vip-b svg,.vip-b img{width:84%;height:84%;display:block;object-fit:contain}
.vip-iron{--rc:#b5bac2;--rc2:#5f656e}
.vip-bronze{--rc:#f0a46a;--rc2:#8a4a1c}
.vip-silver{--rc:#ffffff;--rc2:#8f9bab}
.vip-gold{--rc:#fff1a8;--rc2:#c98a10;box-shadow:0 1px 2px rgba(0,0,0,.5),0 0 6px rgba(255,214,90,.55)}
.vip-platinum{--rc:#f4fdff;--rc2:#5cc6ec;box-shadow:0 1px 2px rgba(0,0,0,.5),0 0 7px rgba(120,220,255,.6)}
.vip-vip{--rc:#f6dc94;--rc2:#9a4dff;animation:vipGlow 2.8s ease-in-out infinite}
@keyframes vipGlow{0%,100%{box-shadow:0 1px 2px rgba(0,0,0,.5),0 0 5px rgba(183,110,255,.55)}50%{box-shadow:0 1px 2px rgba(0,0,0,.5),0 0 10px rgba(183,110,255,.9),0 0 4px rgba(246,220,148,.7)}}
.vip-b:focus-visible{outline:2px solid #e9c46a;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.vip-vip{animation:none;box-shadow:0 0 6px rgba(183,110,255,.7)}}

/* Bilgi kutusu (yayinci madalyonlarindaki Silkroad esya kutusu tarzi): koyu zemin, seviye renginde kenarlik */
.vip-tip{--rc:#c58f2c;position:fixed;z-index:9500;width:min(270px,calc(100vw - 16px));box-sizing:border-box;padding:12px 14px;border:1px solid var(--rc);border-radius:4px;color:#e8dcc5;font:14px/1.45 Georgia,"Times New Roman",serif;text-align:left;
 background:linear-gradient(180deg,rgba(18,12,8,.97),rgba(9,6,14,.98));box-shadow:0 0 0 1px #000,0 0 0 2px color-mix(in srgb,var(--rc) 40%,transparent),0 12px 28px rgba(0,0,0,.7);opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s;pointer-events:none}
.vip-tip.in{opacity:1;transform:none;pointer-events:auto}
.vip-tip::after{content:"";position:absolute;left:var(--ax,50%);bottom:-7px;width:12px;height:12px;margin-left:-6px;transform:rotate(45deg);background:#0b0810;border-right:1px solid var(--rc);border-bottom:1px solid var(--rc)}
.vip-tip.below::after{top:-7px;bottom:auto;transform:rotate(225deg)}
.vip-tip-head{display:flex;align-items:center;gap:10px}
.vip-tip-head .vip-b{margin:0;top:0}
.vip-tip-name{color:var(--rc);font:700 16px Cinzel,Georgia,serif;letter-spacing:.03em;text-shadow:0 0 8px color-mix(in srgb,var(--rc) 40%,transparent)}
.vip-tip-sep{height:1px;margin:8px 0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--rc) 70%,transparent),transparent)}
.vip-tip-h{margin:0 0 3px;color:#f6dc94;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.vip-tip ul{margin:0;padding:0;list-style:none}
.vip-tip li{position:relative;padding-left:14px;color:#cfe8ff;font-size:13.5px}
.vip-tip li::before{content:"◆";position:absolute;left:0;top:1px;font-size:9px;color:var(--rc)}
.vip-tip-req{margin:0;color:#8fd0ff;font-size:13px}
.vip-tip-go{display:inline-block;margin-top:2px;color:#7dff9a;font-weight:700;text-decoration:none}
.vip-tip-go:hover,.vip-tip-go:focus-visible{color:#c8ffd3;text-decoration:underline;outline:none}