body[data-bbs-page="atlas"] { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #020706; }
body[data-bbs-page="atlas"]::after { opacity: .022; }
body[data-bbs-page="atlas"] * { letter-spacing: 0; }
svg.lucide { width: 19px; height: 19px; stroke-width: 1.7; flex-shrink: 0; vertical-align: middle; }
.bbs-top { position: relative; }
.bbs-top-row { min-height: 76px; }
.bbs-nav { font-family: var(--bbs-mono); }
.bbs-nav a { display: inline-flex; align-items: center; justify-content: center; gap: 5px; }
.bbs-nav a[aria-current] { color: var(--bbs-lime); }
.atlas-hero { position: relative; isolation: isolate; overflow: hidden; min-height: 470px; background: #071110; }
.hero-art { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -2; }
.atlas-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(2,7,6,.7),rgba(2,7,6,.05) 75%); }
.hero-content { padding-top: 64px; padding-bottom: 70px; }
.eyebrow { display: flex; align-items: center; gap: 10px; font: 600 11px/1.5 var(--bbs-mono); color: var(--bbs-cyan-2); margin: 0 0 16px; }
.signal-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--bbs-lime); box-shadow: 0 0 9px #9cff3880; animation: signal-breathe 3s ease-in-out infinite; }
h1,h2,h3,p { overflow-wrap: anywhere; }
.atlas-hero h1 { font-size: 80px; line-height: 1.04; font-weight: 750; margin: 0 0 18px; }
.atlas-hero h1 span { display: block; font-size: 26px; font-weight: 450; color: #c5dece; margin-top: 12px; }
.hero-description { font-size: 16px; line-height: 1.7; color: #adc7bd; max-width: 450px; }
.hero-links,.closing-links { display: flex; gap: 24px; flex-wrap: wrap; align-items: center; margin-top: 26px; }
.action { min-height: 44px; padding: 12px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; text-decoration: none; border: 1px solid #355343; border-radius: 4px; font-size: 13px; font-weight: 650; transition: border-color .18s, background .18s; }
.action.primary { background: var(--bbs-lime); border-color: var(--bbs-lime); color: #11230b; }
.action:hover { background: #17301e; border-color: var(--bbs-lime); }
.action.primary:hover { background: #c4ff87; }
.text-link { display: inline-flex; gap: 8px; align-items: center; color: var(--bbs-cyan-2); font-size: 13px; text-decoration: none; min-height: 44px; }
.text-link:hover { color: var(--bbs-lime); }
.hero-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 12px max(16px,calc((100% - 1180px)/2)); display: flex; justify-content: space-between; gap: 16px; color: #a2b9b3; font: 10px/1.5 var(--bbs-mono); border-top: 1px solid #65d1ff24; background: #02070680; }
.atlas-navigation { border-bottom: 1px solid #65d1ff25; background: #09130f; }
.section-nav { display: flex; flex-wrap: wrap; gap: 8px 30px; padding-block: 8px; }
.section-nav a { min-height: 44px; display: flex; align-items: center; gap: 8px; font-size: 13px; text-decoration: none; color: #9cb8ab; }
.section-nav a:hover,.section-nav a[aria-current] { color: var(--bbs-lime); }
.atlas-section { padding: 64px 0; border-bottom: 1px solid #65d1ff25; scroll-margin-top: 20px; }
.section-heading { display: flex; align-items: end; gap: 40px; justify-content: space-between; margin-bottom: 28px; }
h2 { font-size: 32px; line-height: 1.22; margin: 0; font-weight: 650; }
h3 { font-size: 17px; line-height: 1.4; margin: 0 0 8px; font-weight: 620; }
.section-description { max-width: 490px; font-size: 15px; line-height: 1.8; color: #9eb8ac; margin: 0; }
.section-description a { color: var(--bbs-cyan-2); text-underline-offset: 4px; }
.data-status { color: #9eb8ac; font: 11px/1.6 var(--bbs-mono); margin-bottom: 10px; }
.data-status a { color: var(--bbs-cyan-2); }
.metric-strip { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border-block: 1px solid #426548; background: #08140e; }
.metric { padding: 26px 22px; border-right: 1px solid #42654855; min-width: 0; }
.metric:last-child { border: 0; }
.metric-top { display: flex; justify-content: space-between; gap: 8px; color: #75ad75; margin-bottom: 14px; font: 10px/1.4 var(--bbs-mono); }
.metric strong { display: block; color: var(--bbs-lime); font-size: 38px; line-height: 1.15; font-weight: 650; font-variant-numeric: tabular-nums; }
.metric-label { color: #c5d9cb; font-size: 12px; display: block; margin-top: 8px; }
.overview-split { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding-top: 38px; }
.muted,.chart-note { color: #94afa2; font-size: 12px; line-height: 1.7; }
.language-bars { display: grid; gap: 12px; margin-top: 22px; }
.language-row { display: grid; grid-template-columns: 104px 1fr 24px; align-items: center; gap: 14px; font: 12px/1.4 var(--bbs-mono); }
.bar-track { height: 6px; border-radius: 2px; background: #13251d; overflow: hidden; }
.bar-fill { width: var(--bar); height: 100%; border-radius: inherit; background: var(--bar-color,var(--bbs-cyan)); transform-origin: left; animation: bar-enter 1s ease-out both; }
.field-note { border-left: 1px solid #65d1ff3a; padding-left: 36px; }
.field-note > svg { width: 30px; height: 30px; color: var(--bbs-cyan-2); margin-bottom: 16px; }
.field-note p:not(.eyebrow),.practice-note p { color: #9eb8ac; font-size: 14px; line-height: 1.8; }
.catalog-tools { display: flex; gap: 16px; align-items: center; justify-content: space-between; }
.search { display: flex; align-items: center; gap: 12px; border: 1px solid #314c41; background: #08120e; border-radius: 4px; padding: 0 14px; width: 460px; max-width: 100%; color: #7e9c8e; }
.search input { width: 100%; min-width: 0; min-height: 46px; border: 0; background: none; color: var(--bbs-ink); font: inherit; font-size: 13px; }
input:focus-visible,select:focus-visible { outline: 2px solid var(--bbs-lime); outline-offset: 2px; }
.sort-label { display: flex; align-items: center; gap: 10px; color: #9eb8ac; font-size: 12px; }
select { min-height: 46px; background: #08120e; color: #d5e4d9; border: 1px solid #314c41; border-radius: 4px; padding: 8px 30px 8px 12px; font: inherit; }
.filter-strip { display: flex; flex-wrap: wrap; gap: 4px; padding-block: 12px 22px; }
.filter-strip button { background: transparent; border: 0; border-bottom: 2px solid transparent; padding: 10px 14px; min-height: 44px; color: #9eb8ac; cursor: pointer; font: 12px/1.4 inherit; }
.filter-strip button[aria-pressed="true"] { color: var(--bbs-lime); border-bottom-color: var(--bbs-lime); background: #9cff3809; }
.count-label { font: 12px/1.4 var(--bbs-mono); color: var(--bbs-cyan-2); }
.catalog-more { display: flex; justify-content: center; margin-top: 22px; }
.catalog-more button { color: #c5d9cb; background: #08140e; cursor: pointer; font-family: inherit; }
.filter-strip button { font-family: inherit; font-size: 12px; line-height: 1.4; }
.project-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.repo-card { display: flex; flex-direction: column; min-width: 0; background: #08110e; border: 1px solid #294135; border-radius: 6px; padding: 23px; transition: border-color .2s,transform .2s,background .2s; }
.repo-card:hover { border-color: #65d1ff90; transform: translateY(-3px); background: #0b1913; }
.repo-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 19px; }
.repo-emblem { display: grid; place-items: center; width: 42px; height: 42px; color: var(--bbs-cyan-2); background: #65d1ff0b; border: 1px solid #65d1ff22; border-radius: 6px; }
.repo-emblem svg { width: 24px; height: 24px; }
.repo-kind { font: 10px/1.4 var(--bbs-mono); color: #92ab9e; text-transform: uppercase; }
.repo-card h3 a { text-decoration: none; }
.repo-card h3 a:hover { color: var(--bbs-cyan-2); }
.repo-card p { color: #a0b7ab; font-size: 13px; line-height: 1.65; margin: 2px 0 18px; flex-grow: 1; }
.repo-meta { display: flex; flex-wrap: wrap; gap: 14px; color: #8fa99b; font: 11px/1.4 var(--bbs-mono); margin-top: 5px; }
.repo-meta span { display: flex; align-items: center; gap: 5px; }
.repo-meta svg { width: 13px; height: 13px; }
.repo-links { display: flex; gap: 20px; padding-top: 12px; margin-top: 14px; border-top: 1px solid #65d1ff16; }
.repo-links a { display: inline-flex; align-items: center; gap: 5px; min-height: 36px; color: var(--bbs-cyan-2); text-decoration: none; font-size: 12px; }
.repo-links a:hover { color: var(--bbs-lime); }
.repo-date { margin-top: 10px; color: #809c8d; font-size: 10px; }
.contribution-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 54px; }
.contribution-chart { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 14px; height: 220px; align-items: end; margin-top: 25px; }
.month-column { display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: end; gap: 10px; font: 11px/1.2 var(--bbs-mono); color: #94afa2; }
.month-column .column { width: 100%; height: var(--bar); min-height: 2px; max-height: 165px; background: #2caecd; border-top: 2px solid #99eaff; opacity: .8; }
.month-column:last-child .column { background: #78c133; border-top-color: var(--bbs-lime); }
.month-column b { color: #d5ece0; font-weight: 500; }
.contribution-list { margin-top: 14px; }
.contribution-item { display: flex; gap: 12px; align-items: start; padding: 13px 0; border-bottom: 1px solid #294135; text-decoration: none; }
.contribution-item > svg { margin-top: 3px; color: #baabff; }
.contribution-item strong { font-size: 13px; line-height: 1.55; font-weight: 500; display: block; }
.contribution-item small { display: block; margin-top: 5px; color: #8fa99b; font: 10px/1.5 var(--bbs-mono); }
.contribution-item:hover strong { color: var(--bbs-cyan-2); }
.chart-note { margin-top: 20px; font-size: 11px; }
.network-row { display: grid; grid-template-columns: 30px minmax(0,1fr) 100px 20px; align-items: center; gap: 18px; border-top: 1px solid #294135; padding: 21px 10px; text-decoration: none; }
a.network-row:hover { background: #0c1b14; }
.network-row > svg { color: var(--bbs-cyan-2); }
.network-row h3 { font-size: 15px; margin: 0 0 4px; }
.network-row p { color: #8fa99b; font-size: 12px; line-height: 1.6; margin: 0; max-width: 750px; }
.status { display: inline-flex; align-items: center; gap: 8px; color: #b2c2b9; font: 10px/1.4 var(--bbs-mono); }
.status::before { content:""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.status.public { color: var(--bbs-lime); }
.status.community { color: var(--bbs-cyan-2); }
.private-row > svg,.status.private { color: #c7b68b; }
.archive { border-block: 1px solid #294135; }
.archive summary { padding: 24px 10px; cursor: pointer; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px; font-size: 14px; }
.archive summary > span { display: flex; align-items: center; gap: 10px; }
.archive summary > span:last-child { font-size: 11px; color: #94afa2; }
.archive-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; padding: 0 10px 28px; }
.archive-grid p { color: #94afa2; font-size: 13px; line-height: 1.7; }
.archive-grid a { color: var(--bbs-cyan-2); font-size: 12px; min-height: 40px; display: inline-flex; align-items: center; gap: 6px; }
.snapshot-label { color: #c7b68b; font: 11px/1.6 var(--bbs-mono); display: inline-flex; align-items: center; gap: 8px; }
.agentic-intro { max-width: 770px; color: #9eb8ac; line-height: 1.8; font-size: 15px; }
.agent-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-block: 1px solid #3b5161; margin: 30px 0 36px; }
.agent-metrics article { padding: 24px; border-right: 1px solid #3b516155; }
.agent-metrics article:first-child { padding-left: 0; }
.agent-metrics article:last-child { border-right: 0; }
.agent-metrics svg { color: #b6abef; }
.agent-metrics strong { display: block; font-size: 36px; line-height: 1.3; margin-top: 12px; color: #c4eafa; font-weight: 600; }
.agent-metrics strong small { font-size: 16px; }
.agent-metrics span { display: block; color: #9cb5a6; font-size: 12px; margin-top: 7px; }
.agentic-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }
.tool-bars { display: grid; gap: 14px; margin-top: 24px; }
.tool-bars > div { display: grid; grid-template-columns: 150px 1fr 30px; gap: 10px; font-size: 12px; align-items: center; }
meter { width: 100%; height: 8px; appearance: none; background: #16271e; border-radius: 2px; }
meter::-webkit-meter-bar { background: #16271e; border: 0; height: 6px; }
meter::-webkit-meter-optimum-value { background: var(--bbs-cyan); }
meter::-moz-meter-bar { background: var(--bbs-cyan); }
.tool-bars b { color: #9cb5a6; font: 11px/1.4 var(--bbs-mono); text-align: right; }
.practice-note dl { margin-top: 20px; }
.practice-note dl div { display: flex; justify-content: space-between; gap: 20px; padding: 10px 0; border-bottom: 1px solid #294135; font-size: 12px; }
.practice-note dt { color: #9cb5a6; }
.practice-note dd { margin: 0; }
.source-note { margin-top: 30px; color: #9cb5a6; font-size: 12px; line-height: 1.8; }
.source-note summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; gap: 8px; }
.source-note p { max-width: 920px; }
.closing-band { padding: 52px 0; display: flex; flex-wrap: wrap; gap: 28px; align-items: center; justify-content: space-between; }
.closing-band h2 { font-size: 27px; }
.closing-links { margin: 0; }
.bbs-footer { font-family: var(--bbs-mono); }
.empty-state { padding: 24px 0; color: #b4c8bd; line-height: 1.7; }
.empty-state button { min-height: 44px; padding: 8px 15px; border: 1px solid #416044; color: var(--bbs-lime); background: #0d1b12; cursor: pointer; }
[hidden] { display: none !important; }
.page-paused * { animation-play-state: paused !important; }
@keyframes signal-breathe { 50% { opacity: .35; } }
@keyframes bar-enter { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media(min-width:1600px) { .atlas-hero { min-height: 520px; } .hero-content { padding-top: 90px; } }
@media(max-width:900px) { .section-heading { gap: 24px; align-items: start; } .section-description { max-width: 360px; } .project-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .metric { padding: 22px 14px; } .metric strong { font-size: 30px; } .overview-split,.contribution-grid,.agentic-columns { gap: 30px; } .agent-metrics strong { font-size: 30px; } .section-nav { gap: 8px 22px; } .tool-bars > div { grid-template-columns: 120px 1fr 28px; } }
@media(max-width:620px) { .bbs-top-row { padding-block: 12px; gap: 12px; } .bbs-nav { gap: 4px 14px; flex-wrap: wrap; } .bbs-nav a { min-height: 34px; } .atlas-hero { min-height: 430px; } .hero-content { padding-block: 40px 65px; } .hero-art { object-position: 38% center; opacity: .7; } .atlas-hero::after { background: #02070645; } .atlas-hero h1 { font-size: 62px; } .atlas-hero h1 span { font-size: 21px; } .hero-description { font-size: 14px; } .hero-caption span:last-child { display: none; } .hero-links { gap: 16px; } .section-nav { gap: 0 18px; } .section-nav a { font-size: 12px; } .atlas-section { padding: 38px 0; } .section-heading { flex-direction: column; gap: 18px; margin-bottom: 23px; } h2 { font-size: 27px; } .section-description { max-width: none; font-size: 14px; } .metric-strip { grid-template-columns: repeat(2,minmax(0,1fr)); } .metric { border-bottom: 1px solid #42654855; } .metric:last-child { grid-column: span 2; display: grid; grid-template-columns: 1fr 1fr; align-items: center; } .metric:last-child .metric-top { grid-column: span 2; margin-bottom: 4px; } .overview-split,.contribution-grid,.agentic-columns { grid-template-columns: 1fr; gap: 32px; } .field-note { padding-left: 20px; } .catalog-tools { flex-direction: column; align-items: stretch; gap: 12px; } .sort-label { justify-content: space-between; } .project-grid { grid-template-columns: 1fr; } .filter-strip { gap: 2px; } .filter-strip button { padding: 8px 10px; } .repo-card { padding: 20px; } .network-row { grid-template-columns: 24px minmax(0,1fr) 20px; gap: 12px; padding: 18px 0; } .network-row .status { grid-column: 2; grid-row: 2; margin-top: -6px; } .network-row > svg:last-child { grid-column: 3; grid-row: 1; } .archive-grid { grid-template-columns: 1fr; } .agent-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } .agent-metrics article { padding: 20px 12px; border-bottom: 1px solid #3b516155; } .agent-metrics article:first-child { padding-left: 12px; } .agent-metrics strong { font-size: 30px; } .contribution-chart { gap: 10px; } .bbs-footer nav { flex-wrap: wrap; gap: 16px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
@media(max-width:620px) { .bbs-nav a { min-height: 44px; } .bbs-nav a[href="/neonpocketmc/"],.bbs-nav a[href="https://flasher.canadaverse.org/"] { display: none; } }