.catalog-controls{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.catalog-controls label{color:var(--muted);text-transform:uppercase;gap:5px;font-size:.68rem;display:grid}.catalog-controls select{border:1px solid var(--stroke);min-width:180px;height:40px;color:var(--text);background:var(--panel-solid);padding:0 10px}.status-legend{color:var(--muted);text-transform:uppercase;flex-wrap:wrap;gap:16px;margin:8px 0 20px;font-size:.72rem;display:flex}.status-legend span{align-items:center;gap:7px;display:inline-flex}.status-legend i,.status-mark{border-radius:50%;width:9px;height:9px;display:inline-block}.released{background:var(--teal);box-shadow:0 0 12px var(--teal)}.in_progress{background:var(--pink);box-shadow:0 0 12px var(--pink)}.vault{background:var(--purple);box-shadow:0 0 12px var(--purple)}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.release-tile{aspect-ratio:1;border:1px solid var(--stroke);background:var(--panel-solid);cursor:pointer;color:var(--text);padding:0;position:relative;overflow:hidden}.release-tile img{object-fit:cover;transition:transform .56s,filter .56s}.release-tile:hover img{filter:brightness(.58)saturate(.86);transform:scale(1.055)}.status-mark{z-index:2;position:absolute;top:10px;right:10px}.release-meta{z-index:1;text-align:left;background:linear-gradient(#0000,#080a0ff5);gap:4px;padding:14px;display:grid;position:absolute;inset:auto 0 0}.release-meta b{color:var(--mint);font-size:.68rem}.release-meta em{font-family:var(--display);font-size:1.3rem;font-style:normal;line-height:.98}.release-meta small{color:var(--muted);text-transform:uppercase}.modal-backdrop{z-index:80;background:#000000c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.release-modal{grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:18px;width:min(920px,100%);max-height:min(720px,88vh);padding:18px;display:grid;overflow:auto}.modal-close{z-index:2;position:absolute;top:12px;right:12px}.release-cover{aspect-ratio:1;align-self:start;position:relative}.release-cover img{object-fit:cover}.release-detail h2{font-family:var(--display);margin:10px 0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:.92}.release-detail p{color:var(--muted)}.release-detail .embed-frame{width:100%;height:120px;min-height:120px;margin:8px 0}.credits{line-height:1.7}@media (max-width:1050px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.release-modal{grid-template-columns:1fr}}@media (max-width:520px){.catalog-grid{grid-template-columns:1fr}}