/* BlackBar Gaming v2.3 — complete-site visual system.
   Presentation only: no gameplay, storage, network or calculation behavior. */
:root{
  --bb-surface:#061018;
  --bb-surface-2:#081722;
  --bb-surface-3:#0a1d2a;
  --bb-edge:rgba(22,175,255,.23);
  --bb-edge-strong:rgba(22,175,255,.48);
  --bb-ink:#f2f7fb;
  --bb-copy:#a0b4c3;
  --bb-dim:#71899a;
  --bb-accent:#16afff;
  --bb-accent-2:#62cfff;
  --bb-radius:4px;
}

/* ---------- universal shell ---------- */
body.blackbar-theme{
  background:
    radial-gradient(900px 500px at 78% -8%,rgba(22,175,255,.085),transparent 64%),
    linear-gradient(180deg,#03070a 0%,#061018 42%,#03070a 100%)!important;
}
body.blackbar-theme .site-header,
body.blackbar-theme .topbar,
body.blackbar-theme .nerfed-toolbar,
body.blackbar-theme .nerfed-alliance-header{
  border-bottom:1px solid var(--bb-edge)!important;
  background:rgba(3,8,12,.965)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}
body.blackbar-theme .brand-mark,
body.blackbar-theme .nerfed-mark,
body.blackbar-theme .mark,
body.blackbar-theme .nerfed-alliance-mark,
body.blackbar-theme .handbook-brand-mark{
  border-radius:2px!important;
  border:1px solid var(--bb-edge-strong)!important;
  background:#050d13!important;
  box-shadow:0 0 20px rgba(22,175,255,.075)!important;
}
body.blackbar-theme .brand-copy .kicker,
body.blackbar-theme .nerfed-kicker,
body.blackbar-theme .nerfed-alliance-kicker{
  color:#66ccff!important;
  letter-spacing:.15em!important;
}
body.blackbar-theme .brand-copy .title,
body.blackbar-theme .nerfed-title,
body.blackbar-theme .brand-title,
body.blackbar-theme .nerfed-alliance-copy>strong{
  color:var(--bb-ink)!important;
  letter-spacing:-.012em!important;
}
body.blackbar-theme .sub,
body.blackbar-theme .nerfed-sub,
body.blackbar-theme .brand-sub,
body.blackbar-theme .subtitle,
body.blackbar-theme .nerfed-alliance-copy small{color:var(--bb-dim)!important}

/* squared control language shared by every surface */
body.blackbar-theme button,
body.blackbar-theme input,
body.blackbar-theme select,
body.blackbar-theme textarea,
body.blackbar-theme dialog,
body.blackbar-theme .button,
body.blackbar-theme .nav-btn,
body.blackbar-theme .icon-btn,
body.blackbar-theme .ghost-button,
body.blackbar-theme .tool-btn,
body.blackbar-theme .small-btn,
body.blackbar-theme .primary,
body.blackbar-theme .secondary{
  border-radius:var(--bb-radius)!important;
}
body.blackbar-theme input,
body.blackbar-theme select,
body.blackbar-theme textarea{
  background:#050f17!important;
  border-color:rgba(85,151,193,.38)!important;
  color:#edf6fb!important;
}
body.blackbar-theme input:focus,
body.blackbar-theme select:focus,
body.blackbar-theme textarea:focus{
  border-color:var(--bb-accent)!important;
  box-shadow:0 0 0 2px rgba(22,175,255,.12)!important;
}
body.blackbar-theme input::placeholder,body.blackbar-theme textarea::placeholder{color:#617a8d!important}

/* ---------- standard tool pages ---------- */
body.bb-tool-page main:not(.workspace){
  position:relative;
}
body.bb-tool-page main:not(.workspace)::before{
  content:"";
  display:block;
  width:46px;
  height:2px;
  margin:0 0 20px;
  background:var(--bb-accent);
  opacity:.75;
}
body.bb-tool-page .hero,
body.bb-tool-page .hero-shell{
  border:1px solid var(--bb-edge)!important;
  border-left:3px solid var(--bb-accent)!important;
  border-radius:var(--bb-radius)!important;
  background:
    linear-gradient(90deg,rgba(22,175,255,.042),transparent 42%),
    linear-gradient(150deg,rgba(10,25,35,.95),rgba(4,10,15,.98))!important;
  box-shadow:0 16px 44px rgba(0,0,0,.18)!important;
  padding:clamp(18px,3vw,30px)!important;
}
body.bb-tool-page .hero-copy{padding:0!important}
body.bb-tool-page .hero h1,
body.bb-tool-page .hero-shell h1{
  color:#f6f9fc!important;
  font-style:normal!important;
  text-transform:none!important;
  letter-spacing:-.045em!important;
}
body.bb-tool-page .hero-copy>p:not(.eyebrow),
body.bb-tool-page .hero-shell p{color:var(--bb-copy)!important}
body.bb-tool-page .hero-metric,
body.bb-tool-page .hero-status,
body.bb-tool-page .progress-card{
  border:1px solid var(--bb-edge)!important;
  border-radius:var(--bb-radius)!important;
  background:linear-gradient(155deg,#091a25,#050c11)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
body.bb-tool-page .hero-metric strong,
body.bb-tool-page .hero-status strong{color:var(--bb-accent-2)!important}
body.bb-tool-page .hero-chips .hero-jump,
body.bb-tool-page .evidence-pill,
body.bb-tool-page .source-chip,
body.bb-tool-page .task-list span,
body.bb-tool-page .build-badge{
  border-radius:3px!important;
  background:#07141d!important;
  border-color:var(--bb-edge)!important;
  color:#a9bfce!important;
}
body.bb-tool-page .tabs,
body.bb-tool-page .status-tabs,
body.bb-tool-page .sort-tabs,
body.bb-tool-page .type-filters,
body.bb-tool-page .segmented{
  border-radius:var(--bb-radius)!important;
  background:#050e15!important;
  border-color:var(--bb-edge)!important;
  box-shadow:none!important;
}
body.bb-tool-page .tab,
body.bb-tool-page .status-tabs button,
body.bb-tool-page .sort-tab,
body.bb-tool-page .filter,
body.bb-tool-page .segmented button{
  border-radius:2px!important;
}
body.bb-tool-page .tab.active,
body.bb-tool-page .status-tabs .active,
body.bb-tool-page .sort-tab.active,
body.bb-tool-page .filter.active,
body.bb-tool-page .segmented .active{
  background:linear-gradient(180deg,rgba(22,175,255,.17),rgba(22,175,255,.07))!important;
  color:#effaff!important;
  border-color:rgba(22,175,255,.52)!important;
  box-shadow:inset 0 -2px var(--bb-accent)!important;
}
body.bb-tool-page .section-heading{
  padding-top:15px;
  border-top:1px solid rgba(22,175,255,.16);
}
body.bb-tool-page .section-heading h2{color:#f2f7fa!important}
body.bb-tool-page .section-heading>p{color:#829aab!important}

/* cards, results, modules */
body.bb-tool-page .card,
body.bb-tool-page .panel-card,
body.bb-tool-page .advisor-card,
body.bb-tool-page .side-card,
body.bb-tool-page .decision-card,
body.bb-tool-page .rarity-card,
body.bb-tool-page .mode-card,
body.bb-tool-page .result,
body.bb-tool-page .result-grid>div,
body.bb-tool-page .metric-grid>div,
body.bb-tool-page .big-stat,
body.bb-tool-page .split-stats>div,
body.bb-tool-page .rule-grid>div,
body.bb-tool-page .snapshot-card,
body.bb-tool-page .next-move-card,
body.bb-tool-page .chip-advisor-card,
body.bb-tool-page .server-panel,
body.bb-tool-page .coverage-panel,
body.bb-tool-page .nearby-panel,
body.bb-tool-page .notice,
body.bb-tool-page .sync-notice,
body.bb-tool-page .server-guard,
body.bb-tool-page .accuracy-card,
body.bb-tool-page .save-strip,
body.bb-tool-page .language-note{
  border-radius:var(--bb-radius)!important;
  border-color:var(--bb-edge)!important;
  background:linear-gradient(155deg,rgba(10,25,35,.96),rgba(4,10,15,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
body.bb-tool-page .card:hover,
body.bb-tool-page .mode-card:hover{
  border-color:rgba(22,175,255,.43)!important;
}
body.bb-tool-page .card-kicker,
body.bb-tool-page .eyebrow,
body.bb-tool-page .section-heading .eyebrow{color:var(--bb-accent)!important}
body.bb-tool-page .mini-note,
body.bb-tool-page .accuracy-note{
  border-radius:2px!important;
  border-left:2px solid var(--bb-accent)!important;
  background:rgba(6,20,29,.86)!important;
  color:#8da5b4!important;
}
body.bb-tool-page .table-card{border-radius:var(--bb-radius)!important;overflow:hidden}
body.bb-tool-page .table-scroll th{
  background:#061018!important;
  color:#66879c!important;
}
body.bb-tool-page .table-scroll td,
body.bb-tool-page .table-scroll th{border-color:rgba(22,175,255,.10)!important}
body.bb-tool-page .source-footer{
  border-color:var(--bb-edge)!important;
  color:#6f8798!important;
}

/* Advisor/Drone/Squad internals */
body.bb-advisor-page .mode-card,
body.bb-advisor-page .advisor-card,
body.bb-advisor-page .panel-card{
  position:relative;
  overflow:hidden;
}
body.bb-advisor-page .mode-card::before,
body.bb-advisor-page .advisor-card::before,
body.bb-advisor-page .panel-card::before{
  content:"";
  position:absolute;
  left:0;top:0;width:48px;height:2px;
  background:var(--bb-accent);
  opacity:.75;
}
body.bb-advisor-page .run-dock{
  border-radius:var(--bb-radius)!important;
  border-color:var(--bb-edge)!important;
  background:rgba(3,10,15,.96)!important;
  box-shadow:0 -14px 35px rgba(0,0,0,.22)!important;
}
body.bb-advisor-page .modal,
body.bb-advisor-page .intel-sheet,
body.bb-advisor-page .reference-drawer{
  border-radius:4px!important;
}

/* ---------- Supply Tracker ---------- */
body.bb-tracker-page .coverage-head>div,
body.bb-tracker-page .status-load-state,
body.bb-tracker-page .server-dialog,
body.bb-tracker-page .server-gate{
  border-radius:var(--bb-radius)!important;
}
body.bb-tracker-page .server-panel,
body.bb-tracker-page .coverage-panel,
body.bb-tracker-page .nearby-panel{
  border-left:2px solid rgba(22,175,255,.55)!important;
}
body.bb-tracker-page .supply-list>*{
  border-radius:var(--bb-radius)!important;
  border-color:rgba(22,175,255,.18)!important;
  background:linear-gradient(150deg,#081721,#050d13)!important;
}
body.bb-tracker-page .nerfed-return{
  border-radius:3px!important;
  border-color:var(--bb-edge)!important;
  background:#06121a!important;
}

/* ---------- Hive + Faction planners ---------- */
body.bb-planner-page{
  background:#02070a!important;
}
body.bb-planner-page .app{
  background:linear-gradient(180deg,#03090d,#050e14)!important;
}
body.bb-planner-page .planner-mode-bar,
body.bb-planner-page .season-bar,
body.bb-planner-page .control-strip,
body.bb-planner-page .alliance-strip,
body.bb-planner-page .bottom-toolbar{
  background:#030a0f!important;
  border-color:var(--bb-edge)!important;
  box-shadow:none!important;
}
body.bb-planner-page .planner-mode-tab,
body.bb-planner-page .season-tab,
body.bb-planner-page .tool-btn,
body.bb-planner-page .strip-btn,
body.bb-planner-page .pill{
  border-radius:3px!important;
  border-color:rgba(22,175,255,.20)!important;
  background:#06131c!important;
  color:#a4bac8!important;
}
body.bb-planner-page .planner-mode-tab.active,
body.bb-planner-page .season-tab.active,
body.bb-planner-page .tool-btn.active{
  color:#effaff!important;
  border-color:rgba(22,175,255,.55)!important;
  box-shadow:inset 0 -2px var(--bb-accent)!important;
}
body.bb-planner-page .canvas-shell{
  border-color:rgba(22,175,255,.24)!important;
  border-radius:2px!important;
  background:#02070a!important;
  box-shadow:inset 0 0 50px rgba(22,175,255,.025)!important;
}
body.bb-planner-page .selection-card,
body.bb-planner-page .populate-preview-bar,
body.bb-planner-page .move-hive-bar,
body.bb-planner-page .card,
body.bb-planner-page .action-card,
body.bb-planner-page .add-card,
body.bb-planner-page .corner-preset-card,
body.bb-planner-page .gap-scope-panel,
body.bb-planner-page .validation-hero{
  border-radius:var(--bb-radius)!important;
  border-color:var(--bb-edge)!important;
  background:linear-gradient(155deg,#091923,#050c11)!important;
}
body.bb-planner-page .bottom-sheet,
body.bb-planner-page .sheet{
  border-radius:5px 5px 0 0!important;
  border-color:var(--bb-edge-strong)!important;
  background:#050d13!important;
  box-shadow:0 -24px 70px rgba(0,0,0,.52)!important;
}
body.bb-planner-page .sheet-handle{background:#2e6b8e!important}
body.bb-planner-page .sheet-head{
  border-bottom:1px solid rgba(22,175,255,.15)!important;
}
body.bb-planner-page .toast{
  border-radius:3px!important;
  border:1px solid var(--bb-edge-strong)!important;
  background:#07131c!important;
}

/* ---------- Power Centers: keep behavior, update presentation ---------- */
body.bb-power-page .nerfed-alliance-header{
  min-height:66px;
  padding:9px 14px!important;
}
body.bb-power-page .nerfed-alliance-mark{border-radius:2px!important}
body.bb-power-page .alliance-identity,
body.bb-power-page .dxco-only,
body.bb-power-page .stats>div,
body.bb-power-page .member,
body.bb-power-page .extra-squad,
body.bb-power-page dialog,
body.bb-power-page .notice{
  border-radius:var(--bb-radius)!important;
  border-color:var(--bb-edge)!important;
  background:linear-gradient(150deg,#081721,#050d13)!important;
  box-shadow:none!important;
}
body.bb-power-page .dxco-only{
  border-left:3px solid var(--bb-accent)!important;
}
body.bb-power-page .dxco-only-icon,
body.bb-power-page .alliance-monogram{
  border-radius:3px!important;
  background:#092334!important;
  color:#70d0ff!important;
  border:1px solid rgba(22,175,255,.42)!important;
  box-shadow:none!important;
}
body.bb-power-page .dxco-only strong{color:#dff3ff!important}
body.bb-power-page .dxco-only p{color:#8da6b7!important}
body.bb-power-page .filter,
body.bb-power-page .sort-tab,
body.bb-power-page .type-badge,
body.bb-power-page .stale-badge,
body.bb-power-page .clear-search{
  border-radius:3px!important;
}
body.bb-power-page .filter.active,
body.bb-power-page .sort-tab.active{
  background:rgba(22,175,255,.15)!important;
  border-color:rgba(22,175,255,.52)!important;
  color:#effaff!important;
  box-shadow:inset 0 -2px var(--bb-accent)!important;
}
body.bb-power-page .member:hover{border-color:rgba(22,175,255,.42)!important}
body.bb-power-page .member.stale7,
body.bb-power-page .member.stale14,
body.bb-power-page .member.noPower{
  background:linear-gradient(150deg,#091823,#050d13)!important;
}
body.bb-power-page .nerfed-alliance-footer{
  border-top:1px solid var(--bb-edge)!important;
  background:#02070a!important;
}

/* ---------- interactive Season 2 handbook ---------- */
body.bb-handbook-page{
  background:#02070a!important;
}
body.bb-handbook-page .topbar,
body.bb-handbook-page .controls{
  background:rgba(3,8,12,.97)!important;
  border-color:var(--bb-edge)!important;
}
body.bb-handbook-page .brand,
body.bb-handbook-page .icon-btn,
body.bb-handbook-page .nav-btn,
body.bb-handbook-page .page-favorite,
body.bb-handbook-page .quick-jump,
body.bb-handbook-page .cover-actions button,
body.bb-handbook-page .toc-home{
  border-radius:3px!important;
}
body.bb-handbook-page .book{max-width:1040px!important}
body.bb-handbook-page .page{
  border-radius:5px!important;
  border-color:rgba(22,175,255,.25)!important;
  background:
    linear-gradient(90deg,rgba(22,175,255,.025),transparent 38%),
    linear-gradient(155deg,#081823,#040b10)!important;
  box-shadow:0 22px 65px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.018)!important;
}
body.bb-handbook-page .page::before{opacity:.35!important}
body.bb-handbook-page .page h1{font-style:normal!important;letter-spacing:-.035em!important}
body.bb-handbook-page .eyebrow,
body.bb-handbook-page .page-no{color:var(--bb-accent)!important}
body.bb-handbook-page .card,
body.bb-handbook-page .jump-card,
body.bb-handbook-page .rare-soil-brief,
body.bb-handbook-page .soil-rounds,
body.bb-handbook-page .soil-leadership-board,
body.bb-handbook-page .soil-stage,
body.bb-handbook-page .soil-role-card,
body.bb-handbook-page .soil-stat,
body.bb-handbook-page .soil-check,
body.bb-handbook-page .violet-shard-summary>div,
body.bb-handbook-page .callout{
  border-radius:var(--bb-radius)!important;
  border-color:var(--bb-edge)!important;
  background:linear-gradient(150deg,#091923,#050c11)!important;
}
body.bb-handbook-page .toc{
  background:#030b10!important;
  border-color:var(--bb-edge-strong)!important;
}
body.bb-handbook-page .toc a,
body.bb-handbook-page .toc-parent,
body.bb-handbook-page .related-grid button{
  border-radius:3px!important;
}
body.bb-handbook-page .toc a.current,
body.bb-handbook-page .toc a:hover{
  background:rgba(22,175,255,.12)!important;
  color:#e8f8ff!important;
}
body.bb-handbook-page .search-box,
body.bb-handbook-page .search-panel{
  border-radius:4px!important;
  background:#040c12!important;
}
body.bb-handbook-page .progress-track span{background:var(--bb-accent)!important}

/* ---------- public Last War hubs/guides ---------- */
body.lw-body.blackbar-theme .lw-card,
body.lw-body.blackbar-theme .lw-panel,
body.lw-body.blackbar-theme .lw-qa,
body.lw-body.blackbar-theme .lw-roadmap article,
body.lw-body.blackbar-theme .lw-find-banner,
body.lw-body.blackbar-theme .lw-find-box,
body.lw-body.blackbar-theme .lw-find-result,
body.lw-body.blackbar-theme .lw-moved,
body.lw-body.blackbar-theme .role-card,
body.lw-body.blackbar-theme .callout,
body.lw-body.blackbar-theme .bb-s2-index-group{
  border-radius:var(--bb-radius)!important;
  border-color:var(--bb-edge)!important;
  background:linear-gradient(155deg,rgba(9,24,34,.96),rgba(4,10,15,.98))!important;
}
body.lw-body.blackbar-theme .lw-hero{
  border-radius:var(--bb-radius)!important;
}
body.lw-body.blackbar-theme .lw-scope,
body.lw-body.blackbar-theme .lw-result-scope,
body.lw-body.blackbar-theme .game-data-reference,
body.lw-body.blackbar-theme .phase-tag{
  border-radius:3px!important;
}
body.lw-body.blackbar-theme .lw-search,
body.lw-body.blackbar-theme .lw-find-box{
  border-radius:4px!important;
}
body.lw-body.blackbar-theme .lw-find-suggestions button{border-radius:3px!important}
body.lw-body.blackbar-theme .lw-card:hover,
body.lw-body.blackbar-theme .lw-find-result:hover{
  border-color:rgba(22,175,255,.42)!important;
  background:linear-gradient(155deg,rgba(12,31,43,.98),rgba(4,10,15,.98))!important;
}

/* ---------- responsive completion ---------- */
@media(max-width:700px){
  body.bb-tool-page main:not(.workspace){padding-top:28px!important}
  body.bb-tool-page main:not(.workspace)::before{margin-bottom:14px}
  body.bb-tool-page .hero,body.bb-tool-page .hero-shell{padding:17px!important}
  body.bb-tool-page .tabs{border-radius:3px!important}
  body.bb-planner-page .topbar{min-height:56px!important}
  body.bb-power-page .stats>div{padding:10px!important}
  body.bb-handbook-page .page{border-radius:4px!important}
}

@media(prefers-reduced-motion:reduce){
  body.blackbar-theme *,body.blackbar-theme *::before,body.blackbar-theme *::after{
    scroll-behavior:auto!important;
  }
}