@import url("/storage-rpg.css");
@import url("/inventory-rpg.css");
.subnav-button{display:flex;align-items:center;gap:8px;width:100%;text-align:left}.subnav-button>b{margin-left:auto}.subnav-icon{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;color:#8a5b29}.subnav-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.inventory-page,.storage-page{display:grid;gap:18px}.bureau-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.inventory-section{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(250,239,210,.76)}.inventory-section>h2{margin:0 0 13px;font-weight:normal}
.character-content-frame{width:100%;min-width:0;padding:24px;border:1px solid rgba(112,71,27,.32);border-radius:18px;background:linear-gradient(145deg,rgba(255,250,233,.96),rgba(230,207,166,.92));box-shadow:0 10px 23px var(--shadow);backdrop-filter:blur(8px)}.character-content-frame>*:first-child{margin-top:0}.character-content-frame>*:last-child{margin-bottom:0}.inventory-content-frame,.storage-content-frame{display:grid;gap:16px}.storage-access-lock{max-width:720px;padding:4px 2px}.storage-access-lock h2,.storage-construction h2{margin:0 0 20px;font-size:28px;font-weight:normal}.access-requirement{display:grid;grid-template-columns:minmax(190px,.6fr) 1fr;gap:18px;padding:12px 0;border-top:1px solid var(--line)}.access-requirement span{color:#8b6338;font:8px monospace;letter-spacing:.1em}.access-requirement b{font-weight:normal}.storage-access-lock .muted{max-width:580px;margin:17px 0 0}.storage-construction{max-width:760px}.storage-construction dl{display:grid;gap:8px;margin:18px 0 22px}.storage-construction dl div{display:flex;justify-content:space-between;gap:20px;padding-top:10px;border-top:1px solid var(--line)}
.inventory-capacity{display:grid;place-items:center;min-width:112px;padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,247,225,.75);color:#52371f;font-size:22px}.inventory-capacity small{display:block;margin-top:4px;color:#88613a;font:7px monospace;letter-spacing:.09em}.inventory-filters{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--line)}.inventory-filters button{padding:8px 14px;border:1px solid rgba(114,73,29,.3);border-radius:4px;background:rgba(255,247,225,.72);color:#66431f;font:8px monospace;letter-spacing:.08em;cursor:pointer}.inventory-filters button.active{border-color:#8a5524;background:#704521;color:#fff1d2}.inventory-storage-note{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid rgba(151,93,33,.38);border-radius:9px;background:#ead5ab;color:#66431f}.inventory-storage-note span{flex:1;font-size:13px}.inventory-storage-note button{border:0;background:none;color:#754719;font:8px monospace;cursor:pointer}
.storage-filters{padding:4px 0 12px}.storage-filters button{display:inline-flex;align-items:center;gap:7px}.storage-filters button b{min-width:18px;padding:2px 5px;border:1px solid currentColor;border-radius:9px;font-size:7px;text-align:center;opacity:.78}
.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.item-tile{position:relative;display:grid;grid-template-columns:72px 1fr;gap:12px;min-width:0;padding:11px;border:1px solid rgba(126,80,31,.27);border-radius:11px;background:linear-gradient(145deg,rgba(255,250,231,.92),rgba(228,204,158,.78))}.item-tile-icon{display:grid;place-items:center;width:72px;height:72px;overflow:hidden;border:1px solid rgba(126,80,31,.28);border-radius:9px;background:rgba(77,51,26,.1)}.item-tile-icon img{width:100%;height:100%;object-fit:cover}.item-icon-fallback{font:11px monospace;color:#7b542a}.item-tile-copy{min-width:0}.item-tile-copy small,.storage-ledger small{display:block;color:#8b6338;font:8px monospace;letter-spacing:.08em}.item-tile-copy h3{margin:5px 0 9px;font-size:17px;font-weight:normal}.item-actions{display:flex;gap:6px;flex-wrap:wrap}.item-actions .outline-button,.item-tile-copy>.outline-button{padding:8px 9px;font-size:8px}.item-lock-mark{position:absolute;right:4px;bottom:4px;padding:2px 4px;background:#5e3825;color:#fff1dc;font:6px monospace}.item-locked{border-color:rgba(132,69,49,.5)}.inventory-empty{grid-column:1/-1;color:#715a40}
.storage-empty{max-width:720px}.storage-empty dl{display:grid;gap:7px}.storage-empty dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px}.storage-ledger{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:13px;background:rgba(250,239,210,.88);overflow:hidden}.storage-ledger>div{padding:15px;border-right:1px solid var(--line)}.storage-ledger>div:last-child{border:0}.storage-ledger b{display:block;margin-top:6px}
@media(max-width:720px){.item-grid{grid-template-columns:1fr}}@media(max-width:560px){.bureau-heading{align-items:flex-start;flex-direction:column}.inventory-storage-note{align-items:flex-start;flex-direction:column}.storage-ledger{grid-template-columns:1fr}.storage-ledger>div{border-right:0;border-bottom:1px solid var(--line)}}
.item-uses{display:block;margin:.3rem 0;color:#5d472e;font-size:.76rem}.item-uses b{color:#342414}
.storage-recipe{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px}.storage-recipe li{min-width:0;padding:11px;background:#ded2b8;border:1px solid #b09a72}.storage-recipe li.complete{color:#3d6b3a;border-color:#78906a}.storage-recipe .material-identity{display:flex;width:100%}.recipe-progress{display:flex;align-items:baseline;gap:7px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(128,102,62,.3);white-space:nowrap}.recipe-progress>span:first-child{color:#725b39;font:9px monospace;letter-spacing:.08em;text-transform:uppercase}.recipe-progress b{margin-left:auto;font-variant-numeric:tabular-nums}.recipe-state{flex:0 0 auto;font-weight:bold}.resource-quantity{display:block;margin-top:8px;text-align:right;font-variant-numeric:tabular-nums}.storage-source-actions{display:flex;gap:8px;margin:14px 0}.storage-source-actions button{padding:8px;border:1px solid #80663e;background:#e4d5b4;color:#3b2c1c}@media(max-width:760px){.storage-recipe{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:430px){.storage-recipe{grid-template-columns:1fr}}
.resource-transfer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.resource-transfer-grid article{display:grid;gap:9px;min-width:0;padding:11px;border:1px solid #b09a72;background:#ded2b8}.resource-transfer{display:flex;gap:7px}.resource-transfer input{width:100%;min-width:0}.resource-transfer button{flex:0 0 auto}
.item-tile-icon img{object-fit:contain}.item-icon-fallback:not([hidden]){display:grid;place-items:center}