/* /var/www/html/jdserver/2026/modules/duel/duel.css */
/* JDServer-Webs v6.8 — Duel d'estacions */

#duel{ margin:16px 0 28px; }
.duel-wrap{ display:grid; gap:16px; }

.duel-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(1200px 400px at 10% -10%, color-mix(in oklab, var(--brand, #3b82f6) 18%, transparent), transparent 55%),
    radial-gradient(900px 300px at 100% 0%, color-mix(in oklab, var(--brand, #3b82f6) 10%, transparent), transparent 60%),
    var(--card);
  border:1px solid var(--border);
  border-radius:calc(var(--radius) + 8px);
  box-shadow:var(--shadow-1);
  padding:18px;
}

.duel-hero-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

.duel-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid color-mix(in oklab, var(--border) 80%, transparent);
  background:color-mix(in oklab, var(--card) 85%, var(--brand, #3b82f6) 15%);
  font:600 12px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--text);
  margin-bottom:10px;
}

.duel-title{
  margin:0;
  font:800 clamp(26px, 3vw, 38px)/1.04 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  letter-spacing:-0.03em;
}

.duel-subtitle{
  margin:8px 0 0;
  color:var(--muted);
  font:500 14px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  max-width:860px;
}

.duel-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

.duel-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid var(--border);
  background:var(--bg-soft, color-mix(in oklab, var(--card) 82%, var(--text) 2%));
  color:var(--muted);
  font:600 12px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

.duel-chip--tiny{
  min-height:28px;
  padding:0 10px;
  font-size:11px;
}

.duel-controls{ display:grid; gap:12px; }
.duel-tabs{ display:flex; flex-wrap:wrap; gap:8px; }
.duel-tabs--region{ margin-top:2px; }

.duel-tab{
  appearance:none;
  border:1px solid var(--border);
  background:var(--card);
  color:var(--text);
  border-radius:999px;
  padding:10px 14px;
  font:700 13px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  cursor:pointer;
  transition:.2s ease;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.duel-tab:hover{
  transform:translateY(-1px);
  box-shadow:var(--shadow-1);
}

.duel-tab.is-active{
  background:color-mix(in oklab, var(--brand, #3b82f6) 16%, var(--card));
  border-color:color-mix(in oklab, var(--brand, #3b82f6) 45%, var(--border));
  color:var(--text);
}

.duel-story{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:14px 16px;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--card);
  box-shadow:var(--shadow-1);
}

.duel-story-ico{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:color-mix(in oklab, var(--brand, #3b82f6) 16%, transparent);
  flex:0 0 auto;
}

.duel-story p{
  margin:0;
  color:var(--text);
  font:600 14px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

.duel-mini-grid{
  display:grid;
  gap:12px;
  grid-template-columns:1fr;
}
@media (min-width:700px){
  .duel-mini-grid{ grid-template-columns:1fr 1fr; }
}

.duel-mini{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:20px;
  box-shadow:var(--shadow-1);
  padding:14px;
}

.duel-mini-title,
.duel-section-title{
  margin:0 0 12px;
  font:800 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  display:flex;
  align-items:center;
  gap:8px;
}

.duel-mini-empty{
  margin:0;
  color:var(--muted);
  font:600 13px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

.duel-story-list{ display:grid; gap:10px; }

.duel-story-row{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:flex-start;
}

.duel-story-icon{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  margin-top:1px;
}

.duel-story-line{
  color:var(--muted);
  font:650 13px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

.duel-badges-list{ display:grid; gap:10px; }

.duel-badge-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border:1px solid color-mix(in oklab, var(--border) 72%, transparent);
  border-radius:14px;
  background:color-mix(in oklab, var(--card) 88%, var(--brand, #3b82f6) 4%);
}

.duel-badge-row-label{
  color:var(--text);
  font:800 13px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  display:flex;
  align-items:center;
  gap:8px;
}

.duel-badge-row-station{
  color:var(--muted);
  font:700 13px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  text-align:right;
}

.duel-winners{
  display:grid;
  gap:14px;
  grid-template-columns:1fr;
}
@media (min-width:900px){
  .duel-winners{ grid-template-columns:1fr 1fr; }
}
@media (min-width:1280px){
  .duel-winners{ grid-template-columns:1fr 1fr 1fr; }
}

.duel-win{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, color-mix(in oklab, var(--card) 92%, white 3%), var(--card));
  border:1px solid var(--border);
  border-radius:24px;
  box-shadow:var(--shadow-1);
  padding:16px;
}

.duel-win::after{
  content:"";
  position:absolute;
  inset:auto -30px -30px auto;
  width:120px;
  height:120px;
  border-radius:999px;
  background:radial-gradient(circle, color-mix(in oklab, var(--brand, #3b82f6) 18%, transparent) 0%, transparent 70%);
  pointer-events:none;
}

.duel-win-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.duel-win-cat{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.duel-win-ico{
  width:40px;
  height:40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:color-mix(in oklab, var(--brand, #3b82f6) 14%, transparent);
  flex:0 0 auto;
}

.duel-win-label{
  margin:0;
  font:800 15px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  letter-spacing:-0.01em;
}

.duel-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:color-mix(in oklab, #f59e0b 18%, var(--card));
  border:1px solid color-mix(in oklab, #f59e0b 35%, var(--border));
  color:var(--text);
  font:800 11px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  text-transform:uppercase;
  letter-spacing:.04em;
  white-space:nowrap;
}

.duel-win-value{
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin:10px 0 12px;
}

.duel-win-value strong{
  font:900 clamp(28px, 4vw, 42px)/0.95 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  letter-spacing:-0.04em;
}

.duel-win-value span{
  color:var(--muted);
  font:700 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  padding-bottom:4px;
}

.duel-win-station{
  font:800 15px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  margin:0 0 6px;
}

.duel-win-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  color:var(--muted);
  font:600 12px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

/* CHARTS */
.duel-charts{
  display:grid;
  gap:12px;
}

.duel-charts-grid{
  display:grid;
  gap:14px;
  grid-template-columns:1fr;
}
@media (min-width:980px){
  .duel-charts-grid{ grid-template-columns:1fr 1fr; }
}

.duel-chart{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:var(--shadow-1);
  padding:14px;
}

.duel-chart-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

.duel-chart-title{
  display:flex;
  align-items:center;
  gap:8px;
  font:800 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

.duel-chart-refs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.duel-chart-body{
  position:relative;
  display:grid;
  gap:10px;
}

.duel-chart-guides{
  position:absolute;
  inset:0 88px 0 170px;
  pointer-events:none;
}
.duel-guide{
  position:absolute;
  top:0; bottom:0;
  width:0;
  border-left:2px dashed color-mix(in oklab, var(--border) 82%, var(--text) 12%);
  opacity:.8;
}
.duel-guide--avg{ left:var(--duel-avg); }
.duel-guide--med{ left:var(--duel-med); border-left-style:solid; opacity:.35; }

.duel-chart-row{
  display:grid;
  grid-template-columns:160px 1fr auto;
  gap:10px;
  align-items:center;
  position:relative;
}
.duel-chart-row.is-home .duel-chart-name{
  color:var(--text);
  font-weight:850;
}
.duel-chart-row.is-leader .duel-chart-fill{
  filter:saturate(1.12) brightness(1.02);
}

.duel-chart-name{
  font:700 12px/1.25 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--muted);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.duel-chart-meter{
  height:12px;
  background:color-mix(in oklab, var(--card) 85%, var(--text) 6%);
  border:1px solid color-mix(in oklab, var(--border) 75%, transparent);
  border-radius:999px;
  overflow:hidden;
  position:relative;
}

.duel-chart-fill{
  height:100%;
  border-radius:999px;
  min-width:6px;
  background:linear-gradient(90deg, color-mix(in oklab, var(--brand, #3b82f6) 88%, white 10%), color-mix(in oklab, var(--brand, #3b82f6) 64%, #60a5fa 36%));
  box-shadow:0 0 0 1px rgba(255,255,255,.18) inset;
}

.duel-chart-val{
  min-width:94px;
  text-align:right;
  font:800 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--text);
}

.duel-chart-foot{
  margin-top:10px;
  color:var(--muted);
  font:600 11px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

.duel-rank-grid{
  display:grid;
  gap:14px;
  grid-template-columns:1fr;
}
@media (min-width:960px){
  .duel-rank-grid{ grid-template-columns:1fr 1fr; }
}

.duel-rank{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:24px;
  box-shadow:var(--shadow-1);
  overflow:hidden;
}

.duel-rank-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:16px 16px 12px;
  border-bottom:1px solid var(--border);
}

.duel-rank-title{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.duel-rank-title h4{
  margin:0;
  font:800 16px/1.25 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  letter-spacing:-0.02em;
}

.duel-rank-title .ico{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:color-mix(in oklab, var(--brand, #3b82f6) 14%, transparent);
  flex:0 0 auto;
}

.duel-rank-sub{
  color:var(--muted);
  font:700 11px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.duel-list{ display:grid; }

.duel-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-top:1px solid color-mix(in oklab, var(--border) 70%, transparent);
}
.duel-row:first-child{ border-top:0; }

.duel-pos{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:var(--bg-soft, color-mix(in oklab, var(--card) 88%, var(--text) 3%));
  color:var(--text);
  font:800 13px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

.duel-row.is-gold .duel-pos{
  background:color-mix(in oklab, #f59e0b 18%, var(--card));
  border:1px solid color-mix(in oklab, #f59e0b 35%, var(--border));
}
.duel-row.is-silver .duel-pos{
  background:color-mix(in oklab, #94a3b8 18%, var(--card));
  border:1px solid color-mix(in oklab, #94a3b8 35%, var(--border));
}
.duel-row.is-bronze .duel-pos{
  background:color-mix(in oklab, #b45309 16%, var(--card));
  border:1px solid color-mix(in oklab, #b45309 35%, var(--border));
}

.duel-st{ min-width:0; }
.duel-st-name{
  display:block;
  font:750 14px/1.25 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.duel-st-sub{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font:600 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

.duel-val{ text-align:right; white-space:nowrap; }
.duel-val strong{
  font:850 16px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  letter-spacing:-0.02em;
}
.duel-val span{
  color:var(--muted);
  font:700 12px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  margin-left:4px;
}

.duel-empty,
.duel-loading,
.duel-error{
  padding:18px;
  border:1px dashed var(--border);
  border-radius:20px;
  color:var(--muted);
  background:var(--card);
  font:600 14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

.duel-footer-note{
  color:var(--muted);
  font:600 12px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  text-align:center;
  padding-top:4px;
}

/* ICONOS ESTILO LIVE */
:root{
  --kpi-temp:  #ef4444;
  --kpi-hum:   #3b82f6;
  --kpi-dp:    #06b6d4;
  --kpi-cbase: #38bdf8;
  --kpi-vapor: #14b8a6;
  --kpi-bar:   #a855f7;
  --kpi-prec:  #0ea5e9;
  --kpi-pint:  #f59e0b;
  --kpi-sun:   #facc15;
  --kpi-uvi:   #d946ef;
  --kpi-sens:  #22c55e;
  --kpi-wind:  #60a5fa;
}

.duel-icon-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.duel-metric-icon,
.duel-ui-icon{
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  flex:0 0 auto;
}

.duel-ui-icon::before,
.duel-ui-icon::after{
  content:"";
  position:absolute;
  box-sizing:border-box;
}

.duel-ui-icon--trophy{
  width:16px; height:16px;
}
.duel-ui-icon--trophy::before{
  left:3px; top:1px; width:10px; height:8px;
  border:2px solid #fbbf24;
  border-bottom-width:3px;
  border-radius:0 0 4px 4px;
  border-top-left-radius:2px;
  border-top-right-radius:2px;
}
.duel-ui-icon--trophy::after{
  left:6px; bottom:1px; width:4px; height:6px;
  background:#f59e0b;
  border-radius:1px;
  box-shadow:-3px 4px 0 0 #fbbf24, 3px 4px 0 0 #fbbf24;
}

.duel-ui-icon--spark::before{
  inset:2px;
  background:linear-gradient(180deg, #fde68a, #f59e0b);
  clip-path:polygon(50% 0, 62% 34%, 100% 50%, 62% 66%, 50% 100%, 38% 66%, 0 50%, 38% 34%);
  animation:duelPulse 2.2s ease-in-out infinite;
}

.duel-ui-icon--story::before{
  left:2px; top:1px; width:12px; height:15px;
  border-radius:3px;
  background:linear-gradient(180deg,#ffffff,#e5e7eb);
  border:1px solid #cbd5e1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);
}
.duel-ui-icon--story::after{
  right:1px; top:6px; width:7px; height:7px;
  border-radius:50%;
  border:2px solid #3b82f6;
  border-left-color:transparent;
  border-bottom-color:transparent;
  transform:rotate(20deg);
}

.duel-ui-icon--crown::before{
  left:1px; right:1px; bottom:2px; height:6px;
  background:linear-gradient(180deg,#fbbf24,#f59e0b);
  border-radius:2px 2px 4px 4px;
}
.duel-ui-icon--crown::after{
  left:1px; right:1px; top:1px; height:10px;
  background:linear-gradient(180deg,#fde68a,#fbbf24);
  clip-path:polygon(0 100%, 0 55%, 18% 28%, 34% 60%, 50% 10%, 66% 60%, 82% 28%, 100% 55%, 100% 100%);
}

.duel-ui-icon--chart::before{
  left:2px; right:2px; bottom:2px; top:2px;
  background:
    linear-gradient(180deg, transparent 0 35%, #60a5fa 35% 100%) 0 0/3px 100% no-repeat,
    linear-gradient(180deg, transparent 0 15%, #38bdf8 15% 100%) 50% 0/3px 100% no-repeat,
    linear-gradient(180deg, transparent 0 45%, #22c55e 45% 100%) 100% 0/3px 100% no-repeat;
  border-bottom:2px solid #cbd5e1;
}

.duel-ui-icon--territory-all::before{
  inset:1px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%, #bfdbfe, #2563eb 80%);
}
.duel-ui-icon--territory-all::after{
  inset:4px;
  border:1px solid rgba(255,255,255,.75);
  border-radius:50%;
  opacity:.9;
}

.duel-ui-icon--territory-cat::before{
  left:2px; top:2px; width:14px; height:14px;
  border-radius:50%;
  background:
    linear-gradient(180deg,#f8fafc 0 18%, #ef4444 18% 30%, #f8fafc 30% 42%, #f59e0b 42% 58%, #f8fafc 58% 70%, #ef4444 70% 82%, #f8fafc 82% 100%);
  box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;
}
.duel-ui-icon--territory-cat::after{
  right:1px; bottom:1px; width:5px; height:5px;
  border-radius:50%;
  background:#3b82f6;
  box-shadow:0 0 0 2px var(--card);
}

.duel-ui-icon--territory-val::before{
  left:2px; top:2px; width:14px; height:14px;
  border-radius:50%;
  background:
    linear-gradient(90deg,#1d4ed8 0 24%, #f8fafc 24% 34%, #ef4444 34% 46%, #f59e0b 46% 58%, #ef4444 58% 70%, #f59e0b 70% 82%, #ef4444 82% 100%);
  box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;
}
.duel-ui-icon--territory-val::after{
  right:1px; bottom:1px; width:5px; height:5px;
  border-radius:50%;
  background:#f97316;
  box-shadow:0 0 0 2px var(--card);
}

.duel-ui-icon--scope-live::before{
  left:3px; top:3px; width:12px; height:12px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #86efac, #16a34a 80%);
  animation:duelPulse 1.8s ease-in-out infinite;
}

.duel-ui-icon--scope-day::before{
  left:3px; top:3px; width:12px; height:12px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #fde68a, #f59e0b 80%);
}
.duel-ui-icon--scope-day::after{
  right:1px; top:1px; width:4px; height:4px;
  border-radius:50%;
  background:#fff7ed;
}

.duel-ui-icon--scope-month::before{
  left:2px; top:2px; width:14px; height:14px;
  border-radius:4px;
  background:linear-gradient(180deg,#dbeafe,#60a5fa);
}
.duel-ui-icon--scope-month::after{
  left:4px; top:5px; width:10px; height:2px;
  background:#ffffff;
  box-shadow:0 4px 0 0 #ffffff, 0 8px 0 0 #ffffff;
}

.duel-ui-icon--scope-year::before{
  left:2px; top:2px; width:14px; height:14px;
  border-radius:50%;
  border:2px solid #8b5cf6;
}
.duel-ui-icon--scope-year::after{
  left:8px; top:3px; width:2px; height:6px;
  background:#8b5cf6;
  border-radius:2px;
  box-shadow:3px 5px 0 0 #8b5cf6;
}

:root[data-theme="dark"] .duel-metric-icon,
html[data-theme="dark"] .duel-metric-icon,
html.dark .duel-metric-icon,
body.dark .duel-metric-icon,
:root[data-theme="dark"] .duel-ui-icon,
html[data-theme="dark"] .duel-ui-icon,
html.dark .duel-ui-icon,
body.dark .duel-ui-icon{
  color:rgba(255,255,255,.82);
}

.duel-kpi-svg{ width:100%; height:100%; display:block; }
.duel-kpi-svg *{ stroke-width:1.5 !important; }

.duel-metric-icon[data-metric-id="temp"] { --kpi-accent: var(--kpi-temp); }
.duel-metric-icon[data-metric-id="hum"]  { --kpi-accent: var(--kpi-hum); }
.duel-metric-icon[data-metric-id="dp"]   { --kpi-accent: var(--kpi-dp); }
.duel-metric-icon[data-metric-id="cbase"]{ --kpi-accent: var(--kpi-cbase); }
.duel-metric-icon[data-metric-id="vapor"]{ --kpi-accent: var(--kpi-vapor); }
.duel-metric-icon[data-metric-id="bar"]  { --kpi-accent: var(--kpi-bar); }
.duel-metric-icon[data-metric-id="prec"] { --kpi-accent: var(--kpi-prec); }
.duel-metric-icon[data-metric-id="pint"] { --kpi-accent: var(--kpi-pint); }
.duel-metric-icon[data-metric-id="sun"]  { --kpi-accent: var(--kpi-sun); }
.duel-metric-icon[data-metric-id="uvi"]  { --kpi-accent: var(--kpi-uvi); }
.duel-metric-icon[data-metric-id="sens"] { --kpi-accent: var(--kpi-sens); }
.duel-metric-icon[data-metric-id="wind"] { --kpi-accent: var(--kpi-wind); }

.duel-ui-icon--trophy { --kpi-accent: var(--kpi-temp); }
.duel-ui-icon--spark { --kpi-accent: var(--kpi-sun); }
.duel-ui-icon--story { --kpi-accent: var(--kpi-dp); }
.duel-ui-icon--crown { --kpi-accent: var(--kpi-bar); }
.duel-ui-icon--chart { --kpi-accent: var(--kpi-pint); }
.duel-ui-icon--territory-all { --kpi-accent: var(--kpi-bar); }
.duel-ui-icon--territory-cat { --kpi-accent: var(--kpi-temp); }
.duel-ui-icon--territory-val { --kpi-accent: var(--kpi-sun); }
.duel-ui-icon--scope-live { --kpi-accent: var(--kpi-hum); }
.duel-ui-icon--scope-day { --kpi-accent: var(--kpi-sun); }
.duel-ui-icon--scope-month { --kpi-accent: var(--kpi-bar); }
.duel-ui-icon--scope-year { --kpi-accent: var(--kpi-uvi); }

.duel-kpi-accent{
  stroke:var(--kpi-accent, currentColor);
  stroke-opacity:.98;
}

@media (max-width:760px){
  .duel-chart-row{
    grid-template-columns:1fr;
    gap:6px;
  }
  .duel-chart-guides{
    inset:24px 0 0 0;
  }
  .duel-chart-val{
    min-width:0;
    text-align:left;
  }
}

@media (max-width:640px){
  .duel-badge-row{
    grid-template-columns:1fr;
    gap:6px;
  }
  .duel-badge-row-station{
    text-align:left;
  }
}