/* xk-ars.css — тема арсенала (поверх xk-tech.css). Малиновый акцент. */
:root{--xs-ars:#ff5d5d}
.xs-ars{--xs-hero-c1:rgba(255,61,61,.16);--xs-hero-c2:rgba(232,132,30,.12)}
.xs-ars .xs-tech-badge{color:var(--xs-ars);background:radial-gradient(circle at 50% 40%, rgba(255,61,61,.18), rgba(6,10,20,.6) 70%);border-color:rgba(255,61,61,.4)}
.xs-ars .xs-sec-title{border-left-color:var(--xs-ars)}
.xs-ars .xs-tag--fleet{color:var(--xh-pink-soft);background:rgba(255,61,61,.16);border-color:rgba(255,61,61,.42)}
.xs-ars .xs-tag--tier{color:var(--xh-peach);background:rgba(232,132,30,.16);border-color:rgba(232,132,30,.4)}
.xs-ars .xs-nav a.is-active{color:var(--xs-ars);border-left-color:var(--xs-ars);background:rgba(255,61,61,.08)}
.xs-ars .xs-note a,.xs-ars .xs-sec-lead a{color:var(--xs-ars)}
.xs-effect{justify-content:flex-start}
.xs-ars-val{margin-left:auto;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;padding:3px 11px;border-radius:999px;white-space:nowrap}
.xs-ars-val--up{color:var(--xh-pink-soft);background:rgba(255,61,61,.16)}
.xs-ars-val--down{color:var(--xh-text-muted);background:rgba(154,166,189,.12)}
/* meta-строки (xk-anom не загружается на арсенале — дублируем базу) */
.xs-anom-meta{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.xs-anom-meta-row{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--xh-bg-deep);border:1px solid var(--xh-border);border-radius:var(--xh-radius-md);padding:10px 14px}
.xs-anom-meta-k{font-size:13px;color:var(--xh-text-soft);font-weight:600}
.xs-anom-meta-v{font-size:13.5px;color:var(--xh-text);font-weight:600;text-align:right;max-width:62%}
.xs-ars-h3{font-size:15px;font-weight:700;color:var(--xh-text);margin:18px 0 10px}
/* Калькулятор */
.xs-ars-calc{background:var(--xh-bg-deep);border:1px solid var(--xh-border);border-radius:var(--xh-radius-md);padding:16px}
.xs-ars-inputs{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}
.xs-ars-field{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--xh-text-soft)}
.xs-ars-field input{width:130px;background:var(--xh-bg-card);color:var(--xh-text);border:1px solid var(--xh-border-input);border-radius:var(--xh-radius);padding:8px 10px;font-size:15px;font-variant-numeric:tabular-nums}
.xs-ars-check{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--xh-text);cursor:pointer}
.xs-ars-check input{width:16px;height:16px;cursor:pointer}
.xs-ars-result{margin-top:16px}
.ac-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.ac-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--xh-bg-card);border:1px solid var(--xh-border);border-radius:var(--xh-radius);padding:10px 13px}
.ac-k{font-size:13.5px;color:var(--xh-text-secondary)}
.ac-v{font-size:15px;font-weight:800;color:var(--xh-text);font-variant-numeric:tabular-nums}
.ac-v--up{color:var(--xh-pink-soft)}
.ac-details-title{font-size:13px;color:var(--xh-text-soft);font-weight:600;margin-bottom:8px}
.ac-details{display:flex;flex-wrap:wrap;gap:8px}
.ac-det{display:inline-flex;align-items:center;font-size:13px;color:var(--xh-text);background:var(--xh-bg-card);border:1px solid rgba(255,61,61,.28);border-radius:6px;padding:5px 11px;font-variant-numeric:tabular-nums}
.ac-det img{width:20px;height:20px;object-fit:contain;margin-right:6px;flex:none}
/* Оверлок-калькулятор (Increment B) */
.xs-ars-field--oc input[type=range]{width:150px;accent-color:var(--xs-ars,#ff5d5d);padding:0}
.xs-ars-stars{color:var(--xs-ars,#ff5d5d);letter-spacing:2px;font-size:14px}
.ac-bonuses{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.ac-bonus{display:inline-flex;align-items:center;gap:8px;background:var(--xh-bg-card);border:1px solid color-mix(in srgb,var(--xh-green) 30%,transparent);border-radius:8px;padding:6px 12px}
.ac-bonus--neg{border-color:rgba(255,61,61,.3)}
.ac-bonus-n{font-size:12.5px;color:var(--xh-text-soft)}
.ac-bonus-v{font-size:14px;font-weight:800;color:var(--xh-green-bright);font-variant-numeric:tabular-nums}
.ac-bonus--neg .ac-bonus-v{color:var(--xs-ars,#ff5d5d)}
.xs-ars-ptstrip{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.xs-ars-pt{flex:1 1 240px;background:var(--xh-bg-deep);border:1px solid var(--xh-border);border-radius:var(--xh-radius-md);padding:11px 14px}
.xs-ars-pt-k{display:block;font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--xh-text-muted);margin-bottom:4px}
.xs-ars-pt-v{font-size:14px;font-weight:700;color:var(--xh-text);font-variant-numeric:tabular-nums}
.xs-ars-pt-v em{font-style:normal;font-weight:600;color:var(--xh-text-soft);font-size:12.5px}
.xs-ars-hostnote{margin:12px 0 0;font-size:12.5px;color:var(--xh-text-soft);line-height:1.5}
.xs-ars-hostlink{display:inline-flex;align-items:center;gap:6px;margin-left:4px;padding:3px 9px 3px 4px;background:var(--xh-bg-card);border:1px solid color-mix(in srgb,var(--xs-ars,#ff5d5d) 32%,transparent);border-radius:999px;color:var(--xh-text);font-weight:700;text-decoration:none;vertical-align:middle;transition:border-color .15s,transform .15s}
.xs-ars-hostlink:hover{border-color:var(--xs-ars,#ff5d5d);transform:translateY(-1px)}
.xs-ars-hostlink img{width:24px;height:24px;object-fit:contain;border-radius:5px}
.xs-ars-hostarrow{color:var(--xs-ars,#ff5d5d);font-size:16px;line-height:1}
/* Фиксы моб. арсенала (owner 2026-07-09): имя бонуса не наезжает на значение; таблица деталей компактнее */
.xs-ars .xs-effect-tx{flex:1 1 auto;min-width:0}
.xs-ars .xs-effect-name{overflow-wrap:anywhere}
.xs-ars-val{flex:0 0 auto}
.xs-ars-th-det{display:inline-flex;align-items:center;gap:7px}
@media(max-width:600px){
  /* мета-строки прокачки: ключ над значением, без пустоты справа */
  .xs-anom-meta-row{flex-direction:column;gap:3px}
  .xs-anom-meta-v{text-align:left;max-width:100%}
  /* бонус: значение уходит под имя, если тесно */
  .xs-ars .xs-effect{flex-wrap:wrap;row-gap:8px}
  .xs-ars-val{margin-left:0}
  /* таблица деталей: только иконки в шапке → влезает без горизонтальной прокрутки-«склейки» */
  .xs-ars .xs-tbl{min-width:0;width:100%;table-layout:fixed}
  .xs-ars-th-nm{display:none}
  .xs-ars .xs-tbl th,.xs-ars .xs-tbl td{padding:8px 6px;font-size:13px;text-align:center}
  .xs-ars .xs-tbl th:first-child,.xs-ars .xs-tbl td:first-child{text-align:left}
  .xs-ars-th-det{justify-content:center;gap:0}
}
