/* xk-loot.css — тема контейнеров (поверх xk-ship.css). Атмосферная подача с уровнями редкости (#9321). */
.xs-loot{--xs-hero-c1:rgba(32,176,184,.18);--xs-hero-c2:rgba(124,58,237,.16)}
.xs-loot .xs-sec-title{border-left-color:var(--xh-teal)}
.xs-loot .xs-tag--fleet{color:var(--xh-cyan-soft);background:rgba(32,176,184,.16);border-color:rgba(32,176,184,.42)}
.xs-loot .xs-nav a.is-active{color:var(--xh-teal);border-left-color:var(--xh-teal);background:rgba(32,176,184,.08)}

/* Hero: свечение-аура под контейнером */
.xs-loot .xs-hero-art{position:relative;background:radial-gradient(circle at 50% 42%,rgba(32,176,184,.28),rgba(6,10,20,.5) 68%)}
.xs-loot .xs-hero-art::before{content:"";position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.30),transparent 62%);filter:blur(16px);z-index:-1;animation:xsLootAura 5s ease-in-out infinite}
@keyframes xsLootAura{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.xs-loot .xs-hero-art::before{animation:none}}

/* Группа наград = уровень редкости (цвет --_rc + свечение + метка) */
.xs-loot-group{--_rc:var(--xh-teal);position:relative;border:1px solid color-mix(in srgb,var(--_rc) 34%,var(--xh-border));border-radius:15px;padding:14px 16px;margin-bottom:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--_rc) 8%,var(--xh-bg-deep)),var(--xh-bg-deep) 62%);box-shadow:inset 0 0 22px -14px color-mix(in srgb,var(--_rc) 80%,transparent)}
.xs-loot-group--guar{--_rc:var(--xh-teal,#20b0b8)}
.xs-loot-group--common{--_rc:var(--xh-blue-light,#4a9df5)}
.xs-loot-group--rare{--_rc:var(--xh-purple-light,#b06cff)}
.xs-loot-group--leg{--_rc:var(--xh-orange,#e8952f)}
.xs-loot-ghead{display:flex;align-items:center;gap:10px;margin-bottom:11px;flex-wrap:wrap}
.xs-loot-rbadge{font-family:var(--xh-font-heading);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb,var(--_rc) 85%,#fff);background:color-mix(in srgb,var(--_rc) 16%,transparent);border:1px solid color-mix(in srgb,var(--_rc) 46%,transparent);border-radius:7px;padding:3px 10px}
.xs-loot-gchance{font-size:12.5px;color:var(--xh-text-muted)}
.xs-loot-gchance b{color:color-mix(in srgb,var(--_rc) 80%,#fff);font-variant-numeric:tabular-nums;font-weight:700}
.xs-loot-items{display:flex;flex-wrap:wrap;gap:9px}
.xs-loot-item{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--xh-text-secondary,#c7d2e0);background:color-mix(in srgb,var(--_rc) 6%,var(--xh-bg-card));border:1px solid color-mix(in srgb,var(--_rc) 26%,var(--xh-border));border-radius:9px;padding:6px 11px;transition:border-color .15s,transform .15s}
.xs-loot-item:hover{border-color:color-mix(in srgb,var(--_rc) 55%,transparent);transform:translateY(-1px)}
.xs-loot-item img{width:22px;height:22px;object-fit:contain}
.xs-loot-item-nm{line-height:1.2}
.xs-loot-item-x{color:#fff;font-variant-numeric:tabular-nums;font-weight:700}

/* Проходы — цепочка «открытий» */
.xs-loot-passes{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0}
.xs-loot-pass{flex:1;min-width:104px;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;border-radius:13px;border:1px solid var(--xh-border);background:var(--xh-bg-deep)}
.xs-loot-pass--sure{border-color:rgba(32,176,184,.5);background:color-mix(in srgb,var(--xh-teal) 13%,var(--xh-bg-deep));box-shadow:inset 0 0 20px -12px var(--xh-teal)}
.xs-loot-pass-n{font-size:12px;color:var(--xh-text-secondary)}
.xs-loot-pass-c{font-family:var(--xh-font-heading);font-weight:800;font-size:21px;color:var(--xh-teal);font-variant-numeric:tabular-nums}