.network-explorer{min-width:0;margin-top:24px}
.network-controls,.network-toggle,.network-search,.network-tools,.network-trail{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.network-controls{justify-content:space-between;gap:16px;margin-bottom:16px}
.network-toggle{padding:4px;border:1px solid var(--cv-line);border-radius:8px;background:var(--cv-surface)}
.network-toggle .button{border-color:transparent}
.network-toggle [aria-pressed=true]{background:var(--cv-surface-raised);border-color:var(--cv-accent);color:var(--cv-accent)}
.network-search{max-width:100%;font-size:14px}
.network-search label{width:100%;color:var(--cv-muted)}
.network-search input,.network-tools select{min-height:44px;border:1px solid var(--cv-line);border-radius:4px;background:var(--cv-bg);color:var(--cv-text);padding:8px 12px;font:inherit}
.network-search input{width:150px;min-width:0;flex:1;font-family:var(--cv-font-latin)}
.network-explorer :is(input,select):focus-visible{outline:2px solid var(--cv-accent);outline-offset:3px}
.network-explorer button:disabled{opacity:.45;cursor:not-allowed}
.network-trail{font-size:14px;color:var(--cv-muted);padding:12px 0;border-block:1px solid var(--cv-line)}
.network-trail .button{padding:6px 10px;border-color:transparent}
.network-trail [aria-current]{color:var(--cv-text)}
.network-message{min-height:24px;font-size:13px;color:var(--cv-muted);margin:12px 0}
.network-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.network-canvas{min-width:0;overflow:hidden;border:1px solid var(--cv-line);border-radius:12px;background:var(--cv-bg)}
.network-tools{padding:12px;border-bottom:1px solid var(--cv-line);font-size:13px;background:var(--cv-surface)}
.network-tools .button{font-size:13px;padding:8px 12px}
.network-zoom{min-width:42px;text-align:center;font:12px var(--cv-font-latin)}
.network-viewport{height:510px;overflow:auto;position:relative;direction:ltr;overscroll-behavior:contain;scrollbar-color:var(--cv-line) var(--cv-bg);background-image:radial-gradient(var(--cv-line) 1px,transparent 1px);background-size:24px 24px;cursor:grab}
.network-viewport:focus-visible{outline:2px solid var(--cv-accent);outline-offset:-3px}
.network-viewport:active{cursor:grabbing}
.network-spacer{position:relative;margin-inline:auto}
.network-board{position:relative;transform-origin:0 0;direction:ltr}
.network-lines{position:absolute;inset:0;pointer-events:none;overflow:visible}
.network-lines path{fill:none;stroke:var(--cv-muted);stroke-opacity:.65;stroke-width:1.5}
.network-node{position:absolute;width:186px;height:152px;border:1px solid var(--cv-line);border-radius:8px;background:var(--cv-surface);padding:10px 12px;display:flex;align-items:flex-start;flex-direction:column;gap:4px;line-height:1.35;cursor:default}
html[dir=rtl] .network-node{direction:rtl}
.network-node.is-selected{border-color:var(--cv-accent);box-shadow:0 0 0 2px #42d6a419}
.network-pick.button{min-height:32px;width:100%;font-size:16px;font-weight:600;padding:0;border:0;justify-content:space-between;text-align:start;background:transparent;color:var(--cv-text);gap:4px}
.network-pick small{font-size:11px;color:var(--cv-accent);font-weight:400}
.network-node>small{font-size:12px;color:var(--cv-muted)}
.network-node-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--cv-muted)}
.network-empty-slot{position:absolute;width:186px;height:152px;border:1px dashed var(--cv-line);border-radius:8px;background:var(--cv-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--cv-muted);font-size:13px;text-align:center}
.network-empty-slot strong{color:var(--cv-text);font-size:15px;font-weight:400}
html[dir=rtl] .network-empty-slot{direction:rtl}
.portal-view:has(.network-explorer)>.portal-grid .portal-card{padding:16px}
.portal-view:has(.network-explorer)>.portal-grid .portal-card h3{margin:0 0 8px;font-size:16px}
.portal-view:has(.network-explorer)>.portal-grid .portal-card p{margin:8px 0;font-size:13px}
@media(max-width:1050px){.portal-view:has(.network-explorer)>.portal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.portal-view:has(.network-explorer)>.portal-grid .portal-card{padding:12px}.portal-view:has(.network-explorer)>.portal-grid .portal-card h3{font-size:14px}.portal-view:has(.network-explorer)>.portal-grid .portal-card :is(p,small){font-size:12px;overflow-wrap:anywhere}}
.network-badge{display:inline-block;border:1px solid var(--cv-line);padding:3px 6px;border-radius:4px;color:var(--cv-muted);font-size:11px;line-height:1.4}
.network-badge.is-buyer{color:var(--cv-accent);border-color:#42d6a440}
.network-expand.button{padding:4px 0;min-height:36px;margin-top:auto;width:100%;border:0;border-top:1px solid var(--cv-line);border-radius:0;color:var(--cv-accent);font-size:12px;text-align:start;justify-content:flex-start}
.network-leaf{margin-top:auto;padding-block:8px}
.network-hint{font-size:13px;color:var(--cv-muted);line-height:1.8;margin:12px 16px}
.network-detail{border:1px solid var(--cv-line);border-radius:12px;padding:20px;background:var(--cv-surface);min-width:0}
.network-detail h3{font-size:17px;margin:0 0 8px;color:var(--cv-muted);font-weight:400}
.network-detail:focus-visible{outline:2px solid var(--cv-accent);outline-offset:3px}
.network-detail>span{font-size:22px}
.network-detail dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 16px;margin:16px 0}
.network-detail dt{color:var(--cv-muted);font-size:13px}
.network-detail dd{font-size:15px;margin:0;overflow-wrap:anywhere}
.network-detail dt:nth-of-type(1){grid-column:1;grid-row:1}.network-detail dd:nth-of-type(1){grid-column:1;grid-row:2}
.network-detail dt:nth-of-type(2){grid-column:2;grid-row:1}.network-detail dd:nth-of-type(2){grid-column:2;grid-row:2}
.network-detail dt:nth-of-type(3){grid-column:3;grid-row:1}.network-detail dd:nth-of-type(3){grid-column:3;grid-row:2}
.network-detail dt:nth-of-type(4){grid-column:4;grid-row:1}.network-detail dd:nth-of-type(4){grid-column:4;grid-row:2}
.network-detail dt:nth-of-type(n+5){margin-top:12px;grid-row:3}.network-detail dd:nth-of-type(n+5){grid-row:4}
.network-detail dt:nth-of-type(5),.network-detail dd:nth-of-type(5){grid-column:1}
.network-detail dt:nth-of-type(6),.network-detail dd:nth-of-type(6){grid-column:2}
.network-detail dt:nth-of-type(7),.network-detail dd:nth-of-type(7){grid-column:3}
.network-detail dt:nth-of-type(8),.network-detail dd:nth-of-type(8){grid-column:4}
.network-detail .network-hint{margin:16px 0}
.network-detail .network-badge{font-size:13px}
.network-rules{margin-top:16px;padding:16px;border:1px solid var(--cv-line);border-radius:8px;font-size:14px;color:var(--cv-muted)}
.network-rules summary{color:var(--cv-text);cursor:pointer;min-height:32px}
.network-rules p{margin-bottom:0}
.network-guide summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style-position:inside}
.network-guide-preview{color:var(--cv-muted);font-size:12px;font-weight:400}
.network-guide-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;padding-block:20px 12px}
.network-guide-grid section{min-width:0}.network-guide h3{font-size:16px;color:var(--cv-text);margin:0 0 8px}.network-guide p{font-size:14px;line-height:1.8;margin:8px 0 12px}.network-guide small{display:block;line-height:1.8;font-size:12px;color:var(--cv-muted)}
.network-guide-table{width:100%;border-collapse:collapse;font-size:13px;text-align:center}.network-guide-table :is(th,td){padding:10px 4px;border-bottom:1px solid var(--cv-line);font-weight:400}.network-guide-table thead{color:var(--cv-muted)}.network-guide-table td bdi{font-family:var(--cv-font-latin);color:var(--cv-accent);white-space:nowrap}.network-guide-note{border-top:1px solid var(--cv-line);padding-top:12px}
@media(max-width:800px){.network-guide-grid{grid-template-columns:1fr;gap:20px}.network-guide summary{align-items:flex-start;flex-direction:column;gap:4px}.network-guide-rates{font-size:12px}.network-guide-table :is(th,td){padding:10px 2px}}
@media(min-width:1400px){.network-workspace{grid-template-columns:minmax(0,1fr) 250px}.network-detail dl{display:block}.network-detail dt{margin-top:14px!important}.network-detail dd{margin-top:2px}}
@media(max-width:700px){.network-controls{align-items:stretch}.network-toggle,.network-search{width:100%}.network-toggle .button{flex:1}.network-viewport{height:440px}.network-tools label{width:100%}.network-tools select{flex:1;min-width:140px}.network-detail dl{display:block}.network-detail dt{margin-top:12px!important}.network-detail dd{margin-top:2px}.network-detail .cv-date{flex-wrap:wrap}}

/* Member review: clear identities, compact overview, balance milestones and full-window explorer. */
.network-balance{direction:ltr}html[dir=rtl] .network-leg{direction:rtl}
.member-icon{width:24px;height:24px;flex:none}.member-identity{min-width:0;overflow-wrap:anywhere;font-size:14px;font-weight:600}.member-identity bdi{font-family:var(--cv-font-latin)}
.network-controls{padding:14px;border:1px solid var(--cv-line);border-radius:12px;background:var(--cv-surface)}.network-search{flex:1;justify-content:flex-end}.network-search label{width:auto}.network-search input{flex:none;width:130px}
.network-icon-button.button{min-width:44px;min-height:44px;padding:10px}.network-icon-button[hidden]{display:none}
.network-balance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:20px}.network-leg{--leg-color:var(--cv-muted);border:1px solid color-mix(in srgb,var(--leg-color) calc(var(--leg-progress)*45%),var(--cv-line));border-radius:12px;padding:20px;min-width:0;background:linear-gradient(135deg,color-mix(in srgb,var(--leg-color) calc(var(--leg-progress)*15%),var(--cv-surface)),var(--cv-surface))}
.network-balance{--network-tier-purple:#B99AFF}.network-leg.tier-blue{--leg-color:var(--cv-info)}.network-leg.tier-purple{--leg-color:var(--network-tier-purple)}.network-leg.tier-green{--leg-color:var(--cv-accent)}.network-leg.tier-gold{--leg-color:var(--cv-warning)}.network-leg h3{font-size:22px;margin:0;color:var(--cv-text)}.network-leg p{font-size:14px;color:var(--cv-muted);margin:8px 0 16px}.network-leg progress{display:block;width:100%;height:7px;border:0;border-radius:8px;accent-color:var(--leg-color)}.network-leg progress::-webkit-progress-bar{background:var(--cv-bg);border-radius:8px}.network-leg progress::-webkit-progress-value{background:var(--leg-color);border-radius:8px}.network-leg-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--cv-muted);margin-top:12px}.network-leg-foot bdi{color:var(--leg-color);font-family:var(--cv-font-latin)}
.network-node{width:224px;height:178px;padding:12px;align-items:stretch;border-radius:12px}.network-node.is-buyer{border-color:#42D6A445}.network-node.is-selected{border-color:var(--cv-accent)}.network-pick.button{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;text-align:center;min-height:54px}.network-avatar{display:inline-flex;align-items:center;justify-content:center;background:#42D6A414;border:1px solid #42D6A440;border-radius:50%;width:34px;height:34px;color:var(--cv-accent);flex:none}.network-avatar .member-icon{width:22px;height:22px}.network-pick .member-identity{width:100%;font-size:14px}.network-self-label{font-size:22px;color:var(--cv-text)}.network-node-meta{justify-content:space-between;gap:6px;margin-top:4px;font-size:13px}.network-node>small{text-align:center;font-size:12px}.network-empty-slot{width:224px;height:178px;border-radius:12px}.network-expand.button{justify-content:center}.network-leaf{text-align:center}
.network-board.is-overview .network-node{width:100px;height:94px;padding:0;border:0;background:transparent;box-shadow:none;align-items:center;justify-content:flex-start}
.network-board.is-overview .network-pick.button{width:86px;height:86px;min-height:86px;border:2px solid var(--cv-line);border-radius:50%;background:var(--cv-surface);padding:0}.network-board.is-overview .is-buyer .network-pick{border-color:var(--cv-accent);background:#123A32}.network-board.is-overview .is-selected .network-pick{box-shadow:0 0 0 4px #42D6A440}.network-board.is-overview .network-avatar{width:auto;height:auto;border:0;background:transparent}.network-board.is-overview .network-avatar .member-icon{width:38px;height:38px}.network-board.is-overview .network-node :is(.member-identity,.network-node-meta,.network-expand,.network-leaf),.network-board.is-overview .network-node>small{display:none}.network-board.is-overview .is-self .network-pick{border-radius:12px;flex-wrap:nowrap;padding:4px;gap:4px}.network-board.is-overview .network-self-label{font-size:20px}.network-board.is-overview .is-self .member-icon{width:25px;height:25px}.network-board.is-overview .network-empty-slot{width:100px;height:94px;padding:20px 0;border:0;background:transparent;font-size:11px}.network-board.is-overview .network-empty-slot :is(strong,small){display:none}
.network-workspace{grid-template-columns:minmax(0,1fr)}.network-detail{padding:24px}.network-detail h3{font-size:15px;margin-bottom:16px}.network-detail-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--cv-line)}.network-detail-head .network-avatar{width:42px;height:42px}.network-detail-head .member-identity{flex:1;font-size:16px}.network-detail-head strong{font-size:20px;color:var(--cv-accent)}
.network-purchase{padding:16px 0;border-bottom:1px solid var(--cv-line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.network-purchase h4{font-size:13px;font-weight:400;color:var(--cv-muted);width:100%;margin:0}.network-purchase>span{font-size:20px;font-weight:700}.network-purchase .cv-datetime{font-size:12px;color:var(--cv-muted)}
.network-referral{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center;padding:16px 0;border-bottom:1px solid var(--cv-line)}.network-referral>span:first-child{grid-column:1/-1;color:var(--cv-muted);font-size:13px}.network-referral input{min-width:0;width:100%;background:var(--cv-bg);color:var(--cv-text);border:1px solid var(--cv-line);border-radius:6px;font:13px var(--cv-font-latin);min-height:44px;padding:8px}.network-muted{color:var(--cv-muted)}
.network-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.network-detail dl>div{min-width:0}.network-detail dt{font-size:12px;margin:0!important}.network-detail dd{margin:4px 0 0;font-size:14px}.network-detail .network-hint{font-size:12px;margin-bottom:20px}.network-detail .cv-datetime{font-size:12px;flex-wrap:wrap}
.network-table-identity.button{position:relative;justify-content:flex-start;flex-wrap:nowrap;font-size:14px;padding-inline-start:calc(14px + var(--tree-indent)*18px);border:0;background:transparent;min-width:190px;text-align:start}.network-table-identity::before{content:'';position:absolute;inset-inline-start:calc(4px + var(--tree-indent)*18px);top:0;bottom:50%;width:10px;border-inline-start:1px dashed var(--cv-line);border-bottom:1px dashed var(--cv-line)}.network-table-identity .member-icon{color:var(--cv-accent);width:25px;height:25px}.network-table .button{white-space:normal}.network-table tbody tr:hover{background:#42D6A409}.network-table :is(th,td){font-size:13px}.network-table-wrap{margin-bottom:20px}.network-body>.network-detail dl{grid-template-columns:repeat(3,minmax(0,1fr))}
html.network-modal-open{overflow:hidden}.network-fullscreen{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:20px;border:0;background:var(--cv-bg);color:var(--cv-text);overflow:auto}.network-fullscreen::backdrop{background:var(--cv-bg)}.network-fullscreen-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.network-fullscreen-head h2{font-size:22px;margin:0}.network-fullscreen .network-explorer{margin-top:16px}.network-fullscreen .network-viewport{height:calc(100dvh - 270px);min-height:360px}.network-fullscreen .network-rules{margin-bottom:20px}
@media(min-width:1250px){.network-workspace{grid-template-columns:minmax(0,1fr) 300px}.network-detail dl{grid-template-columns:1fr 1fr}.network-detail{padding:20px}}
@media(max-width:700px){.network-controls{gap:12px;padding:12px}.network-search{justify-content:stretch;width:100%}.network-search label{width:100%}.network-search input{flex:1;width:0}.network-controls>.network-icon-button{position:relative;margin-inline-start:auto}.network-tools{gap:6px}.network-tools .button{min-height:44px}.network-balance{gap:8px}.network-leg{padding:12px}.network-leg h3{font-size:18px}.network-leg p{font-size:12px}.network-leg-foot{font-size:11px}.network-detail dl,.network-body>.network-detail dl{grid-template-columns:repeat(2,minmax(0,1fr))}.network-fullscreen{padding:12px}.network-fullscreen .network-viewport{height:55dvh;min-height:340px}.network-table-identity.button{min-width:200px}}
.network-table tbody tr.is-selected{background:#42D6A413}.network-list-workspace .network-detail{position:sticky;top:20px}.network-list-workspace .portal-table-wrap{min-width:0}@media(max-width:1249px){.network-list-workspace .network-detail{position:static}}
.network-fullscreen-head{position:sticky;top:-20px;z-index:5;background:var(--cv-bg);padding-block:10px;border-bottom:1px solid var(--cv-line)}@media(max-width:700px){.network-fullscreen-head{top:-12px}}

.network-node-level{color:var(--cv-muted);font-size:12px}.network-pending-slot{border-color:var(--cv-accent)}.network-pending-slot .button{white-space:normal;font-size:12px}.network-board.is-overview .network-pending-slot .button{padding:4px;font-size:10px}

/* Permanent member unlocks: status text and a tick remain clear without color. */
.network-unlocks{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0;direction:ltr}
html[dir=rtl] .network-unlocks{direction:rtl}
.network-unlock{--unlock-color:var(--cv-muted);display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid color-mix(in srgb,var(--unlock-color) 25%,var(--cv-line));border-radius:12px;background:color-mix(in srgb,var(--unlock-color) 4%,var(--cv-bg));color:var(--unlock-color)}
.network-unlock.is-active{border-color:color-mix(in srgb,var(--unlock-color) 60%,var(--cv-line));background:color-mix(in srgb,var(--unlock-color) 12%,var(--cv-bg))}
.network-unlock.is-active.tier-blue{--unlock-color:var(--cv-info)}.network-unlock.is-active.tier-purple{--unlock-color:var(--network-tier-purple)}.network-unlock.is-active.tier-green{--unlock-color:var(--cv-accent)}.network-unlock.is-active.tier-gold{--unlock-color:var(--cv-warning)}
.network-unlock-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border:1px solid color-mix(in srgb,var(--unlock-color) 35%,var(--cv-line));border-radius:50%;background:color-mix(in srgb,var(--unlock-color) 8%,var(--cv-bg))}
.network-unlock-mark .member-icon{width:20px;height:20px;stroke-width:2;color:inherit}
.network-unlock:not(.is-active) .network-unlock-mark{color:var(--cv-muted);border-color:var(--cv-line);background:var(--cv-bg)}
.network-unlock-copy{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
.network-unlock-copy strong{font-size:16px;line-height:1.6;font-weight:700}.network-unlock-copy small{font-size:12px;line-height:1.6;color:var(--cv-muted)}
@media(max-width:1000px){.network-unlocks{gap:8px}.network-unlock{gap:8px;padding:12px}.network-unlock-copy strong{font-size:14px}.network-unlock-mark{width:30px;height:30px}}
@media(max-width:650px){.network-unlocks{grid-template-columns:1fr}.network-unlock{padding:12px 16px}.network-unlock-copy strong{font-size:16px}}

.network-summary{padding-block:20px;border-top:1px solid var(--cv-line)}.network-summary h4{font-size:15px;margin:0 0 12px}
.network-summary-depth{padding:10px 12px;margin:0 0 12px;border:1px solid #42D6A430;border-radius:8px;background:#42D6A40A;color:var(--cv-accent);font-size:16px;font-weight:700;line-height:1.7}
.network-detail .network-summary-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px}
.network-summary-totals>div{padding:10px 6px;border:1px solid var(--cv-line);border-radius:8px;background:var(--cv-bg);text-align:center}.network-detail .network-summary-totals dt{font-size:11px;margin:0!important;line-height:1.7}.network-summary-totals dd{font-size:20px;font-weight:700;margin:4px 0 0!important;color:var(--cv-text)}
.network-level-breakdown{border:1px solid var(--cv-line);border-radius:8px;overflow:hidden}.network-level-breakdown>summary{padding:12px;font-size:14px;cursor:pointer;background:var(--cv-surface-raised)}
.network-level-scroll{max-height:320px;overflow:auto;overscroll-behavior:contain}.network-level-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:13px;text-align:center}.network-level-table caption{padding:10px;font-size:11px;color:var(--cv-muted);text-align:start}
.network-level-table :is(th,td){padding:10px 4px;border-top:1px solid var(--cv-line);overflow-wrap:anywhere;line-height:1.6}.network-level-table thead th{position:sticky;top:0;background:var(--cv-surface);color:var(--cv-muted);font-weight:400;font-size:11px}.network-level-table tbody th{font-weight:400}.network-level-table tbody tr:nth-child(even){background:#93A4BB06}.network-level-table bdi{font-family:var(--cv-font-latin);font-variant-numeric:tabular-nums}
.network-summary-note{font-size:11px;color:var(--cv-muted);line-height:1.9;margin:12px 0 0}

/* Owner-defined level tiers. Purchase status remains a separate jade dot. */
[data-network-tier=common]{--network-tier-color:var(--cv-text)}
[data-network-tier=uncommon]{--network-tier-color:var(--cv-accent)}
[data-network-tier=rare]{--network-tier-color:var(--cv-info)}
[data-network-tier=epic]{--network-tier-color:#B99AFF}
[data-network-tier=legendary]{--network-tier-color:#FFB86B}
.network-tier-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;max-width:100%;border:1px solid color-mix(in srgb,var(--network-tier-color) 35%,var(--cv-line));border-radius:6px;color:var(--network-tier-color);background:color-mix(in srgb,var(--network-tier-color) 7%,var(--cv-bg));font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap}
.network-tier-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.network-tier-badge[hidden]{display:none}
.network-level-label{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;color:var(--network-tier-color,var(--cv-text))}
.network-tier-legend{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.network-tier-legend li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid color-mix(in srgb,var(--network-tier-color) 30%,var(--cv-line));border-radius:8px;padding:12px;background:color-mix(in srgb,var(--network-tier-color) 5%,var(--cv-bg));min-width:0}
.network-tier-legend li>span:last-child{font-size:12px;color:var(--cv-muted)}
.network-tier-note{color:var(--cv-muted);font-size:12px;line-height:1.8}
.network-unlocks{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}
.network-unlock[data-network-tier]{--unlock-color:var(--network-tier-color);position:relative;display:block;padding:16px 12px}
.network-unlock[data-network-tier] .network-unlock-mark{position:absolute;inset-inline-end:12px;top:14px;width:26px;height:26px}
.network-unlock:not(.is-active){background:var(--cv-bg);border-style:dashed}
.network-unlock:not(.is-active) .network-unlock-copy :is(small,span){color:var(--cv-muted)}
.network-unlock-copy .network-tier-name{font-size:18px;line-height:1.5;padding-inline-end:32px}.network-unlock-copy>span{font-size:13px;line-height:1.6;color:var(--cv-text)}
.network-leg[data-network-tier]{--leg-color:var(--network-tier-color)}
.network-node,.network-empty-slot{height:200px}
.network-node[data-network-tier]{border-color:color-mix(in srgb,var(--network-tier-color) 45%,var(--cv-line));background:linear-gradient(145deg,color-mix(in srgb,var(--network-tier-color) 6%,var(--cv-surface)),var(--cv-surface))}
.network-node[data-network-tier].is-selected{border-color:var(--network-tier-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--network-tier-color) 15%,transparent)}
.network-node[data-network-tier] .network-avatar,.network-detail[data-network-tier] .network-avatar{color:var(--network-tier-color);border-color:color-mix(in srgb,var(--network-tier-color) 35%,var(--cv-line));background:color-mix(in srgb,var(--network-tier-color) 8%,var(--cv-bg))}
.network-avatar[data-purchase-status]{position:relative}.network-avatar[data-purchase-status]::after{content:'';position:absolute;width:8px;height:8px;inset-inline-end:-2px;bottom:-2px;border:2px solid var(--cv-surface);border-radius:50%;background:var(--cv-muted)}.network-avatar[data-purchase-status=buyer]::after{background:var(--cv-accent)}
.network-board.is-overview .network-node[data-network-tier]{background:transparent;box-shadow:none}
.network-board.is-overview .network-node[data-network-tier] .network-pick{border-color:var(--network-tier-color);background:color-mix(in srgb,var(--network-tier-color) 10%,var(--cv-bg))}
.network-board.is-overview .network-node[data-network-tier].is-selected .network-pick{box-shadow:0 0 0 4px color-mix(in srgb,var(--network-tier-color) 25%,transparent)}
.network-board.is-overview .network-node[data-network-tier] .network-avatar{border:0;background:transparent}
.network-board.is-overview .network-avatar[data-purchase-status]::after{width:10px;height:10px;inset-inline-end:-9px;bottom:-5px}
.network-detail-head>.network-tier-badge{order:4;flex-basis:auto}.network-detail[data-network-tier]{border-color:color-mix(in srgb,var(--network-tier-color) 40%,var(--cv-line))}
.network-table tr[data-network-tier] .network-table-identity .member-icon{color:var(--network-tier-color)}
.network-guide-table tr[data-network-tier]>th{color:var(--network-tier-color)}.network-guide-table tr[data-network-tier]>th>.network-tier-badge{display:flex;width:fit-content;margin:0 auto 6px}.network-guide-table tr[data-network-tier] td bdi{color:var(--network-tier-color)}
.network-level-table tr[data-network-tier]>th{border-inline-start:2px solid var(--network-tier-color)}.network-level-table .network-tier-badge{font-size:10px;padding:2px 4px}
@media(max-width:1100px){.network-unlocks{grid-template-columns:repeat(3,minmax(0,1fr))}.network-unlock-copy .network-tier-name{font-size:18px}}
@media(max-width:650px){.network-unlocks,.network-tier-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.network-unlock{padding:14px 10px}.network-unlock-mark{width:26px;height:26px}.network-unlock-copy .network-tier-name{font-size:17px}.network-unlock-copy>span{font-size:12px}.network-tier-legend li{padding:10px}}
@media(max-width:370px){.network-unlocks{grid-template-columns:1fr}}

/* Member identity colors follow own unlocked qualification, including the viewer. */
.network-node[data-network-tier] :is(.member-identity,.network-self-label),.network-detail[data-network-tier] .network-detail-head :is(.member-identity,strong){color:var(--network-tier-color)}
.network-table tr[data-network-tier] .member-identity{color:var(--network-tier-color)}
.network-compact-tier{display:none}
.network-board.is-overview .network-node,.network-board.is-overview .network-empty-slot{height:114px}
.network-board.is-overview .network-compact-tier{display:block;position:absolute;top:91px;left:0;width:100px;text-align:center;line-height:1.6;font-size:12px;font-weight:700;color:var(--network-tier-color,var(--cv-muted));overflow-wrap:anywhere}
.network-node:not([data-network-tier]) .network-avatar,.network-detail:not([data-network-tier]) .network-avatar{color:var(--cv-muted);border-color:var(--cv-line);background:var(--cv-bg)}
.network-board.is-overview .network-node:not([data-network-tier]) .network-pick{border-color:var(--cv-line);background:var(--cv-surface);box-shadow:none}

/* Shared introductory copy lets both guide tables start on the same line. */
.network-guide>.network-tier-legend{margin:16px 0 12px}
.network-guide .network-tier-legend li{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px}
.network-guide .network-guide-intro{margin:12px 0 0}
.network-guide .network-guide-intro p{margin:0 0 6px}
.network-guide .network-guide-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:24px;padding-block:14px 12px}
.network-guide .network-guide-grid h3{margin-bottom:12px}
.network-guide .network-guide-table :is(th,td){padding:10px 5px;height:48px}
.network-guide .network-guide-tier{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
.network-guide .network-guide-tier>.network-tier-badge{margin:0}
.network-guide .network-guide-tier>bdi{white-space:nowrap;font-family:var(--cv-font-latin);font-size:12px}
.network-guide .network-guide-qualification-note{margin:0 0 8px}
@media(max-width:800px){
  .network-guide .network-guide-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .network-guide .network-guide-table :is(th,td){padding-inline:3px}
}

/* The tree sets the row height; member details scroll inside the adjacent card. */
.network-workspace:not(.network-list-workspace)>.network-detail{overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--cv-line) var(--cv-surface);scrollbar-width:thin}
.network-detail-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px 12px}
.network-detail-head>.network-avatar{grid-column:1;grid-row:1}
.network-detail-head>.member-identity{grid-column:2;grid-row:1;line-height:1.7}
.network-detail-head>strong{grid-column:1;grid-row:2}
.network-detail-head>.network-tier-badge{grid-column:2;grid-row:2;justify-self:start;max-width:100%}
@media(min-width:1250px){
  .network-workspace:not(.network-list-workspace)>.network-detail{align-self:stretch;min-height:0;contain:size}
}
@media(max-width:1249px){
  .network-workspace:not(.network-list-workspace)>.network-detail{max-height:600px}
}