#modal:has(.inventory-gallery){padding:12px!important;align-items:center!important;background:#304a3899!important}
#modal .inventory-gallery{box-sizing:border-box!important;width:min(100%,600px)!important;height:min(720px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;display:flex!important;flex-direction:column!important;padding:18px!important;gap:14px!important;overflow:hidden!important;transform:none!important;border:2px solid #e5d4a6!important;border-image:none!important;border-radius:18px!important;background:#fbf5e6!important;background-image:none!important;box-shadow:0 8px 32px #1b392d66!important;color:#514d38!important}
.inventory-gallery .sheet-head{flex:none;margin:0!important;padding:0 0 10px!important;border-bottom:1px solid #e6dbc2!important;align-items:center!important}.inventory-gallery .sheet-head h2{font:800 23px/1.3 sans-serif!important;color:#5c573e!important}.inventory-gallery .eyebrow{font:13px/1.5 sans-serif!important;color:#8b805b!important}.inventory-gallery .sheet-head .close{flex:none;width:36px!important;height:36px!important;min-height:36px!important;line-height:30px!important;padding:0!important;box-shadow:none!important;border-image:none!important;background:#eee5cf!important;border:1px solid #d9cba8!important;border-radius:50%!important;font-size:24px!important}
.gallery-tabs{display:flex;gap:6px;flex:none}.gallery-tabs button{flex:1!important;min-width:0!important;padding:9px 4px!important;min-height:43px!important;border:1px solid #dfd2b5!important;border-image:none!important;border-radius:10px!important;background:#ede7d7!important;box-shadow:none!important;color:#786d52!important;font:700 15px/1.4 sans-serif!important;transform:none!important;white-space:nowrap}.gallery-tabs button small{font:12px/1.4 sans-serif!important;color:inherit!important}.gallery-tabs button.selected{background:#dce8be!important;border-color:#a5bc7b!important;color:#536b36!important}
.gallery-scroll{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;padding:2px 2px 12px}.inventory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 10px;align-content:start;align-items:start}
.inventory-gallery .gallery-card{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-image:none!important;border-radius:0!important;box-shadow:none!important;transform:none!important;animation:none!important;color:#554f3b!important;text-align:center!important;touch-action:manipulation}
.gallery-card:before,.gallery-card:after{display:none!important}.gallery-art{display:block!important;position:relative!important;flex:none;box-sizing:border-box;width:100%;aspect-ratio:1;background:url('assets/loot-quality-frames.png') var(--qx) var(--qy)/400% 200% no-repeat!important;border:0!important;border-radius:4px!important;box-shadow:0 3px 0 #d8cdb655!important;overflow:hidden}
.gallery-art .loot-equipment-icon{position:absolute!important;left:10%!important;top:8%!important;width:80%!important;height:80%!important;aspect-ratio:1!important;margin:0!important;transform:none!important}.gallery-art i{position:absolute;bottom:3px;left:4px;right:4px;font:normal 10px/16px sans-serif;color:#fff;background:#54743ac9;border-radius:3px}
.gallery-card strong{display:block!important;width:100%!important;min-height:38px!important;font:700 14px/19px sans-serif!important;color:#5d553d!important;white-space:normal!important;overflow-wrap:anywhere!important;text-shadow:none!important;letter-spacing:0!important;transform:none!important}.gallery-card:focus-visible{outline:3px solid #80a94e!important;outline-offset:3px!important}.gallery-card:active .gallery-art{filter:brightness(1.09)}
.gallery-empty-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border:1px dashed #d6ccb5;border-radius:5px;color:#b4aa90;gap:5px}.gallery-empty-slot span{font-size:23px}.gallery-empty-slot small{font:12px sans-serif!important;color:#998f76!important}.gallery-empty-message{grid-column:1/-1;padding:55px 0;text-align:center;color:#a29576;font-size:16px}
.gallery-footer{display:flex!important;flex-direction:column;align-items:stretch;flex:none;gap:10px;padding-top:10px;border-top:1px solid #e6dbc2}.gallery-footer .gear-edit-note{font:12px/1.5 sans-serif!important;color:#968568!important;text-align:center}.gallery-action{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;min-height:44px!important;border:1px solid #deb353!important;border-image:none!important;border-radius:12px!important;padding:9px 16px!important;margin:0!important;background:linear-gradient(#ffe59a,#f6cf65)!important;box-shadow:0 2px #d8b365!important;color:#705528!important;font:700 16px/1.4 sans-serif!important;transform:none!important;white-space:normal!important}.gallery-action.subtle{background:#f0e9d8!important;border-color:#d6c9aa!important;box-shadow:0 2px #d9ceb5!important;color:#827253!important}.gallery-action:disabled{opacity:.45!important;cursor:default!important}
.gallery-services{margin-top:20px;padding-top:12px;border-top:1px solid #e3d8c2}.gallery-services summary{font:14px/1.5 sans-serif;color:#8c7b55;cursor:pointer}.gallery-services>div{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}.gallery-services .gallery-action{font-size:13px!important;min-height:40px!important}
.gear-detail-backdrop{position:fixed;inset:0;z-index:600;display:flex;align-items:center;justify-content:center;padding:20px;background:#263c3a68;backdrop-filter:blur(2px)}
.gear-detail{box-sizing:border-box;width:min(100%,370px);max-height:calc(100dvh - 40px);overflow:auto;background:#fff8e7;border:2px solid #f2dfb4;border-radius:13px;box-shadow:0 12px 45px #20372f66;color:#555d45}
.gear-detail-header{display:flex;align-items:center;gap:14px;position:relative;padding:18px 42px 18px 16px;background:linear-gradient(120deg,var(--q-soft),var(--q-color));border-bottom:1px solid var(--q-deep)}.gear-detail-header>.gallery-art{width:76px;height:76px;aspect-ratio:1;box-shadow:none!important}.gear-detail-header>div:not(.gallery-art){min-width:0}.gear-detail-header h3{font:800 21px/1.35 sans-serif!important;color:#51425e!important;text-shadow:none!important;overflow-wrap:anywhere;margin:0 0 5px!important}.gear-detail-header p{font:13px/1.5 sans-serif!important;color:#64516b!important;margin:0!important}
.gear-detail-close{position:absolute;right:9px;top:9px;width:29px!important;height:29px!important;min-height:29px!important;padding:0!important;background:#fff8!important;background-image:none!important;border:0!important;border-image:none!important;box-shadow:none!important;border-radius:50%!important;color:#665875!important;font:24px/29px sans-serif!important;transform:none!important}
.gear-detail-body{padding:18px 20px}.gear-detail-body ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.gear-detail-body li{font:15px/1.65 sans-serif;color:#54604b;padding-left:12px;border-left:3px solid #c6d49a}.gear-detail-body p{font:13px/1.6 sans-serif!important;margin:14px 0 0!important;color:#8b7a59!important}.gear-detail-body .detail-cost{color:#b57159!important}.gear-detail-actions{display:flex!important;justify-content:center;gap:10px;padding:0 20px 20px;background:none!important}.gear-detail-actions .gallery-action{flex:1}.gallery-worn-label{font:700 14px/30px sans-serif;color:#81925f}
@media(max-width:480px){#modal .inventory-gallery{padding:15px!important;gap:12px!important}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 9px}.gallery-card strong{font-size:14px!important}.gear-detail-header h3{font-size:20px!important}}
@media(max-width:350px){.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}