/* petscii.nw - assets/css/bbslist.css: the BBS list as a phone book (views/bbs.php, assets/js/bbslist.js). 31 Oct 2026. */
.bl-ours{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;background:#0f0c1d;color:#e8e4ff;margin:6px 0 18px}
.bl-ours-t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.bl-ours-t span{font-size:.85rem;color:#b7b0dc}
.bl-ours code{font-family:var(--ps-mono);color:#fff}

.bl-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.bl-search{flex:1 1 320px;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border:1px solid var(--ps-line);border-radius:12px;background:var(--ps-card);color:var(--ps-muted)}
.bl-search input{flex:1;border:0;background:transparent;font:inherit;font-size:1rem;color:var(--ps-ink);outline:none;min-width:0}
.bl-search:focus-within{border-color:var(--ps-accent);box-shadow:0 0 0 3px var(--ps-accent-soft)}
.bl-view{display:inline-flex;border:1px solid var(--ps-line);border-radius:12px;overflow:hidden;height:46px}
.bl-view button{padding:0 16px;border:0;background:var(--ps-card);color:var(--ps-ink);font:500 .9rem var(--ps-sans);cursor:pointer}
.bl-view button[aria-pressed="true"]{background:var(--ps-accent);color:#fff}
.bl-sort{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 12px;border:1px solid var(--ps-line);border-radius:12px;background:var(--ps-card);font-size:.85rem;color:var(--ps-muted)}
.bl-sort select,.bl-sel select{border:0;background:transparent;font:500 .9rem var(--ps-sans);color:var(--ps-ink);cursor:pointer;max-width:220px}

.bl-chips{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.bl-chiprow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.bl-k{font:600 .68rem var(--ps-mono);letter-spacing:.12em;color:var(--ps-muted);margin-right:4px}
.bl-chip{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--ps-line);background:var(--ps-card);color:var(--ps-ink);font:500 .82rem var(--ps-sans);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.bl-chip i{font-style:normal;color:var(--ps-muted);font-size:.75rem}
.bl-chip:hover{border-color:var(--ps-accent)}
.bl-chip[aria-pressed="true"]{background:var(--ps-accent);border-color:var(--ps-accent);color:#fff}
.bl-chip[aria-pressed="true"] i{color:rgba(255,255,255,.8)}
.bl-sel{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--ps-line);border-radius:999px;background:var(--ps-card)}
.bl-clear{height:32px;padding:0 12px;border:0;background:transparent;color:var(--ps-accent);font:600 .82rem var(--ps-sans);cursor:pointer;text-decoration:underline}
.bl-az{display:flex;flex-wrap:wrap;gap:3px;margin-top:2px}
.bl-az button{min-width:30px;height:30px;padding:0 6px;border:1px solid var(--ps-line);border-radius:7px;background:var(--ps-card);color:var(--ps-ink);font:600 .8rem var(--ps-mono);cursor:pointer}
.bl-az button:disabled{opacity:.3;cursor:default}
.bl-az button[aria-pressed="true"]{background:var(--ps-accent);border-color:var(--ps-accent);color:#fff}
.bl-count{font-size:.9rem;color:var(--ps-muted);margin:4px 0 10px}
.bl-count b{color:var(--ps-ink)}

/* a board */
.bl-item{position:relative;background:var(--ps-card);border:1px solid var(--ps-line);border-radius:14px;transition:box-shadow .15s,border-color .15s}
.bl-item:hover{border-color:color-mix(in srgb,var(--ps-accent) 45%,var(--ps-line));box-shadow:0 6px 20px rgba(20,16,40,.07)}
.bl-item[hidden]{display:none!important}
.bl-item.bl-flash{box-shadow:0 0 0 3px var(--ps-accent)}
.bl-pic{background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}
.bl-pic img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated}
.bl-nopic{font:600 .8rem var(--ps-mono);color:#7c71da;letter-spacing:.1em}
.bl-main{min-width:0;display:flex;flex-direction:column;gap:4px}
.bl-name{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.bl-name b{font-size:1.05rem;margin-right:2px}
.bl-tag{font:600 .66rem var(--ps-mono);letter-spacing:.06em;padding:2px 7px;border-radius:999px;background:var(--ps-accent-soft);color:var(--ps-accent)}
.bl-tag--amiga{background:#ffe7d6;color:#a34400}
.bl-tag--pc{background:#e3eefc;color:#1f5aa8}
.bl-tag--vic20{background:#d8f4f2;color:#0b6b66}
.bl-tag--c128{background:#e6e6f8;color:#3b3b9a}
.bl-sub{font-size:.85rem;color:var(--ps-muted)}
.bl-about{font-size:.85rem;color:var(--ps-ink);line-height:1.45}
.bl-dial{display:flex;align-items:center;gap:8px;margin-top:2px}
.bl-dial code{font:.8rem var(--ps-mono);color:var(--ps-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.bl-dial .ps-copy{height:26px;font-size:.75rem;opacity:.7}
.bl-side{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.bl-status{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500}
.bl-status--today{color:#1a7f3c}.bl-status--week{color:#8a6a00}.bl-status--quiet{color:var(--ps-muted)}
.bl-status .ps-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}
.bl-dots{display:flex;gap:2px}
.bl-dots i{width:5px;height:14px;border-radius:2px;background:var(--ps-line)}
.bl-dots i.y{background:#2bb35a}.bl-dots i.n{background:#e0524f}
.bl-pop{display:flex;gap:10px;font-size:.78rem;color:var(--ps-muted)}
.bl-acts{display:flex;gap:6px}
.bl-fav{width:32px;height:32px;border-radius:50%;border:1px solid var(--ps-line);background:var(--ps-card);color:var(--ps-muted);font-size:1rem;cursor:pointer}
.bl-fav.on{color:#e6a800;border-color:#e6a800;background:#fff8df}
.bl-item .pt-callrow{margin:0}

/* List */
.bl-items.is-list{display:flex;flex-direction:column;gap:10px}
.is-list .bl-item{display:grid;grid-template-columns:132px minmax(0,1fr) 210px;gap:14px 18px;padding:12px;align-items:center}
.is-list .bl-pic{width:132px;height:88px;border-radius:9px}
.is-list .pt-callrow{grid-column:2/-1}

/* Grid */
.bl-items.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.is-grid .bl-item{display:flex;flex-direction:column;overflow:hidden}
.is-grid .bl-pic{aspect-ratio:4/3;width:100%}
.is-grid .bl-main{padding:12px 14px 0}
.is-grid .bl-side{padding:8px 14px 12px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:auto}
.is-grid .bl-dots{order:5;width:100%}
.is-grid .bl-dots i{flex:1}
.is-grid .bl-about,.is-grid .bl-dial{display:none}
.is-grid .pt-callrow{padding:0 14px 14px}
.is-grid .pt-k{display:none}
.bl-items .bl-none{grid-column:1/-1}

/* the sidebar */
.bl-sidebar .ps-side-card{display:flex;flex-direction:column;gap:8px}
.bl-addcard .ps-submit{width:100%}
.bl-live,.bl-fresh{display:flex;align-items:center;gap:8px;margin:0;font-size:.9rem}
.bl-fresh{flex-direction:column;align-items:flex-start;gap:0}
.bl-fresh a{font-weight:600;text-decoration:none;color:var(--ps-accent)}
.bl-dialog{border:0;border-radius:16px;padding:0;max-width:560px;width:calc(100% - 32px);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.bl-dialog::backdrop{background:rgba(10,8,20,.55)}
.bl-dialog .ps-form{margin:0;border:0}
@media (max-width:820px){
  .is-list .bl-item{grid-template-columns:96px minmax(0,1fr)}
  .is-list .bl-pic{width:96px;height:72px}
  .is-list .bl-side{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
  .is-list .pt-callrow{grid-column:1/-1}
}

/* names link to the board's page */
.bl-link{color:inherit;text-decoration:none}
.bl-link:hover b{color:var(--ps-accent);text-decoration:underline}
/* the Map */
.bl-map{margin-bottom:12px}
.bl-map-in{height:min(70vh,640px);border-radius:14px;overflow:hidden;border:1px solid var(--ps-line);background:#dfe6ee}
.bl-map-note{margin-top:8px}
/* a board's page */
.bb-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 6px}
.bb-call{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:4px 0 18px}
.bb-call .pt-callrow{margin:0}
.bb-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:8px}
.bb-fig{display:block;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:4/3}
.bb-fig img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated}
.bb-fig--big{grid-column:span 2;grid-row:span 2}
.bb-about{font-size:1rem;line-height:1.6}
pre.bs-screen{margin:0;padding:14px;background:#000;color:#aaa;border-radius:12px;overflow-x:auto;font:16px/1 "C64 Pro Mono",Consolas,ui-monospace,monospace;white-space:pre;max-width:100%}
pre.bs-screen.bs-ansi{font-family:Consolas,"Courier New",ui-monospace,monospace;font-size:13px;line-height:1.15}
.bb-minis{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.bb-mini{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ps-ink);background:var(--ps-card);border:1px solid var(--ps-line);border-radius:12px;overflow:hidden;padding-bottom:10px}
.bb-mini:hover{border-color:var(--ps-accent)}
.bb-mini-pic{aspect-ratio:4/3;background:#000;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.bb-mini-pic img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.bb-mini-pic i{font:600 .75rem var(--ps-mono);font-style:normal;color:#7c71da}
.bb-mini b,.bb-mini span:not(.bb-mini-pic){padding:0 10px}
.bb-mini span:not(.bb-mini-pic){font-size:.78rem;color:var(--ps-muted)}
.bb-facts dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:4px 0 0;font-size:.88rem}
.bb-facts dt{color:var(--ps-muted)}
.bb-facts dd{margin:0;overflow-wrap:anywhere}
.bb-dots{width:100%}
.bb-dots i{flex:1;height:18px}
@media (max-width:820px){.bb-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.bl-ours-img{width:168px;height:auto;border-radius:8px;display:block;image-rendering:pixelated;flex:none}
@media (max-width:640px){.bl-ours-img{display:none}}

a.bl-pic{text-decoration:none;cursor:pointer}
a.bl-pic img{transition:filter .15s}
a.bl-pic:hover img{filter:brightness(1.15)}