/* SPIEKALNIA – okno artefaktów (js/ui/ArtifactUI.js). --tier = kolor rzadkości egzemplarza. */
.af{display:flex;flex-direction:column;gap:8px;min-width:min(560px,86vw)}
.af-intro{margin:0}
.af-ic{width:48px;height:48px;image-rendering:pixelated;flex:none}
.af-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:#120f0d;border:1px solid #3a322a;padding:8px}
.af-crucible{display:flex;align-items:center;gap:6px}
.af-plus,.af-arrow{color:#8a7a62;font-weight:bold}
.af-slot{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#0b0a09;border:2px solid var(--tier,#3a322a);box-shadow:inset 0 0 8px color-mix(in srgb,var(--tier,#000) 35%,transparent)}
.af-slot.empty{border-style:dashed;border-color:#3a322a}
.af-slot.q{color:#5a5040;font-size:20px}
.af-slot.glow,.af-crucible.burning .af-slot{animation:afBurn .45s ease-in-out infinite alternate}
@keyframes afBurn{from{box-shadow:inset 0 0 6px #ff8a2a55,0 0 4px #ff8a2a33}to{box-shadow:inset 0 0 16px #ffb04aaa,0 0 10px #ff8a2a88}}
.af-act{display:flex;flex-direction:column;gap:3px;max-width:260px}
.af-act small{color:#a89878;font-size:11px}
.af-beltrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.af-beltrow small{color:#c87a5a;font-size:11px;flex-basis:100%}
.af-belt{display:flex;gap:6px}
.af-h{margin-top:4px}
.af-list{display:flex;flex-direction:column;gap:6px;max-height:42vh;overflow:auto;padding-right:4px}
.af-card{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:#161310;border:1px solid #3a322a;border-left:4px solid var(--tier);padding:6px;cursor:pointer}
.af-card.on{background:#1b1a12}
.af-card.sel{outline:1px solid #ff9a3a}
.af-card.res{cursor:default;border:2px solid var(--tier);box-shadow:0 0 12px color-mix(in srgb,var(--tier) 40%,transparent)}
.af-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.af-name{color:var(--tier);font-size:14px}
.af-tier{color:#a89878;font-size:11px}
.af-stats{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:2px 10px;font-size:12px}
.af-stats .g{color:#8ad06a}.af-stats .b{color:#e0705a}
.af-lore{margin:4px 0 0;color:#8a8070;font-size:11px;font-style:italic}
.af-btns{display:flex;flex-direction:column;gap:4px}
.af-btns .sh-btn[disabled],.af-act .sh-btn[disabled]{opacity:.4;cursor:not-allowed}
img.art-ic{image-rendering:pixelated}
@media (max-width:640px){.af-card{grid-template-columns:auto 1fr}.af-btns{grid-column:1/-1;flex-direction:row}}