/*! © 2026 Coin Show. All rights reserved. See https://coinshow.io */
.relmap{--gold: var(--realm-stable);--teal: var(--realm-ledgers);margin:40px 0 0;view-transition-name:relmap}::view-transition-old(relmap){display:none}::view-transition-new(relmap){animation:none}.relmap-head{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap}.relmap-head .relmap-switch{flex:0 1 28rem}.relmap-tip{flex:1 1 16rem;margin:0;font-size:.9rem;color:var(--mist-dim)}.relmap-tip b{color:var(--mist);font-weight:600}.relmap-switch{position:relative;display:flex;max-width:28rem;padding:4px;gap:0;border:1px solid var(--line);border-radius:999px;background:#0d1d2e99}.relmap-switch .thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--teal);box-shadow:0 0 22px color-mix(in srgb,var(--teal) 45%,transparent);transition:transform .42s cubic-bezier(.65,0,.35,1),background-color .42s,box-shadow .42s}.relmap[data-focus=stable] .relmap-switch .thumb{transform:translate(100%);background:var(--gold);box-shadow:0 0 22px color-mix(in srgb,var(--gold) 45%,transparent)}.relmap-switch button{all:unset;position:relative;z-index:1;flex:1;padding:.6em .8em;border-radius:999px;text-align:center;white-space:nowrap;font-weight:500;color:var(--mist-dim);cursor:pointer;transition:color .3s}.relmap-switch button span{margin-left:6px;font-size:.8rem;opacity:.75}.relmap-switch button[aria-selected=true]{color:var(--ocean)}.relmap-switch button:not([aria-selected=true]):hover{color:var(--mist)}.relmap-switch button:focus-visible{outline:2px solid var(--mist);outline-offset:2px}.relmap-stage{position:relative;margin:18px 0 0;padding:18px 18px 20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 7%,transparent),transparent 38%,transparent 62%,color-mix(in srgb,var(--teal) 7%,transparent)),#08131f99;overflow:hidden}.relmap-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.band{position:relative;z-index:1}.band-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 10px}.band-head b{font-family:var(--serif);font-weight:500;font-size:1.05rem}.band-coins .band-head b{color:var(--gold)}.band-ledgers .band-head b{color:var(--teal)}.band-head span{font-size:.8rem;color:var(--mist-dim)}.relmap-gap{position:relative;z-index:1;height:84px;display:grid;place-items:center;font-size:.78rem;color:var(--mist-dim);pointer-events:none}.relmap-gap span{padding:3px 10px;border-radius:999px;background:#08131fd9}.nodes{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.node{all:unset;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:2px;cursor:pointer;border-radius:999px;padding:3px 10px;font-size:.74rem;font-weight:600;line-height:1.25;white-space:nowrap;transition:background-color .3s,border-color .3s,color .3s,opacity .3s,box-shadow .3s}.band-coins .node{--c: var(--gold)}.band-ledgers .node{--c: var(--teal)}.node{color:var(--mist);background:color-mix(in srgb,var(--c) 14%,var(--ocean-2));border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}.node small{display:none;font-size:.72rem;font-weight:500;color:var(--mist-dim)}.node:hover{border-color:var(--c)}.node:focus-visible{outline:2px solid var(--c);outline-offset:2px}.relmap[data-focus=stable] .band-coins .nodes,.relmap[data-focus=ledgers] .band-ledgers .nodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.2rem,1fr));gap:8px}.relmap[data-focus=stable] .band-coins .node,.relmap[data-focus=ledgers] .band-ledgers .node{border-radius:10px;padding:9px 12px;font-size:.92rem;white-space:normal;background:color-mix(in srgb,var(--c) 10%,rgba(13,29,46,.9))}.relmap[data-focus=stable] .band-coins .node,.relmap[data-focus=ledgers] .band-ledgers .node{width:100%;height:100%}.relmap[data-focus=stable] .band-coins .node small,.relmap[data-focus=ledgers] .band-ledgers .node small{display:block}.relmap[data-focus=stable] .band-ledgers .band-head span,.relmap[data-focus=ledgers] .band-coins .band-head span{display:none}.relmap.has-pick .node{opacity:.38}.relmap.has-pick .node.linked{opacity:1}.relmap.has-pick .node.picked{opacity:1;border-color:var(--c);background:var(--c);color:var(--ocean);box-shadow:0 0 18px color-mix(in srgb,var(--c) 55%,transparent)}.relmap.has-pick .node.picked small{color:color-mix(in srgb,var(--ocean) 75%,transparent)}.relmap-detail{margin:14px 0 0;padding:16px 18px;border:1px solid var(--line);border-left:3px solid var(--dc, var(--line));border-radius:12px;background:#0d1d2e99}.relmap-detail.is-coin{--dc: var(--gold)}.relmap-detail.is-ledger{--dc: var(--teal)}.relmap-detail header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.relmap-detail h3{font-size:1.35rem}.relmap-detail .stat{font-size:.85rem;color:var(--dc)}.relmap-detail p{margin:8px 0 0;color:var(--mist-dim);max-width:64ch}.relmap-detail .links{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0;padding:0;list-style:none;font-size:.8rem;color:var(--mist-dim)}.relmap-detail .links button{all:unset;cursor:pointer;padding:3px 10px;border-radius:999px;font-weight:600;color:var(--mist);--c: var(--teal);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}.relmap-detail.is-ledger .links button{--c: var(--gold)}.relmap-detail .links button:hover,.relmap-detail .links button:focus-visible{border-color:var(--c);outline:none}.relmap-detail .open{display:inline-block;margin:14px 0 0;padding:.5em 1.1em;border-radius:999px;font-weight:600;text-decoration:none;color:var(--ocean);background:var(--dc)}.relmap-detail .open:focus-visible{outline:2px solid var(--mist);outline-offset:2px}.relmap-detail.enter{animation:relmap-detail-in .32s ease-out}@keyframes relmap-detail-in{0%{opacity:0;transform:translateY(6px)}}.sections .panel:not([hidden]){view-transition-name:realm-panel}html[data-dir=to-stable]::view-transition-old(realm-panel){animation:realm-out-left .26s ease-in both}html[data-dir=to-stable]::view-transition-new(realm-panel){animation:realm-in-right .32s ease-out both}html[data-dir=to-ledgers]::view-transition-old(realm-panel){animation:realm-out-right .26s ease-in both}html[data-dir=to-ledgers]::view-transition-new(realm-panel){animation:realm-in-left .32s ease-out both}@keyframes realm-out-left{to{opacity:0;transform:translate(-40px)}}@keyframes realm-out-right{to{opacity:0;transform:translate(40px)}}@keyframes realm-in-right{0%{opacity:0;transform:translate(40px)}}@keyframes realm-in-left{0%{opacity:0;transform:translate(-40px)}}@media(max-width:900px){.relmap{margin-top:28px}.relmap-switch{max-width:none}.relmap-head .relmap-switch{flex-basis:100%}.relmap-tip{flex-basis:100%;font-size:.85rem;padding:0 4px}.relmap-stage{padding:14px 12px 16px}.relmap-gap{height:72px}.relmap[data-focus=stable] .band-coins .nodes,.relmap[data-focus=ledgers] .band-ledgers .nodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.relmap[data-focus=stable] .band-coins .node,.relmap[data-focus=ledgers] .band-ledgers .node{padding:8px 9px;font-size:.84rem}}@media(prefers-reduced-motion:reduce){.relmap-switch .thumb,.relmap-switch button,.node{transition:none}.relmap-detail.enter{animation:none}html::view-transition-old(realm-panel),html::view-transition-new(realm-panel){animation:none}}
