/* wallet + social nav controls */
.nav .tw-x-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border:1px solid var(--line-strong,#ff9cf033);border-radius:11px;background:var(--panel,#190c2f);
  color:var(--text,#f7edfc);text-decoration:none;transition:transform .12s,box-shadow .2s,background .2s}
.nav .tw-x-btn:hover{transform:translateY(-1px);box-shadow:0 0 18px #ff5ec855}
.nav .tw-x-btn svg{width:17px;height:17px;fill:currentColor}
.tw-connect{display:inline-flex;align-items:center;gap:8px}
.tw-connect .tw-bi{width:17px;height:17px;border-radius:5px}
.tw-connect.tw-connected{background:var(--panel,#190c2f);color:var(--text,#f7edfc)!important;
  background-image:none!important;box-shadow:0 0 0 1px var(--line-strong,#ff9cf033)!important;border-color:var(--line-strong,#ff9cf033)!important}

/* modal */
.tw-ov{position:fixed;inset:0;z-index:200;background:#07040fcc;backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;padding:20px;animation:tw-fade .15s ease}
@keyframes tw-fade{from{opacity:0}to{opacity:1}}
.tw-modal{width:100%;max-width:380px;background:linear-gradient(180deg,#1b0e33,#140a26);
  border:1px solid var(--line-strong,#ff9cf033);border-radius:20px;padding:20px;
  box-shadow:0 30px 80px #000a, 0 0 60px #a64bff22;animation:tw-pop .2s cubic-bezier(.2,.9,.3,1.2)}
@keyframes tw-pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.tw-mh{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;
  font-family:var(--display,sans-serif);text-transform:uppercase;letter-spacing:.06em;font-size:17px;color:var(--text,#f7edfc)}
.tw-x{background:none;border:none;color:#c6b4d8;font-size:24px;line-height:1;cursor:pointer;padding:0 4px}
.tw-x:hover{color:#fff}
.tw-opt{display:flex;align-items:center;gap:13px;width:100%;margin-bottom:10px;padding:13px 15px;
  background:#ffffff08;border:1px solid var(--line,#ff9cf020);border-radius:13px;cursor:pointer;
  color:var(--text,#f7edfc);font-family:var(--sans,sans-serif);font-size:15px;font-weight:600;transition:background .15s,border .15s,transform .1s}
.tw-opt:hover{background:#ffffff12;border-color:var(--line-strong,#ff9cf033);transform:translateY(-1px)}
.tw-opt img{width:30px;height:30px;border-radius:8px}
.tw-opt .tw-nm{flex:1;text-align:left}
.tw-opt .tw-tag{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#9a86ad;font-weight:700}
.tw-note{color:#8a79a0;font-size:11.5px;text-align:center;margin:12px 0 2px;line-height:1.5}