.formation-tools { display:grid; grid-template-columns:auto auto auto; gap:7px; }
.formation-tools .text-button { white-space:nowrap; font-size:8.5px; }
#edit-inventory { color:var(--gold); text-decoration-color:#8c774e; }
.inventory-dialog { width:min(890px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid #5b654b; border-radius:12px; background:#19211b; color:var(--text); box-shadow:0 25px 100px #0009; overflow:auto; }
.inventory-dialog::backdrop { background:#080e0ac9; backdrop-filter:blur(5px); }
.inventory-header { position:sticky; top:0; z-index:3; padding:19px 25px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; background:linear-gradient(110deg,#2e3827,#17221b); }
.inventory-header h2 { font-size:24px; font-weight:500; margin:7px 0 0; }
.inventory-close { background:none; border:1px solid #4c5840; width:34px; height:34px; border-radius:5px; font-size:25px; color:#c4cdb8; }
.inventory-layout { display:grid; grid-template-columns:310px 1fr; }
.inventory-character { display:flex; flex-direction:column; align-items:center; background:radial-gradient(ellipse at 50% 37%,#3f4c33,#1a241d 68%); border-right:1px solid var(--line); padding:22px 16px 13px; }
#inventory-preview { display:block; width:100%; height:295px; touch-action:none; }
.inventory-turn { display:flex; align-items:center; justify-content:center; gap:17px; width:100%; margin:4px 0 19px; }
.inventory-turn button { border:1px solid #46553b; background:#283421; border-radius:50%; width:32px; height:32px; font-size:20px; }
.inventory-turn span { font-size:9px; color:#97a78b; }
.inventory-stats { display:grid; grid-template-columns:repeat(4,1fr); width:100%; border-top:1px solid #3c4932; padding-top:20px; text-align:center; }
.inventory-stats div { display:grid; gap:7px; }
.inventory-stats span { color:#8d9e80; font-size:7px; letter-spacing:1px; }
.inventory-stats b { font-size:18px; font-weight:500; color:#ecddba; white-space:nowrap; }
.inventory-stats small { color:#7c8e70; font-size:10px; }
.inventory-stats .inventory-gain { color:#9bdbad; }.inventory-stats .inventory-loss { color:#eeaaa0; }
#inventory-combat-mode { font-size:10px; color:#a4b397; text-align:center; line-height:1.6; margin:15px 0 0; }
.inventory-items { padding:22px 23px 17px; min-width:0; }
.inventory-equipped { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:11px; }
.inventory-slot { background:#212b21; display:flex; align-items:center; gap:11px; padding:10px; text-align:left; min-width:0; border:1px solid #3e4a35; border-radius:6px; }
.inventory-slot-copy { display:grid; gap:5px; min-width:0; }
.inventory-slot-copy small { font-size:8px; color:#8ea17f; }.inventory-slot-copy strong { font-size:10px; color:#dbe0cc; font-weight:500; }
.inventory-icon { width:30px; height:30px; object-fit:contain; pointer-events:none; flex-shrink:0; }
.inventory-empty { width:30px; color:#5e7051; font-size:20px; text-align:center; }
.inventory-bag-heading { display:flex; align-items:center; justify-content:space-between; margin:22px 0 10px; }
#inventory-count { color:#8e9e80; font-size:9px; }
.inventory-bag { display:grid; grid-template-columns:repeat(6,1fr); gap:6px; }
.inventory-cell { height:44px; display:flex; align-items:center; justify-content:center; border:1px solid #36452e; border-radius:5px; background:linear-gradient(135deg,#263022,#1b251c); }
.inventory-cell .inventory-icon { width:27px; height:27px; }.inventory-cell .inventory-empty { font-size:13px; color:#3f5037; }
.inventory-slot.is-selected,.inventory-cell.is-selected { border-color:var(--gold); background:#3a3e29; box-shadow:inset 0 0 14px #d9bd7a0a; }
.inventory-item-detail { margin-top:18px; border-top:1px solid #36442e; padding-top:15px; display:grid; grid-template-columns:1fr auto; gap:7px 15px; align-items:center; }
.inventory-item-detail .eyebrow { font-size:7px; grid-column:1/-1; }
.inventory-item-detail h3 { font-size:16px; font-weight:500; margin:0; grid-column:1/-1; }
.inventory-item-detail p { margin:0; color:#95a68a; font-size:10px; line-height:1.7; grid-column:1/-1; min-height:34px; }
#inventory-bonuses { font-size:10px; color:#d5bc88; }#inventory-equip { height:35px; font-size:10px; padding:0 12px; }
.inventory-footer { position:sticky; bottom:0; z-index:2; padding:17px 23px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--line); background:#151f18; }
.inventory-footer p { margin:0; font-size:10px; color:#9eac91; line-height:1.7; }.inventory-footer>div { display:flex; gap:8px; }
.inventory-footer .primary-button { min-width:100px; height:39px; font-size:12px; padding:0 21px; }.inventory-footer .secondary-button { height:39px; }
@media(min-width:851px) and (max-width:1100px) { .formation-tools { gap:5px; }.formation-tools .text-button { font-size:7.6px; } }
@media(max-width:700px) {
  .inventory-dialog { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }.inventory-header { padding:14px 17px; }.inventory-header h2 { font-size:21px; }
  .inventory-layout { grid-template-columns:1fr; }.inventory-character { border-right:0; border-bottom:1px solid var(--line); padding:14px 15px; display:grid; grid-template-columns:1fr 1fr; gap:5px 15px; }
  .inventory-character>.eyebrow { grid-column:1/-1; text-align:center; }#inventory-preview { height:190px; grid-column:1; grid-row:2/5; }
  .inventory-stats { grid-column:2; grid-row:2; border-top:0; grid-template-columns:1fr 1fr; gap:18px 8px; padding-top:7px; }.inventory-stats b { font-size:17px; }.inventory-stats small { font-size:9px; }
  .inventory-turn { grid-column:1; grid-row:5; margin:0; gap:8px; }.inventory-turn span { font-size:7px; }.inventory-turn button { width:27px; height:27px; font-size:17px; }#inventory-combat-mode { grid-column:2; grid-row:3/5; margin:0; font-size:9px; }
  .inventory-items { padding:17px; }.inventory-equipped { gap:7px; }.inventory-slot { padding:8px; gap:8px; }.inventory-slot-copy strong { font-size:9px; }.inventory-icon { width:25px; height:25px; }
  .inventory-cell { height:44px; }.inventory-item-detail { gap:7px; }#inventory-equip { font-size:9px; padding:0 8px; }#inventory-bonuses { font-size:9px; }
  .inventory-footer { position:sticky; bottom:0; padding:12px 15px; flex-wrap:wrap; gap:10px; z-index:2; }.inventory-footer p { font-size:9px; flex:1; min-width:125px; }.inventory-footer>div { margin-left:auto; gap:6px; }.inventory-footer .primary-button { min-width:75px; padding:0 14px; }.inventory-footer .secondary-button { font-size:10px; padding:0 12px; }
}