/* the wallet hover card (walletcard.js): this token on top, the wallet under it, a motion footer for our users */
.wcard{position:fixed;z-index:125;overflow:auto;background:var(--panel,#0e0e10);border:1px solid var(--line-2,#2b2b31);border-top:3px solid var(--accent,#c6f135);border-radius:var(--r,12px);box-shadow:var(--shadow,0 24px 60px rgba(0,0,0,.6));color:var(--text,#f4f4f2);font:13px/1.4 var(--font,system-ui,sans-serif);scrollbar-width:thin}
.wcard[hidden]{display:none}
.wcard .wc-sec{padding:12px 14px;display:flex;flex-direction:column;gap:6px} .wcard .wc-sec+.wc-sec{border-top:1px solid var(--line,#1f1f23)}
.wcard .wc-k{font:600 10.5px/1 var(--mono,ui-monospace,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--dim,#5f5f63);margin-bottom:2px}
.wcard .wc-r{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12.5px} .wcard .wc-r>span{color:var(--sub,#9c9c9a)}
.wcard b{font:600 12.5px var(--mono,ui-monospace,monospace);color:var(--text,#f4f4f2);white-space:nowrap} .wcard b em{font-style:normal;font-weight:400;color:var(--sub,#9c9c9a)}
.wcard b i{font-style:normal}
.wcard .up{color:var(--green,#34d17b)} .wcard .dn{color:var(--red,#ff5c5c)}
.wcard .wc-bar{display:block;height:3px;border-radius:999px;background:var(--chip,#1b1b1f);overflow:hidden;margin-top:-1px} .wcard .wc-bar i{display:block;height:100%;border-radius:999px;background:var(--accent,#c6f135)}
.wcard .wc-id{display:flex;align-items:center;gap:8px;min-width:0}
.wcard .wc-id .face{width:26px;height:26px;border-radius:50%;overflow:hidden;flex:none;display:grid;place-items:center}
.wcard .wc-a{font:600 13.5px var(--mono,ui-monospace,monospace);color:var(--text,#f4f4f2);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} .wcard .wc-a:hover{color:var(--accent,#c6f135);text-decoration:underline}
.wcard .wc-apps{display:inline-flex;gap:3px;flex:none}
.wcard .wc-cp{margin-left:auto;flex:none;width:26px;height:26px;border:0;border-radius:999px;background:transparent;color:var(--sub,#9c9c9a);display:grid;place-items:center;cursor:pointer} .wcard .wc-cp svg{width:15px;height:15px} .wcard .wc-cp:hover{background:var(--chip,#1b1b1f);color:var(--text,#f4f4f2)} .wcard .wc-cp.ok{color:var(--accent,#c6f135)}
.wcard .wc-g{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:4px}
.wcard .wc-g>div{display:flex;flex-direction:column;gap:3px;min-width:0} .wcard .wc-g span{font-size:11px;color:var(--dim,#5f5f63)}
.wcard .wc-note{padding:0 14px 12px;font-size:11.5px;color:var(--dim,#5f5f63)}
.wcard .wc-foot{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--line,#1f1f23);background:var(--accent-bg,rgba(198,241,53,.08));color:var(--text,#f4f4f2);font-size:12.5px;font-weight:600} .wcard .wc-foot img{width:16px;height:16px;border-radius:50%}
.wcard .sk{display:inline-block;height:11px;border-radius:5px;background:linear-gradient(90deg,var(--chip,#1b1b1f),var(--raised,#232327),var(--chip,#1b1b1f));background-size:200% 100%;animation:wcsk 1.1s linear infinite}
@keyframes wcsk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.wcard .sk{animation:none}}
/* the trigger: the address underlines on hover so it reads as the thing that opens the card and the page */
[data-wc]{cursor:pointer} a[data-wc]:hover{text-decoration:underline}
/* phones: the same card as a bottom sheet */
.wc-sheet{position:fixed;inset:0;z-index:130;display:flex;align-items:flex-end}
.wc-sheet .wc-sh-bg{position:absolute;inset:0;background:rgba(5,5,6,.6);backdrop-filter:blur(6px)}
.wc-sheet .wcard.wc-in{position:relative;width:100%;max-height:86vh;border-radius:var(--r,16px) var(--r,16px) 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}
.wc-sheet .wc-grab{width:36px;height:4px;border-radius:999px;background:var(--sub,#9c9c9a);opacity:.5;margin:8px auto 0}
.wc-sheet .wc-open{display:flex;align-items:center;justify-content:center;height:44px;margin:0 14px 14px;border-radius:999px;background:var(--accent,#c6f135);color:var(--on-accent,#0b0f03);font-weight:600;text-decoration:none}
.wcard .wc-lb{flex:none;font:600 10.5px/1 var(--mono,ui-monospace,monospace);padding:3px 6px;border-radius:999px;color:var(--accent,#c6f135);background:var(--accent-bg,rgba(198,241,53,.12));white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis} .wcard .wc-lb.dev{color:var(--yellow,#f2c14e);background:var(--yellow-bg,rgba(242,193,78,.14))}
.wcard .wc-none{font-size:12.5px;color:var(--sub,#9c9c9a)}
.wcard .wc-cov{font-size:10.5px;color:var(--dim,#5f5f63);margin-top:2px}