/* ---------- $HBTC index ---------- */
#vIndex .left{position:absolute;left:28px;top:76px;width:790px}
.tk{display:flex;align-items:center;gap:12px}
.tk .sym{background:var(--btc);color:#2a1500;font-weight:900;font-size:20px;padding:4px 12px;border-radius:8px}
.tk .nm{font-size:15px;color:#ddd;font-weight:600}.tk .nm small{display:block;color:var(--mut);font-size:12px;font-weight:500}
.px{display:flex;align-items:baseline;gap:16px;margin-top:8px}
.px b{font-size:64px;font-weight:900;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.px .ch{font-size:24px;font-weight:800}
.px .lab{font-size:13px;color:var(--mut);font-weight:600}
.rng{position:absolute;right:0;top:4px;display:flex;gap:4px}
.rng button{padding:5px 11px;border-radius:999px;font:700 12.5px Inter,sans-serif;color:var(--mut);border:1px solid #2c2c44;background:none;cursor:pointer}
.rng button:hover{color:#fff;border-color:#55557a}
.rng button.on{background:#fff;color:#111;border-color:#fff}
#ixChart{margin-top:10px;touch-action:none;cursor:crosshair;position:relative}
#ixTip{position:absolute;pointer-events:none;background:rgba(14,14,26,.97);border:1px solid var(--btc);border-radius:8px;padding:5px 9px;font-size:12px;font-weight:700;white-space:nowrap;display:none;transform:translate(-50%,-120%)}
#ixTip b{font-size:16px}
#ixStats{position:absolute;left:28px;top:560px;width:790px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
#ixStats div{background:#14131f;border:1px solid #2a2840;border-radius:10px;padding:8px 12px;font-size:11.5px;color:var(--mut);font-weight:600;letter-spacing:.04em}
#ixStats b{display:block;color:#fff;font-size:20px;letter-spacing:0;margin-top:2px}
#ixRight{position:absolute;right:20px;top:76px;width:420px;height:580px;background:#12111c;border:1px solid #2a2840;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column}
#ixRight h3{margin:0 0 6px;font-size:13px;letter-spacing:.14em;color:var(--btc);display:flex;justify-content:space-between}
#ixRight h3 span{color:var(--mut);letter-spacing:.02em;font-weight:600;font-size:12px}
.th,.hr{display:grid;grid-template-columns:22px 34px 1fr 62px 84px;align-items:center;gap:8px}
.th{font-size:10.5px;color:var(--mut);font-weight:700;letter-spacing:.08em;padding:4px 0;border-bottom:1px solid #2a2840}
.th button{background:none;border:0;color:var(--mut);font:700 10.5px Inter,sans-serif;letter-spacing:.08em;cursor:pointer;padding:2px 0}
.th button.on{color:var(--btc)}
#ixRows{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#33304a transparent}
.hr{padding:6px 0;border-bottom:1px solid #1d1c2b;font-size:13px;cursor:pointer;border-radius:6px}
.hr:hover{background:#1b1a29}
.hr .rk{color:var(--mut);font-weight:700;font-size:12px;padding-left:3px}
.hr .n b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hr .n small{color:var(--mut);font-size:11px}
.hr .w{font-weight:800;text-align:right}
.hr .w i{display:block;height:4px;border-radius:2px;background:var(--btc);margin-top:3px;margin-left:auto}
.chip{font-size:11px;font-weight:800;padding:3px 7px;border-radius:999px;text-align:center;white-space:nowrap}
.chip.bull{background:rgba(34,211,107,.15);color:var(--bull)}.chip.bear{background:rgba(255,77,94,.15);color:var(--bear)}.chip.neu{background:#2a2a40;color:#bbb}
.hr.sel{background:rgba(247,147,26,.1);outline:1px solid var(--btc)}
/* ---------- candles ---------- */
#vCandles .left{position:absolute;left:24px;top:74px;width:880px}
.chd{display:flex;align-items:baseline;gap:14px;white-space:nowrap}
.chd b{font-size:22px;font-weight:900}.chd span{font-size:13px;color:var(--mut)}
.chd .pill{margin-left:auto;font-size:12px;font-weight:700;color:#ddd;border:1px solid #2c2c44;border-radius:999px;padding:4px 10px}
#cdChart{touch-action:none}
#cdChart .cd{cursor:pointer}
#cdRight{position:absolute;right:20px;top:74px;width:340px;height:582px;display:flex;flex-direction:column;gap:12px}
.box{background:#12111c;border:1px solid #2a2840;border-radius:14px;padding:12px 14px}
.box h3{margin:0 0 8px;font-size:12px;letter-spacing:.14em;color:var(--btc);display:flex;justify-content:space-between}
.box h3 span{color:var(--mut);letter-spacing:.02em;font-weight:600}
.ver{font-size:27px;font-weight:900;line-height:1.05}
.ver small{display:block;font-size:12.5px;color:var(--mut);font-weight:600;margin-top:4px}
.ohlc{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
.ohlc div{background:#1b1a29;border-radius:8px;padding:6px 8px;font-size:10.5px;color:var(--mut);font-weight:700;letter-spacing:.08em}
.ohlc b{display:block;font-size:17px;color:#fff;letter-spacing:0}
.rp{display:flex;gap:6px;margin-top:10px}
.rp button{flex:1;border:1px solid #3a3a5c;background:#1d1d30;color:#fff;font:700 12px Inter,sans-serif;border-radius:999px;padding:7px 4px;cursor:pointer}
.rp button:hover{background:var(--btc);color:#2a1500;border-color:var(--btc)}
.mv{display:flex;align-items:center;gap:9px;padding:5px 4px;border-bottom:1px solid #1d1c2b;font-size:13px;cursor:pointer;border-radius:6px}
.mv:hover{background:#1b1a29}
.mv:last-child{border:0}
.mv .t{flex:1;min-width:0}.mv b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv small{color:var(--mut);font-size:11px}
.mv .d{font-weight:800;font-size:13px;white-space:nowrap}
/* ---------- octagon fallback (the 3D view styles live in v-octagon.css) ---------- */
#ocFallback{position:absolute;left:0;top:60px;width:940px;height:544px;display:none;place-items:center;text-align:center;color:var(--mut);font-size:14px;background:radial-gradient(ellipse at 50% 60%,#2a1a3a,#07060c 70%)}
#ocFallback .f{display:flex;gap:40px;justify-content:center;margin-bottom:14px}
#ocFallback .f div{animation:bob 1.4s ease-in-out infinite}
#ixV.ns{color:#5e5e7a}
#ixStats b.nosig{font-size:15px;color:#a2a2bc}
.px .lab .nosig{font-size:13px}
.ver.ns{color:#a2a2bc}
.ver.ns .nosig{white-space:normal;font-size:12.5px}
.ohlc.ns b{color:#5e5e7a}