.deron-war-container{ --bg:#0e101a; --card:#151827; --border:#24283f; --text:#e6e8f0; --muted:#8b8fa3; --draemir:#ff3b5c; --valeryon:#3ec1ff; max-width:900px; margin:30px auto; background: radial-gradient(1000px 500px at 0% 0%, rgba(255,59,92,.18), transparent), radial-gradient(800px 400px at 100% 0%, rgba(62,193,255,.18), transparent), var(--bg); border:1px solid var(--border); border-radius:20px; overflow:hidden; color:var(--text); font-family:system-ui, sans-serif; box-shadow:0 20px 60px rgba(0,0,0,.5); }
.deron-war-header{ padding:24px 28px; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; }
.deron-war-header h3{ margin:0; font-size:22px; font-weight:900; text-transform:uppercase; display:flex; gap:10px; align-items:center; }
.deron-war-header h3 .icon{ width:38px; height:38px; border-radius:10px; background: linear-gradient(135deg, var(--draemir), var(--valeryon)); display:grid; place-items:center; }
.deron-faction-row{ display:grid; grid-template-columns:1fr auto 1fr; gap:16px; padding:22px; align-items:center; }
.deron-faction-card{ background:var(--card); border:1px solid var(--border); border-radius:16px; padding:18px; text-align:center; }
.deron-faction-card.draemir{ border-color: rgba(255,59,92,.4); }
.deron-faction-card.valeryon{ border-color: rgba(62,193,255,.4); }
.deron-faction-card .faction-label{ font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:var(--muted); font-weight:800; }
.deron-faction-card .faction-name{ font-size:20px; font-weight:900; margin:6px 0; }
.deron-faction-card.draemir .faction-name{ color:var(--draemir); }
.deron-faction-card.valeryon .faction-name{ color:var(--valeryon); }
.deron-faction-card .faction-value{ font-size:36px; font-weight:900; line-height:1; }
.deron-vs{ width:56px; height:56px; border-radius:50%; background:#1c1f33; border:1px solid var(--border); display:grid; place-items:center; font-weight:900; font-size:14px; }
.deron-bar-wrap{ padding:0 28px 20px; }
.deron-bar{ height:14px; background:#1c1f33; border-radius:99px; overflow:hidden; display:flex; border:1px solid var(--border); }
.deron-bar-draemir{ background: linear-gradient(90deg, #ff3b5c, #ff7a90); }
.deron-bar-valeryon{ background: linear-gradient(90deg, #3ec1ff, #8ad8ff); }
.deron-bar-labels{ display:flex; justify-content:space-between; font-size:11px; color:var(--muted); margin-top:8px; text-transform:uppercase; }
.deron-stats{ display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:0 22px 22px; }
.deron-stat-box{ background:rgba(255,255,255,.02); border:1px solid var(--border); border-radius:12px; padding:14px; text-align:center; }
.deron-stat-box .s-label{ font-size:10px; color:var(--muted); text-transform:uppercase; }
.deron-stat-box .s-val{ font-size:20px; font-weight:800; margin-top:4px; }
.deron-footer{ padding:12px 22px; border-top:1px solid var(--border); display:flex; justify-content:space-between; font-size:11px; color:var(--muted); }
.deron-city-header h3{
  color: #ffffff !important;
}