/* Arsenal (web/inventory-ui.js): the creature's equipment on one screen that fits without scrolling, and its windows
   (Mochila, Ficha, Forja, Encantos, Livro dos Conjuntos, Prontidão). Pieces and colours from docs/DESIGN.md. */
.ar-screen{display:grid;gap:6px;min-width:0}
.ar-top{display:flex;align-items:center;gap:6px;min-width:0}
.ar-who{flex:1;min-width:0;display:flex;align-items:center;gap:8px;text-align:left;padding:2px 6px;min-height:40px}
.ar-who>span{display:grid;min-width:0}
.ar-who strong{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-who small{color:#a9a9a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-who .ar-role{color:#c0c0c0}
.ar-face{width:32px;height:32px;flex:0 0 32px;object-fit:contain;image-rendering:pixelated}
.ar-main{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);grid-template-areas:"doll set prot" "doll stats ready";grid-template-rows:auto 1fr;gap:6px 8px;align-items:start;min-width:0}
.ar-a-doll{grid-area:doll}.ar-a-set{grid-area:set}.ar-a-prot{grid-area:prot}.ar-a-ready{grid-area:ready}.ar-a-stats{grid-area:stats}
.ar-main>.pf-panel{min-width:0;align-self:stretch}
.ar-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 6px}
.ar-stats span{display:flex;align-items:center;gap:3px;white-space:nowrap;min-width:0}
.ar-stats b{color:#fff;font-weight:normal}.ar-stats em{font-style:normal;color:#5fc85f}.ar-stats em.bad{color:#e8756c}
.ar-doll{display:grid;grid-template-columns:repeat(3,68px);grid-template-rows:repeat(4,68px);gap:4px}
.ar-slot{--slot-edge:#3c3c3c;--slot-glow:transparent;position:relative;width:68px;height:68px;min-height:0;padding:0;display:grid;place-items:center;border:1px solid #111;border-image:none;
 background:#262626;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a,inset 0 0 0 2px var(--slot-edge),inset 0 0 8px 2px var(--slot-glow);cursor:pointer}
.ar-slot:hover,.ar-slot:focus-visible{border-color:#c5b47c}
.ar-slot.empty small{color:#6f6f6f;font-size:11px;text-align:center;line-height:12px}
.ar-slot.r-grey{--slot-edge:#3c3c3c}.ar-slot.r-green{--slot-edge:#4a7a3a;--slot-glow:#4a7a3a55}.ar-slot.r-blue{--slot-edge:#3d6585;--slot-glow:#3d658577}
.ar-slot.r-purple{--slot-edge:#6b4f87;--slot-glow:#6b4f8788}.ar-slot.r-yellow{--slot-edge:#7c7a3c;--slot-glow:#8a873c88}
.ar-slot.small{width:56px;height:56px}
.ar-slot.locked .ar-it,.ar-slot.missing .ar-it{opacity:.35}
.ar-it{display:grid;place-items:center;overflow:hidden;pointer-events:none}
.ar-it.s64{width:64px;height:64px}.ar-it.s32{width:32px;height:32px}
.ar-slot.small .ar-it.s64{width:32px;height:32px}
.ar-img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.ar-tier{position:absolute;left:3px;top:2px;color:#e8c547;font:bold 11px 'Tibia Pixel',Verdana,sans-serif;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000}
.ar-count{position:absolute;right:3px;bottom:1px;color:#fff;font:bold 11px 'Tibia Pixel',Verdana,sans-serif;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000}
.ar-setdot{display:inline-block;width:7px;height:7px;background:var(--setc,#6a6a6a);box-shadow:0 0 0 1px #000;vertical-align:0}
.ar-slot>.ar-setdot{position:absolute;right:3px;top:3px}
.ar-imbs{position:absolute;right:2px;bottom:2px;display:flex;gap:1px}
.ar-imbs .ti{width:11px;height:11px;box-shadow:0 0 0 1px #000}
.ar-lock{position:absolute;left:2px;bottom:1px;font-size:11px}
.ar-stage{display:grid;place-items:center;align-self:center}
.ar-power{display:grid;align-content:center;justify-items:center;gap:1px;background:#1c1c1c;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a;color:#a9a9a9}
.ar-power b{color:#e8c547;font-size:11px}
.ar-main .pf-head small{display:flex;align-items:center}
.ar-main .pf-head select{max-width:160px;min-height:18px;padding:0 2px;font-size:11px}
.ar-pad{padding:5px 6px;display:grid;gap:4px;min-width:0}
.ar-link{min-height:18px;padding:0 6px;font-size:11px}
.ar-setline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 6px;align-items:center}
.ar-setline b{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-setline small{grid-column:1/-1;color:#a9a9a9}
.ar-val{color:#e8c547}
.ar-prot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 6px}
.ar-prot span{display:flex;align-items:center;gap:3px;color:#a9a9a9;white-space:nowrap}
.ar-prot .ok,.ar-kv .ok{color:#5fc85f}.ar-prot .bad,.ar-kv .bad,.pf-note.bad{color:#e8756c}
.ar-verdict{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}
.ar-verdict>b{font:bold 22px/22px 'Tibia Pixel',Verdana,sans-serif;color:var(--vc);text-shadow:1px 1px #000}
.ar-verdict span{display:grid;min-width:0}.ar-verdict strong{color:var(--vc)}.ar-verdict small{color:#a9a9a9}
.v-good{--vc:#5fc85f}.v-ok{--vc:#e8c547}.v-bad{--vc:#e8584c}
.ar-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.ar-actions button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;white-space:nowrap;overflow:hidden;padding:0 4px}
.ar-actions b{color:#e8c547}
.ar-wallet{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;color:#c0c0c0}
.ar-wallet span{display:flex;align-items:center;gap:4px}
.ar-wallet .ar-link{margin-left:auto}
/* Windows */
dialog.window.ar-modal{width:min(560px,calc(100vw - 16px))}
.ar-modal-body{display:grid;gap:6px;min-width:0;padding:6px;max-height:calc(100dvh - 60px);overflow:auto}
.ar-chips{flex-wrap:wrap}
.ar-chips .ar-setdot{margin-right:2px}
.ar-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px}
.ar-grid{display:grid;grid-template-columns:repeat(auto-fill,56px);gap:4px;justify-content:center}
.ar-pager{justify-content:center}
.ar-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:4px;background:#1c1c1c;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a}
.ar-card-info{display:grid;gap:2px;min-width:0}
.ar-card-info strong{color:#fff}.ar-card-info small{color:#a9a9a9}
.ar-dia{display:inline-flex;gap:2px;vertical-align:middle;margin:0 2px}
.ar-dia i{width:5px;height:5px;transform:rotate(45deg);background:#3a3a3a;box-shadow:0 0 0 1px #000}
.ar-dia i.on{background:#e8c547}
.ar-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;align-items:start}
.ar-kv>span{color:#a9a9a9}.ar-kv>b{color:#fff;font-weight:normal;min-width:0}
.ar-buttons{display:flex;gap:4px;justify-content:flex-end;flex-wrap:wrap}
.ar-buttons button{flex:1 1 0;min-width:0}
.ar-fuse{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px}
.ar-fuse>div{display:grid;justify-items:center;gap:2px}
.ar-fuse small{color:#c0c0c0}
.ar-op{color:#e4ca78;font-size:22px;line-height:22px}
.ar-bar{display:inline-block;width:90px;height:7px;vertical-align:middle;background:#1c1c1c;border:1px solid #111;position:relative}
.ar-bar i{position:absolute;left:0;top:0;bottom:0;background:#5fc85f}
.ar-threats .ar-bar i{background:#e8c547}
.ar-check{display:flex;align-items:center;gap:6px;color:#c0c0c0}
.ar-conv{display:grid;grid-template-columns:auto auto auto auto minmax(0,1fr) auto;gap:6px;align-items:center;padding:4px;background:#1c1c1c;border:1px solid #111}
.ar-conv>span{display:flex;align-items:center;gap:3px}
.ar-conv small{color:#a9a9a9}
.ar-step button{min-width:22px;min-height:22px;padding:0}
.ar-step b{min-width:22px;text-align:center;color:#fff}
.ar-imb-now,.ar-imb-list,.ar-bonuses,.ar-team{display:grid;gap:3px}
.ar-imb{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:6px;align-items:center;padding:3px;background:#1c1c1c;border:1px solid #111;min-height:30px}
.ar-imb span{display:grid;min-width:0}.ar-imb b{color:#fff;font-weight:normal}.ar-imb small{color:#a9a9a9}
.ar-imb.empty{grid-template-columns:1fr;color:#6f6f6f}
.ar-imb.off{opacity:.55}
.ar-levels{display:flex !important;gap:2px}
.ar-levels button{min-width:24px;padding:0}
.ar-pieces{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}
.ar-bonus{display:grid;grid-template-columns:60px minmax(0,1fr);gap:6px;padding:4px;background:#1c1c1c;border:1px solid #111;color:#a9a9a9}
.ar-bonus b{color:#a9a9a9;font-weight:normal}
.ar-bonus.on{box-shadow:inset 0 0 0 1px #c5b47c;color:#fff}.ar-bonus.on b{color:#e8c547}
.ar-threats{grid-template-columns:repeat(2,minmax(0,1fr))}
.ar-threats>span{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:4px;align-items:center;color:#c0c0c0}
.ar-threats .ar-bar{width:100%}
.ar-trow{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;gap:6px;align-items:center;padding:2px 4px;background:#1c1c1c;border:1px solid #111}
.ar-trow span{display:grid;min-width:0}.ar-trow b{color:#fff;font-weight:normal}.ar-trow small{color:#a9a9a9}
.ar-trow .ar-score{color:var(--vc);font-weight:bold}
.ar-sim{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ar-sim>span{display:grid}.ar-sim small{color:#a9a9a9}.ar-sim>button{margin-left:auto}
@media (max-width:760px){.ar-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ar-main{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"doll set" "doll prot" "doll ready" "stats stats";grid-template-rows:auto auto 1fr auto}}
@media (max-width:560px){
 .ar-doll{grid-template-columns:repeat(3,52px);grid-template-rows:repeat(4,52px);gap:3px}
 .ar-doll .ar-slot{width:52px;height:52px}.ar-doll .ar-it.s64{width:32px;height:32px}
 .ar-doll .ar-stage .ba-slot{transform:none}
 .ar-prot{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ar-wide{display:none !important}
 .ar-slot.empty small{font-size:11px;letter-spacing:-1px}
 .ar-main .pf-head select{max-width:118px}
 .ar-threats{grid-template-columns:minmax(0,1fr)}
 .ar-conv{grid-template-columns:auto auto auto;row-gap:4px}
}
.ar-screen .pf-head small,.ar-modal-body .pf-head small{margin-left:auto}