/* xk-anom.css — тема аномалий (поверх xk-ship.css). Пурпурно-космический акцент. */
:root{--xs-anom:var(--xh-violet)}
.xs-anom{--xs-hero-c1:color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 22%,transparent);--xs-hero-c2:rgba(42,125,225,.14);--xs-anom:var(--_c,var(--xh-violet))}
.xs-anom-art{display:flex;align-items:center;justify-content:center;color:var(--_c,var(--xs-anom));
   background:radial-gradient(circle at 50% 40%, color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 24%,transparent), rgba(6,10,20,.6) 70%);border-color:color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 42%,transparent)}
.xs-anom .xs-sec-title{border-left-color:var(--xs-anom)}
.xs-anom .xs-tag--fleet{color:var(--xh-lavender);background:color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 18%,transparent);border-color:color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 45%,transparent)}
.xs-anom .xs-nav a.is-active{color:var(--xs-anom);border-left-color:var(--xs-anom);background:color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 8%,transparent)}
.xs-anom .xs-note a{color:var(--xs-anom)}
.xs-anom-effect{display:flex;align-items:center;gap:14px;background:var(--xh-bg-deep);
   border:1px solid color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 30%,transparent);border-radius:var(--xh-radius-md);padding:18px 18px}
.xs-anom-effect-ico{flex:0 0 auto;width:40px;height:40px;color:var(--xs-anom)}
.xs-anom-effect-ico svg{width:40px;height:40px}
.xs-anom-effect-tx{font-size:18px;font-weight:700;color:var(--xh-text)}
.xs-anom-art--img{overflow:hidden;border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 48%,transparent),0 12px 34px -10px color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 45%,transparent)}
.xs-anom-art--img img{width:100%;height:100%;object-fit:cover}
.xs-anom-meta{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.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}

/* O6 — рост бонуса по уровням (лестница) + способы прокачки (2026-06-09) */
.xs-anom-ladder{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.xs-anom-step{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;
   background:var(--xh-bg-deep);border:1px solid color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 22%,transparent);border-radius:var(--xh-radius-md);padding:9px 14px}
.xs-anom-step--max{border-color:color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 55%,transparent);background:color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 10%,transparent)}
.xs-anom-step-lvl{font-size:13px;font-weight:700;color:var(--xh-text-soft)}
.xs-anom-step-bar{position:relative;height:8px;border-radius:6px;background:color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 14%,transparent);overflow:hidden}
.xs-anom-step-fill{position:absolute;inset:0 auto 0 0;border-radius:6px;
   background:linear-gradient(90deg,var(--_c,#7c3aed),color-mix(in srgb,var(--_c,#7c3aed) 60%,#fff))}
.xs-anom-step-val{font-size:14px;font-weight:800;color:var(--xs-anom);min-width:64px;text-align:right;white-space:nowrap}
.xs-anom-step--max .xs-anom-step-val{color:var(--xh-lavender)}
.xs-anom-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:6px}
.xs-anom-way{display:flex;flex-direction:column;gap:7px;background:var(--xh-bg-deep);
   border:1px solid var(--xh-border);border-radius:var(--xh-radius-md);padding:16px}
.xs-anom-way--over{border-color:color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 40%,transparent);background:color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 7%,transparent)}
.xs-anom-way-ico{width:34px;height:34px;color:var(--xs-anom)}
.xs-anom-way-ico svg{width:34px;height:34px}
.xs-anom-way-h{font-size:14.5px;font-weight:700;color:var(--xh-text)}
.xs-anom-way-t{font-size:13px;line-height:1.5;color:var(--xh-text-soft)}
.xs-anom-over-chances{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.xs-anom-chance{font-size:12px;font-weight:600;color:var(--xh-lavender);background:color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 16%,transparent);
   border:1px solid color-mix(in srgb,var(--_c,var(--_c,#7c3aed)) 35%,transparent);border-radius:8px;padding:4px 9px}
.xs-anom-chance b{color:var(--xh-white)}
@media(max-width:480px){.xs-anom-step{grid-template-columns:52px 1fr auto;gap:8px;padding:8px 11px}}

/* Аномалия: картинка в шапке (owner 8934/8935/8941/8959) — плавно растворяется слева, не дальше края контента, ниже по высоте */
.xs-hero--anom{min-height:200px}
.xs-hero--anom .xs-hero-bg{background:var(--xh-bg-deep)} /* однородно тёмный фон, без тонировки правого края */
.xs-hero--anom .xs-hero-char{width:min(48%,540px);max-width:540px;right:calc(max(0px, (100% - var(--xh-max-w,1200px)) / 2) + 36px)}
/* маска затухает С ОБЕИХ сторон: слева в текст, справа плавно в тёмное (не засвечивая край) — owner 9003 */
.xs-hero--anom .xs-hero-char img{object-fit:cover;object-position:center;
   -webkit-mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.32) 18%, #000 44%, #000 64%, rgba(0,0,0,.6) 80%, rgba(0,0,0,.24) 92%, transparent 100%);
   mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.32) 18%, #000 44%, #000 64%, rgba(0,0,0,.6) 80%, rgba(0,0,0,.24) 92%, transparent 100%)}
/* подложка: только левое затемнение для текста, справа уходит в тёмное (без цветного тинта) */
.xs-hero--anom::after{background:linear-gradient(100deg, var(--xh-bg-deep) 0%, rgba(8,12,22,.8) 30%, rgba(8,12,22,.3) 54%, transparent 74%)}
/* #42: тематическая сцена аномалии как атмосферный фон шапки (нижний слой, гаснет к краям) */
.xs-hero--anom-scene{overflow:hidden}
.xs-anom-scene{position:absolute;inset:0;z-index:0;pointer-events:none;background-position:center;background-size:cover;opacity:.42;
  -webkit-mask-image:radial-gradient(135% 118% at 72% 42%, #000 34%, transparent 88%);mask-image:radial-gradient(135% 118% at 72% 42%, #000 34%, transparent 88%)}
@media(max-width:760px){.xs-anom-scene{opacity:.16;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.25) 55%,transparent 88%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.25) 55%,transparent 88%)}
  .xs-hero--anom .xs-hero-inner{position:relative;z-index:2}
  .xs-hero--anom .xs-hero-body{position:relative}
  .xs-hero--anom .xs-hero-body::before{content:'';position:absolute;inset:-14px -18px;z-index:-1;background:radial-gradient(120% 100% at 20% 40%,rgba(6,10,20,.82),rgba(6,10,20,.5) 60%,transparent);border-radius:16px}}
@media(max-width:760px){.xs-hero--anom .xs-hero-char{width:100%;max-width:none;right:0}
   .xs-hero--anom .xs-hero-char img{object-position:center 26%;-webkit-mask-image:linear-gradient(to bottom, #000 0%, rgba(0,0,0,.35) 72%, transparent 100%);mask-image:linear-gradient(to bottom, #000 0%, rgba(0,0,0,.35) 72%, transparent 100%)}
   .xs-hero--anom::after{background:linear-gradient(180deg, rgba(8,12,22,.20) 0%, rgba(8,12,22,.5) 46%, var(--xh-bg-deep) 100%)}}