/* Rucksack als eigene, zusammenhängende Fläche im Wildnis-Stil. */
.np-drag-help{font-size:10px;color:#c6cdb6;margin:0 0 8px;line-height:1.4}
.np-inv-slot{cursor:grab}.np-inv-slot:active{cursor:grabbing}
.np-drag-handle{position:absolute;left:0;top:0;padding:6px;touch-action:none;color:#d7c695}
.np-drag-handle .np-icon{width:17px;height:17px}
.np-drop-hover{outline:2px solid #f3d794!important;outline-offset:-2px;background-color:#6e653b!important}
.np-drag-ghost{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%,-50%);background:#27392aeb;padding:8px;border:2px solid #f3d794;border-radius:8px}.np-drag-ghost .np-icon{width:45px;height:45px}
.np-cooking{flex:none;border:1px solid #d9ac5a70;border-radius:7px;background:linear-gradient(105deg,#503f28,#27362b);padding:10px 12px;margin-top:10px;color:#eee4ca}
.np-cook-title{display:flex;align-items:center;gap:8px;font-size:13px}.np-cook-title>.np-icon{width:22px;height:22px;color:#e5b26a}.np-cook-title span{margin-left:auto;font-size:11px;color:#e2c692}
.np-cooking p{font-size:10px;margin:5px 0;line-height:1.4;color:#d3d6bd}.np-cooking progress{width:100%;height:6px;accent-color:#e2bd79}
.np-cook-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.np-cook-actions button{min-height:36px;padding:5px 8px;font-size:11px;flex:1}.np-cook-actions button:disabled{opacity:.4;cursor:default}
@media(max-width:600px){.np-cooking{padding:7px;margin-top:6px}.np-cooking p{display:none}.np-cook-title{font-size:11px;flex-wrap:wrap}.np-cook-title span{font-size:9px}.np-cook-actions{display:grid;grid-template-columns:1fr 1fr}.np-cook-actions button{font-size:10px;min-height:36px}.np-drag-help{font-size:9px}.np-inventory:has(.np-cooking) .np-inv-detail{max-height:110px}}
#np-panel.np-inventory{
  inset:24px;width:min(1100px,calc(100% - 48px));height:min(720px,calc(100% - 48px));
  margin:auto;padding:20px;z-index:20;display:flex;flex-direction:column;
  overflow:hidden;color:#eee4ca;border:1px solid #b8995e;border-radius:8px;
  background:radial-gradient(ellipse at 20% 0%,#4b4c37 0%,#262f28 48%,#1c241f 100%);
  box-shadow:0 14px 80px #08100dee,0 0 0 5px #201d18bb,inset 0 0 0 3px #b8995e20;
}
.np-inventory-open>:is(#np-hud,#np-toolbar,#np-bottom,#np-touch,#np-target){visibility:hidden}
.np-inventory .np-panel-heading{margin-bottom:9px;border-color:#b8995e66;flex:none}
.np-inventory .np-panel-heading h2{font-size:27px;color:#f4e6bb}
.np-inventory .np-close{background:#57432e;border:1px solid #a18550;color:#f4e6bb}
.np-inv-summary{display:flex;align-items:center;gap:12px;font-size:12px;color:#b9bba6;margin-bottom:15px;flex:none}
.np-inv-summary b{color:#eee3c8;font-weight:600}.np-inv-summary meter{width:100px;height:10px;accent-color:#d1b16e}
.np-inv-layout{display:grid;grid-template-columns:140px minmax(0,1fr) 250px;gap:20px;flex:1;min-height:0}
.np-inv-character{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 10px;border:1px solid #b8995e33;border-radius:5px;background:#101d1850}
.np-inv-eyebrow{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#c1ae7a}
.np-inv-character .np-portrait{width:108px;height:145px;background-size:auto 580px;filter:drop-shadow(0 5px 5px #10150f99)}
.np-inv-character>b{font:700 18px Georgia,serif}.np-inv-character small{font-size:11px;color:#b9bba6;line-height:1.5}
.np-inv-held{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;border:1px solid #a68b5455;background:#30372a;text-align:center;font-size:12px;line-height:1.4;border-radius:4px}
.np-inv-held .np-item-icon{width:56px;height:56px}
.np-inv-main{display:flex;flex-direction:column;min-height:0;min-width:0}
.np-inv-search{display:flex;align-items:center;gap:8px;background:#15221d88;border:1px solid #a68b5466;padding:0 10px;border-radius:4px;flex:none}
.np-inv-search .np-icon{color:#c1ae7a;width:18px;height:18px}
.np-inv-search input{background:transparent;color:#eee4ca;border:0;min-width:0;width:100%;height:42px;padding:8px 0;font:inherit;font-size:13px;outline:none}
.np-inv-search:focus-within{border-color:#e5c987}.np-inv-search input::placeholder{color:#b9bba6}
.np-inv-filters{display:flex;flex-wrap:wrap;gap:4px;margin:9px 0 12px;flex:none}
.np-inv-filters button{flex:1;padding:7px;min-height:38px;font-size:11px;white-space:nowrap;border:1px solid #a68b5444;color:#cbd1bd;background:#26392e;box-shadow:none}
.np-inv-filters button[aria-pressed=true],.np-inv-sources button[aria-pressed=true]{background:#8a6d3d;color:#fff2d5;border-color:#dfbf73}
.np-inv-scroller{overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#9b865a #14211c;padding:2px 5px 4px 2px;flex:1}
.np-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:7px;align-content:start}
.np-inv-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-width:0;min-height:103px;padding:9px 4px 6px;border:1px solid #8e86565c;border-radius:4px;background:radial-gradient(ellipse at center,#4d5339,#263529);box-shadow:inset 0 1px 0 #fff1c010;color:#e0dec5;font-size:10px;line-height:1.3}
.np-inv-slot .np-item-icon{width:52px;height:52px;margin:0;filter:drop-shadow(0 3px 2px #07150f77)}
.np-inv-slot>span{max-width:100%;overflow-wrap:anywhere}.np-inv-slot>b{position:absolute;right:5px;top:3px;background:#1b291dd9;min-width:16px;text-align:center;border-radius:3px;font-size:12px;color:#fff1d0}
.np-inv-slot>i{position:absolute;left:4px;top:3px;color:#d8be78;font-size:10px;font-style:normal}
.np-inv-slot:hover{background:#4b563c;border-color:#c4b476}.np-inv-slot.selected{border:2px solid #edcd83;padding:8px 3px 5px;background:radial-gradient(ellipse at center,#6a6744,#3c4430);box-shadow:0 0 0 2px #d3b26a22,inset 0 0 16px #e2bf6914}
.np-inventory button:focus-visible{outline:2px solid #f8d891;outline-offset:2px}
.np-inv-detail{min-width:0;padding:0 0 0 18px;border-left:1px solid #a68b5444;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9b865a #14211c}
.np-inv-preview{display:grid;place-items:center;height:125px;margin-bottom:14px;border:1px solid #a68b5433;border-radius:5px;background:radial-gradient(ellipse,#59604455,#17251d55)}
.np-inv-preview .np-item-icon{width:103px;height:103px;filter:drop-shadow(0 7px 5px #07150f88)}
.np-inv-detail h3{margin:6px 0;color:#f5e7bf;font:700 23px Georgia,serif;overflow-wrap:anywhere}
.np-inv-detail p{font-size:12px;line-height:1.6;color:#c5c9b4;margin:9px 0 14px}.np-inv-detail .np-inv-count{font-size:11px;color:#c1ae7a}
.np-inv-actions{display:flex;flex-direction:column;gap:7px}.np-inv-actions>button{width:100%;min-height:42px;font-size:12px}
.np-inv-actions .np-primary{padding:10px;background:linear-gradient(#a28a4d,#6c602e);border:1px solid #d2b674}
.np-inv-actions .np-inv-secondary{background:transparent;border:1px solid #a68b5444;color:#c7c7b0;box-shadow:none}
.np-inv-binding{padding:5px 0 10px;margin-top:8px;border-top:1px solid #a68b5444}.np-inv-binding p{font-size:11px;margin:7px 0}.np-inv-binding>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.np-inv-binding>div button{padding:3px;min-width:0;min-height:40px;background:#26382c;border:1px solid #a68b5466;box-shadow:none}.np-inv-binding .active{border-color:#e2c376;background:#807043}.np-inv-binding>button{font-size:10px;margin-top:6px;padding:5px;min-height:36px;background:transparent;box-shadow:none;color:#c9c3a4}
.np-inv-actions .np-inv-uses{font-size:11px;border-top:1px solid #a68b5444;padding-top:10px;margin:6px 0}
.np-inventory .np-inv-footer{height:auto;flex:none;background:transparent;color:#c8ccb7;margin-top:14px;padding:12px 0 0;border-top:1px solid #a68b5466;display:flex;align-items:center;gap:16px;text-align:left;font-size:12px}
.np-inv-hotbar{display:flex;gap:5px}.np-inv-hotbar button{position:relative;width:54px;height:52px;min-height:40px;padding:3px;background:#19291d;border:1px solid #a68b5488;border-radius:3px}.np-inv-hotbar .np-item-icon{width:38px;height:38px;margin:0}.np-inv-hotbar small{position:absolute;top:1px;left:4px;color:#c6b680;font-size:10px}.np-inv-hotbar b{position:absolute;right:3px;bottom:1px;color:#eee4ca;font-size:10px}
.np-inv-footer>small{max-width:250px;font-size:10px;line-height:1.6;color:#aeb89f}.np-inv-empty{color:#c8ccb7;font-size:13px;line-height:1.6;padding:20px 4px}.np-inv-sources{display:flex;gap:8px;margin-bottom:12px}.np-inv-sources button{min-height:38px;font-size:12px;padding:7px 18px}
.np-quick button.equipped{border-color:#e4c578;box-shadow:0 0 0 1px #d8b56b66,inset 0 0 15px #d8b56b1a}.np-quick button:disabled{opacity:.4}.np-empty-slot{color:#a19978}
@media(max-width:1000px){.np-inv-layout{grid-template-columns:minmax(0,1fr) 240px;gap:15px}.np-inv-character{display:none}.np-inv-footer>span{display:none}}
@media(max-width:600px){
  #np-panel.np-inventory{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);padding:12px}
  .np-inventory .np-panel-heading{margin-bottom:7px;padding-bottom:6px}.np-inventory .np-panel-heading h2{font-size:23px}
  .np-inv-summary{font-size:10px;gap:7px;margin-bottom:9px;flex-wrap:wrap}.np-inv-summary meter{width:65px;height:8px}
  .np-inv-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(150px,1fr) auto;gap:10px}
  .np-inv-filters{gap:3px;margin:6px 0}.np-inv-filters button{font-size:10px;padding:5px 4px;min-height:36px}
  .np-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(73px,1fr));gap:5px}.np-inv-slot{min-height:90px;font-size:9px;padding:6px 3px}.np-inv-slot.selected{padding:5px 2px}.np-inv-slot .np-item-icon{width:46px;height:46px}
  .np-inv-detail{padding:10px 0 0;border-left:0;border-top:1px solid #a68b5466;max-height:225px}
  .np-inv-preview{float:left;width:72px;height:74px;margin:0 12px 6px 0}.np-inv-preview .np-item-icon{width:64px;height:64px}
  .np-inv-detail h3{font-size:20px}.np-inv-detail p{font-size:11px;line-height:1.5;margin:6px 0 9px}.np-inv-actions{clear:both;gap:6px}.np-inv-actions>button{min-height:42px}
  .np-inv-binding>div{grid-template-columns:repeat(6,minmax(0,1fr))}
  .np-inventory .np-inv-footer{display:block;margin-top:8px;padding-top:8px}.np-inv-hotbar{justify-content:space-between;gap:4px}.np-inv-hotbar button{width:calc((100% - 20px)/6);height:44px}.np-inv-hotbar .np-item-icon{width:33px;height:33px}.np-inv-footer>small{display:block;font-size:9px;margin-top:5px;max-width:none}
}
@media(max-width:600px) and (max-height:800px){
 .np-drag-help{display:none}
 .np-inventory:has(.np-cooking) .np-inv-detail{max-height:85px}
}