.sbg{--sbg-gap:1.5rem;--sbg-ratio:200/260;--sbg-cols:var(--sbg-cols-d,5)}@media (max-width:1280px){.sbg{--sbg-cols:var(--sbg-cols-l,3)}}@media (max-width:1024px){.sbg{--sbg-cols:var(--sbg-cols-t,2)}}@media (max-width:600px){.sbg{--sbg-cols:var(--sbg-cols-m,1)}}.sbg__header{margin:0 auto 2rem;max-width:46rem;text-align:center}.sbg__intro>:last-child{margin-bottom:0}.sbg__filters{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:0 auto .75rem}.sbg__filter{align-items:center;background:transparent;border:0;border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;font:inherit;font-size:.9375rem;gap:.35em;line-height:1.2;padding:.5em .9em}.sbg__filter:hover{color:var(--sbg-accent)}.sbg__filter[aria-pressed=true]{background:var(--sbg-accent);color:#fff}.sbg__filter:focus-visible{outline:2px solid var(--sbg-accent);outline-offset:2px}.sbg__count{font-size:.75em;opacity:.65}@media (max-width:600px){.sbg__filters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-inline:-1rem;padding-bottom:.25rem;padding-inline:1rem;scrollbar-width:none}.sbg__filters::-webkit-scrollbar{display:none}.sbg__filter{flex:none}}.sbg__status{font-size:.875rem;margin:0 0 1.25rem;min-height:1.3em;opacity:.7;text-align:center}.sbg__list{display:grid;gap:var(--sbg-gap);grid-template-columns:repeat(var(--sbg-cols),minmax(0,1fr));list-style:none;margin:0;padding:0}.sbg__item{margin:0}.sbg__item[hidden]{display:none}.sbg__card{background:var(--sbg-card-bg);color:var(--sbg-card-text);display:flex;flex-direction:column;height:100%;position:relative;transition:box-shadow .2s}.sbg__card:hover{box-shadow:inset 0 0 0 2px var(--sbg-accent)}.sbg__card:focus-within{outline:3px solid var(--sbg-accent);outline-offset:3px}.sbg__media{aspect-ratio:var(--sbg-ratio);display:block;position:relative}.sbg__media img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.sbg__placeholder{border:1px dashed;display:grid;font-size:.875rem;inset:0;opacity:.6;place-items:center;position:absolute}.sbg__body{padding:.85rem 1rem 1rem}.sbg__name{color:inherit;font-size:1.125rem;line-height:1.25;margin:0}.sbg__open{all:unset;color:inherit;cursor:pointer;font:inherit}.sbg__open:after{content:"";inset:0;position:absolute}.sbg__open:focus{outline:none}.sbg__systems{font-size:.875rem;line-height:1.45;margin-top:.6rem}.sbg__systems-label{font-size:.8125rem;font-weight:600;margin:0 0 .25rem;opacity:.75}.sbg__systems ol,.sbg__systems ul{margin:0;padding-left:1.1rem}.sbg__systems ul{list-style:disc}.sbg__systems li{margin:0 0 .15rem}.sbg__systems p:empty{display:none}.sbg__empty{border:1px dashed;opacity:.7;padding:2rem;text-align:center}.sbg__dialog{background:#fff;border:0;color:var(--sbg-card-text);max-height:calc(100vh - 2rem);overflow:auto;padding:0;width:min(500px,calc(100vw - 2rem))}.sbg__dialog::backdrop{background:rgba(0,0,0,.75)}.sbg__dialog-inner{position:relative}.sbg__close{background:hsla(0,0%,100%,.9);border:0;border-radius:50%;color:inherit;cursor:pointer;font-size:1.75rem;height:2.5rem;line-height:1;position:absolute;right:.5rem;top:.5rem;width:2.5rem;z-index:1}.sbg__dialog-media{background:var(--sbg-card-bg)}.sbg__dialog-media img{display:block;height:auto;max-height:60vh;object-fit:contain;width:100%}.sbg__dialog-body{padding:1.25rem 1.5rem .5rem}.sbg__dialog-title{margin:0 0 .6rem}.sbg__dialog-tags{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0 0 1rem;padding:0}.sbg__dialog-tags li{background:var(--sbg-card-bg);border-radius:999px;font-size:.8125rem;margin:0;padding:.2em .65em}.sbg__dialog-systems{margin-bottom:1rem}.sbg__dialog-systems h4{font-size:.9375rem;margin:0 0 .35rem}.sbg__dialog-systems ol,.sbg__dialog-systems ul{margin:0;padding-left:1.2rem}.sbg__dialog-details>:last-child{margin-bottom:0}.sbg__dialog-link a{background:var(--sbg-accent);border-radius:.25em;color:#fff;display:inline-block;margin:1rem 0 .5rem;padding:.6em 1.2em;text-decoration:none}.sbg__dialog-nav{align-items:center;display:flex;justify-content:space-between;padding:.5rem .75rem .75rem}.sbg__dialog-nav button{background:transparent;border:0;color:inherit;cursor:pointer;font-size:2rem;height:2.5rem;line-height:1;width:2.5rem}.sbg__dialog-nav button:hover{color:var(--sbg-accent)}.sbg__dialog button:focus-visible{outline:2px solid var(--sbg-accent);outline-offset:2px}.sbg__dialog-pos{font-size:.875rem;opacity:.7}@media (prefers-reduced-motion:reduce){.sbg__card{transition:none}}