/* Selective liquid glass: quiet, translucent controls rather than frosted everything. */
:root[data-bn-theme] .bn-shelf-ribbon,
:root[data-bn-theme] .bn-shelf-card,
:root[data-bn-theme] .bn-theme-popover,
:root[data-bn-theme] .bn-settings-mode-card{
 background:linear-gradient(133deg,color-mix(in srgb,var(--bn-primary) 7%,transparent),transparent 65%),
 color-mix(in srgb,var(--bn-panel) 87%,transparent);
 border:1px solid color-mix(in srgb,var(--bn-primary) 29%,var(--bn-border));
 box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 11%,transparent),0 6px 30px #00000015;
 backdrop-filter:blur(16px) saturate(130%);
 -webkit-backdrop-filter:blur(16px) saturate(130%);
}
.bn-shelf-card{border-radius:17px;padding:16px;margin:14px 0}
.bn-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bn-shelf-heading h2{margin:5px 0 0;font-size:18px;color:var(--text)}
.bn-shelf-counter{padding:6px 10px;border-radius:99px;border:1px solid var(--bn-border);font:700 11px var(--font-mono,monospace);color:var(--bn-primary)}
.bn-shelf-rows{display:grid;gap:8px;margin:13px 0}
.bn-shelf-row{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 10px;border:1px solid color-mix(in srgb,var(--bn-primary) 14%,var(--bn-border));border-radius:13px;background:color-mix(in srgb,var(--bn-panel-raised) 84%,transparent)}
.bn-shelf-row.is-current{border-color:color-mix(in srgb,var(--bn-primary) 53%,var(--bn-border));background:color-mix(in srgb,var(--bn-primary) 9%,var(--bn-panel))}
.bn-shelf-initial{flex:0 0 35px;width:35px;height:35px;display:grid;place-items:center;background:color-mix(in srgb,var(--bn-quaternary) 12%,var(--bn-panel));border:1px solid color-mix(in srgb,var(--bn-quaternary) 40%,var(--bn-border));border-radius:11px;color:var(--bn-quaternary);font-weight:850}
.bn-shelf-copy{flex:1;min-width:0;display:grid;gap:3px}
.bn-shelf-copy strong{font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-shelf-copy small{color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-shelf-use,.bn-shelf-add,.bn-shelf-deselect,.bn-shelf-remove{cursor:pointer;border:1px solid var(--bn-border);color:var(--bn-primary);background:color-mix(in srgb,var(--bn-primary) 7%,var(--bn-panel));border-radius:9px;font:750 11px var(--font-ui,system-ui,sans-serif);padding:8px 11px}
.bn-shelf-active{font:750 9px var(--font-mono,monospace);letter-spacing:.05em;color:var(--bn-primary)}
.bn-shelf-remove{padding:0;width:29px;height:29px;font-size:18px;flex-shrink:0;color:var(--muted)}
.bn-shelf-remove:hover{color:#d77f78;border-color:#b36161}
.bn-shelf-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px}
.bn-shelf-add{border-color:color-mix(in srgb,var(--bn-primary) 46%,var(--bn-border))}
.bn-shelf-deselect{color:var(--muted)}
.bn-shelf-limit,.bn-shelf-note{font-size:10px;line-height:1.55;color:var(--muted)}
.bn-shelf-note{margin:13px 0 0}
.bn-shelf-modal h2{margin:5px 0;font-size:19px}.bn-shelf-modal h2 small{font-size:12px;color:var(--muted)}
.bn-shelf-modal .bn-shelf-row{padding:11px}
.bn-shelf-ribbon{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 11px;border-radius:14px;min-width:0}
.bn-shelf-ribbon>div:first-child{display:grid;gap:2px;min-width:0}
.bn-shelf-ribbon>div:first-child span{font:700 9px var(--font-mono,monospace);letter-spacing:.11em;color:var(--muted)}
.bn-shelf-ribbon>div:first-child strong{font:750 13px var(--font-ui,system-ui);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-shelf-tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.bn-shelf-tabs button{border:1px solid color-mix(in srgb,var(--bn-primary) 24%,var(--bn-border));background:color-mix(in srgb,var(--bn-panel-raised) 80%,transparent);color:var(--muted);border-radius:99px;padding:6px 10px;font:700 10px var(--font-ui,system-ui);white-space:nowrap;cursor:pointer}
.bn-shelf-tabs button.active{color:var(--bn-primary);border-color:color-mix(in srgb,var(--bn-primary) 60%,var(--bn-border));background:color-mix(in srgb,var(--bn-primary) 12%,var(--bn-panel))}
.bn-shelf-tabs .bn-shelf-manage{font-size:14px;line-height:9px;padding:8px 10px}
.screen-head:has(.bn-shelf-ribbon){flex-wrap:wrap;gap:8px}
.screen-head > .bn-shelf-ribbon{order:10;flex:1 1 100%;margin-top:5px}
.bn-mode-control{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px;margin:6px 0 12px;background:color-mix(in srgb,var(--bn-panel-raised) 83%,transparent);border:1px solid var(--bn-border);border-radius:12px}
.bn-mode-caption{display:grid;gap:4px;min-width:0}
.bn-mode-caption strong{font-size:12px;color:var(--text)}
.bn-mode-caption small{color:var(--muted);font-size:10px;line-height:1.35}
.bn-mode-switch{display:flex;align-items:center;gap:3px;border:1px solid var(--bn-border);background:var(--bn-bar);padding:3px;border-radius:11px;flex-shrink:0}
.bn-mode-switch button{border:1px solid transparent;background:transparent;color:var(--muted);padding:7px 9px;border-radius:8px;font:750 11px var(--font-ui,system-ui,sans-serif);cursor:pointer}
.bn-mode-switch button.active{color:var(--text);border-color:color-mix(in srgb,var(--bn-primary) 46%,var(--bn-border));background:color-mix(in srgb,var(--bn-primary) 14%,var(--bn-panel));box-shadow:0 1px 8px #00000012}
.bn-settings-mode-card{margin:15px 0;padding:17px;border-radius:15px}
.bn-settings-mode-card h2{font-size:17px;margin:5px 0 12px}
.bn-settings-mode-card .bn-mode-control{margin:0 0 11px}
@media(max-width:550px){.bn-shelf-ribbon{align-items:flex-start;flex-wrap:wrap}.bn-shelf-tabs{justify-content:flex-start}.bn-mode-control{align-items:stretch;flex-wrap:wrap}.bn-mode-switch{justify-content:stretch}.bn-mode-switch button{flex:1}}
@media(prefers-reduced-transparency:reduce){.bn-shelf-ribbon,.bn-shelf-card,.bn-theme-popover,.bn-settings-mode-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
/* Daylight theme. The selected palette remains a separate axis of customization.
   Skill levels, item rarity, and game tier glyphs are deliberately never recolored. */
:root[data-bn-mode="light"]{
 --bn-page:#f4f5f1!important;--bn-panel:#ffffff!important;--bn-panel-raised:#f3f5f1!important;
 --bn-bar:#eef1ed!important;--bn-border:#d6ddd7!important;
 --page:#f4f5f1!important;--panel:#ffffff!important;--panel2:#f3f5f1!important;--border:#d6ddd7!important;
 --text:#253330!important;--muted:#64736c!important;--subtle:#77847c!important;
 --bn-text:#253330!important;--bn-muted:#64736c!important;
 color-scheme:light!important;
}
:root[data-bn-mode="light"][data-bn-theme="classic"]{--bn-primary:#846432;--bn-secondary:#a25d62;--bn-tertiary:#397e78;--bn-quaternary:#795c9f}
:root[data-bn-mode="light"][data-bn-theme="earth"]{--bn-primary:#876438;--bn-secondary:#995b42;--bn-tertiary:#517448;--bn-quaternary:#776b3b}
:root[data-bn-mode="light"][data-bn-theme="gray"]{--bn-primary:#485866;--bn-secondary:#6c7683;--bn-tertiary:#586c73;--bn-quaternary:#68707e}
:root[data-bn-mode="light"][data-bn-theme="vibrant"]{--bn-primary:#526b1e;--bn-secondary:#a94d39;--bn-tertiary:#4f58b3;--bn-quaternary:#5946a5}
:root[data-bn-mode="light"][data-bn-theme="accessible"]{--bn-primary:#145984;--bn-secondary:#93550c;--bn-tertiary:#087059;--bn-quaternary:#7c396f}
:root[data-bn-mode="light"] :is(html,body){background:#f4f5f1!important;color:var(--text)!important}
:root[data-bn-mode="light"] body{
 background:radial-gradient(circle at 10% 3%,#e6e8f0 0%,transparent 35%),
 radial-gradient(circle at 92% 45%,#e3eee5 0%,transparent 39%),#f4f5f1!important;
}
:root[data-bn-mode="light"] :is(.overall,.phone-outer,.phone,.scroll,.statusbar,#app-scroll){
 background-color:var(--bn-page)!important;color:var(--text)!important
}
:root[data-bn-mode="light"] .scroll{
 background:radial-gradient(circle at 3% 5%,#e9efe7,transparent 35%),radial-gradient(circle at 90% 80%,#ebe7f1,transparent 35%),var(--bn-page)!important
}
:root[data-bn-mode="light"] .app-header{
 background:color-mix(in srgb,#fff 81%,transparent)!important;
 color:var(--text)!important;border-bottom-color:#d7dcd7!important;
 box-shadow:0 5px 18px #49564a10
}
:root[data-bn-mode="light"] .bottom{background:#fdfefbf0!important;border-top-color:var(--bn-border)!important}
:root[data-bn-mode="light"] :is(.bn-desktop-sidebar,.bn-theme-popover,.modal,.modal-bg.show .modal){
 background:linear-gradient(145deg,#fffefdf7,#f4f6f2f5)!important;
 border-color:var(--bn-border)!important;color:var(--text)!important
}
:root[data-bn-mode="light"] :is(.bn-desktop-brand,.bn-desktop-link,.navbtn,.app-wordmark,.brandmark,.app-wordmark .name,.bn-desktop-nav-heading){color:var(--text)}
:root[data-bn-mode="light"] :is(.bn-desktop-link.active,.navbtn.active,.app-wordmark .emblem){color:var(--bn-primary)!important}
:root[data-bn-mode="light"] :is(.bn-desktop-sidebar-footer,.bn-desktop-brand small,.page-description,.bp-note,.bn-data-caption,.bn-rich-foot,.bn-theme-menu-note,.bn-roster-note){color:var(--muted)!important}
:root[data-bn-mode="light"] :is(.bp-card,.card,.hero,.widget,.section-card,.daily-card,.progress-card,
 .bn-citizen-parity .bp-card,.bn-citizen-parity .bn-roster-compare-card,.bn-roster-facts>div,
 .bn-rich-session,.bn-xp-main,.bn-project-group,.bn-studio-craft-record,.bn-shelf-row,
 .bn-shelf-card,.bn-shelf-ribbon,.bn-settings-mode-card,.bn-guide-page .bp-card){
 background:linear-gradient(150deg,#ffffffeb,#f8faf7eb)!important;
 border-color:#d9ded8!important;
 color:var(--text)!important;
 box-shadow:inset 0 1px 0 #ffffff,0 4px 24px #24372a09;
}
:root[data-bn-mode="light"] :is(.hero,.progress-card,.daily-card,.widget.bn-streak-theme,.bn-skill-card){
 background:radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--bn-quaternary) 7%,transparent),transparent 70%),#fff!important
}
:root[data-bn-mode="light"] :is(.bn-skill-card,.bn-biome-card){background:radial-gradient(circle at 5% 0%,color-mix(in srgb,var(--tier) 7%,transparent),transparent 74%),#fff!important}
:root[data-bn-mode="light"] :is(.bp-card h1,.bp-card h2,.bp-card h3,.page-title,.title,.hero-name,.card h2,
 .widget strong,.card strong,.bn-rich-heading h2,.bn-theme-menu-head h2,.bn-guide-page h1,
 .bn-roster-section-title h2,.bn-insight-panel h3,.bn-roster-compare-card strong,.bn-matrix-name,
 .bn-citizen-table .bn-roster-name button,.bn-theme-menu-copy strong,.bn-studio-stat-large,
 .bn-studio-craft-name,.bn-rich-session strong,.bn-xp-main h2){
 color:var(--text)!important;
}
:root[data-bn-mode="light"] :is(.card-hint,.subtxt,.bn-rich-chip,.bn-widget-footer,.bn-widget-xp-foot,.bn-insight-explain,
 .bn-roster-matrix-head span,.bn-insight-legend,.bn-roster-facts span,.bn-shelf-copy small,.bn-shelf-note){color:var(--muted)!important}
:root[data-bn-mode="light"] :is(.bn-session-grid>div,.bn-xp-goal-surface,.bn-xp-widget,.bn-widget-xp-substats>div,.info-stat,
 .bp-gradient,.bp-selection,.bp-person,.bp-result,.tool-row,.bn-theme-menu-choice,.bn-roster-metrics>span,
 .bn-mode-control,.bn-mode-switch,.bn-widget-profession,.bn-rich-empty,.bn-insight-empty,.bp-search,
 .bn-project-tier-needs,.bn-roster-controls input,.bn-roster-controls select){
 background:#f1f4ef!important;border-color:var(--bn-border)!important;color:var(--text)!important;
}
:root[data-bn-mode="light"] :is(.bn-session-grid>div span,.bn-roster-metrics small,.bn-insight-table-header>span,
 .bn-xp-widget small,.bn-studio-craft-record small,.bn-roster-controls label,.bn-roster-metrics>span small){color:#61716a!important}
:root[data-bn-mode="light"] :is(.bn-session-grid>div strong,.bn-roster-metrics strong,.bn-xp-goal-surface strong,
 .bn-studio-craft-record strong,.bn-shelf-ribbon strong){color:#253330!important}
:root[data-bn-mode="light"] :is(button,input,select,textarea){color:var(--text)}
:root[data-bn-mode="light"] :is(input:not([type=range]):not([type=checkbox]),select,textarea,
 .bp-search input,.bp-field,.bn-roster-controls input,.bn-roster-controls select,.bn-region-select){
 background:#fff!important;border-color:#cbd7ce!important;color:#26352e!important;
}
:root[data-bn-mode="light"] :is(button:not(.primary):not(.navbtn),.bp-quiet,.bn-theme-menu-close):not(.bn-level-badge){
 border-color:color-mix(in srgb,var(--bn-primary) 24%,#d4dcd5);
}
:root[data-bn-mode="light"] .primary{background:var(--bn-primary)!important;color:#fff!important}
:root[data-bn-mode="light"] .bn-theme-menu-choice.active,
:root[data-bn-mode="light"] .bn-mode-switch button.active,
:root[data-bn-mode="light"] .bn-shelf-tabs button.active{background:color-mix(in srgb,var(--bn-primary) 13%,#fff)!important;color:var(--bn-primary)!important}
:root[data-bn-mode="light"] .bn-theme-menu-choice small{color:#637369!important}
:root[data-bn-mode="light"] .bn-insight-graph-scroll{background:#fcfdfa!important;border-color:#d6ded6}
:root[data-bn-mode="light"] .bn-insight-graph-scroll svg text{fill:#506158}
:root[data-bn-mode="light"] .bn-insight-graph-scroll svg line{stroke:#a4b1a4;stroke-opacity:.30}
:root[data-bn-mode="light"] :is(.bn-insight-table-scroll,.bn-roster-matrix-scroll,.bn-roster-table-scroll){border-color:#d6ded6;background:#fff}
:root[data-bn-mode="light"] :is(.bn-insight-table thead th,.bn-roster-matrix thead th,.bn-citizen-table thead){
 background:#e8eee8!important;color:#394b42!important;border-color:#d1ded1!important
}
:root[data-bn-mode="light"] .bn-roster-matrix th.bn-matrix-person{background:#f4f7f3!important;border-right-color:#d7dfd6!important}
:root[data-bn-mode="light"] .bn-roster-matrix tbody th.bn-matrix-person{background:#fff!important}
:root[data-bn-mode="light"] .bn-roster-matrix tbody td{border-color:#dce5dc}
:root[data-bn-mode="light"] .bn-insight-table tbody th{background:#f1f5ee;color:#31463c}
:root[data-bn-mode="light"] .bn-insight-table td{color:#31463c}
:root[data-bn-mode="light"] .bn-roster-matrix .bn-level-exploration,
:root[data-bn-mode="light"] .bn-insight-table .bn-level-exploration{background:#f0f4f0;color:#3f665b}
:root[data-bn-mode="light"] .bn-roster-matrix .bn-level-none,
:root[data-bn-mode="light"] .bn-insight-table .bn-level-none{background:#f4f5f2;color:#67766f}
:root[data-bn-mode="light"] .bn-roster-matrix .bn-matrix-number{color:#6d5e39}
:root[data-bn-mode="light"] .bn-analytics-level-guide{border-color:#d9e1da}
:root[data-bn-mode="light"] .bn-analytics-level-items>span{color:#53655a}
:root[data-bn-mode="light"] .bn-roster-compare-card header button,
:root[data-bn-mode="light"] .bn-roster-pagination button{background:#f0f3ed;color:var(--bn-primary)}
:root[data-bn-mode="light"] .bn-xp-main-track,
:root[data-bn-mode="light"] .track,
:root[data-bn-mode="light"] .bn-insight-panel .bn-roster-bar>div{background:#e1e8e0}
:root[data-bn-mode="light"] .bn-theme-popover{box-shadow:0 14px 40px #314a3c28,inset 0 1px 0 #fff}
:root[data-bn-mode="light"] .bn-modal-kicker,:root[data-bn-mode="light"] .upper{color:var(--bn-primary)!important}
@media(prefers-reduced-motion:reduce){.bn-mode-switch button,.bn-shelf-tabs button{transition:none!important}}

/* Light surfaces retain each exact game tier hue, softened only for readable text. */
:root[data-bn-mode="light"] .bn-roster-matrix .bn-level-t0,
:root[data-bn-mode="light"] .bn-insight-table .bn-level-t0{background:color-mix(in srgb,#77736D 12%,#fff)!important;color:color-mix(in srgb,#77736D 61%,#1c3329)!important;font-weight:750}
:root[data-bn-mode="light"] .bn-roster-matrix .bn-level-t1,
:root[data-bn-mode="light"] .bn-insight-table .bn-level-t1{background:color-mix(in srgb,#665A50 12%,#fff)!important;color:color-mix(in srgb,#665A50 61%,#1c3329)!important;font-weight:750}
:root[data-bn-mode="light"] .bn-roster-matrix .bn-level-t2,
:root[data-bn-mode="light"] .bn-insight-table .bn-level-t2{background:color-mix(in srgb,#9E7034 12%,#fff)!important;color:color-mix(in srgb,#9E7034 61%,#1c3329)!important;font-weight:750}
:root[data-bn-mode="light"] .bn-roster-matrix .bn-level-t3,
:root[data-bn-mode="light"] .bn-insight-table .bn-level-t3{background:color-mix(in srgb,#7E9E58 12%,#fff)!important;color:color-mix(in srgb,#7E9E58 61%,#1c3329)!important;font-weight:750}
:root[data-bn-mode="light"] .bn-roster-matrix .bn-level-t4,
:root[data-bn-mode="light"] .bn-insight-table .bn-level-t4{background:color-mix(in srgb,#527FA3 12%,#fff)!important;color:color-mix(in srgb,#527FA3 61%,#1c3329)!important;font-weight:750}
:root[data-bn-mode="light"] .bn-roster-matrix .bn-level-t5,
:root[data-bn-mode="light"] .bn-insight-table .bn-level-t5{background:color-mix(in srgb,#7B629D 12%,#fff)!important;color:color-mix(in srgb,#7B629D 61%,#1c3329)!important;font-weight:750}
:root[data-bn-mode="light"] .bn-roster-matrix .bn-level-t6,
:root[data-bn-mode="light"] .bn-insight-table .bn-level-t6{background:color-mix(in srgb,#B86163 12%,#fff)!important;color:color-mix(in srgb,#B86163 61%,#1c3329)!important;font-weight:750}
:root[data-bn-mode="light"] .bn-roster-matrix .bn-level-t7,
:root[data-bn-mode="light"] .bn-insight-table .bn-level-t7{background:color-mix(in srgb,#C39D48 12%,#fff)!important;color:color-mix(in srgb,#C39D48 61%,#1c3329)!important;font-weight:750}
:root[data-bn-mode="light"] .bn-roster-matrix .bn-level-t8,
:root[data-bn-mode="light"] .bn-insight-table .bn-level-t8{background:color-mix(in srgb,#4E9995 12%,#fff)!important;color:color-mix(in srgb,#4E9995 61%,#1c3329)!important;font-weight:750}
:root[data-bn-mode="light"] .bn-roster-matrix .bn-level-t9,
:root[data-bn-mode="light"] .bn-insight-table .bn-level-t9{background:color-mix(in srgb,#49434F 12%,#fff)!important;color:color-mix(in srgb,#49434F 61%,#1c3329)!important;font-weight:750}
:root[data-bn-mode="light"] .bn-roster-matrix .bn-level-t10,
:root[data-bn-mode="light"] .bn-insight-table .bn-level-t10{background:color-mix(in srgb,#D5D0C7 12%,#fff)!important;color:color-mix(in srgb,#D5D0C7 61%,#1c3329)!important;font-weight:750}
:root[data-bn-mode="light"] .bn-citizen-parity .bn-roster-metrics>span{background:#eff3ef!important}
:root[data-bn-mode="light"] .bn-citizen-parity .bn-roster-compare-card header small{color:#64766c!important}
:root[data-bn-mode="light"] .bn-citizen-parity .bn-roster-strongest{color:#4f6256!important}
:root[data-bn-mode="light"] .bn-citizen-parity .bn-roster-strongest b{color:var(--bn-primary)!important}
:root[data-bn-mode="light"] .bn-citizen-parity .bn-roster-skill-chips span{background:#eef4ef!important;color:#415d4c!important}
:root[data-bn-mode="light"] .bn-insight-table thead th{color:#395044!important}
:root[data-bn-mode="light"] .bn-roster-matrix thead th button{color:#42584c!important}