.deron-city-container{ --bg:#0e101a; --card:#151827; --border:#24283f; --text:#e6e8f0; --muted:#8b8fa3; --draemir:#ff3b5c; --valeryon:#3ec1ff; max-width:700px; margin:30px auto; background: var(--bg); border:1px solid var(--border); border-radius:20px; overflow:hidden; color:var(--text); font-family:system-ui, sans-serif; }
.deron-city-header{ padding:22px 26px; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; }
.deron-city-header h3{ margin:0; font-size:20px; font-weight:900; text-transform:uppercase; display:flex; gap:10px; align-items:center; }
.deron-city-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:20px; }
.deron-city-card{ background:var(--card); border:1px solid var(--border); border-radius:16px; padding:20px; text-align:center; }
.deron-city-card.draemir{ border-color:rgba(255,59,92,.4); }
.deron-city-card.valeryon{ border-color:rgba(62,193,255,.4); }
.deron-city-card .city-icon{ width:56px; height:56px; border-radius:12px; margin:0 auto 10px; display:grid; place-items:center; font-size:24px; }
.deron-city-card.draemir .city-icon{ background: linear-gradient(135deg, #ff3b5c, #7a1a2a); }
.deron-city-card.valeryon .city-icon{ background: linear-gradient(135deg, #3ec1ff, #1a4a7a); }
.deron-city-card .city-name{ font-weight:800; font-size:16px; }
.deron-city-card .city-count{ font-size:42px; font-weight:900; margin:8px 0; }
.deron-city-card.draemir .city-count{ color:var(--draemir); }
.deron-city-card.valeryon .city-count{ color:var(--valeryon); }
.deron-city-card .city-label{ font-size:11px; color:var(--muted); text-transform:uppercase; }
.deron-city-total{ padding:0 20px 20px; }
.deron-city-bar{ height:10px; background:#1c1f33; border-radius:99px; overflow:hidden; display:flex; }
.deron-war-header h3{
  color: #ffffff !important;
}