/* At bölümünün mevcut iki sütunu ve seviye kartları korunur. */
#atsistemi .horse-guide { max-width:380px; height:500px; flex:1; display:flex; flex-direction:column; gap:20px; justify-content:center; text-align:center; }
#atsistemi .horse-guide > img { width:90px; height:90px; flex-shrink:0; object-fit:contain; }
#atsistemi .horse-guide h3 { color:#c1b9bb; font:700 18px var(--font-heading); margin:0; letter-spacing:2px; }
#atsistemi .horse-guide p { font-size:12px; line-height:1.8; color:#b2a9ab; margin:0 24px; }
#atsistemi .horse-total { display:grid; gap:10px; color:#b1a8aa; font-size:12px; padding:20px 16px; width:calc(100% - 44px); border-block:1px solid #a1969735; }
#atsistemi .horse-total strong { color:#c5bebf; font-size:22px; }
#atsistemi .horse-guide .horse-stat-note { font-size:11px; color:#968a8c; }
#atsistemi .horse-stat-line { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; color:#aca3a4; font-size:11px; }
#atsistemi .horse-stat-line span { white-space:nowrap; }
@media(max-width:992px) {
 #atsistemi .horse-guide.system-gif-container { height:auto !important; min-height:400px; flex:auto; width:100%; padding:25px 0 !important; }
 #atsistemi .horse-scroll-panel { flex:none; height:380px; max-height:380px; }
 #atsistemi .horse-level-row { flex-shrink:0; }
 #atsistemi .horse-level-header { gap:8px; flex-wrap:wrap; }
 #atsistemi .horse-stat-line { font-size:10px; }
}