/* Liquidity Map */
.lq-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 2px 12px}
.lq-seg{display:inline-flex;background:var(--card);box-shadow:var(--sh);border-radius:12px;padding:3px}
.lq-seg button{border:0;background:transparent;color:var(--mut);padding:7px 13px;border-radius:9px;font:700 13px Inter,sans-serif;cursor:pointer;transition:background .25s,color .25s}
.lq-seg button.on{background:var(--acc);color:#fff}
.lq-layers{display:flex;gap:6px;flex-wrap:wrap}
.lq-l{border:1px solid var(--line);background:var(--card);color:var(--mut);border-radius:999px;padding:6px 11px 6px 9px;font:700 12px Inter,sans-serif;cursor:pointer;display:inline-flex;gap:6px;align-items:center;transition:.2s}
.lq-l i{width:10px;height:10px;border-radius:3px;display:inline-block;opacity:.35}.lq-l.on{color:var(--fg);border-color:color-mix(in srgb,var(--fg) 30%,transparent)}.lq-l.on i{opacity:1}
.lq-l.na{opacity:.4;cursor:not-allowed}
.lq-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.lq-chip{background:var(--card);box-shadow:var(--sh);border-radius:16px;padding:10px 14px;display:flex;align-items:center;gap:12px;cursor:help}
.lq-chip .m{width:44px;height:44px;flex:none}.lq-chip b{display:block;font-size:15px}.lq-chip span{font-size:12px;color:var(--mut);font-weight:600}
.lq-wrap{position:relative;flex:1;min-height:0}.lq-wrap>div,.lq-wrap>canvas{position:absolute;inset:0}
.lq-wrap canvas.ov{pointer-events:none;z-index:3}
.lq-fade{transition:opacity .22s}.lq-fade.out{opacity:.15}
.lq-tour-btn{border:0;background:linear-gradient(135deg,var(--acc),#8b5cf6);color:#fff;font:800 13px Inter,sans-serif;padding:9px 15px;border-radius:12px;cursor:pointer;box-shadow:0 6px 18px color-mix(in srgb,var(--acc) 40%,transparent);animation:lqb 2.6s ease-in-out infinite}
@keyframes lqb{50%{transform:translateY(-2px);box-shadow:0 10px 24px color-mix(in srgb,var(--acc) 50%,transparent)}}
.lq-tour{position:fixed;inset:0;z-index:80;pointer-events:none}
.lq-tour .spot{position:fixed;border-radius:16px;box-shadow:0 0 0 9999px rgba(15,23,42,.55);transition:all .5s cubic-bezier(.4,0,.2,1);pointer-events:none;outline:3px solid #fff}
.lq-tour .box{position:fixed;width:min(360px,90vw);background:var(--card);color:var(--fg);border-radius:18px;padding:18px 20px;box-shadow:0 20px 50px rgba(0,0,0,.3);pointer-events:auto;transition:all .5s cubic-bezier(.4,0,.2,1)}
.lq-tour .box h4{margin:0 0 6px;font-size:17px}.lq-tour .box p{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--mut)}
.lq-tour .box .n{display:flex;gap:8px;align-items:center}.lq-tour .box .n span{margin-right:auto;font-size:12px;color:var(--mut);font-weight:700}
.lq-tour .box button{border:0;border-radius:10px;padding:7px 13px;font:700 13px Inter,sans-serif;cursor:pointer;background:var(--soft);color:var(--fg)}.lq-tour .box button.p{background:var(--acc);color:#fff}
.lq-note{font-size:11.5px;color:var(--mut);margin-top:6px;display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:700px){.lq-chips{grid-template-columns:1fr;gap:8px}.lq-chip{padding:8px 12px}.lq-chip .m{width:34px;height:34px}.lq-seg button{padding:6px 10px}}