/* The same blue enamel, gold trim and parchment as building information. */
#nav .inventory-icon{width:28px;height:28px;display:block;margin:0 auto;color:#ffdf9a;filter:drop-shadow(0 1px 1px #132137)}
#inventory-panel{height:min(730px,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 32px))}
#inventory-panel>.royal-body{padding:14px 0 14px 16px;overflow:hidden;display:flex;flex:1}
.inventory-layout{display:flex;width:100%;min-width:0;gap:14px;min-height:0}
.inventory-content{flex:1;min-width:0;overflow:auto;padding:2px 5px 8px 2px;scrollbar-color:#cb9635 #eee1c6}
.inventory-tabs{display:flex;flex-direction:column;gap:7px;flex:0 0 102px;padding:2px 0;overflow:auto}
.inventory-tabs button{color:#fff1c6;background:linear-gradient(135deg,#2a66a9,#0d2e68);border:2px solid #b7842f;border-right:0;border-radius:10px 0 0 10px;box-shadow:inset 0 0 0 2px #f6d67e,0 2px 2px #4b351943;font:700 12px/1.2 system-ui;min-height:78px;padding:9px 4px;flex-shrink:0}
.inventory-tabs button[aria-selected=true]{color:#16386a;background:linear-gradient(125deg,#fff9e2,#efd394);border-color:#e2ac38;box-shadow:inset 0 0 0 2px #fff4ca}
.inventory-tabs .inventory-icon{display:block;width:34px;height:34px;margin:0 auto 5px}
.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.inventory-slot{position:relative;min-width:0;min-height:118px;padding:9px 4px 6px;color:#142a55;background:linear-gradient(135deg,#fff7e1,#e8d1a8);border:2px solid #c79a4a;border-radius:10px;box-shadow:inset 0 0 0 2px #fff1c1,0 3px 2px #654c292b;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px}
.inventory-slot.is-selected{border-color:#145796;box-shadow:inset 0 0 0 2px #ffcb46,0 0 0 1px #0a2248;background:linear-gradient(125deg,#fff6d1,#f0d581)}
.inventory-slot>img,.inventory-slot>.inventory-icon{width:58px;height:58px;object-fit:contain;color:#9a611e;filter:drop-shadow(0 2px 1px #65401b38)}
.inventory-slot>b{position:absolute;top:3px;right:5px;background:#153b6a;color:#fff1c3;padding:2px 5px;border:1px solid #d4aa52;border-radius:5px;font:bold 11px system-ui}
.inventory-slot>span{font:700 11px/1.2 system-ui;overflow-wrap:anywhere;text-align:center}
.inventory-detail{margin-top:18px;border-top:2px solid #d5b779;padding:14px 2px;color:#122652}
.inventory-detail h3,.inventory-empty h3{font:bold 22px/1.15 Georgia,serif;color:#112652;margin:0 0 8px}
.inventory-detail p,.inventory-empty p{font:14px/1.5 system-ui;margin:10px 0;color:#364660}
.inventory-total{font:700 13px system-ui;color:#8a611e}
.inventory-use.royal-button{font:700 16px/1.2 system-ui;padding:11px 8px;min-height:44px;width:100%;margin-top:9px}
.inventory-queues{display:grid;gap:3px}
.inventory-empty{height:100%;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px}
.inventory-empty>.inventory-icon{width:85px;height:85px;color:#b69861;margin-bottom:20px}
.inventory-content:focus-visible,.inventory-layout button:focus-visible{outline:3px solid #2b89cb;outline-offset:2px}
@media(max-width:600px){#nav{gap:3px}#nav button{min-width:42px;width:auto}#nav .inventory-icon{width:25px;height:25px}#inventory-panel>.royal-body{padding:11px 0 11px 8px}.inventory-layout{gap:7px}.inventory-tabs{flex-basis:78px;gap:6px}.inventory-tabs button{min-height:69px;font-size:10px}.inventory-tabs .inventory-icon{width:30px;height:30px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inventory-slot{min-height:106px}.inventory-detail h3{font-size:20px}.inventory-detail p{font-size:12px}}
@media(max-width:370px){#nav{gap:1px}#nav button{min-width:39px}.inventory-tabs{flex-basis:69px}.inventory-slot>span{font-size:10px}}
@media(orientation:landscape) and (max-height:550px){.inventory-tabs button{min-height:55px;font-size:10px;padding:5px}.inventory-tabs .inventory-icon{width:21px;height:21px;margin-bottom:3px}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inventory-empty{min-height:190px}}