/* VALGRAD V8.0.5 — PERSONAL EQUIPMENT LOCKER / IMPERIAL COLLECTOR SYSTEM
   Visual only: authoritative inventory, equipping, resale and consumption remain Supabase RPCs. */
#playerPortal #ironArmoryArea{padding:0!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;grid-column:1/-1;min-width:0}
#playerPortal #ironArmoryArea .il-shell{--il-brass:#cba46b;--il-slate:#0c1a24;color:#d9d4cb;font-family:'IBM Plex Mono',monospace;min-width:0}
#ironArmoryArea .il-hero{position:relative;border:1px solid #997a4a;padding:22px 24px 18px;background:linear-gradient(105deg,#203541ed,#091823fa),url('assets/command-skyline.jpg') center 40%/cover;box-shadow:inset 0 0 0 3px #0007,0 10px 28px #0005;overflow:hidden}
#ironArmoryArea .il-hero:after{content:"";position:absolute;top:0;left:-25%;width:35%;height:2px;background:linear-gradient(90deg,transparent,#f3d19b,transparent);animation:ilHeroSweep 8s linear infinite;pointer-events:none}
@keyframes ilHeroSweep{to{left:115%}}
#ironArmoryArea .il-kicker{font-size:10px;letter-spacing:2.1px;color:#bdab8c}
#ironArmoryArea .il-hero-top{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}
#ironArmoryArea .il-hero h2{margin:7px 0!important;color:#f7dca9;font:700 clamp(22px,2.3vw,34px)/1.2 Cinzel,Georgia,serif;letter-spacing:1px;text-shadow:0 3px 10px #000}
#ironArmoryArea .il-hero p{margin:0;color:#c1c6c7;letter-spacing:1px;font-size:10px}
#ironArmoryArea .il-refresh{background:#142730dd;border-color:#af905c;color:#e5c58a}
#ironArmoryArea .il-soldier-banner{margin-top:18px;display:grid;grid-template-columns:1.4fr 1fr .8fr 1.1fr;gap:0;background:linear-gradient(100deg,#0f1b27e8,#203441d6);border:1px solid #715f45}
#ironArmoryArea .il-soldier-banner>div{padding:12px 15px;border-right:1px solid #6c5d46;min-width:0}
#ironArmoryArea .il-soldier-banner>div:last-child{border-right:0}
#ironArmoryArea .il-soldier-banner span{display:block;color:#a9afb0;font-size:9px;letter-spacing:1px}
#ironArmoryArea .il-soldier-banner strong{display:block;margin-top:6px;color:#f0d6a6;font-family:Cinzel,Georgia,serif;overflow-wrap:anywhere}
#ironArmoryArea .il-soldier-banner .il-rt{font-size:19px;color:#f6d390}
#ironArmoryArea .il-soldier-banner .il-secure{font-size:12px;color:#a2dab1}
#ironArmoryArea .il-lock-alert{color:#edd2a6;border:1px solid #8e6242;background:#4b2d243d;padding:13px}
#ironArmoryArea .il-main-grid{display:grid;grid-template-columns:minmax(148px,.85fr) minmax(330px,3.1fr) minmax(220px,1.4fr);gap:13px;margin-top:15px;align-items:stretch}
#ironArmoryArea .il-filters,#ironArmoryArea .il-locker-panel,#ironArmoryArea .il-inspector,#ironArmoryArea .il-field-section{border:1px solid #86704d;background:linear-gradient(145deg,#1d303b,#0b1b25);box-shadow:inset 0 0 0 2px #080e14a3,0 8px 22px #0004;padding:14px;min-width:0}
#ironArmoryArea .il-filters h3,#ironArmoryArea .il-section-head h3{font:700 13px Cinzel,Georgia,serif;letter-spacing:.4px;color:#e8ca91;margin:0!important}
#ironArmoryArea .il-filters h3{padding-bottom:13px;border-bottom:1px solid #8e764d}
#ironArmoryArea .il-filter{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid transparent;border-bottom-color:#3e5155;background:transparent;color:#d0d5d6;text-align:left;padding:12px 8px;font:10px 'IBM Plex Mono',monospace;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
#ironArmoryArea .il-filter:hover,#ironArmoryArea .il-filter:focus-visible,#ironArmoryArea .il-filter.active{color:#f4d99c;background:#293c45;border-color:#b79661;outline:0}
#ironArmoryArea .il-filter b{font-size:11px;color:#f2d59f}
#ironArmoryArea .il-filter-note{font-size:9px;letter-spacing:.7px;color:#8fa0a5;line-height:2;margin-top:18px}
#ironArmoryArea .il-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid #735e42;margin-bottom:13px}
#ironArmoryArea .il-section-head span{font-size:9px;color:#b2b9b7;letter-spacing:.3px}
#ironArmoryArea .il-hint,#ironArmoryArea .il-safe{font:10px/1.7 'IBM Plex Mono',monospace;color:#aebfc0;margin:8px 0 13px}
#ironArmoryArea .il-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:13px;align-items:stretch}
#ironArmoryArea .il-empty{grid-column:1/-1;display:flex;justify-content:center;align-items:center;padding:45px 15px;color:#b6bcb9;text-align:center;border:1px dashed #777359;font-size:11px}
#ironArmoryArea .il-item,#ironArmoryArea .il-inspect-art{--il-edge:#8d9ba5;--il-text:#d9e0e4;--il-deep:#17242a;--il-glow:#91a0ad42;--il-x:50%;--il-y:40%;--il-tilt:0deg;isolation:isolate;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--il-deep),#0b1722);border:2px solid var(--il-edge);box-shadow:inset 0 0 0 2px #090f14e0,0 4px 12px #0009;min-width:0}
#ironArmoryArea button.il-item{display:flex;flex-direction:column;padding:6px;min-height:235px;text-align:left;cursor:pointer;transition:transform .22s cubic-bezier(.2,.8,.3,1),box-shadow .22s,border-color .22s;transform:perspective(750px) translateY(0) rotateZ(0)}
#ironArmoryArea .il-item:hover,#ironArmoryArea .il-item:focus-visible{transform:perspective(750px) translateY(-4px) rotateZ(var(--il-tilt));box-shadow:0 0 23px var(--il-glow),inset 0 0 0 2px #000,0 8px 18px #000a;outline:0}
#ironArmoryArea .il-item.is-selected{box-shadow:0 0 0 2px #f5d59d,0 0 23px var(--il-glow),inset 0 0 0 2px #080d16;border-color:#ffe2a3}
#ironArmoryArea .il-item:before,#ironArmoryArea .il-inspect-art:before{content:'◆';position:absolute;top:0;left:0;z-index:5;color:var(--il-text);font-size:12px;text-shadow:0 1px 3px #000;padding-left:3px;opacity:.82}
#ironArmoryArea .il-item:after,#ironArmoryArea .il-inspect-art:after{content:'◆';position:absolute;bottom:0;right:0;z-index:5;color:var(--il-text);font-size:12px;text-shadow:0 1px 3px #000;padding-right:3px;opacity:.82}
#ironArmoryArea .il-r-common{--il-edge:#9b9fa4;--il-text:#d3d8dc;--il-deep:#24303a;--il-glow:#8391a022}
#ironArmoryArea .il-r-uncommon{--il-edge:#5dad94;--il-text:#b2efca;--il-deep:#12332b;--il-glow:#40c78e47}
#ironArmoryArea .il-r-rare{--il-edge:#5f9de0;--il-text:#b4d5ff;--il-deep:#142d49;--il-glow:#4a9bea78}
#ironArmoryArea .il-r-very-rare{--il-edge:#ae7cdd;--il-text:#edc6ff;--il-deep:#322144;--il-glow:#b87af78a}
#ironArmoryArea .il-r-legendary{--il-edge:#e3b75c;--il-text:#ffe7a7;--il-deep:#3c2b1a;--il-glow:#edbe5478}
#ironArmoryArea .il-r-artifact{--il-edge:#e5c68c;--il-text:#fff6c9;--il-deep:#242d42;--il-glow:#82d9f59a}
#ironArmoryArea .il-rarity-banner{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(95deg,transparent,var(--il-deep) 10%,var(--il-deep) 90%,transparent);border-bottom:1px solid var(--il-edge);color:var(--il-text);width:100%;padding:7px 3px 8px;text-align:center;font:700 10px Cinzel,Georgia,serif;letter-spacing:1px;text-shadow:0 2px 3px #000}
#ironArmoryArea .il-motif-chevron .il-rarity-banner:before{content:'❯❯';letter-spacing:-4px;opacity:.65;margin-right:6px}
#ironArmoryArea .il-motif-chevron .il-rarity-banner:after{content:'❮❮';letter-spacing:-4px;opacity:.65;margin-left:2px}
#ironArmoryArea .il-motif-laurel .il-rarity-banner:before{content:'❧';font-size:16px}
#ironArmoryArea .il-motif-laurel .il-rarity-banner:after{content:'❧';transform:scaleX(-1);font-size:16px}
#ironArmoryArea .il-motif-arcane .il-rarity-banner:before,#ironArmoryArea .il-motif-arcane .il-rarity-banner:after{content:'✧';font-size:15px}
#ironArmoryArea .il-motif-sunburst .il-rarity-banner:before,#ironArmoryArea .il-motif-sunburst .il-rarity-banner:after{content:'✺';font-size:14px}
#ironArmoryArea .il-item .il-art,#ironArmoryArea .il-inspect-art .il-art{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;width:100%;flex:1;min-height:118px;background:radial-gradient(ellipse at 50% 25%,#7a8f9055,transparent 75%),linear-gradient(120deg,#1d2a34,#0b151f);overflow:hidden}
#ironArmoryArea .il-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;filter:contrast(1.04) saturate(.94);background:#08151b88}
#ironArmoryArea .il-empty-art{width:100%;height:100%;padding:15px;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;text-align:center;color:#879c9f;font:8px/1.5 'IBM Plex Mono',monospace;letter-spacing:1px}
#ironArmoryArea .il-empty-art[hidden]{display:none!important}
#ironArmoryArea .il-placeholder-glyph{font-family:Georgia,serif;font-size:38px;color:#c8ab76;opacity:.5}
#ironArmoryArea .il-item-details{position:relative;z-index:2;display:block;width:100%;border-top:1px solid var(--il-edge);padding:10px 6px 6px;background:linear-gradient(0deg,#09131b,var(--il-deep))}
#ironArmoryArea .il-item-details strong{display:block;text-align:center;font:700 11px/1.3 Cinzel,Georgia,serif;color:var(--il-text);overflow-wrap:anywhere;min-height:30px}
#ironArmoryArea .il-item-meta{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-top:7px;font-size:9px;color:#c2c7c7}
/* The chromatic film behaves like the changing light on a premium collectible foil card;
   blending is decorative and intentionally does not obscure image content. */
#ironArmoryArea .il-foil-film{position:absolute;inset:-50%;z-index:4;pointer-events:none;mix-blend-mode:screen;opacity:0;background:conic-gradient(from 32deg at var(--il-x) var(--il-y),#f45aee44,#4ad6ff77,#92ffb67e,#ffd58e60,#b486ff84,#ed66ca60,#6ce3ff65);background-size:180% 180%;filter:saturate(1.8);transform:rotate(-14deg);animation:ilHoloDrift 6.5s ease-in-out infinite alternate;transition:opacity .32s ease}
#ironArmoryArea .il-foil-etched .il-foil-film{background:linear-gradient(116deg,transparent 25%,#f1ffe988 44%,#fdffe844 49%,transparent 65%);opacity:.11;background-size:250% 100%;animation:ilEtchMove 7s ease-in-out infinite}
#ironArmoryArea .il-foil-holo .il-foil-film{opacity:.2}
#ironArmoryArea .il-foil-holo:hover .il-foil-film,#ironArmoryArea .il-foil-holo.is-selected .il-foil-film{opacity:.63}
#ironArmoryArea .il-foil-prismatic .il-foil-film{opacity:.33;background:repeating-linear-gradient(125deg,transparent 0 5px,#b4e5fc13 6px 8px,transparent 9px 13px),conic-gradient(from 35deg at var(--il-x) var(--il-y),#ffca6e89,#e67dff8e,#7baaffaa,#8afddd7a,#fff0b790,#ffca6e89)}
#ironArmoryArea .il-foil-prismatic:hover .il-foil-film,#ironArmoryArea .il-foil-prismatic.is-selected .il-foil-film{opacity:.78}
#ironArmoryArea .il-foil-none .il-foil-film{display:none}
@keyframes ilHoloDrift{0%{background-position:7% 15%;transform:rotate(-14deg) translate(-4%,0)}100%{background-position:90% 80%;transform:rotate(-14deg) translate(4%,0)}}
@keyframes ilEtchMove{0%,24%{background-position:175% center}62%,100%{background-position:-100% center}}
#ironArmoryArea .il-inspector .il-inspect-art{height:185px;display:flex;flex-direction:column;padding:4px;margin-bottom:12px}
#ironArmoryArea .il-inspect-art .il-art{min-height:0;flex:1}
#ironArmoryArea .il-inspector h4{font:700 18px Cinzel,Georgia,serif;color:#f2d8a9;margin:10px 0!important}
#ironArmoryArea .il-item-description{font:italic 12px/1.65 Georgia,serif;color:#c9d0ce;margin:10px 0}
#ironArmoryArea .il-inspect-dl{margin:0 0 15px}
#ironArmoryArea .il-inspect-dl>div{display:flex;justify-content:space-between;gap:6px;border-bottom:1px solid #41505a;padding:7px 1px;font-size:10px}
#ironArmoryArea .il-inspect-dl dt{color:#9eacb2}
#ironArmoryArea .il-inspect-dl dd{margin:0;text-align:right;color:#e8cc97;overflow-wrap:anywhere}
#ironArmoryArea .il-inspect-actions{display:flex;flex-direction:column;gap:7px}
#ironArmoryArea .il-inspect-actions>button{width:100%;white-space:normal;text-align:left;justify-content:flex-start}
#ironArmoryArea .il-inspect-actions label{margin-top:8px;font-size:9px;color:#bba67f}
#ironArmoryArea .il-inspect-actions select{width:100%;background:#0c1c27;color:#f0dab2;border:1px solid #93734b;padding:10px}
#ironArmoryArea .il-no-selection{min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#e5c58c;font:700 19px Cinzel,Georgia,serif;line-height:1.6}
#ironArmoryArea .il-no-selection small{font:11px/1.6 'IBM Plex Mono',monospace;color:#a6b9bd;margin:14px}
#ironArmoryArea .il-field-section{margin-top:14px;padding:19px}
#ironArmoryArea .il-field-section .il-section-head{margin-top:17px}
#ironArmoryArea .il-field-section .il-section-head:first-child{margin-top:0}
#ironArmoryArea .armory-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin-bottom:18px}
#ironArmoryArea .armory-equip{min-width:0;min-height:110px;padding:8px;color:#baa880;letter-spacing:.7px;border-color:#6e6150}
#ironArmoryArea .armory-equip .il-item{min-height:210px!important}
#ironArmoryArea .armory-grid{max-width:780px;margin-inline:auto}
#ironArmoryArea .il-packed{border-color:var(--il-edge,#aa9570);background:linear-gradient(135deg,#31424a,#0b1a29);color:#f4d5a5}
#ironArmoryArea .il-packed.chosen{outline:2px solid #f5ce7f}
#ironArmoryArea .il-safe{margin-top:12px}
/* High Command — visual upload controls */
.il-art-admin{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;padding:12px;margin:12px 0;border:1px solid #96784e;background:#0e1d25}
.il-art-admin-preview{min-width:0;min-height:160px;border:1px solid #a38c6a;background:linear-gradient(145deg,#263742,#091b24);display:flex;align-items:center;justify-content:center;text-align:center;color:#b0b8ae;font-size:10px;padding:8px;overflow:hidden}
.il-art-admin-preview img{width:100%;height:100%;max-height:220px;object-fit:contain}
.il-art-admin-fields{display:flex;flex-direction:column;gap:8px;min-width:0}
.il-art-admin-fields>label{font-size:10px;letter-spacing:1px;color:#ddbf8f}
.il-art-admin-fields>select,.il-art-admin-fields>input{color:#ddd5c4;background:#132630;border:1px solid #877351;padding:9px;min-width:0;max-width:100%}
.il-art-admin-fields>button{align-self:flex-start}
@media(max-width:1330px){#ironArmoryArea .il-main-grid{grid-template-columns:minmax(145px,.85fr) minmax(280px,2fr)}#ironArmoryArea .il-inspector{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,260px) 1fr;column-gap:18px;align-content:start}#ironArmoryArea .il-inspector .il-section-head{grid-column:1/-1}#ironArmoryArea .il-inspector .il-inspect-actions{grid-column:2;grid-row:2/span 4}#ironArmoryArea .il-inspector .il-inspect-art{grid-column:1}}
@media(max-width:950px){#ironArmoryArea .il-main-grid{grid-template-columns:1fr!important}#ironArmoryArea .il-filters{display:flex;flex-wrap:wrap;gap:5px}#ironArmoryArea .il-filters h3{width:100%}#ironArmoryArea .il-filter{width:auto;padding:8px 10px;border:1px solid #52626b}#ironArmoryArea .il-filter-note{display:none}#ironArmoryArea .il-inspector{display:block}#ironArmoryArea .il-soldier-banner{grid-template-columns:1fr 1fr}}
@media(max-width:550px){#ironArmoryArea .il-soldier-banner{grid-template-columns:1fr 1fr}#ironArmoryArea .il-soldier-banner>div{padding:10px}#ironArmoryArea .il-hero{padding:15px}#ironArmoryArea .il-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#ironArmoryArea button.il-item{min-height:202px}#ironArmoryArea .il-rarity-banner{font-size:8px;letter-spacing:.3px}#ironArmoryArea .il-item-details strong{font-size:10px}#ironArmoryArea .il-item-meta{font-size:8px}#ironArmoryArea .il-field-section{padding:10px}#ironArmoryArea .il-art-admin{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#ironArmoryArea .il-foil-film{animation:none!important}#ironArmoryArea .il-item{transition:none!important;transform:none!important}#ironArmoryArea .il-hero:after{animation:none!important;display:none!important}}