/* GoForge live build — additions on top of style.css */
[hidden]{display:none!important}
img{max-width:100%}

/* ---------- brand: anvil, hot bar and sparks ---------- */
.brand{gap:10px}
.brand .mark{flex:none;display:block;width:40px;height:32px;color:var(--tx)}
.brand .mark svg{display:block;width:100%;height:100%;overflow:visible}
.mark .anvil{fill:currentColor}
.mark .bar{fill:var(--flame);transform-box:view-box;transform-origin:21.5px 14px;animation:bar-drop .55s cubic-bezier(.3,1.5,.5,1) .1s both}
.mark .sparks{fill:var(--flame);stroke:var(--flame);stroke-width:1.7;stroke-linecap:round;transform-box:view-box;transform-origin:21.5px 9px;animation:spark-burst .7s cubic-bezier(.2,1.5,.4,1) .35s both}
.mark .sparks path{fill:none}
.brand:hover .mark .bar{animation:bar-hit .35s ease-out}
.brand:hover .mark .sparks{animation:spark-burst-2 .6s cubic-bezier(.2,1.5,.4,1)}
@keyframes bar-drop{from{transform:translateY(-4px)}}
@keyframes bar-hit{40%{transform:translateY(.8px) scaleY(.85)}}
@keyframes spark-burst{from{opacity:.25;transform:scale(.3)}}
@keyframes spark-burst-2{from{opacity:.25;transform:scale(.3)}}
.brand .brand-t{display:block;min-width:0}
.brand .word{display:block;white-space:nowrap;font:800 27px/1 var(--f-disp);letter-spacing:.03em}
.brand .word i{font-style:normal;font-weight:500;color:var(--tx-2);letter-spacing:.02em}
.brand .word em{font-style:normal;font-size:.5em;letter-spacing:.05em;color:var(--tx-3);margin-left:1px}
.brand small{margin:6px 0 0 1px}
.top .brand-m{gap:8px;align-items:center}
.top .brand-m .mark{width:30px;height:24px}
.top .brand-m .mark svg{width:100%;height:100%}
.top .brand-m .word{font-size:22px}

.status-row{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--tx-2)}
.sim-note a{color:var(--tx-2);text-underline-offset:2px}
.sim-note a:hover{color:var(--tx)}

.chart-msg{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--tx-3);font-size:13px;pointer-events:none}
.coin-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.coin-head .links{flex-wrap:wrap}
.ticket-h{display:flex;justify-content:space-between;align-items:center;gap:8px}

.trades a{color:inherit;text-decoration:none}
.trades a:hover{color:var(--tx);text-decoration:underline;text-underline-offset:2px}
.tbl a.lnk{color:var(--tx);text-decoration:none}
.tbl a.lnk:hover{text-decoration:underline;text-underline-offset:2px}

.holders-sum{padding:16px}
.holders-sum .sim-note{margin-top:8px;line-height:1.55}
.grad-note{display:flex;flex-direction:column;gap:10px;font-size:12.5px;color:var(--tx-2);line-height:1.55}
.grad-note .chip{align-self:flex-start}
.grad-note a{color:var(--tx-2)}

.card .desc{font-family:var(--f-ui)}
.rewards-note{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}

/* ---------- charts (Lightweight Charts) ---------- */
.chart-h{flex-wrap:wrap;row-gap:8px;padding-top:8px;padding-bottom:8px}
.chart-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.chart-tools .btn[aria-pressed="true"]{background:var(--raise);color:var(--tx)}
.chart-box{position:relative;height:440px}
.chart-box .lc-canvas{position:absolute;inset:0}
.chart-box .lc-canvas canvas{inset:auto}
.lc-legend{position:absolute;left:12px;top:8px;z-index:3;display:flex;flex-wrap:wrap;gap:3px 12px;max-width:calc(100% - 100px);font:500 11px/1.45 var(--f-mono);font-stretch:87.5%;color:var(--tx-3);pointer-events:none}
.lc-legend b{font-weight:500;color:var(--tx)}
.lc-legend .up{color:var(--up)} .lc-legend .down{color:var(--down)}
.lc-msg{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:24px;text-align:center;color:var(--tx-3);font-size:13px;pointer-events:none}
.lc-latest{position:absolute;right:84px;bottom:40px;z-index:3;height:26px;padding:0 10px;border-radius:4px;border:1px solid var(--line-2);background:var(--raise);color:var(--tx);font-size:12px}
.lc-latest:hover{background:var(--hover)}
.chart-hint{padding:8px 16px 10px;font-size:11.5px;color:var(--tx-3);border-top:1px solid var(--line)}
.chart-full{position:fixed;inset:10px;z-index:75;display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.chart-full .chart-box{flex:1;height:auto}
body.no-scroll{overflow:hidden}
@media (max-width:860px){.chart-box{height:340px}.chart-hint{display:none}.chart-h .seg button{padding:0 8px}}

/* ---------- real swaps ---------- */
.ticket-h .seg button{height:24px;padding:0 10px;font-size:12px}
.rv-coin{display:flex;gap:12px;align-items:center;padding-bottom:4px}
.rv-coin .art{width:40px;height:40px}
.dialog .tx-state a{color:var(--tx-2);text-underline-offset:2px}

/* ---------- wallets ---------- */
.dialog{max-height:calc(100vh - 40px);overflow-y:auto}
a.wopt{text-decoration:none;color:inherit}
.wopt .mk{overflow:hidden}
.wopt img.mk{object-fit:contain;background:var(--raise);padding:3px}
.wopt span.mk{background:var(--tx-2)}
.wopt[disabled]{opacity:.75;cursor:progress}
.wallet-btn .wicon{width:18px;height:18px;border-radius:4px;flex:none}
.wallet-btn span.wicon{display:inline-grid;place-items:center;font:800 11px/1 var(--f-disp);background:var(--tx-2);color:var(--bg)}
.pop-menu{max-height:calc(100vh - 70px);overflow-y:auto}
.wm-h{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center}
.wm-h .mk{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font:800 17px/1 var(--f-disp);color:var(--bg);background:var(--tx-2);object-fit:contain}
.wm-h img.mk{background:var(--raise);padding:3px}