.bangs-hero>p{max-width:50ch;color:var(--site-text-dim);text-wrap:balance;margin:22px auto 0;font-size:17px;line-height:1.65}.bangs-search{border:1px solid var(--site-border);background:var(--site-surface-raised);border-radius:14px;align-items:center;gap:12px;max-width:640px;height:50px;margin:34px auto 0;padding:0 16px;display:flex}.bangs-search:focus-within{border-color:var(--site-text-dim)}.bangs-search input{min-width:0;height:100%;color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:auto;font-size:15px}#bangs-count{color:var(--site-text-dim);font-family:var(--font-brand-text);flex:none;font-size:12px}.bangs-icon{color:#fff;width:32px;height:32px;font-family:var(--site-font-display);border-radius:9px;flex:none;place-items:center;font-size:16px;line-height:1;display:grid;position:relative;overflow:hidden}.bangs-icon img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.bangs-icon img.is-loaded{opacity:1}.bangs-icon:has(img.is-loaded){color:#0000;background:0 0}.bangs-icon.t0{background:#8a5a2b}.bangs-icon.t1{background:#4f6b5a}.bangs-icon.t2{background:#9b4a3a}.bangs-icon.t3{background:#55607a}.bangs-icon.t4{background:#7a5a86}.bangs-icon.t5{background:#3f6f7a}.bangs-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:920px;margin:26px auto 0;padding:0;list-style:none;display:grid}.bangs-card{background:var(--site-surface-raised);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:18px 10px 14px;display:flex;box-shadow:0 1px #0e0e0e0a,0 12px 26px -20px #15141166}.bangs-card .bangs-icon{border-radius:11px;width:40px;height:40px;margin-bottom:8px;font-size:19px}.bangs-card-host{max-width:100%;color:var(--site-text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.bangs-card-name{overflow-wrap:anywhere;max-width:100%;font-size:16px;line-height:1.3}.bangs-card-codes{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:8px;font-size:13px;display:flex}.bangs-fold{text-align:center;max-width:920px;margin:0 auto;padding-top:22px}.bangs-fold p{margin:0;font-size:18px}.bangs-fold-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.bangs-page:not([data-view]) .bangs-fold-actions{display:none}.bangs-fold-actions button{border:1px solid var(--site-border);background:var(--site-surface-raised);color:var(--site-text);cursor:pointer;font:inherit;border-radius:999px;padding:9px 18px;font-size:14px}.bangs-fold-actions button:first-child{border-color:var(--site-text);background:var(--site-text);color:var(--site-bg)}.bangs-fold-actions button:focus-visible{outline:2px solid var(--site-text);outline-offset:2px}.bangs-page[data-view=cards] #bangs-list,.bangs-page[data-view=list] :is(#bangs-cards,#bangs-fold){display:none}.bangs-list{max-width:920px;scroll-margin-top:calc(var(--site-header-h) + 24px);margin:22px auto 0}.bangs-list-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:12px;display:flex}#bangs-dir-title{scroll-margin-top:calc(var(--site-header-h) + 24px);margin:0;font-size:22px}#bangs-dir-title:focus{outline:none}#bangs-dir-title:focus-visible{outline:2px solid var(--site-text);outline-offset:4px}#bangs-back{border:1px solid var(--site-border);background:var(--site-surface-raised);color:var(--site-text);cursor:pointer;font:inherit;border-radius:999px;padding:6px 14px;font-size:13px}#bangs-back:focus-visible{outline:2px solid var(--site-text);outline-offset:2px}.bangs-page:not([data-view]) #bangs-back{display:none}.bangs-rows{border:1px solid var(--site-border);background:var(--site-surface-raised);border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.bangs-rows li{border-top:1px solid var(--site-border);content-visibility:auto;contain-intrinsic-size:auto 42px;grid-template-columns:22px 9.5em minmax(0,1fr) 13em 13em;align-items:baseline;gap:4px 14px;padding:10px 18px;display:grid}.bangs-rows li:first-child{border-top:0}.bangs-rows li[hidden]{display:none}.bangs-rows .bangs-icon{border-radius:6px;align-self:start;width:22px;height:22px;font-size:12px}.bangs-rows :is(b,kbd){background:color-mix(in srgb, var(--site-text) 7%, transparent);color:var(--site-text);font-family:var(--font-app);font-variation-settings:"wdth" 98;letter-spacing:.01em;border-radius:6px;font-weight:550}.bangs-rows b{overflow-wrap:anywhere;justify-self:start;min-width:0;padding:1px 7px;font-size:12.5px;line-height:20px}.bangs-rows kbd{padding:1px 6px;font-size:11px}.bangs-rows span:not(.bangs-icon){overflow-wrap:anywhere;min-width:0;font-size:14px}.bangs-rows small,.bangs-rows em{min-width:0;color:var(--site-text-dim);font-family:var(--font-brand-text);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-style:normal;overflow:hidden}.bangs-rows em{text-align:right}.bangs-rows i{border:1px solid var(--site-border);color:var(--site-text-dim);font-family:var(--font-brand-text);border-radius:999px;grid-column:3/-1;justify-self:start;padding:1px 8px;font-size:11px;font-style:normal}.bangs-more{text-align:center;margin-top:18px}.bangs-more button{background:var(--site-accent);color:var(--site-bg);cursor:pointer;font:inherit;border:0;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:500}.bangs-showing{color:var(--site-text-dim);overflow-wrap:anywhere;margin:10px 0 0;font-size:13px}.bangs-facts{text-align:center;max-width:62ch;margin:34px auto 0}.bangs-dir-sub{color:var(--site-text-dim);margin:0;font-size:15px;line-height:1.6}.bangs-credit{color:var(--site-text-dim);margin:8px 0 0;font-size:13px;line-height:1.6}.bangs-how{border-top:1px solid var(--site-border);max-width:920px;margin:104px auto 0;padding-top:30px}.bangs-how h2{margin:0;font-size:clamp(29px,3.7vw,42px);line-height:1.06}.bangs-how ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 40px;margin:26px 0 0;padding:0;list-style:none;display:grid}.bangs-how li{color:var(--site-text-dim);font-size:15px;line-height:1.65}.bangs-how li strong{color:var(--site-text);margin-bottom:4px;font-size:16px;font-weight:500;display:block}.bangs-how-note{max-width:70ch;color:var(--site-text-dim);margin:26px 0 0;font-size:13px;line-height:1.6}@media (width<=760px),(pointer:coarse){.bangs-search input{font-size:16px}}@media (width<=900px){.bangs-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.bangs-rows li{grid-template-columns:22px 7.5em minmax(0,1fr)}.bangs-rows small,.bangs-rows em{grid-column:3}.bangs-rows em{text-align:left}}@media (width<=760px){.bangs-how ul{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.bangs-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (width<=420px){.bangs-rows li{padding:10px 12px}}