/* ============================================================
   CRYPTO WAR ROOM -- the phone app (Desktop/deploy-mobile)
   Shown in place of the desktop layout under 760px; see mobile.js.
   ============================================================ */
.mob { display: none; }
html.mob-on, html.mob-on body { background: #0d0f12; overflow: hidden; height: 100%; }
html.mob-on [data-app] { display: none !important; }

html.mob-on .mob {
  position: fixed; inset: 0; z-index: 60; max-width: 480px; margin: 0 auto;
  display: flex; flex-direction: column; overflow: hidden;
  background: #0d0f12; color: #eceef1; font-size: 14px; line-height: 1.3;
  font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent;
  height: 100dvh;
}
.mob *, .mob *::before, .mob *::after { box-sizing: border-box; }
html.mob-on .mob { font-feature-settings: normal; }
html.mob-on .mob h2 { font-family: 'Geist', ui-sans-serif, system-ui, sans-serif; font-weight: 600 !important; }
.mob button { font: inherit; color: inherit; background: none; border: 0; margin: 0; padding: 0; cursor: pointer; text-align: left; letter-spacing: normal; text-transform: none; box-shadow: none; min-height: 0; min-width: 0; }
.mob a { color: #eceef1; text-decoration: none; }
.mob input { font: inherit; color: inherit; }
.mob h2, .mob p { margin: 0; }
.mob b, .mob strong { font-weight: inherit; }
.mob i, .mob em { font-style: normal; }
.mob u { text-decoration: none; }
.mob ::-webkit-scrollbar { display: none; }
.mob .mono, .mob__price, .mob__ohlc, .mob__ax, .mob__axl, .mob__axh, .mob__times, .mob__tfs button, .mob__stats b,
.mob__tkp, .mob__leg input, .mob__recv, .mob__pcts button, .mob__chips em, .mob__stk em, .mob__stk span, .mob__coinp,
.mob__dial b, .mob__moodr i, .mob__tc em, .mob__tc i, .mob__fg span, .mob__kick, .mob__path, .mob__cd b, .mob__odds b,
.mob__gauge b, .mob__rel > div:first-child b, .mob__rel span, .mob__rel em, .mob__big, .mob__sl em, .mob__wm em,
.mob__fund p em, .mob__rdh strong, .mob__rdf span, .mob__find em { font-family: 'Geist Mono', ui-monospace, monospace; }

@keyframes mob-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes mob-ping { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(2.8); opacity: 0; } }
@keyframes mob-drift { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(30px, -16px); } }

/* ---- header */
.mob__head { flex: none; display: flex; align-items: center; gap: 10px; padding: calc(env(safe-area-inset-top) + 16px) 18px 10px; }
.mob__head > img { width: 30px; height: 30px; border-radius: 9px; display: block; }
.mob__head > div { flex: 1; min-width: 0; }
.mob__head small { display: block; font-size: 11px; font-weight: 600; letter-spacing: .14em; color: #7c8490; }
.mob__head b { display: block; font-size: 22px; font-weight: 600; letter-spacing: -.02em; line-height: 1.15; }
.mob .mob__icon { width: 38px; height: 38px; border-radius: 12px; background: #171a1f; display: grid; place-items: center; color: #c3c8cf; }
.mob .mob__me { width: 38px; height: 38px; border-radius: 12px; overflow: hidden; background: linear-gradient(135deg, #2fd49b, #3d7cff); }
.mob__me img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mob__me img:not([src]), .mob__me img[src=""] { display: none; }

.mob__find { position: absolute; z-index: 7; left: 12px; right: 12px; top: calc(env(safe-area-inset-top) + 66px); padding: 10px; border-radius: 18px; background: #171a1f; box-shadow: inset 0 0 0 1px #262a31, 0 24px 40px -12px rgba(0,0,0,.8); }
.mob__find[hidden], .mob__menu[hidden] { display: none; }
.mob__find input { width: 100%; height: 42px; padding: 0 14px; border: 0; outline: 0; border-radius: 12px; background: #0f1114; box-shadow: inset 0 0 0 1px #1f2329; font-size: 15px; }
.mob__find [data-mob-findres] { display: flex; flex-direction: column; margin-top: 6px; max-height: 50vh; overflow-y: auto; }
.mob__find [data-mob-findres] button { display: flex; align-items: center; gap: 10px; height: 46px; padding: 0 8px; border-radius: 10px; }
.mob__find [data-mob-findres] button:active { background: #1f2329; }
.mob__find [data-mob-findres] b { font-weight: 600; }
.mob__find [data-mob-findres] span { flex: 1; min-width: 0; color: #7c8490; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mob__find [data-mob-findres] em { font-size: 12px; }
.mob__find p { padding: 12px 8px 4px; color: #7c8490; font-size: 13px; }
.mob__find [data-mob-findres] i { font-family: 'Geist Mono', ui-monospace, monospace; font-size: 12.5px; color: #c3c8cf; }
.mob__find [data-mob-findres] em { min-width: 58px; text-align: right; }
.mob__menu { position: absolute; z-index: 7; right: 18px; top: calc(env(safe-area-inset-top) + 66px); display: flex; flex-direction: column; min-width: 170px; padding: 6px; border-radius: 16px; background: #171a1f; box-shadow: inset 0 0 0 1px #262a31, 0 24px 40px -12px rgba(0,0,0,.8); }
.mob__menu a, .mob .mob__menu button { display: block; padding: 11px 12px; border-radius: 10px; font-size: 14px; color: #c3c8cf; }
.mob__menu a:active, .mob .mob__menu button:active { background: #1f2329; }

/* ---- the scrolling screen */
.mob__screen { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 4px 16px 120px; }
.mob__col { display: flex; flex-direction: column; gap: 12px; }
.mob__card { position: relative; overflow: hidden; border-radius: 18px; background: #14161a; box-shadow: inset 0 0 0 1px #1f2329; }
.mob__glow { position: absolute; top: -140px; left: -80px; width: 380px; height: 300px; pointer-events: none; animation: mob-drift 12s ease-in-out infinite; }
.mob__card > *:not(.mob__glow):not(.mob__acc) { position: relative; }
.mob__empty { padding: 40px 0; text-align: center; font-size: 13px; color: #7c8490; }
.mob__h { display: flex; align-items: baseline; justify-content: space-between; margin-top: 6px; }
.mob__h b { font-size: 16px; font-weight: 600; }
.mob__h span { font-size: 12.5px; color: #7c8490; }
.mob__mark { flex: none; display: grid; place-items: center; border-radius: 99px; font-weight: 700; color: #0d0f12; object-fit: cover; background: #1f2329; }
img.mob__mark { background: #1f2329; }

/* ---- trade */
.mob__pair { border-radius: 20px; padding: 16px; }
.mob__pair .mob__glow { top: -120px; left: auto; right: -80px; width: 300px; height: 260px; }
.mob__pairh { display: flex; align-items: center; gap: 10px; }
.mob__pairh > div { flex: 1; min-width: 0; }
.mob__pairh b { display: block; font-size: 16px; font-weight: 600; }
.mob__pairh b span { color: #7c8490; font-weight: 400; }
.mob__pairh small { display: block; font-size: 12px; color: #7c8490; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mob__scan { flex: none; display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 500; padding: 4px 9px; border-radius: 99px; background: rgba(47,212,155,.12); color: #2fd49b; }
.mob__scan i, .mob__badge i { width: 6px; height: 6px; border-radius: 99px; background: #2fd49b; animation: mob-pulse 2s infinite; }
.mob__price { display: flex; align-items: baseline; gap: 10px; margin-top: 16px; }
.mob__price b { font-size: 34px; font-weight: 500; letter-spacing: -.03em; font-variant-numeric: tabular-nums; transition: color .4s; }
.mob__price span { font-size: 14px; font-weight: 500; }
.mob__ohlc { display: flex; align-items: center; gap: 10px; margin-top: 14px; font-size: 11px; color: #7c8490; white-space: nowrap; overflow: hidden; min-height: 14px; }
.mob__ohlc > span { min-width: 0; overflow: hidden; }
.mob__ohlc .mob__ohlcp { flex: none; margin-left: auto; }
@media (max-width: 400px) { .mob__ohlc { gap: 7px; font-size: 10.5px; } }
.mob__chart { position: relative; height: 290px; margin: 8px -16px 0; touch-action: pan-y; cursor: crosshair; user-select: none; -webkit-user-select: none; }
.mob__chart svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; overflow: visible; }
.mob__chart [data-cdl] { transform-box: fill-box; transform-origin: center; }
.mob__chartload { position: absolute; inset: 0; display: grid; place-items: center; color: #7c8490; font-size: 12px; }
.mob__ax, .mob__axl, .mob__axh { position: absolute; right: 6px; transform: translateY(-50%); font-size: 10px; color: #6b7280; pointer-events: none; }
.mob__axl, .mob__axh { right: 2px; padding: 2px 5px; border-radius: 4px; }
.mob__axl { color: #05140e; font-weight: 600; }
.mob__axh { background: #2c3139; color: #eceef1; }
.mob__times { position: absolute; left: 16px; right: 56px; bottom: 4px; display: flex; justify-content: space-between; font-size: 10px; color: #6b7280; pointer-events: none; }
.mob__tfs { display: flex; gap: 4px; margin-top: 12px; padding: 3px; border-radius: 12px; background: #0f1114; }
.mob .mob__tfs button { flex: 1; height: 32px; border-radius: 9px; text-align: center; font-size: 12.5px; font-weight: 500; color: #7c8490; transition: all .2s; }
.mob .mob__tfs button.is-on { color: #fff; background: #1f2329; }
.mob__stats { display: flex; gap: 8px; overflow-x: auto; margin: 0 -16px; padding: 0 16px; }
.mob__stats > div { flex: none; padding: 10px 14px; border-radius: 14px; background: #14161a; box-shadow: inset 0 0 0 1px #1f2329; }
.mob__stats small { display: block; font-size: 11px; color: #7c8490; white-space: nowrap; }
.mob__stats b { display: block; margin-top: 4px; font-size: 14px; font-weight: 500; white-space: nowrap; }
.mob__list { display: flex; flex-direction: column; gap: 2px; }
.mob .mob__tk { display: grid; grid-template-columns: 38px minmax(0, 1fr) 56px 84px; gap: 12px; align-items: center; height: 60px; padding: 0 10px; border-radius: 14px; background: transparent; transition: background .15s; }
.mob .mob__tk.is-on { background: #14161a; }
.mob__tk > div:nth-child(2) { min-width: 0; }
.mob__tk > div:nth-child(2) b { display: block; font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mob__tk > div:nth-child(2) span { display: block; font-size: 12px; color: #7c8490; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mob__tkp { text-align: right; min-width: 0; }
.mob__tkp b { display: block; font-size: 13.5px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mob__tkp span { display: inline-block; margin-top: 3px; font-size: 12px; font-weight: 500; padding: 1px 6px; border-radius: 6px; white-space: nowrap; }

/* ---- swap button, bottom bar, sheet, toast */
.mob__swapbtn { position: absolute; left: 16px; right: 16px; bottom: calc(env(safe-area-inset-bottom) + 92px); z-index: 4; }
.mob__swapbtn[hidden] { display: none; }
.mob .mob__swapbtn button { width: 100%; height: 52px; border-radius: 16px; text-align: center; background: #2fd49b; color: #05140e; font-size: 16px; font-weight: 600; box-shadow: 0 12px 30px -10px rgba(47,212,155,.6); }
.mob__nav { position: absolute; left: 12px; right: 12px; bottom: calc(env(safe-area-inset-bottom) + 14px); z-index: 5; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); height: 66px; padding: 6px; border-radius: 22px; background: rgba(20,22,26,.86); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-shadow: inset 0 0 0 1px rgba(255,255,255,.07), 0 20px 40px -12px rgba(0,0,0,.8); }
.mob__pill { position: absolute; top: 6px; bottom: 6px; left: 6px; width: calc((100% - 12px) / 5); border-radius: 16px; background: rgba(255,255,255,.06); transition: transform .35s cubic-bezier(.3,1.2,.5,1); }
.mob .mob__nav button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; font-size: 11px; font-weight: 500; color: #7c8490; transition: color .2s; }
.mob .mob__nav button.is-on { color: #fff; }
.mob__nav button.is-on svg { filter: drop-shadow(0 0 6px rgba(47,212,155,.7)); }
.mob__dim { position: absolute; inset: 0; z-index: 8; background: rgba(0,0,0,.55); backdrop-filter: blur(2px); }
.mob__dim[hidden], .mob__sheet[hidden], .mob__toast[hidden] { display: none; }
.mob__sheet { position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; max-height: calc(100% - 24px); overflow-y: auto; overscroll-behavior: contain; padding: 10px 16px calc(env(safe-area-inset-bottom) + 20px); border-radius: 26px 26px 0 0; background: #14161a; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 -20px 50px rgba(0,0,0,.6); }
.mob__grab { width: 40px; height: 5px; margin: 0 auto; border-radius: 99px; background: #2c3139; }
.mob__sh { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; }
.mob__sh b { font-size: 18px; font-weight: 600; }
.mob .mob__acct { font-size: 12px; padding: 3px 9px; border-radius: 99px; background: #1f2329; color: #c3c8cf; }
.mob__leg { margin-top: 14px; padding: 14px; border-radius: 16px; background: #0f1114; box-shadow: inset 0 0 0 1px #1f2329; }
.mob__leg + .mob__leg { margin-top: 8px; }
.mob__leg small { display: block; font-size: 12px; color: #7c8490; }
.mob__leg > div:nth-child(2) { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.mob__leg input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; padding: 0; font-size: 28px; font-weight: 500; }
.mob__recv { flex: 1; min-width: 0; font-size: 28px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mob__tok { flex: none; display: flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px 0 5px; border-radius: 99px; background: #1b1e23; font-weight: 600; }
.mob__usdt { width: 26px; height: 26px; border-radius: 99px; background: #26a17b; display: grid; place-items: center; font-size: 12px; color: #fff; }
.mob__pcts { display: flex; gap: 6px; margin-top: 10px; }
.mob .mob__pcts button { flex: 1; height: 30px; border-radius: 9px; text-align: center; background: #1b1e23; color: #c3c8cf; font-size: 12px; }
.mob__fee { display: flex; justify-content: space-between; gap: 10px; margin-top: 12px; font-size: 12.5px; color: #8a919c; }
.mob .mob__go { width: 100%; height: 54px; margin-top: 14px; border-radius: 16px; text-align: center; background: #2fd49b; color: #05140e; font-size: 16px; font-weight: 600; }
.mob .mob__go:disabled { background: #1f2329; color: #7c8490; cursor: default; }
.mob__status { margin-top: 12px; padding: 10px 12px; border-radius: 12px; background: #0f1114; box-shadow: inset 0 0 0 1px #1f2329; font-size: 12.5px; line-height: 1.45; color: #c3c8cf; }
.mob__status[data-tone="good"] { color: #2fd49b; }
.mob__status[data-tone="bad"], .mob__status[data-tone="block"] { color: #f2556f; }
.mob__status[data-tone="warn"] { color: #f2b37a; }
.mob__wl { margin-top: 12px; }
.mob__wl p { margin: 0 2px 8px; font-size: 12.5px; line-height: 1.45; color: #8a919c; }
.mob__wl a { display: flex; align-items: center; gap: 12px; height: 50px; padding: 0 14px; border-radius: 14px; background: #0f1114; box-shadow: inset 0 0 0 1px #1f2329; font-size: 15px; font-weight: 500; }
.mob__wl a + a { margin-top: 6px; }
.mob__wl img { width: 28px; height: 28px; border-radius: 8px; }
.mob__wl span { margin-left: auto; font-size: 12.5px; color: #2fd49b; }
.mob__wal .walletpick { position: static; margin-top: 12px; padding: 6px; display: grid; gap: 4px; border: 0; border-radius: 16px; background: #0f1114; box-shadow: inset 0 0 0 1px #1f2329; }
.mob__wal .walletpick[hidden] { display: none; }
.mob__wal .walletpick__k { margin: 6px 8px 4px; font-size: 12px; color: #7c8490; }
.mob__wal .walletpick__item { display: flex; align-items: center; gap: 12px; width: 100%; height: 48px; padding: 0 10px; border-radius: 12px; font-size: 15px; color: #eceef1; text-align: left; }
.mob__wal .walletpick__item:active { background: #1b1e23; }
.mob__wal .walletpick__item img, .mob__wal .walletpick__dot { width: 28px; height: 28px; border-radius: 8px; flex: none; }
.mob__wal .walletpick__fam { margin-left: auto; display: flex; gap: 4px; }
.mob__wal .walletpick__fam i { font-size: 10.5px; padding: 2px 6px; border-radius: 5px; background: #1f2329; color: #a1a8b3; }
.mob__wal .walletpick__none { margin: 4px 8px; font-size: 13px; color: #8a919c; }
.mob__wal .walletpick__k--sub, .mob__wal .walletpick__item--get { display: none; }
.mob__toast { position: absolute; left: 16px; right: 16px; top: calc(env(safe-area-inset-top) + 16px); z-index: 10; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; background: #1b1e23; box-shadow: inset 0 0 0 1px rgba(47,212,155,.35), 0 20px 40px -10px rgba(0,0,0,.7); }
.mob__toast > i { flex: none; width: 30px; height: 30px; border-radius: 99px; display: grid; place-items: center; background: rgba(47,212,155,.15); color: #2fd49b; font-weight: 700; }
.mob__toast > div { min-width: 0; }
.mob__toast b { display: block; font-size: 14px; font-weight: 600; }
.mob__toast span { display: block; margin-top: 2px; font-family: 'Geist Mono', monospace; font-size: 12px; color: #8a919c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---- squawk */
.mob__chips { display: flex; gap: 6px; overflow-x: auto; margin: 0 -16px; padding: 0 16px; }
.mob .mob__chips button { flex: none; height: 34px; padding: 0 14px; border-radius: 99px; font-size: 13px; font-weight: 500; white-space: nowrap; color: #c3c8cf; background: #171a1f; transition: all .2s; }
.mob .mob__chips button.is-on { color: #0d0f12; background: #eceef1; }
.mob__chips em { margin-left: 6px; font-size: 11px; opacity: .7; }
.mob__deck { position: relative; height: 300px; margin-top: 10px; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.mob__st { position: absolute; inset: 0; transition: transform .45s cubic-bezier(.2,.8,.2,1), opacity .45s; }
.mob__stc { position: relative; overflow: hidden; height: 100%; border-radius: 24px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 24px 40px -18px rgba(0,0,0,.8); padding: 18px; display: flex; flex-direction: column; }
.mob__stc .mob__glow { top: -140px; left: -90px; width: 380px; height: 320px; animation: none; }
.mob__stc > *:not(.mob__glow) { position: relative; }
.mob__stk { display: flex; align-items: center; gap: 8px; }
.mob__ping { position: relative; width: 8px; height: 8px; }
.mob__ping i { position: absolute; inset: 0; border-radius: 99px; background: #ff2d78; }
.mob__ping i:first-child { animation: mob-ping 1.6s ease-out infinite; }
.mob__stk em { font-size: 10.5px; font-weight: 600; letter-spacing: .16em; color: #ff6b9a; }
.mob__stk span:last-child { margin-left: auto; font-size: 11px; color: #8a919c; }
.mob__sts { margin-top: 12px; font-size: 12.5px; color: #8a919c; }
.mob__stc h2 { margin: 8px 0 0; font-size: 23px; font-weight: 600; line-height: 1.22; letter-spacing: -.02em; text-wrap: balance; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.mob__stf { margin-top: auto; display: flex; align-items: flex-end; gap: 12px; padding-top: 10px; }
.mob__stf > .mob__coinp { margin-right: auto; }
.mob__coinp { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px 0 4px; border-radius: 99px; background: rgba(0,0,0,.32); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); font-size: 13px; font-weight: 500; white-space: nowrap; }
.mob__coinp.sm { gap: 5px; height: 22px; padding: 0 8px 0 3px; background: #1b1e23; box-shadow: none; font-size: 11.5px; color: #eceef1; }
.mob__stline svg path { filter: drop-shadow(0 0 5px currentColor); stroke-width: 2; }
.mob__swipe { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: -4px; font-size: 12px; color: #7c8490; }
.mob__mood { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 14px; align-items: center; padding: 14px; border-radius: 20px; }
.mob__dial { text-align: center; }
.mob__dial svg { display: block; overflow: visible; }
.mob__dial b { display: block; margin-top: 4px; font-size: 18px; font-weight: 500; }
.mob__dial small { display: block; font-size: 11px; color: #8a919c; }
.mob__moodr { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.mob__moodr > b { font-size: 13px; font-weight: 600; }
.mob__moodr p { display: flex; justify-content: space-between; font-size: 12px; }
.mob__moodr p span { color: #8a919c; }
.mob__moodr u { display: block; height: 4px; margin-top: 5px; border-radius: 99px; background: #1f2329; overflow: hidden; }
.mob__moodr u span { display: block; height: 100%; border-radius: 99px; transform-origin: left; }
.mob__h [data-mob-coinclear] { font-size: 12px; color: #7c8490; }
.mob__h [data-mob-coinclear].on { color: #ff6b9a; cursor: pointer; }
.mob__tcs { display: flex; gap: 8px; overflow-x: auto; margin: -4px -16px 0; padding: 4px 16px; }
.mob .mob__tc { position: relative; flex: none; width: 92px; padding: 12px 10px 10px; border-radius: 18px; background: #14161a; box-shadow: inset 0 0 0 1px #1f2329; transition: all .2s; }
.mob .mob__tc.is-on { background: #1f2329; box-shadow: inset 0 0 0 1.5px #fff; }
.mob__tc em { position: absolute; top: 8px; right: 8px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 99px; display: grid; place-items: center; font-size: 10.5px; font-weight: 600; background: rgba(255,45,120,.16); color: #ff6b9a; }
.mob__tc b { display: block; margin-top: 10px; font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mob__tc i { display: block; margin-top: 2px; font-size: 12px; }
.mob__fg { position: sticky; top: -4px; z-index: 2; display: flex; align-items: center; gap: 8px; margin: 0 -16px -4px; padding: 10px 16px; background: rgba(13,15,18,.9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.mob__fg b { font-size: 13px; font-weight: 600; }
.mob__fg span { font-size: 11px; color: #7c8490; }
.mob__fi { border-radius: 18px; background: #14161a; box-shadow: inset 0 0 0 1px #1c1f24; transition: background .2s, box-shadow .2s; }
.mob__fi.is-open { background: #171a1f; box-shadow: inset 0 0 0 1px #2c3139; }
.mob .mob__fi > button { width: 100%; display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 12px; padding: 14px; }
.mob__dot { margin-top: 7px; width: 9px; height: 9px; border-radius: 99px; background: #ff2d78; box-shadow: 0 0 10px rgba(255,45,120,.8); }
.mob__fi.is-read .mob__dot { background: #2a2f36; box-shadow: none; }
.mob__fi > button > div { min-width: 0; }
.mob__fi > button b { display: block; font-size: 15px; font-weight: 500; line-height: 1.38; color: #eceef1; text-wrap: pretty; }
.mob__fi.is-read > button b { font-weight: 400; color: #a1a8b3; }
.mob__fi > button p { display: flex; align-items: center; gap: 8px; margin-top: 8px; flex-wrap: wrap; font-size: 12px; color: #7c8490; }
.mob__fi > button p em { font-size: 11px; font-weight: 500; padding: 1px 7px; border-radius: 5px; background: rgba(47,212,155,.1); color: #2fd49b; white-space: nowrap; }
.mob__fa { display: flex; gap: 8px; padding: 0 14px 14px 36px; }
.mob__fa a, .mob .mob__fa button { flex: 1; height: 38px; display: grid; place-items: center; border-radius: 12px; font-size: 13px; font-weight: 600; white-space: nowrap; }
.mob__fa a { background: #eceef1; color: #0d0f12; }
.mob .mob__fa button { background: rgba(47,212,155,.14); color: #2fd49b; }

/* ---- macro */
.mob__fed { border-radius: 22px; padding: 18px; }
.mob__fed .mob__glow { animation-duration: 14s; }
.mob__kick { font-size: 10.5px; font-weight: 600; letter-spacing: .16em; }
.mob__fedh { margin-top: 12px; font-size: 26px; font-weight: 600; letter-spacing: -.025em; }
.mob__path { display: flex; align-items: baseline; gap: 10px; margin-top: 8px; }
.mob__path span { font-size: 20px; }
.mob__path span:nth-child(3) { text-shadow: 0 0 20px rgba(242,85,111,.5); }
.mob__path i { color: #7c8490; }
.mob__path em { font-family: 'Geist', sans-serif; font-size: 12px; color: #8a919c; }
.mob__cd { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 18px; }
.mob__cd > div { padding: 10px 0 8px; border-radius: 12px; background: rgba(13,15,18,.6); box-shadow: inset 0 0 0 1px rgba(255,255,255,.07); text-align: center; }
.mob__cd b { display: block; font-size: 20px; font-weight: 500; font-variant-numeric: tabular-nums; }
.mob__cd small { display: block; margin-top: 2px; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #7c8490; }
.mob__to { margin-top: 8px; font-size: 12px; color: #8a919c; }
.mob__odds { display: flex; height: 34px; gap: 3px; margin-top: 14px; border-radius: 11px; overflow: hidden; }
.mob__odds > div { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 0 10px; transform-origin: left; font-size: 12px; white-space: nowrap; overflow: hidden; }
.mob__odds > div:first-child { padding: 0 12px; font-size: 12.5px; }
.mob__odds span { overflow: hidden; text-overflow: ellipsis; }
.mob__odds b { font-weight: 600; }
.mob__grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mob__gauge { padding: 14px; }
.mob__gauge svg { display: block; overflow: visible; }
.mob__gauge small { display: block; margin-top: 8px; font-size: 11.5px; color: #8a919c; }
.mob__gauge p { display: flex; align-items: baseline; gap: 6px; margin-top: 3px; }
.mob__gauge p b { font-size: 18px; font-weight: 500; }
.mob__gauge p span { font-size: 11px; font-weight: 500; }
.mob__rel { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 16px; }
.mob__rel > div:first-child { text-align: center; }
.mob__rel > div:first-child small { display: block; font-size: 11px; color: #7c8490; }
.mob__rel > div:first-child b { display: block; font-size: 15px; font-weight: 500; }
.mob__rel > div:nth-child(2) { min-width: 0; }
.mob__rel > div:nth-child(2) b { display: block; font-size: 14px; font-weight: 500; }
.mob__rel > div:nth-child(2) span { display: block; margin-top: 3px; font-size: 12px; color: #8a919c; }
.mob__rel em { font-size: 13px; font-weight: 500; }

/* ---- whales */
.mob__whc { border-radius: 22px; padding: 18px; }
.mob__badge { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 99px; font-size: 12px; font-weight: 600; }
.mob__whc > small, .mob__fund > small { display: block; margin-top: 14px; font-size: 12.5px; color: #8a919c; }
.mob__big { margin-top: 4px; font-size: 38px; font-weight: 500; letter-spacing: -.03em; }
.mob__whc > p { margin-top: 4px; font-size: 13px; color: #a1a8b3; }
.mob__streak { display: grid; gap: 2px; margin-top: 14px; }
.mob__streak span { height: 22px; border-radius: 3px; transform-origin: bottom; }
.mob__split { padding: 14px 16px; }
.mob__split > div:first-child { display: flex; justify-content: space-between; font-size: 13px; }
.mob__split > div:first-child b { font-weight: 600; }
.mob__split > div:first-child span { color: #7c8490; }
.mob__sb { display: flex; gap: 3px; height: 10px; margin-top: 12px; }
.mob__sb span { border-radius: 3px; transform-origin: left; }
.mob__sl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; margin-top: 12px; }
.mob__sl p { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.mob__sl i { width: 8px; height: 8px; border-radius: 2px; }
.mob__sl b { font-weight: 600; }
.mob__sl em { margin-left: auto; }
.mob__wms { display: flex; flex-direction: column; gap: 2px; }
.mob__wm { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 4px; }
.mob__wm > span { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font-size: 14px; font-weight: 600; background: #1b1e23; color: #c3c8cf; }
.mob__wm > div { min-width: 0; }
.mob__wm b { display: block; font-size: 14.5px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mob__wm p { display: flex; align-items: center; gap: 6px; margin-top: 3px; font-size: 12px; color: #8a919c; white-space: nowrap; }
.mob__wm p i { width: 7px; height: 7px; border-radius: 2px; }
.mob__wm em { font-size: 15px; font-weight: 500; }

/* ---- funding */
.mob__fund { border-radius: 22px; padding: 18px; }
.mob__fund > small { margin-top: 0; }
.mob__fund .mob__big { margin-top: 6px; font-size: 40px; letter-spacing: -.035em; }
.mob__fund > p { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 12.5px; color: #8a919c; }
.mob__fund > p em { font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 6px; }
.mob__qs { display: flex; align-items: flex-end; gap: 5px; height: 70px; margin-top: 18px; }
.mob__qs span { flex: 1; border-radius: 4px 4px 2px 2px; transform-origin: bottom; }
.mob__rds { display: flex; flex-direction: column; gap: 10px; }
.mob__rd { padding: 14px; cursor: pointer; }
.mob__acc { position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 0 3px 3px 0; }
.mob__rdh { display: flex; align-items: center; gap: 10px; }
.mob__rdh > span { position: relative; flex: none; width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; overflow: hidden; font-weight: 600; background: #1f2329; }
.mob__rdh > span img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #1f2329; }
.mob__rdh > div { flex: 1; min-width: 0; }
.mob__rdh > div b { display: block; font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mob__rdh > div p { display: flex; gap: 6px; margin-top: 3px; }
.mob__rdh > div em { font-size: 11px; padding: 1px 7px; border-radius: 5px; background: #1f2329; color: #c3c8cf; white-space: nowrap; }
.mob__rdh strong { flex: none; font-size: 17px; font-weight: 500; }
.mob__rdh strong.nd { font-family: 'Geist', sans-serif; font-size: 12.5px; color: #7c8490; }
.mob__rdd { margin: 10px 0 0; font-size: 13px; line-height: 1.5; color: #9aa1ab; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mob__rd.is-open .mob__rdd { -webkit-line-clamp: 30; }
.mob__rdf { display: flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 12px; color: #a1a8b3; min-width: 0; }
.mob__rdf em { flex: none; font-size: 9.5px; font-weight: 700; letter-spacing: .06em; padding: 2px 5px; border-radius: 4px; background: #ff2d78; color: #fff; }
.mob__rdf span { margin-left: auto; flex: none; color: #7c8490; }

@media (prefers-reduced-motion: reduce) {
  .mob__glow, .mob__scan i, .mob__badge i, .mob__ping i { animation: none !important; }
}