.inventory-header,.inventory-storage,.inventory-use,.inventory-history{--inventory-bronze:#9a653d;--inventory-bronze-light:#d7a773;--inventory-bronze-dark:#6b422b;--inventory-negative:#9c3d38}
.village-emblem{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;max-width:100%;margin:0 0 12px;padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:var(--alt);font-size:12px;color:var(--text);overflow-wrap:anywhere}.village-emblem span{font-size:10px;color:var(--muted)}
.inventory-heading{display:flex;align-items:center;gap:16px}.inventory-heading h2{margin:6px 0;font-size:28px;letter-spacing:-.5px}.inventory-heading p{margin:0;color:var(--muted);font-size:13px}.inventory-history-link{margin-left:auto;white-space:nowrap}.inventory-crest{flex:0 0 58px;width:58px;height:68px;display:grid;place-items:center}.inventory-crest svg{width:52px;height:58px}.inventory-scope{padding-top:16px;margin:18px 0 0;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}
.inventory-header svg,.inventory-item-art svg,.inventory-preview-emblem svg{stroke:var(--inventory-bronze-dark);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.inventory-shield{fill:var(--inventory-bronze-light)}.inventory-shield-inner{fill:none;stroke:var(--inventory-bronze)}
.inventory-filter{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:16px;margin:0 0 22px;border:1px solid var(--border);border-radius:10px;background:var(--alt)}.inventory-filter label{margin:0;flex:1 1 190px}.inventory-filter label:first-of-type{flex:2 1 230px}.inventory-filter .button{min-height:44px}.inventory-filter>.text-link{padding:12px 0}.inventory-filter select:focus-visible,.inventory-use select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.inventory-empty{max-width:640px;margin:26px auto;text-align:center}.inventory-empty h3{margin:0 0 8px;font-size:20px}.inventory-empty p{margin:0;font-size:13px;color:var(--muted);line-height:1.7}
.inventory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.inventory-slot{position:relative;min-width:0;min-height:136px;border:1px solid var(--border);border-radius:10px;background:var(--alt)}.inventory-slot-number{position:absolute;top:9px;left:11px;font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted);opacity:.8}.inventory-slot-filled{display:flex;flex-direction:column;align-items:center;padding:38px 12px 12px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--inventory-bronze-light) 18%,transparent)}.inventory-quantity{position:absolute;top:7px;right:9px;max-width:calc(100% - 42px);padding:1px 6px;border:1px solid var(--border);border-radius:5px;background:var(--card);font-weight:800;font-size:12px;overflow-wrap:anywhere}.inventory-quantity small{font-weight:400;font-size:10px;color:var(--muted)}.inventory-item-art{display:grid;place-items:center;width:82px;height:86px;margin:0 0 8px;filter:drop-shadow(0 4px 3px #49311b18)}.inventory-item-art svg{width:70px;height:78px}.inventory-item-category{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--muted);text-align:center;overflow-wrap:anywhere}.inventory-slot h3{width:100%;margin:5px 0;font-size:14px;line-height:1.4;text-align:center;overflow-wrap:anywhere}.inventory-slot p{width:100%;margin:4px 0 14px;font-size:11px;line-height:1.6;text-align:center;color:var(--muted);overflow-wrap:anywhere}.inventory-item-use{width:100%;margin-top:auto;padding:8px;min-height:40px;font-size:11px;text-align:center;line-height:1.4}.inventory-unusable{margin-top:auto;font-size:11px;color:var(--muted);text-align:center}.inventory-slot-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed;background:transparent;gap:3px}.inventory-empty-mark{font-size:30px;line-height:1;color:var(--border)}.inventory-slot-empty>small{font-size:10px;color:var(--muted);opacity:.7}
.inventory-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.inventory-pagination .button{font-size:12px;min-height:40px;padding:8px 14px}.inventory-page-disabled{padding:8px 14px;opacity:.5}.inventory-grid-note{margin-bottom:0}.inventory-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.inventory-use{border-color:var(--inventory-bronze)}.inventory-use .section-heading>a{flex-shrink:0}.inventory-use form>label{max-width:560px}.inventory-use .notice{margin:16px 0}.inventory-preview-heading{display:flex;align-items:center;gap:18px;margin-top:22px}.inventory-preview-emblem{flex:0 0 64px;width:64px;height:72px}.inventory-preview-emblem svg{width:64px;height:72px}.inventory-preview-heading h3{margin:5px 0;font-size:21px;overflow-wrap:anywhere}.inventory-preview-heading p{margin:5px 0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.inventory-confirm-facts{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:22px 0}.inventory-confirm-facts>div{padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--alt);min-width:0}.inventory-confirm-facts dt{font-size:11px;color:var(--muted)}.inventory-confirm-facts dd{margin:4px 0 0;font-size:15px;font-weight:750;overflow-wrap:anywhere}.inventory-use-rules{padding-left:20px;font-size:13px;line-height:1.8}.inventory-use-rules li{padding-left:3px;margin:4px 0;overflow-wrap:anywhere}.inventory-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.inventory-history .table-wrap{margin-top:18px}.inventory-history table{min-width:610px}.inventory-history td{vertical-align:top}.inventory-history td:first-child{width:170px;font-size:12px;white-space:nowrap}.inventory-history td strong,.inventory-history td>span,.inventory-history td small{display:block}.inventory-history td small{font-size:11px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.inventory-history td:nth-child(2),.inventory-history td:last-child{overflow-wrap:anywhere;max-width:340px}.inventory-history-empty{padding:18px 0;color:var(--muted);font-size:13px}.inventory-delta{white-space:nowrap;font-weight:700}.inventory-delta-in{color:var(--mint)}.inventory-delta-out{color:var(--inventory-negative)}
:root[data-theme=dark] .inventory-header,:root[data-theme=dark] .inventory-storage,:root[data-theme=dark] .inventory-use,:root[data-theme=dark] .inventory-history{--inventory-bronze:#a67e59;--inventory-bronze-light:#b99168;--inventory-bronze-dark:#4f3322;--inventory-negative:#eeaaa0}:root[data-theme=dark] .inventory-slot-filled{background:linear-gradient(145deg,#293142,var(--alt))}
@media(max-width:1040px){.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inventory-history-link{margin-left:0}.inventory-heading{flex-wrap:wrap}.inventory-heading>div{flex:1 1 260px}}
@media(max-width:760px){.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.inventory-heading h2{font-size:25px}.inventory-crest{flex-basis:46px;width:46px;height:58px}.inventory-crest svg{width:44px;height:52px}.inventory-heading>div{flex-basis:190px}.inventory-history-link{margin-left:62px}.inventory-filter{padding:12px;gap:10px}.inventory-filter label,.inventory-filter label:first-of-type{flex:1 1 100%}.inventory-filter .button{flex:1}.inventory-filter>.text-link{flex:1;text-align:center}.inventory-confirm-facts{grid-template-columns:1fr 1fr}.inventory-confirm-facts>div:first-child{grid-column:1/-1}.inventory-preview-heading{align-items:start}.inventory-use>.section-heading{flex-direction:row;align-items:center}.inventory-history td:first-child{width:auto}.inventory-pagination .button,.inventory-page-disabled{padding:8px 10px}}
@media(max-width:520px){.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-slot{min-height:118px}.inventory-slot-filled{padding:37px 10px 10px}.inventory-item-art{width:72px;height:80px}.inventory-item-art svg{width:64px;height:72px}.inventory-pagination{gap:6px;font-size:11px}.inventory-pagination .button{font-size:11px}.inventory-heading{gap:12px}.inventory-history-link{margin-left:58px}.inventory-preview-heading{gap:12px}.inventory-preview-emblem{flex-basis:48px;width:48px;height:58px}.inventory-preview-emblem svg{width:48px;height:58px}.inventory-preview-heading h3{font-size:18px}.inventory-actions{flex-direction:column}.inventory-actions .button{width:100%;text-align:center}.inventory-empty{margin:22px auto}.inventory-empty h3{font-size:18px}.inventory-history .section-heading h2{font-size:21px}}