.record-browser{min-width:0}.filter-stack{gap:6px;margin:2px 3px 10px;display:grid}.filter-row{border-bottom:1px solid #28221c;grid-template-columns:104px minmax(0,1fr);align-items:center;min-width:0;display:grid}.filter-row-full{grid-template-columns:minmax(0,1fr)}.filter-label{color:#9b8b77;letter-spacing:.08em;text-transform:uppercase;padding:0 10px 7px 2px;font-size:11px;font-weight:800}.filter-row-primary{background:linear-gradient(90deg,#774d1e2e,#0000 72%);border-left:3px solid #a87326}.filter-row-secondary{background:linear-gradient(90deg,#58391c21,#0000 68%);border-left:3px solid #654322}.filter-row-primary .filter-label{color:#d6ad59;padding-left:8px;font-size:12px}.filter-row-secondary .filter-label{color:#bd9860;padding-left:8px}.filter-row-primary .category-tabs button{min-height:40px}.category-tabs{flex-wrap:wrap;gap:5px;padding:3px 3px 7px;display:flex;overflow:visible}.category-tabs button{color:#ac9b82;cursor:pointer;background:#15120f;border:2px solid #3b3026;flex:none;align-items:center;gap:8px;min-height:36px;padding:5px 11px;font-weight:750;display:inline-flex;box-shadow:inset 0 0 0 1px #080706}.category-tabs button strong{color:#9a8a76;font-size:12px}.category-tabs button[style]{color:color-mix(in srgb, var(--filter-color) 68%, #fff);border-color:color-mix(in srgb, var(--filter-color) 42%, #332b24)}.category-tabs button:hover,.category-tabs button.active{color:color-mix(in srgb, var(--filter-color,#f0c15a) 72%, #fff);border-color:var(--filter-color,#a87326);background:#21180f}.category-tabs button.active{box-shadow:inset 0 -3px 0 var(--filter-color,#d79624), inset 0 0 0 1px #080706}.category-tabs button.active strong{color:#d6ad59}.browser-tools{background:#100e0c;border:1px solid #342b22;align-items:center;gap:8px;min-height:46px;margin:0 3px 10px;padding:6px;display:flex}.browser-search{color:#7d7162;background:#090807;border:1px solid #2d251e;flex:1;align-items:center;gap:8px;min-width:170px;height:34px;padding:0 9px;display:flex}.browser-search:focus-within{border-color:#b38234}.browser-search input{color:#d5c6ae;background:0 0;border:0;outline:0;width:100%;min-width:0}.browser-search input::placeholder{color:#9a9082;opacity:1}.result-count{color:#d7b362;text-align:center;border-left:1px solid #332b23;min-width:42px;padding:4px 8px}.reset-button,.empty-state button{color:#bd9b6b;cursor:pointer;background:#24160f;border:1px solid #673528;align-items:center;gap:5px;padding:6px 9px;display:inline-flex}.record-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.record-tile{color:#c9bca9;background:#12100d;border:1px solid #332b23;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:84px;padding:8px;display:grid;box-shadow:inset 0 0 0 1px #070605}.record-tile:hover,.record-tile:focus-visible{color:var(--record-accent);background:#18140f;border-color:#80623b;transform:translateY(-1px)}.record-icon{background-color:#17130f;background-image:var(--record-icon-frame);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;place-items:center;width:64px;height:64px;display:grid;position:relative;overflow:visible;box-shadow:0 0 0 1px #080706}.record-icon img{object-fit:contain;width:82%;height:82%}.record-icon img.record-icon-badge{object-fit:contain;background:#090806;border:1px solid #76512e;width:27px;height:27px;padding:2px;position:absolute;bottom:-4px;right:-4px}.icon-glyph{color:#80653b;font-size:18px}.icon-glyph-label{color:#c7a75e;text-align:center;overflow-wrap:anywhere;max-width:54px;font-size:10px;font-weight:850;line-height:1.15}.record-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.record-copy strong{color:color-mix(in srgb, var(--record-accent) 75%, #fff);overflow-wrap:anywhere;font-size:14px}.record-copy small{color:#847c71;overflow-wrap:anywhere;font-size:11px;line-height:1.35}.record-meta{color:#a58d68;overflow-wrap:anywhere;font-size:11px}.record-tile-cover{grid-template-columns:minmax(0,1fr);align-items:stretch;padding:0}.record-tile-cover .record-icon{width:100%;height:112px}.record-tile-cover .record-icon img{object-fit:cover;filter:saturate(.72)brightness(.82);width:100%;height:100%}.record-tile-cover:hover .record-icon img,.record-tile-cover:focus-visible .record-icon img{filter:saturate(.9)brightness(.94)}.record-tile-cover .record-copy{padding:9px 11px 12px}.empty-state button{margin-top:8px}.pagination{justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.pagination button{color:#c8aa6d;cursor:pointer;background:#17120e;border:1px solid #4b3826;min-height:34px;padding:5px 12px}.pagination button:disabled{color:#5f574b;cursor:not-allowed;border-color:#28231d}.pagination span{color:#8e8373;font-size:12px}@media (width<=960px){.record-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.filter-row{grid-template-columns:1fr}.filter-label{padding:2px 3px}.browser-tools{flex-wrap:wrap;align-items:stretch}.browser-search{flex:100%;min-width:0}.result-count{flex:none}.reset-button{margin-left:auto}.record-grid{grid-template-columns:1fr}.record-tile{grid-template-columns:56px minmax(0,1fr);min-height:76px}.record-icon{width:56px;height:56px}}