/* Small native-resolution game icons, shared across catalog and item pickers. */
.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}
body.admin-mode dialog#modal:has(.item-browser-modal){width:min(1540px,calc(100vw - 28px));max-width:none;padding:14px;max-height:94vh}
dialog:has(.item-browser-modal)>.modal-top{margin-bottom:8px}
.compact-browser{background:#fff;border:1px solid #a7c9e8;border-radius:9px;overflow:hidden;min-width:0}
.compact-browser-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px;border-bottom:1px solid #a7c9e8;background:#f8fbff}
#shell .compact-browser-head h2,#modal .compact-browser-head h2{font-size:15px;margin:0;white-space:nowrap;color:#244563}
.compact-browser-controls{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
#shell .compact-search,#modal .compact-search{margin:0;min-width:160px}
#shell .compact-search input,#modal .compact-search input{margin:0;padding:8px 10px;font-size:13px;width:220px;max-width:100%}
#shell .compact-browser-controls select,#modal .compact-browser-controls select{width:auto;padding:8px;max-width:180px;font-size:12px}
#shell .compact-browser-controls button,#modal .compact-browser-controls button{padding:8px 10px;font-size:12px}
.compact-browser-status{padding:8px 12px;font-size:12px;color:#587087;min-height:34px}
.compact-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;padding:0 12px 12px;align-content:start;max-height:62vh;overflow:auto;scrollbar-gutter:stable}
#shell .compact-item,#modal .compact-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;min-width:0;min-height:89px;padding:7px 5px;background:#f1f7ff;border:1px solid #9fc4e9;border-radius:6px;color:#244563;text-align:center;line-height:1.3;cursor:pointer}
#shell .compact-item:hover,#modal .compact-item:hover{background:#e0efff;border-color:#157bcd;box-shadow:0 2px 5px #1b68a41a}
.compact-item-art{display:grid;place-items:center;width:34px;height:32px;flex:none}
.compact-item-art img{max-width:32px;max-height:32px;object-fit:contain;image-rendering:pixelated}
#shell .compact-item small,#modal .compact-item small{color:#6251a9;font-size:10px}
#shell .compact-item b,#modal .compact-item b{font-size:11px;font-weight:500;overflow-wrap:anywhere;line-height:1.35}
.compact-item-grid>.empty{grid-column:1/-1}
.compact-option-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
#shell .compact-item.is-option,#modal .compact-item.is-option{min-height:64px;justify-content:center}
.item-pages{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px}
#shell .item-pages button,#modal .item-pages button{padding:5px 8px;min-width:30px;min-height:30px;font-size:12px;background:#fff;border:1px solid #a7c9e8;color:#176eb0;border-radius:5px}
#shell .item-pages button[aria-current="page"],#modal .item-pages button[aria-current="page"]{background:#4f46df;color:#fff;border-color:#4f46df;box-shadow:0 2px 5px #4f46df25}
.compact-pagination-bottom{padding:10px;border-top:1px solid #d1e2f1}
#shell .store-products{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:7px}
#shell .store-product{padding:8px;min-height:110px}
#shell .store-product-head{display:flex;flex-direction:column;text-align:center;gap:4px}
#shell .store-product-head .store-art{width:34px;height:34px}
#shell .store-product-head .store-art img{max-width:32px;max-height:32px}
#shell .store-product-head b{font-size:11px}
#shell .store-product .store-option-preview{display:none}
#shell .store-product .store-price{justify-content:center;flex-wrap:wrap;font-size:10px}
#shell .store-product .store-card-meta{font-size:10px;justify-content:center;gap:4px;flex-wrap:wrap}
#shell .benefit-rewards,#modal .benefit-draft-rewards{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px}
#shell .benefit-reward,#modal .benefit-reward{min-height:92px;padding:7px;gap:4px}
#shell .benefit-reward .store-art,#modal .benefit-reward .store-art{width:32px;height:32px}
#shell .benefit-reward .store-art img,#modal .benefit-reward .store-art img{max-width:30px;max-height:30px}
#shell .benefit-reward>span:last-child,#modal .benefit-reward>span:last-child{display:none}
#shell .grant-preview-list,#modal .grant-preview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:6px}
#shell .grant-preview-item,#modal .grant-preview-item{display:flex;align-items:center;flex-direction:column;text-align:center;gap:5px;padding:8px;border:1px solid #b8d2e9;border-radius:6px;background:#f1f7ff;min-width:0}
#shell .grant-preview-item img,#modal .grant-preview-item img{width:auto;height:auto;max-width:32px;max-height:32px;object-fit:contain;image-rendering:pixelated}
#shell .grant-preview-item b,#modal .grant-preview-item b{font-size:11px;overflow-wrap:anywhere}
.catalog-detail-art{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}
.collection-tools,.collection-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;color:#587087;font-size:11px}
#shell .collection-tools input,#modal .collection-tools input{width:180px;max-width:100%;padding:6px 8px;font-size:12px}
.collection-tools .collection-pages{margin-left:auto}.item-collection{min-width:0}
.store-result-head{flex-wrap:wrap;gap:10px}
.event-reference-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))!important}
.event-reference-item{flex-direction:column;text-align:center;font-size:11px!important;gap:4px!important}
.event-reference-item .store-art,.event-gift .store-art{width:32px!important;height:32px!important}
.event-reference-item img,.event-gift .store-art img{max-width:30px!important;max-height:30px!important;image-rendering:pixelated}
@media(max-width:650px){
 .compact-browser-head{gap:10px}.compact-browser-controls{margin:0;width:100%}.compact-browser-head>.compact-pagination{order:3;width:100%}
 #shell .compact-search,#modal .compact-search{flex:1;min-width:120px}#shell .compact-search input,#modal .compact-search input{width:100%}
 .compact-item-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:5px;padding:0 8px 8px;max-height:55vh}
 .compact-option-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}
 #shell .compact-item,#modal .compact-item{min-height:90px}.compact-browser-head{padding:10px}
 #shell .store-products{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
}