/* V138 karakterler sayfası (karakterler.html). Sadece #v138-characters içini etkiler. */
.v138-chars-on #v20-characters{display:none!important}
#v138-characters{margin:8px 0 34px}
#v138-characters .v138-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:760px){#v138-characters .v138-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(min-width:1100px){#v138-characters .v138-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
#v138-characters .v138-char{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:20px;
 background:#1B1A24;border:1px solid rgba(138,136,150,.28);color:#fff;text-decoration:none!important;
 box-shadow:0 10px 26px rgba(17,10,25,.18);transition:transform .18s ease,box-shadow .18s ease}
#v138-characters a.v138-char:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(17,10,25,.28)}
#v138-characters a.v138-char:active{transform:scale(.98)}
#v138-characters .v138-art{position:relative;aspect-ratio:1/1;display:grid;place-items:end center;overflow:hidden;
 background:radial-gradient(120% 90% at 50% 100%,var(--c138,#c8104e) 0%,rgba(27,26,36,0) 62%),linear-gradient(180deg,#24222f,#1B1A24)}
#v138-characters .v138-art img{width:88%;height:92%;object-fit:contain;object-position:bottom center;display:block;
 filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
#v138-characters .v138-logo .v138-art{place-items:center}
#v138-characters .v138-logo .v138-art img{width:64%;height:64%;object-position:center;opacity:.85}
#v138-characters .v138-pill{position:absolute;left:10px;top:10px;padding:5px 9px;border-radius:999px;font:900 10px/1 system-ui,sans-serif;
 letter-spacing:.06em;background:rgba(21,20,29,.82);color:var(--c138,#c8104e);border:1px solid var(--c138,#c8104e);backdrop-filter:blur(4px)}
#v138-characters .v138-body{display:flex;flex-direction:column;gap:5px;padding:12px 12px 14px;flex:1}
#v138-characters .v138-body h3{margin:0;font-size:15px;line-height:1.15;font-weight:900;text-transform:uppercase;color:#fff;letter-spacing:.02em}
#v138-characters .v138-body p{margin:0;font-size:12.5px;line-height:1.35;color:#D9D9E0}
#v138-characters .v138-cta{margin-top:auto;align-self:flex-start;padding:9px 13px;border-radius:12px;background:var(--c138,#c8104e);
 color:#15141D;font:900 11.5px/1 system-ui,sans-serif;letter-spacing:.04em;margin-top:10px}
#v138-characters .v138-play{--c138:#c8104e}
#v138-characters .v138-play .v138-cta{color:#fff}
#v138-characters .v138-gift{--c138:#FFD21F}
#v138-characters .v138-app{--c138:#16cddd}
#v138-characters .v138-soon{--c138:#8a8896}
#v138-characters .v138-soon .v138-body h3{color:#D9D9E0}
/* Öne çıkan: Hırt tam genişlik, yatay */
#v138-characters .v138-hero{grid-column:1/-1;flex-direction:row;min-height:190px}
#v138-characters .v138-hero .v138-art{flex:0 0 44%;aspect-ratio:auto}
#v138-characters .v138-hero .v138-body{justify-content:center;padding:18px 16px}
#v138-characters .v138-hero .v138-body h3{font-size:24px}
#v138-characters .v138-hero .v138-body p{font-size:14px}
#v138-characters .v138-hero .v138-cta{margin-top:12px;padding:11px 16px;font-size:13px}
@media(min-width:760px){#v138-characters .v138-hero{min-height:260px}#v138-characters .v138-hero .v138-body h3{font-size:34px}}
/* Açıklama satırı */
#v138-characters .v138-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:14px;padding:10px 12px;border-radius:14px;
 background:#15141D;color:#D9D9E0}
#v138-characters .v138-legend .v138-pill{position:static;backdrop-filter:none}
#v138-characters .v138-legend small{font-size:11.5px;margin-right:8px}
#v138-characters .v138-app-pill{--c138:#16cddd}
#v138-characters .v138-soon-pill{--c138:#8a8896}
/* Hazırlanıyor kartı: satırı tek başına doldurur, yatay */
#v138-characters .v138-logo{grid-column:1/-1;flex-direction:row;min-height:120px}
#v138-characters .v138-logo .v138-art{flex:0 0 38%;aspect-ratio:auto}
#v138-characters .v138-logo .v138-body{justify-content:center}
@media(min-width:760px){#v138-characters .v138-logo{grid-column:auto;flex-direction:column}#v138-characters .v138-logo .v138-art{flex:none;aspect-ratio:1/1}}
#v138-characters .v138-hero .v138-art img{position:absolute;inset:auto 0 0 0;margin:auto;height:94%;width:94%}
#v138-characters .v138-hero{max-height:300px}
@media(min-width:1100px){#v138-characters .v138-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}