.bdc-web3{--gold:#C9A962;--paper:#F6F1E7;--muted:#D9D0C3}
.bdc-web3 .h-xl,.bdc-web3 .h-lg,.bdc-web3 h3{font-family:"Cormorant Garamond",Georgia,serif}
.bdc-web3 .num, .bdc-web3 .mono{font-family:"JetBrains Mono",ui-monospace,monospace}
#stars{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
.bdc-web3 main,.bdc-web3 .foot,.bdc-web3 .cookie{position:relative;z-index:1}
#scrollsvg{position:fixed;left:0;top:0;width:100%;height:3px;z-index:80;pointer-events:none}
.swatch{background:#C9A962}
.skystars{display:block;width:100%;height:160px;margin:.6rem 0 1rem}
.chart svg{display:block;width:100%;height:auto;max-width:420px}
.pair{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch;margin-top:1.4rem}
.pair figure{margin:0}
.pair img{width:100%;height:460px;object-fit:cover;display:block}
.badge-plan{display:inline-block;margin-top:1rem;padding:.55rem .8rem;border:1px solid rgba(201,162,39,.7);border-radius:999px;color:#F6E6B8;font-size:.92rem}
.prose p{margin:.7rem 0}
.turn{border-left:2px solid #C9A962;padding-left:1rem}
.game canvas{width:100%;height:auto;display:block;border-radius:18px;background:#071422}
.gamebar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:.7rem 0}
.shot{margin:0 0 1rem}
.shot--hero img{max-height:520px;object-fit:cover}
.phero--hold{min-height:100svh}
.ring{position:relative;width:min(100%,420px);aspect-ratio:1;margin:2rem auto;transform:rotateX(18deg);transform-style:preserve-3d}
.node:hover,.chart:hover{outline:1px solid #C9A962;outline-offset:3px}
.chart.is-on{background:rgba(201,169,98,.08)}
.vf__in{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0}
.marks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin:1rem 0}
.marks p{margin:0;padding:.8rem;border:1px solid rgba(201,162,39,.45);border-radius:16px}
.marks span{display:block;opacity:.8;font-size:.9rem}
.badges{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0}
.tag{border-radius:999px;padding:.35rem .7rem;font-size:.85rem}
.tag--wait{background:#C9A962;color:#0A1A30}
.tag--stop{border:1px solid #C9A962}
.steps{margin:1rem 0;padding-left:1.1rem}
.clock{font-size:1.6rem;letter-spacing:.04em;color:#F6E6B8;margin:.6rem 0}
.lot{min-height:3rem;margin-top:.8rem}
.lot--bad{color:#E7B3B3}
.lot--wait{color:#F6E6B8}
.modal{position:fixed;inset:0;z-index:90;background:rgba(6,16,32,.72);display:grid;place-items:center;padding:1rem}
.modal[hidden]{display:none}
.modal__card{max-width:460px}
.wallet-line{margin-top:.8rem}
.ring .hub{position:absolute;left:50%;top:50%;width:96px;height:96px;transform:translate(-50%,-50%);border-radius:50%}
.node{position:absolute;left:50%;top:50%;width:92px;margin:-18px 0 0 -46px;transform:rotate(calc(var(--i) * 36deg)) translateY(-158px) rotate(calc(var(--i) * -36deg));background:#0A1A30;color:#F6F1E7;border:1px solid rgba(201,162,39,.8);border-radius:999px;padding:.35rem .2rem;font-size:.72rem;letter-spacing:.02em}
.node.is-on{background:#C9A962;color:#0A1A30}
.n0{--i:0}.n1{--i:1}.n2{--i:2}.n3{--i:3}.n4{--i:4}.n5{--i:5}.n6{--i:6}.n7{--i:7}.n8{--i:8}.n9{--i:9}
.pipe-panel{min-height:180px}
.pipe-panel .x{display:none}
body.is-expert .pipe-panel .x{display:block}
.charts{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.chart{padding:1rem}
.chart h3{margin-top:0}
.donut{width:180px;height:180px}
.slice{fill:none;stroke-width:16;transform:rotate(-90deg);transform-origin:60px 60px}
.s1{stroke:#C9A962;stroke-dasharray:75.4 251.3;stroke-dashoffset:0}
.s2{stroke:#E6C98A;stroke-dasharray:62.83 251.3;stroke-dashoffset:-75.4}
.s3{stroke:#9A732F;stroke-dasharray:50.27 251.3;stroke-dashoffset:-138.23}
.s4{stroke:#F6E6B8;stroke-dasharray:37.7 251.3;stroke-dashoffset:-188.5}
.s5{stroke:#6E8CAE;stroke-dasharray:25.13 251.3;stroke-dashoffset:-226.2}
.d1{stroke:#C9A962;stroke-dasharray:11.97 251.3}
.d2{stroke:#E6C98A;stroke-dasharray:11.97 251.3;stroke-dashoffset:-11.97}
.d3{stroke:#1C3358;stroke-dasharray:227.4 251.3;stroke-dashoffset:-23.94}
.legend{list-style:none;padding:0;margin:.4rem 0 0;font-size:.9rem}
.legend i{display:inline-block;width:.7rem;height:.7rem;border-radius:2px;margin-right:.35rem}
.vbars{display:flex;align-items:flex-end;gap:.7rem;height:160px}
.vbars div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.35rem;font-size:.75rem}
.vbars b{display:block;width:100%;background:linear-gradient(#F6E6B8,#C9A962);border-radius:8px 8px 0 0}
.h5{height:16px}.h20{height:48px}.h40{height:90px}.h100{height:140px}
.note{font-size:.85rem;opacity:.8}
.radar{width:100%;max-width:320px}
.linebox{width:100%}
.bars{display:grid;gap:.65rem}
.bar{display:grid;grid-template-columns:7.2rem 1fr auto;gap:.55rem;align-items:center}
.bar i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,#F6E6B8,#C9A962);width:var(--w)}
.w500{--w:62%}.w300{--w:37%}.w800{--w:100%}.w400{--w:50%}
.rankpick{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}
.rankpick button{border:1px solid rgba(201,162,39,.7);background:transparent;color:inherit;border-radius:999px;padding:.35rem .7rem}
.rankpick button.is-on{background:#C9A962;color:#0A1A30}
.tbl{overflow:auto}
.faq details{border-top:1px solid rgba(201,162,39,.35);padding:.7rem 0}
.faq summary{cursor:pointer;font-weight:600}
.ctas{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
@media (max-width:860px){
  .pair,.charts,.ring-wrap{grid-template-columns:1fr}
  .pair img{height:auto}
  .node{width:74px;margin-left:-37px;font-size:.65rem;transform:rotate(calc(var(--i) * 36deg)) translateY(-120px) rotate(calc(var(--i) * -36deg))}
}
@media (hover:hover) and (pointer:fine){
  .bdc-web3, .bdc-web3 a, .bdc-web3 button, .bdc-web3 summary{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><circle cx='8' cy='8' r='4' fill='none' stroke='%23C9A962' stroke-width='1.4'/></svg>") 8 8, auto}
}
@media (prefers-reduced-motion:reduce){
  #stars{display:none}
}