/* Item Compendium and citizen roster, designed for desktop and scaled to mobile. */
.bn-guide-page{width:100%;min-width:0;display:grid;gap:16px;padding-bottom:26px}
.bn-guide-head .smallcaps{letter-spacing:.13em;color:var(--bn-primary,#d5b87c)}
.bn-guide-head .page-title{margin:5px 0 7px;font-size:clamp(25px,3.3vw,39px)}
.bn-guide-head .page-description{max-width:710px;font-size:13px;line-height:1.65;margin:0;color:var(--bn-muted,#b0b8b5)}
.bn-guide-search{display:flex;gap:9px;border:1px solid var(--bn-border,#3a4141);border-radius:16px;padding:9px;background:var(--bn-panel,#1b2021)}
.bn-guide-search input{background:transparent;border:0;outline:0;flex:1;min-width:0;padding:8px 10px;color:var(--bn-text,#fff);font:500 15px var(--font-ui,Inter,system-ui,sans-serif)}
.bn-guide-search input::placeholder{color:var(--bn-muted,#98a6a3)}
.bn-guide-search button{border:1px solid color-mix(in srgb,var(--bn-primary,#d5b87c) 55%,transparent);border-radius:10px;background:color-mix(in srgb,var(--bn-primary,#d5b87c) 16%,var(--bn-panel,#161818));color:var(--bn-primary,#e3c389);padding:9px 18px;font-size:12px;font-weight:700}
.bn-guide-filters,.bn-citizen-toolbar{display:flex;align-items:end;gap:11px;flex-wrap:wrap;min-width:0}
.bn-guide-filters label,.bn-citizen-toolbar label:not(.bn-online-label){display:grid;min-width:145px;flex:0 1 190px;gap:5px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--bn-muted,#9eaaa7)}
.bn-guide-filters select,.bn-citizen-toolbar select{width:100%;min-width:0;min-height:39px;border-radius:10px;border:1px solid var(--bn-border,#414a48);color:var(--bn-text,#edece7);background:var(--bn-panel,#1c2222);padding:8px 12px;font:500 12px var(--font-ui,Inter,system-ui,sans-serif);letter-spacing:0;text-transform:none}
.bn-guide-empty{padding:26px 18px;border:1px dashed var(--bn-border,#48504e);border-radius:15px;background:var(--bn-panel,#1b2021);font-size:13px;line-height:1.5;color:var(--bn-muted,#aeb9b6)}
.bn-guide-empty button{border:0;background:transparent;color:var(--bn-primary,#e1c389);font:700 inherit;cursor:pointer;padding:0}
.bn-guide-count{color:var(--bn-muted,#aeb9b6);font-size:11px;margin:1px 1px 11px;letter-spacing:.03em}
.bn-guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:11px}
.bn-guide-item{width:100%;min-width:0;min-height:95px;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--bn-border,#404844);border-radius:14px;background:linear-gradient(130deg,color-mix(in srgb,var(--bn-primary,#c7ae77) 5%,var(--bn-panel,#1c2021)),var(--bn-panel,#191c1e));color:var(--bn-text,#fff);padding:11px;cursor:pointer}
.bn-guide-item:hover{border-color:color-mix(in srgb,var(--bn-primary,#cdb17b) 60%,var(--bn-border,#414545))}
.bn-guide-art{width:55px;height:55px;flex:0 0 55px;display:grid;place-items:center;position:relative;border-radius:12px;background:#22292c;border:1px solid #4a4c45;color:var(--bn-primary,#cdb17b);font-size:21px}
.bn-guide-art img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:contain;border-radius:9px;background:#202326}
.bn-guide-copy{display:grid;gap:5px;min-width:0;flex:1}
.bn-guide-copy strong{font:650 14px/1.3 var(--font-ui,Inter,system-ui,sans-serif);overflow-wrap:break-word}
.bn-guide-copy small{color:var(--bn-muted,#acb7b1);font:500 10px/1.3 var(--font-ui,Inter,system-ui,sans-serif)}
.bn-guide-chevron{flex-shrink:0;color:var(--bn-primary,#d6b87f);font-size:20px}
.bn-guide-note{color:var(--bn-muted,#aeb7b6);font-size:11px;line-height:1.6;max-width:820px}
.bn-guide-detail{display:grid;gap:9px;max-height:55vh;overflow-y:auto;padding-right:3px}
.bn-guide-detail-row{padding:11px;border-radius:11px;background:#1c2221;border:1px solid #353f3a;display:grid;gap:6px;font-size:12px;line-height:1.5}
.bn-guide-detail-row b{color:#e3c78d}
.bn-guide-detail-row span{display:flex;justify-content:space-between;gap:15px;min-width:0}
.bn-guide-detail-row small{color:#a8b5af;flex-shrink:0}
.bn-guide-detail-row .bn-guide-unknown{color:#a4b0aa;font-style:italic}
.bn-citizen-toolbar{background:var(--bn-panel,#1c2021);border:1px solid var(--bn-border,#414545);border-radius:14px;padding:12px;margin:13px 0 6px}
.bn-citizen-toolbar .bn-online-label{display:flex;align-items:center;gap:8px;color:var(--bn-text,#e5e8e5);font-size:12px;min-height:40px;white-space:nowrap}
.bn-citizen-toolbar .bn-online-label input{accent-color:var(--bn-primary,#cdb17b);width:16px;height:16px}
#bn-citizen-match-count{font-size:11px;color:var(--bn-muted,#9faea8);margin-left:auto;align-self:center}
.bn-roster-v2{transition:border-color .15s,background .15s}
.bn-roster-v2:hover{border-color:color-mix(in srgb,var(--bn-primary,#cdb17b) 50%,var(--bn-border,#414545))}
.bn-roster-v2 .bn-roster-person strong{font-size:13px}
.bn-roster-v2 .bn-roster-total-xp{overflow-wrap:anywhere}
.bn-roster-v2 .bn-roster-details{color:var(--bn-primary,#e1c78a)}
@media(min-width:1000px){
 .phone #view[data-bn-desktop-route="compendium"] .bn-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .phone #view[data-bn-desktop-route="citizens"] #bp-citizens-results{margin-top:12px}
 .phone #view[data-bn-desktop-route="citizens"] .bn-citizen-toolbar{margin-top:13px}
}
@media(max-width:760px){
 .bn-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bn-guide-item{padding:9px;gap:7px;align-items:start;min-height:85px}
 .bn-guide-art{width:38px;height:38px;flex-basis:38px}
 .bn-guide-copy strong{font-size:12px}
 .bn-guide-filters label,.bn-citizen-toolbar label:not(.bn-online-label){flex:1 1 120px;min-width:0}
}
@media(max-width:370px){.bn-guide-grid{grid-template-columns:1fr}}