.gear-panel button{font-size:12px}.equipped-preview{padding:12px;background:#1b2922;border:1px solid #435041}.equipped-preview p{margin:6px 0 14px;font-size:13px;line-height:1.6;color:#d7c596}.equipped-preview p:last-child{margin-bottom:0}
.action-bar{display:grid;grid-template-columns:1.4fr 1.4fr 1fr .8fr 1fr;gap:6px;padding:9px;background:#101b17;border-bottom:1px solid #626043}.action-bar>button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:79px;padding:6px 3px;gap:4px;background:linear-gradient(#293a2e,#1b2821);border-color:#647052}.action-bar kbd{font-size:10px;margin:0}.action-bar b{font-size:12px;font-weight:500}.action-bar small{font-size:11px;color:#b7cda7}.action-bar span{font-size:9px;color:#b1bca5}.action-bar button:disabled{opacity:.5;cursor:default}.action-utility{display:flex;flex-direction:column;gap:6px}.action-utility button{flex:1;padding:4px;font-size:11px}.overlay{inset:0!important;z-index:6}.normal{--item-color:#e2e0cc}.magic{--item-color:#9dbcf5}.rare{--item-color:#e6c776}
#inventory-dialog{width:min(1040px,95vw);max-height:92vh;padding:24px;background:#17251f;border:1px solid #aa9364;border-radius:7px;color:#e3e6d5;box-shadow:0 24px 100px #0009}#inventory-dialog::backdrop{background:#07100dde;backdrop-filter:blur(5px)}.bag-header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #4a5748;padding-bottom:17px}.bag-header h2{margin:7px 0 0;font-size:24px}.bag-header button{white-space:nowrap}#equipment-slots{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:18px}.equipment-slot{display:flex;flex-direction:column;text-align:left;gap:7px;min-height:104px;background:#202f26;border:1px solid #59664e}.equipment-slot small{color:#aeb9a5;font-size:12px;text-transform:uppercase;letter-spacing:1.4px}.equipment-slot b{font:15px Cinzel,Georgia,serif;color:var(--item-color,#c1c8af)}.equipment-slot span{font-size:11px;color:#afbaa3}#character-stats{font-size:13px;color:#c5cdb4;line-height:1.6}.bag-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:16px 0;font-size:13px}.bag-toolbar select{background:#26392c;border:1px solid #66715b;color:#ece9d5;padding:8px;margin-left:8px;font:inherit}.bag-body{display:grid;grid-template-columns:1fr 1fr;gap:20px}#inventory-items{display:flex;flex-direction:column;gap:7px;max-height:42vh;overflow:auto;padding-right:6px}.bag-item{display:grid;grid-template-columns:33px 1fr;gap:6px;text-align:left;padding:12px;background:#1f3026;border-color:#425340}.bag-item b{font-size:14px;color:var(--item-color)}.bag-item small{grid-column:2;color:#b2bda7;font-size:11px;line-height:1.5}.bag-item.chosen{background:#35442e;border-color:var(--item-color)}.item-icon{grid-row:span 2;font-size:25px;color:var(--item-color)}#item-detail{padding:20px;border:1px solid #647255;background:#202e24;max-height:42vh;overflow:auto}#item-detail h2{color:var(--item-color);font-size:22px;line-height:1.5;margin:12px 0}#item-detail p{font-size:13px;line-height:1.65;color:#c1cbb1}#item-detail .item-rule{color:#a5b49c;font-size:12px}.affixes{padding-left:20px;color:#acbfe6;font-size:13px;line-height:1.9}#item-detail button{display:block;width:100%;margin-top:8px;font-size:12px;border-color:#7a805b}#gear-message{font-size:12px;color:#d8c690;line-height:1.5;margin-bottom:0}@media(max-width:760px){.action-bar{grid-template-columns:1.3fr 1.3fr 1fr .8fr}.action-utility{grid-column:1/-1;flex-direction:row}.action-utility button{min-height:32px}.action-bar b{font-size:10px}.action-bar>button{min-height:65px}#inventory-dialog{padding:14px}#equipment-slots{gap:6px}.equipment-slot{padding:8px}.equipment-slot b{font-size:12px}.equipment-slot span{font-size:10px}.bag-header h2{font-size:18px}.bag-header button{font-size:11px}.bag-body{grid-template-columns:1fr}#inventory-items{max-height:24vh}#item-detail{max-height:none}.bag-item{padding:9px}#character-stats{font-size:12px}.gear-panel{grid-column:1/-1}}

/* Armory layout inspired by the supplied blue-and-gold inventory reference. */
#inventory-dialog{background:radial-gradient(circle at 24% 42%,#173b54 0,#0c1b2a 43%,#08121d 100%);border:2px solid #b88a3d;border-radius:2px;box-shadow:inset 0 0 0 6px #101b27,inset 0 0 0 8px #7c5c2c,0 24px 100px #000c;color:#dfe8ec}
#inventory-dialog .bag-header{border-bottom:2px solid #b88a3d;padding:9px 12px 14px}
#inventory-dialog .bag-header h2{font-family:Cinzel,Georgia,serif;letter-spacing:2px;text-transform:uppercase;color:#f0d28e}
#equipment-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 8px;padding:10px;background:#08131f99;border:1px solid #735a32}
.equipment-slot{min-height:92px;padding:11px;background:linear-gradient(145deg,#152839,#0b1723);border:2px solid #785a2c;box-shadow:inset 0 0 0 1px #1c4254}
.equipment-slot:hover,.equipment-slot:focus-visible{border-color:#e1b85e;background:#1a3548}
.equipment-slot-icon{font-size:28px;line-height:1;color:var(--item-color,#c4d2d5);text-shadow:0 0 8px #4f99b888}
.equipment-slot small{color:#9bb5c0}.equipment-slot b{color:#ebca82}.equipment-slot span{color:#afc5cb}
#inventory-dialog .bag-toolbar{margin:12px 8px;padding:8px 12px;background:#0a1825;border:1px solid #6d542d}
.bag-body{grid-template-columns:1.35fr 1fr;gap:12px;margin:0 8px}
#inventory-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(74px,auto);gap:5px;max-height:44vh;padding:8px;background:#07131f;border:2px solid #765a2d}
.bag-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px;background:linear-gradient(#122534,#0a1722);border:1px solid #765a2d;text-align:center;overflow:hidden}
.bag-item b{font-size:10px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.bag-item small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.item-icon{font-size:22px;line-height:1}
#item-detail{background:#0c1b29e8;border:2px solid #765a2d;max-height:44vh;padding:16px}.affixes{color:#a9c9f5}
@media(max-width:760px){#equipment-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.bag-body{grid-template-columns:1fr}#inventory-items{grid-template-columns:repeat(4,minmax(0,1fr))}}

.bag-item{position:relative;overflow:visible!important}.bag-item[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;z-index:30;left:calc(100% + 10px);top:0;width:260px;padding:10px 12px;background:#101a16;color:#e2e8d5;border:1px solid #9b895c;border-radius:4px;box-shadow:0 8px 24px #0009;white-space:pre-line;line-height:1.45;font-size:12px;pointer-events:none;text-align:left}@media(max-width:760px){.bag-item[data-tooltip]:hover::after{left:0;top:100%;width:220px}}

.item-icon canvas,.equipment-slot-icon canvas,.item-detail-art canvas{display:block;image-rendering:pixelated;max-width:100%;object-fit:contain}.item-detail-art{display:flex;justify-content:center;margin:4px auto 12px}.item-icon,.equipment-slot-icon{flex-shrink:0}


.armor-views{display:flex;gap:6px;justify-content:center;padding:8px 0;flex-wrap:wrap}.armor-views figure{margin:0;text-align:center}.armor-view canvas{display:block;image-rendering:pixelated}.armor-views figcaption{font-size:10px;color:#afc5cb;margin-top:4px}


/* Rarity stays visible even when a card is hovered or selected. */
.normal{--item-color:#d4d9e2;--rarity-glow:#d4d9e233}
.magic{--item-color:#69aaff;--rarity-glow:#69aaff44}
.rare{--item-color:#ffd45c;--rarity-glow:#ffd45c55}
#inventory-items .bag-item,#equipment-slots .equipment-slot:is(.normal,.magic,.rare),#item-detail:is(.normal,.magic,.rare){border:2px solid var(--item-color);box-shadow:inset 0 0 10px var(--rarity-glow),0 0 5px var(--rarity-glow)}
#inventory-items .bag-item.chosen,#inventory-items .bag-item:focus-visible,#equipment-slots .equipment-slot:focus-visible{outline:2px solid #fff;outline-offset:2px}
#inventory-items .bag-item:hover,#equipment-slots .equipment-slot:is(.normal,.magic,.rare):hover{box-shadow:inset 0 0 14px var(--rarity-glow),0 0 9px var(--rarity-glow)}

/* Two-panel armory, using the supplied ornamental frame as its backdrop. */
#inventory-dialog{width:min(1380px,96vw);max-height:94vh;padding:18px;overflow:auto}
.armory-layout{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(0,1.2fr);gap:18px;margin-top:14px}
.armory-character{position:relative;min-width:0;min-height:620px;background:#0b2030 url('assets/inventory-frame.png') left top/210% 100% no-repeat;border:1px solid #9b7437}
#equipment-slots{position:relative;z-index:1;display:grid;grid-template-columns:88px minmax(0,1fr) 88px;grid-template-rows:repeat(5,90px);gap:8px;margin:62px 20px 20px;padding:0;border:0;background:none}
#equipment-slots .equipment-slot{min-height:0;min-width:0;padding:4px;gap:3px;align-items:center;justify-content:center;background:#08151ff5;text-align:center}
#equipment-slots .equipment-slot small{font-size:9px;letter-spacing:.4px}
#equipment-slots .equipment-slot b{font:9px sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#equipment-slots .equipment-slot>span:last-child{display:none}
.equipment-slot[data-slot='head']{grid-area:1/1}.equipment-slot[data-slot='chest']{grid-area:2/1}.equipment-slot[data-slot='gloves']{grid-area:3/1}.equipment-slot[data-slot='boots']{grid-area:5/1}
.equipment-slot[data-slot='main']{grid-area:1/3}.equipment-slot[data-slot='amulet']{grid-area:2/3}.equipment-slot[data-slot='ring1']{grid-area:3/3}.equipment-slot[data-slot='ring2']{grid-area:4/3}.equipment-slot[data-slot='off']{grid-area:5/3}
.equipment-slot[data-slot='belt']{grid-area:4/1}
#armor-preview{position:absolute;top:115px;left:112px;right:112px;bottom:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;pointer-events:none}
#armor-preview>.eyebrow{font-size:10px;color:#efd28b;letter-spacing:2px}#armor-preview>small{font-size:10px;color:#b0c5d0}
.armory-portrait{font-size:90px;color:#9db5c1}.armory-portrait canvas{display:block;max-width:100%;height:auto!important;image-rendering:pixelated}
#character-stats{position:relative;margin:16px 24px 26px;padding:12px;background:#07121ded;border:1px solid #745b34;font-size:11px;line-height:1.8}
.armory-bag{min-width:0;padding:12px;border:3px double #c29a53;background:linear-gradient(145deg,#122b3b,#06111b);box-shadow:inset 0 0 0 3px #08131f,inset 0 0 20px #000}
#inventory-dialog .bag-toolbar{margin:0 0 10px;border:1px solid #a17a3b}.bag-body{display:flex;flex-direction:column;margin:0;gap:12px}
#inventory-items{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:84px;max-height:360px;min-height:180px;margin:0;padding:8px;align-content:start;background:#07121b}
#inventory-items .bag-item{min-width:0;border-radius:3px}.bag-item small{display:none}.bag-item[data-tooltip]:hover::after{display:none}
#item-detail{max-height:290px;min-height:130px;margin:0}#item-detail h2{font-size:18px}
#gear-message{padding:10px;border-top:1px solid #9a7337}
@media(max-width:1100px){#inventory-items{grid-template-columns:repeat(6,minmax(0,1fr))}#equipment-slots{grid-template-columns:74px minmax(0,1fr) 74px;margin-left:14px;margin-right:14px}#armor-preview{left:94px;right:94px}}
@media(max-width:800px){.armory-layout{grid-template-columns:1fr}.armory-character{min-height:600px}#inventory-items{grid-template-columns:repeat(6,minmax(0,1fr));max-height:300px}#item-detail{max-height:none}#inventory-dialog{padding:12px}.bag-header h2{font-size:16px}#armor-preview{left:110px;right:110px}}
@media(max-width:430px){#inventory-items{grid-template-columns:repeat(4,minmax(0,1fr))}.bag-toolbar{flex-wrap:wrap}#armor-preview{left:94px;right:94px}}
#equipment-slots::after{content:'ARMOR';grid-area:4/1;display:flex;align-items:center;justify-content:center;background:#08151ff5;color:#8da4b2;font-size:9px;letter-spacing:2px;border:1px solid #745b34;pointer-events:none}

#item-detail .item-base-name{font-size:14px;color:#e0d0a8;margin-top:-4px}
#item-detail .modifier-section{clear:both;border-top:1px solid #52616a;padding:10px 0;margin-top:10px}
#item-detail .modifier-section h3{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#a9b9bf;margin:0 0 8px}
#item-detail .modifier-section .affixes{display:block;list-style:none;padding:0;margin:0}
#item-detail .modifier-section li{display:flex;flex-direction:column;gap:3px;margin:8px 0}
#item-detail .modifier-section li small{font-size:11px;color:#b4a584}
#item-detail .modifier-section li span{font-size:14px;color:#aacef6}
#item-detail .implicit-section p{color:#e6d2a4}