/* Layered metal coins show the vault and available capital at the same scale. */
.capital-map-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0 12px}
.capital-map-total strong{display:block;margin-top:8px;font:500 clamp(28px,3vw,44px)/1.2 var(--numeric);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.capital-map{margin:0;padding:20px 0 0}
.capital-coin-stage{position:relative;padding:5px 0 21px;border:1px solid #c9d6e9;border-radius:20px;background:radial-gradient(ellipse at 50% 75%,#e3ecfa,#f7f9fc 70%);overflow:hidden}
.capital-coin-scene{display:block;width:100%;max-width:680px;height:auto;margin:0 auto;overflow:visible}
.coin-shadow{fill:#4f678c;opacity:.13}
.coin-side{stroke:#142e64;stroke-opacity:.4;stroke-width:.65}
.coin-reeds{fill:none;stroke:#dceaff;stroke-opacity:.28;stroke-width:1}
.coin-stack-available .coin-reeds{stroke:#fff;stroke-opacity:.48}
.coin-lower-rim{fill:none;stroke:#0b2055;stroke-opacity:.65;stroke-width:1.9}
.coin-cap{stroke:#d6e6ff;stroke-width:1.4}
.coin-inner-rim{fill:none;stroke:#fff;stroke-opacity:.65;stroke-width:1.2}
.coin-beaded-rim{fill:none;stroke:#214c9b;stroke-opacity:.38;stroke-width:1.25;stroke-dasharray:1.5 3}
.coin-engraved-field{fill:#264577;fill-opacity:.04;stroke:#315994;stroke-opacity:.24;stroke-width:.7}
.coin-currency{fill:#173e85;font:600 43px var(--numeric);text-anchor:middle;opacity:.8}
.coin-stack-available .coin-currency{fill:#506582}
.coin-mint-label{fill:#234b91;font:600 10px var(--numeric);text-anchor:middle;letter-spacing:.8px;opacity:.8}
.coin-mint-currency{font-size:8px;letter-spacing:1.6px}
.coin-mint-stars{fill:#315991;opacity:.65}
.coin-engraving{opacity:0}
[data-coin-crown=true] .coin-engraving{opacity:1}
.coin-layer-motion{animation:coin-layer-settle 9s ease-in-out infinite;animation-delay:var(--coin-delay);animation-play-state:paused}
[data-coin-crown=true]>.coin-layer-motion{animation-name:coin-crown-lift}
.coin-face-sheen{animation:coin-metal-shine 7.5s linear infinite;animation-delay:var(--coin-delay);animation-play-state:paused;opacity:0}
[data-capital-flow][data-ambient-active=true] :is(.coin-layer-motion,.coin-face-sheen){animation-play-state:running}
@keyframes coin-layer-settle{0%,100%{transform:translate(0,0)}50%{transform:translate(var(--coin-drift),-.6px)}}
@keyframes coin-crown-lift{0%,100%{transform:translate(0,0)}45%,55%{transform:translate(2px,-7px)}}
@keyframes coin-metal-shine{0%{transform:translateX(0);opacity:0}10%{opacity:.65}70%{opacity:.65}85%,100%{transform:translateX(470px);opacity:0}}
.coin-stack-labels{max-width:680px;margin:-5px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center;color:var(--ink);font-size:14px;line-height:1.5}
.coin-stack-labels>span{display:flex;justify-content:center;align-items:center;gap:9px}
.coin-stack-labels i{display:block;width:9px;height:9px;border-radius:50%;flex-shrink:0}
.capital-map figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin-top:17px;color:var(--muted);font-size:14px;line-height:1.6}
.capital-map figcaption b{font-family:var(--numeric);font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.capital-breakdown{display:grid;grid-template-columns:1fr 1fr .75fr;gap:0;padding:30px 0 28px}
.capital-breakdown-item{min-width:0;padding:0 28px;border-left:1px solid var(--flow-line)}
.capital-breakdown-item:first-child{padding-left:0;border:0}
.capital-breakdown-item:last-child{padding-right:0}
.capital-breakdown-label{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;font-size:14px;line-height:1.5;color:var(--muted)}
.capital-breakdown-label>span:first-child{display:flex;align-items:center;gap:9px;color:var(--ink)}
.capital-breakdown-label i{display:block;width:10px;height:10px;border-radius:3px;flex-shrink:0}
.fee-dot{background:#b77a2c}
.capital-breakdown-label>[data-flow-percent]{font-family:var(--numeric);font-variant-numeric:tabular-nums}
.capital-breakdown-item>strong{display:block;font:500 clamp(23px,2.7vw,40px)/1.3 var(--numeric);font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin-top:12px;overflow-wrap:anywhere}
.capital-breakdown-vault>strong{color:var(--cobalt)}
.capital-breakdown-item>p{font-size:13px;color:var(--muted);margin-top:7px;line-height:1.6}
.capital-flow .flow-footer .flow-funds{margin:0}
.confluence-hero .capital-node-name{font-weight:550}
.confluence-hero .capital-node-reticle{border-color:#7495cc55}
:root[data-theme=dark] .confluence-hero .capital-node-reticle{border-color:#b9d4ff66}
:root[data-theme=dark] .capital-coin-stage{border-color:#3d5577;background:radial-gradient(ellipse at 50% 75%,#1c3659,#102036 70%)}
:root[data-theme=dark] .coin-shadow{fill:#030b1b;opacity:.4}
:root[data-theme=dark] .capital-breakdown-vault>strong{color:#a8c7ff}
:root[data-theme=dark] .fee-dot{background:#e5b66f}
@media(max-width:1000px){.capital-breakdown-item{padding:0 18px}.capital-breakdown-label{font-size:13px}.capital-breakdown-item>strong{font-size:28px}}
@media(max-width:700px){.capital-map-heading{padding-top:23px;gap:14px}.capital-map-total strong{font-size:30px}.capital-map-heading .flow-motion-toggle{font-size:12px;padding:7px 10px;min-height:38px}.capital-map{padding-top:14px}.capital-coin-stage{border-radius:14px;padding:12px 0 19px}.coin-stack-labels{font-size:13px;margin-top:3px}.capital-map figcaption{font-size:13px;margin-top:14px;gap:4px}.capital-breakdown{grid-template-columns:1fr 1fr;gap:22px 0;padding:26px 0}.capital-breakdown-item{padding:0 0 0 16px}.capital-breakdown-item>strong{font-size:clamp(22px,5.3vw,30px);margin-top:8px}.capital-breakdown-label{gap:5px 10px}.capital-breakdown-fee{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 16px;border:0;border-top:1px solid var(--flow-line);padding:17px 0 0}.capital-breakdown-fee .capital-breakdown-label{justify-content:flex-start}.capital-breakdown-fee>strong{margin:0;font-size:23px}.capital-breakdown-fee>p{grid-column:1/-1;margin:0}.capital-breakdown-item>p{font-size:12px}}
@media(max-width:380px){.capital-map-total strong{font-size:27px}.capital-map-heading .flow-motion-toggle{max-width:108px}}
.no-motion :is(.coin-layer-motion,.coin-face-sheen){animation:none;transform:none}.no-motion .coin-face-sheen{opacity:0}
@media(prefers-reduced-motion:reduce){.coin-layer-motion,.coin-face-sheen{animation:none;transform:none}.coin-face-sheen{opacity:0}}
