/* ═══════════════════════════════════════════════════════════════
   phone.css — the phone screens of their own (round 23, js/ui-phone.js),
   loaded after mobile.css. Sizes after the reference app the owner sent:
   44 px logos and rows of 58, names 15.5, prices 16, second lines 13.5,
   the feed's posts with 34 px faces and the coin's line at 16.
   ═══════════════════════════════════════════════════════════════ */
.ps-bar{display:none}

@media (hover:none) and (pointer:coarse) and (max-width:760px), (hover:none) and (pointer:coarse) and (max-height:500px){

  /* ───────────── rows both screens use ───────────── */
  .ph-tr,.ph-cl{display:flex;align-items:center;gap:6px;min-width:0}
  .ph-tr > .mh-row,.ph-cl > .mh-row{flex:1;min-width:0}
  .ph-cl > button.mh-row{width:100%;font:inherit;text-align:left;background:none;border:0}
  .ph-tr .buddy{display:block;border-radius:50%}
  .ph-trk{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:var(--brand);transition:background .15s,color .15s,transform .15s}
  .ph-trk.on{color:var(--up);background:var(--card-2)}
  .ph-trk:active{transform:scale(.9)}
  .ph-pop{animation:ph-pop .45s var(--spring-bouncy, var(--spring))}
  .ph-join{flex-shrink:0;height:34px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:650;color:#fff;background:var(--brand);transition:transform .12s}
  .ph-join:active{transform:scale(.94)}
  .ph-you{flex-shrink:0;padding:0 8px;font-size:13px;font-weight:600;color:var(--mute)}
  .ph-rk{flex-shrink:0;width:18px;font-size:13px;font-weight:700;text-align:center;color:var(--mute);font-variant-numeric:tabular-nums}
  .ph-local{font-style:normal;font-size:11px;font-weight:500;color:var(--mute)}
  .ph-cl .mh-m b{display:flex;align-items:center;gap:6px}
  .ph-cl .ctag{flex-shrink:0}
  .ph-open{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:8px 6px;border-radius:14px;font:inherit;text-align:left;color:var(--text);background:none;border:0}
  .ph-open:active{background:var(--card-2)}
  .ph-open > .ic:first-child{flex-shrink:0;width:44px;height:44px;padding:12px;border-radius:50%;color:var(--brand-text);background:var(--brand-soft)}
  .ph-open > span{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;font-size:15.5px}
  .ph-open small{font-size:13px;color:var(--mute)}
  .ph-open > .ic:last-child{flex-shrink:0;color:var(--mute)}

  /* ───────────── Home, sized like the reference ───────────── */
  .mh-bal{font-size:28px;letter-spacing:-.025em}
  .mh-bal[data-len="l"]{font-size:25px}
  .mh-bal[data-len="xl"]{font-size:22px}
  .mh-row{min-height:58px;gap:12px}
  .mh-row .av,.mh-row .cl{width:44px;height:44px;font-size:15px}
  .mh-row .av-wrap .chain{width:16px;height:16px}
  .mh-m b{font-size:15.5px}
  .mh-m > span{font-size:13.5px}
  .mh-r b{font-size:16px;font-weight:550}
  .mh-r span{font-size:13px}
  .mh-tc{width:146px;gap:9px;padding:11px 12px}
  .mh-tcu b{font-size:13.5px}
  .mh-tcp b{font-size:16px}
  .mh-tcp .cl,.mh-tci{width:24px;height:24px}
  .mh-tip{display:none}                                   /* the reference keeps the list to itself: the chip says what it is */

  /* ───────────── #/search ───────────── */
  .ph-search{padding:0 14px 92px}
  .ps-chips{position:sticky;top:0;z-index:5;display:flex;gap:7px;margin:0 -14px;padding:10px 14px;overflow-x:auto;scrollbar-width:none;background:var(--bg)}
  .ps-chips::-webkit-scrollbar{display:none}
  .ps-chip{flex-shrink:0;height:28px;padding:0 11px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--text-2);background:transparent;border:1px solid var(--line-2);transition:background .15s,color .15s,border-color .15s}
  .ps-chip.on{color:var(--text);background:var(--card-2);border-color:var(--card-2)}
  .ps-sec{margin-top:8px}
  .ps-sh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 2px 2px}
  .ps-sh h2{margin:0;font:600 16px/1.2 var(--display);color:var(--text-2)}
  .ps-sh .lnk{padding:6px 0;font-size:13.5px;font-weight:600;background:none;border:0}
  .ps-empty{display:flex;flex-direction:column;align-items:center;gap:7px;padding:56px 16px;text-align:center;font-size:13.5px;color:var(--mute)}
  .ps-empty b{font-size:15.5px;color:var(--text)}
  .ps-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;font-size:13px;color:var(--mute)}
  /* the field: glass, at the bottom above the tab bar; above the keyboard while you type (--kb-h, js/ui-mobile.js) */
  .ps-bar{position:fixed;z-index:39;left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));bottom:calc(var(--foot-h) + 12px);
    display:flex;align-items:center;gap:8px;height:50px;padding:0 7px 0 15px;border-radius:25px;
    background:linear-gradient(180deg,rgba(44,46,58,.62),rgba(22,23,30,.7));backdrop-filter:blur(22px) saturate(190%);-webkit-backdrop-filter:blur(22px) saturate(190%);
    border:1px solid rgba(255,255,255,.11);box-shadow:0 14px 32px -10px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08)}
  html.kb .ps-bar{bottom:calc(var(--kb-h, 0px) + 8px)}
  .ps-ic{display:grid;place-items:center;color:var(--mute)}
  .ps-in{flex:1;min-width:0;height:100%;padding:0;font-size:16px;color:var(--text);background:none;border:0;outline:0}
  .ps-in::placeholder{color:var(--faint)}
  .ps-x{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--text-2);background:rgba(255,255,255,.09)}
  .ps-paste{height:34px;padding:0 14px;border-radius:17px;font-size:13.5px;font-weight:650;color:var(--text);background:rgba(255,255,255,.1)}
  .ps-x[hidden],.ps-paste[hidden]{display:none}

  /* ───────────── #/clans ───────────── */
  .ph-clans{min-height:100%}
  .ph-clans.chat{display:flex;flex-direction:column;height:100%;min-height:0}
  html.kb .ph-clans.chat{padding-bottom:var(--kb-h, 0px)}
  /* Chat | Clan, like the reference's Global | Following */
  .pc-top{position:sticky;top:0;z-index:6;flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:52px;padding:0 6px 0 14px;
    background:var(--bg);border-bottom:1px solid var(--line)}
  .pc-id{display:flex;align-items:center;gap:8px;min-width:0;justify-self:start;color:var(--text)}
  .pc-idt{display:flex;flex-direction:column;min-width:0;line-height:1.2}
  .pc-idt b{font-size:14px;font-weight:700;letter-spacing:.03em;color:var(--cc, var(--text))}
  .pc-idt small{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--mute);white-space:nowrap}
  .pc-dot{width:6px;height:6px;border-radius:50%;background:var(--up);box-shadow:0 0 0 3px var(--up-soft)}
  .pc-tabs{display:flex;gap:28px;height:100%}
  .pc-tabs a{position:relative;display:flex;align-items:center;font-size:16px;font-weight:600;color:var(--mute);transition:color .15s}
  .pc-tabs a[aria-current=page]{color:var(--text)}
  .pc-tabs a[aria-current=page]::after{content:"";position:absolute;left:-14px;right:-14px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--brand)}
  .pc-more{justify-self:end;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--text-2)}
  .pc-more:active{background:var(--card-2)}
  .pc-sample{flex:none;display:flex;align-items:center;gap:9px;padding:7px 14px;font-size:12px;line-height:1.35;color:var(--text-2);background:color-mix(in srgb,var(--warn) 8%,var(--bg));border-bottom:1px solid var(--line)}
  .pc-sample b{flex-shrink:0;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--warn)}
  .pc-sample span{flex:1;min-width:0}
  .pc-sample button{flex-shrink:0;height:28px;padding:0 11px;border-radius:8px;font-size:12px;font-weight:600;color:var(--text);background:var(--card-2)}
  .join .pc-sample{margin:10px -14px 0;border-top:1px solid var(--line)}
  .pc-room{flex:1;min-height:0;display:flex;flex-direction:column}
  .pc-room > .rm-state{margin:auto}
  .ph-clans .hq-t,.ph-clans .pc-page .hq-new{display:none}     /* the clan's page under Chat | Clan: no second title, no Start */
  .ph-clans .pc-page .hq-prev:not(.hq-move){display:none}      /* the sample's label is the strip above (moving a browser clan stays) */
  .ph-clans .pc-page .hq-page{padding-top:10px}

  /* the room as a feed: a post per trade, call or message, edge to edge between hairlines */
  .room.feed{flex:1;height:auto;min-height:0}
  .room.feed .rm-list{padding:0 0 10px}
  .room.feed .rm-day{padding:14px 14px 2px}
  .room.feed .rm-m{grid-template-columns:34px minmax(0,1fr);gap:0 11px;padding:13px 14px;border-radius:0;border-top:1px solid var(--line);transition:background .15s}
  .room.feed .rm-m.same{padding-top:0;border-top:0}
  .room.feed .rm-day + .rm-m{border-top:0}
  .room.feed .rm-m:hover{background:none}
  .room.feed .rm-m.mention{background:color-mix(in srgb,var(--brand) 7%,transparent)}
  .room.feed .rm-h{align-items:center;flex-wrap:wrap;gap:3px 7px;min-height:22px}
  .room.feed .rm-n{font-size:15px;font-weight:650}
  .room.feed .rm-av .mono-av{border-radius:50%}
  .room.feed .rm-h time{font-size:13px;color:var(--faint)}
  .room.feed .rf-v{font-size:15px;color:var(--mute)}
  .room.feed .rf-side{display:inline-flex;align-items:center;height:21px;padding:0 7px;border-radius:5px;font-size:12.5px;font-weight:650;letter-spacing:.01em}
  .room.feed .rf-side.up{color:var(--up);background:var(--up-soft)}
  .room.feed .rf-side.down{color:var(--down);background:var(--down-soft)}
  .room.feed .rf-side.flat{color:var(--text-2);background:var(--card-2)}
  .room.feed .rm-tr{display:block;margin-top:8px;font-size:16px}
  .room.feed .rm-tr::before{display:none}
  .room.feed .rf-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;min-width:0}
  .room.feed .rf-tok{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--text)}
  .room.feed .rf-tok .av{width:30px;height:30px;font-size:12px;border-radius:50%}
  .room.feed .rf-tok .av img{border-radius:50%}
  .room.feed .rf-tok b{font-size:16px;font-weight:650;text-decoration:underline dotted var(--faint);text-decoration-thickness:1.5px;text-underline-offset:5px}
  .room.feed .rf-amt,.room.feed .rf-px{font-size:16px;font-weight:550;color:var(--text);font-variant-numeric:tabular-nums}
  .room.feed .rf-at{font-size:16px;color:var(--mute)}
  .room.feed .rf-line .rm-ape{margin-left:auto}
  .room.feed .rm-ape{height:30px;padding:0 11px;border-radius:9px;font-size:13px}
  .room.feed .rm-ok,.room.feed .rm-paper,.room.feed .rm-unchk,.room.feed .rm-when{font-size:11.5px}
  .room.feed .rm-txt{margin-top:4px;font-size:15.5px;line-height:1.45}
  .room.feed .rm-txt.sm{margin-top:7px;font-size:14.5px;color:var(--text-2)}
  .room.feed .rm-ref{margin-top:6px;font-size:12.5px}
  .room.feed .rm-call,.room.feed .rm-pnl,.room.feed .rm-wal{margin-top:9px;max-width:none}
  .room.feed .rc-k{display:none}                           /* "called" is already beside the name */
  .room.feed .rf-act{margin-top:9px}
  .room.feed .rm-rx{margin-top:8px}
  .room.feed .rx-c{height:28px;padding:0 9px;font-size:13px}
  .room.feed .rm-sys{padding:10px 14px;font-size:12.5px}
  /* a post's tools show once you tap it */
  .room.feed .rm-x{display:none}
  .room.feed .rm-m.rm-sel{background:var(--hover)}
  .room.feed .rm-m.rm-sel .rm-x{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:0}
  .room.feed .rm-m.rm-sel .rm-tool,.room.feed .rm-m.rm-sel .rm-del{opacity:1;width:42px;height:36px;border-radius:11px;color:var(--text-2);background:var(--card-2)}
  .room.feed .rm-m.rm-sel .rm-tool.on{color:var(--brand-text)}
  .room.feed .rm-m.rm-sel .rm-del.sure{color:var(--down);background:var(--down-soft)}
  .room.feed .rm-top{padding:8px 14px;background:var(--bg)}
  .room.feed .rm-new{bottom:74px;height:32px;padding:0 14px;font-size:13px}
  .room.feed .rm-empty{padding:48px 22px}
  /* the message box: a rounded field at the bottom, like the reference's */
  .room.feed .rm-comp{flex:none;align-items:flex-end;gap:6px;padding:8px 10px;border-top:1px solid var(--line);background:var(--bg)}
  .room.feed .rm-in{height:42px;min-height:42px;padding:10px 15px;border-radius:21px;font-size:16px;line-height:1.35;background:var(--card);border-color:var(--line-2)}
  .room.feed .rm-ibtn{width:40px;height:42px;border-radius:21px;background:transparent;border-color:transparent}
  .room.feed .rm-cbtn{height:42px;padding:0 12px;border-radius:21px}
  .room.feed .rm-cbtn span{display:none}
  .room.feed .rm-send{width:42px;height:42px;border-radius:50%}

  /* not in a clan: Clans, with search, start, the season's top clans and why to join */
  .ph-clans.join{padding:0 14px 26px}
  .pj-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:16px 2px 0}
  .pj-head h1{margin:0;font:700 26px/1.1 var(--display);letter-spacing:-.02em}
  .pj-s{font-size:12.5px;color:var(--mute);white-space:nowrap}
  .pj-s b{font-weight:600;color:var(--text-2)}
  .pj-lede{margin:7px 2px 14px;font-size:14.5px;line-height:1.45;color:var(--text-2)}
  .pj-find{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:14px;color:var(--mute);background:var(--card);border:1px solid var(--line-2)}
  .pj-find:focus-within{border-color:var(--brand-line);box-shadow:0 0 0 3px var(--brand-soft)}
  .pj-in{flex:1;min-width:0;height:100%;padding:0;font-size:16px;color:var(--text);background:none;border:0;outline:0}
  .pj-in::placeholder{color:var(--faint)}
  .pj-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
  .pj-acts .btn{justify-content:center;height:46px;border-radius:13px;font-size:15px}
  .pj-note{display:flex;gap:8px;margin:12px 2px 0;font-size:12.5px;line-height:1.45;color:var(--mute)}
  .pj-note .ic{flex-shrink:0;margin-top:2px}
  .pj-sec{margin-top:24px}
  .pj-sh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 4px}
  .pj-sh h2{margin:0;font:650 16px/1.2 var(--display)}
  .pj-sh .lnk{font-size:13.5px;font-weight:600}
  .pj-list{display:flex;flex-direction:column}
  .pj-shim{height:58px;margin:4px 0;border-radius:14px}
  .pj-none{margin:0;padding:18px 4px;font-size:13.5px;color:var(--mute)}
  .pj-why{margin-top:26px;padding:6px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
  .pj-why h2{margin:12px 0 4px;font:650 15px/1.2 var(--display)}
  .pj-w{display:flex;gap:12px;padding:11px 0}
  .pj-w + .pj-w{border-top:1px solid var(--line)}
  .pj-w > .ic{flex-shrink:0;margin-top:2px;color:var(--brand-text)}
  .pj-w span{display:flex;flex-direction:column;gap:3px}
  .pj-w b{font-size:14.5px;font-weight:600}
  .pj-w small{font-size:13px;line-height:1.45;color:var(--mute)}

  /* the clan's options: a sheet of actions */
  .pa-sheet .sheet-b{padding:4px 8px 16px}
  .pa-list{display:flex;flex-direction:column}
  .pa-i{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:8px 10px;border-radius:12px;font:inherit;text-align:left;color:var(--text);background:none;border:0}
  .pa-i:active{background:var(--card-2)}
  .pa-i > .ic{flex-shrink:0;color:var(--text-2)}
  .pa-i span{display:flex;flex-direction:column;gap:2px;min-width:0}
  .pa-i b{font-size:15.5px;font-weight:600}
  .pa-i small{font-size:12.5px;color:var(--mute)}
  .pa-i.danger,.pa-i.danger > .ic{color:var(--down)}
  .pa-h{margin:12px 10px 7px;font-size:11.5px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}
  .pa-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 6px 8px}
  .pa-seg button{height:40px;border-radius:11px;font-size:13px;font-weight:600;color:var(--text-2);background:var(--card);border:1px solid var(--line-2)}
  .pa-seg button[aria-pressed=true]{color:var(--text);background:var(--brand-soft);border-color:var(--brand-line)}

  /* ───────────── a token and a perp, laid out for a phone (round 24, js/ui-token.js → phoneLayout) ───────────── */
  .tp.tkp{gap:12px;padding:0 14px 84px;max-width:none}
  .tkp-top{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:10px;min-height:56px;margin:0 -14px;padding:6px 8px 6px 4px;background:var(--bg)}
  .tkp-back{flex-shrink:0;display:grid;place-items:center;width:40px;height:44px;color:var(--text);background:none;border:0}
  .tkp-back:active{opacity:.6}
  .tkp-top .av-wrap{flex-shrink:0}
  .tkp-top .av{width:38px;height:38px;border-radius:50%;font-size:14px}
  .tkp-top .av-wrap .chain{width:15px;height:15px}
  .tkp-id{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
  .tkp-id b{display:flex;align-items:center;gap:6px;font-size:17px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tkp-id > span{font-size:12.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tkp-acts{flex-shrink:0;display:flex;align-items:center;margin-left:auto}
  .tkp-acts .star,.tkp-more{display:grid;place-items:center;width:38px;height:40px;color:var(--text-2);background:none;border:0}
  .tkp-acts .star .ic{width:19px;height:19px}
  .tkp-acts .star.on{color:var(--warn)}
  .tkp-acts .star.bell.on{color:var(--brand-text)}
  .tkp-mkt{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0;font:inherit;text-align:left;color:var(--text);background:none;border:0}
  .tkp-mkt .tkp-id b .ic{color:var(--mute)}
  .tkp-lev{font-style:normal;font-size:11.5px;font-weight:650;padding:2px 6px;border-radius:6px;color:var(--brand-text);background:var(--brand-soft)}
  .tkp-px{display:flex;flex-direction:column;gap:5px;padding:0 2px}
  .tkp-p{font:700 34px/1.08 var(--display);letter-spacing:-.025em;font-variant-numeric:tabular-nums}
  .tkp-c{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;font-variant-numeric:tabular-nums}
  .tkp-cd{font-weight:500;color:var(--mute)}
  .tkp-chips{display:flex;gap:8px;margin:8px -14px 0;padding:0 14px;overflow-x:auto;scrollbar-width:none}
  .tkp-chips::-webkit-scrollbar{display:none}
  .tkp-chip{flex-shrink:0;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line)}
  .tkp-chip small{font-size:11.5px;color:var(--mute);white-space:nowrap}
  .tkp-chip b{font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
  /* the chart, the screen's width, its timeframes under it */
  .tkp-chart.chartbox{margin:0 -14px;border:0;border-radius:0;background:none;overflow:visible}
  .tkp .chart{flex:none;height:300px}
  .tkp .chart-bar{order:2;flex-wrap:nowrap;gap:8px;padding:10px 14px 0;border:0}
  .tkp .chart .note{left:14px;top:6px}
  .tkp .tk-ohlc{font-size:11px}
  .tkp-tfs{display:flex;flex:1;justify-content:space-between;gap:2px;padding:3px;border-radius:12px;background:var(--card)}
  .tkp-tfs button{flex:1;height:32px;min-width:0;padding:0;border-radius:9px;font-size:13px;font-weight:600;color:var(--mute)}
  .tkp-tfs button[aria-pressed=true]{color:var(--text);background:var(--card-2)}
  .tkp-unit{flex-shrink:0;display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--card)}
  .tkp-unit button{height:32px;padding:0 10px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--mute)}
  .tkp-unit button[aria-pressed=true]{color:var(--text);background:var(--card-2)}
  /* the sections: cards with a title */
  .tkp-sec{padding:14px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
  .tkp-sec[hidden],.tkp-sec.hide{display:none}
  .tkp-sec h4,.tkp .tk-info h4,.tkp .tk-about h4,.tkp .tk-news h4,.tkp .tk-mine h4{margin:0 0 12px;font:650 15.5px/1.2 var(--display);letter-spacing:-.005em;color:var(--text)}
  .tkp .box{padding:14px;border-radius:16px}
  .tkp-kvg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
  .tkp-kvg > div{display:flex;flex-direction:column;gap:3px;min-width:0}
  .tkp-kvg span{font-size:12.5px;color:var(--mute)}
  .tkp-kvg b{font-size:16px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tkp-stats .chg-grid button{min-height:52px}
  /* trades, a line each */
  .tkp-tabs{display:flex;gap:4px;margin:-4px -4px 8px;overflow-x:auto;scrollbar-width:none}
  .tkp-tabs::-webkit-scrollbar{display:none}
  .tkp-tabs button{flex-shrink:0;height:34px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--mute)}
  .tkp-tabs button[aria-pressed=true],.tkp-tabs button[aria-selected=true]{color:var(--text);background:var(--card-2)}
  .tkp-act .tabbody{max-height:none;overflow-x:auto;overflow-y:visible}
  .tkp-trades{display:flex;flex-direction:column}
  .tkp-tr{display:flex;align-items:center;gap:12px;min-height:54px;padding:6px 0;border-top:1px solid var(--line)}
  .tkp-tr:first-child{border-top:0}
  .tkp-ts{flex-shrink:0;width:42px;font-size:13.5px;font-weight:650}
  .tkp-tm{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
  .tkp-tm b{font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}
  .tkp-tm span{font-size:12.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tkp-tw{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:12.5px}
  .tkp-tw .tk-mk{color:var(--text-2)}
  /* a perp: your position and orders here, the book */
  .tkp-ord{display:flex;align-items:center;gap:12px;min-height:54px;padding:6px 0;border-top:1px solid var(--line)}
  .tkp-ok,.tkp-ov{display:flex;flex-direction:column;gap:2px;min-width:0}
  .tkp-ok{flex:1}
  .tkp-ok b,.tkp-ov b{font-size:14.5px;font-weight:650}
  .tkp-ok span,.tkp-ov span{font-size:12.5px}
  .tkp-ov{align-items:flex-end}
  .tkp-book .pt-mid{max-height:420px;overflow:hidden}
  /* Buy and Sell, Long and Short: over the page, above the tab bar */
  .tkp-bar{position:fixed;left:12px;right:12px;bottom:calc(var(--foot-h) + 10px);z-index:39;display:flex;gap:10px;padding:8px;border-radius:20px;
    background:rgba(18,19,25,.82);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 34px -10px rgba(0,0,0,.8)}
  .tkp-bar:empty{display:none}
  .tkp-b{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:48px;border-radius:14px;font-size:16.5px;font-weight:700;letter-spacing:.005em;transition:transform .12s}
  .tkp-b:active{transform:scale(.97)}
  .tkp-b.buy,.tkp-b.long{color:#04130b;background:var(--up)}
  .tkp-b.sell,.tkp-b.short{color:#fff;background:var(--down)}
  html.kb .tkp-bar{display:none}
  html.tkp-on .toasts{bottom:calc(var(--foot-h) + 84px)}
  /* the order card's sheet, over everything: the page (where the sheet lives) rises above the header and the tab bar while it's up */
  html.tkp-open .view{z-index:55}
  .tkp-sheet{position:fixed;inset:0;z-index:58;display:flex;flex-direction:column;justify-content:flex-end}
  .tkp-sheet[hidden]{display:none}
  .tkp-shb{position:absolute;inset:0;background:rgba(3,4,6,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .16s ease-out}
  .sheet.tkp-shp{padding-bottom:calc(env(safe-area-inset-bottom) + var(--kb-h, 0px))}
  .tkp-sheet.out .tkp-shp{transform:translateY(100%);transition:transform .22s var(--ease)}
  .tkp-sheet.out .tkp-shb{opacity:0;transition:opacity .2s}
  .tkp-shbd{padding:12px 14px 18px}
  .tkp-card.tk-card,.tkp-card.pt-order{padding:0;border:0;background:none}
  .tkp-note{margin-top:12px}
  .tkp-note .notice{font-size:12.5px}
  /* the markets: a sheet from a perp's top bar, and #/perps on a phone */
  .tkp-mk .sheet-b{padding:10px 10px 16px}
  .tkp-mks{display:flex;align-items:center;gap:10px;height:46px;margin:0 4px 8px;padding:0 14px;border-radius:14px;color:var(--mute);background:var(--card-2)}
  .tkp-mks input{flex:1;min-width:0;padding:0;font-size:16px;color:var(--text);background:none;border:0;outline:0}
  .tkp-mr{width:100%;font:inherit;text-align:left;color:var(--text);background:none;border:0;border-radius:12px}
  .tkp-mr.cur{background:var(--brand-soft)}
  .tkp-mka{display:block;padding:14px 0 4px;text-align:center;font-size:14px;font-weight:600}
  .tkp-none,.pmk-none{margin:0;padding:18px 4px;font-size:14px;color:var(--mute)}
  /* ───────────── Trenches, laid out for a phone (round 24, js/ui-discover.js → phoneHeadHtml, paintTokPhone) ───────────── */
  .disc.dph{height:auto;min-height:100%;padding:0 14px 20px}
  .disc.dph .dhead.dph-head{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:12px;margin:0 0 6px;padding:12px 0 0}
  .dph-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .dph-top h1{margin:0;font:700 26px/1.1 var(--display);letter-spacing:-.02em}
  .dph-qbp{display:flex;align-items:center;gap:5px;height:36px;padding:0 12px;border-radius:12px;font-size:14px;font-weight:650;color:var(--text);background:var(--card);border:1px solid var(--line-2)}
  .dph-qbp .ic{color:var(--warn)}
  .dph-qbp:active{transform:scale(.96)}
  .disc.dph .dtabs.dph-tabs{display:flex;gap:8px;width:auto;margin:0 -14px;padding:0 14px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:none;mask-image:none}
  .disc.dph .dtabs.dph-tabs::-webkit-scrollbar{display:none}
  .disc.dph .dph-tabs .dph-chip{flex-shrink:0;display:flex;align-items:center;gap:5px;height:34px;padding:0 14px;border-radius:99px;font-size:14px;font-weight:600;color:var(--text-2);background:var(--card);border:1px solid var(--line)}
  .disc.dph .dph-tabs .dph-chip[aria-pressed=true]{color:var(--bg);background:var(--text);border-color:var(--text)}
  .disc.dph .dph-tabs .dph-chip[aria-pressed=true] .ic{color:var(--bg)}
  .dph-chip .dlive{margin-right:2px}
  .disc.dph .dtools.dph-tools{display:flex;align-items:center;gap:8px;width:auto;flex-wrap:nowrap}
  .disc.dph .dtools.dph-tools.hide{display:none}
  .disc.dph .dph-tfs{display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--card)}
  .disc.dph .dph-tfs button{height:30px;min-width:40px;padding:0 8px;border-radius:9px;font-size:13px;font-weight:600;color:var(--mute)}
  .disc.dph .dph-tfs button[aria-pressed=true]{color:var(--text);background:var(--card-2)}
  .dph-chain{display:flex;align-items:center;gap:6px;min-width:0;height:36px;margin-left:auto;padding:0 10px;border-radius:12px;font-size:13.5px;font-weight:600;color:var(--text-2);background:var(--card)}
  .dph-chain > span{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden}
  .dph-chain .chain{width:16px;height:16px;flex-shrink:0}
  .dph-chain > .ic{flex-shrink:0;color:var(--mute)}
  .disc.dph .dph-tools .icon-btn{flex-shrink:0;width:36px;height:36px;border-radius:12px;background:var(--card)}
  .disc.dph .dph-tools .icon-btn.hide{display:none}
  .disc.dph .thead{display:none}                                       /* (a phone's rows have no columns to head) */
  .disc.dph .dbody{flex:none;gap:0}
  .disc.dph .tcard{border:0;border-radius:0;background:none;overflow:visible}
  .disc.dph .tscroll{overflow:visible}
  .disc.dph .tfoot{padding:12px 2px 4px;border:0;font-size:12.5px}
  .disc.dph .tfoot .tf-r{display:none}
  .disc.dph .dmsg{margin-top:10px}
  /* a coin a row: its logo, ticker, age and market cap; its price and move; ⚡ */
  .disc.dph .tbody .trow.dph-row{display:flex;align-items:center;gap:12px;min-height:62px;padding:8px 4px;border-bottom:0;border-radius:14px}
  .disc.dph .tbody .trow.dph-row::before{display:none}
  .disc.dph .tbody .trow.dph-row:active{background:var(--card)}
  .dph-row .av-wrap{flex-shrink:0}
  .dph-row .av-wrap .av{width:44px;height:44px;border-radius:50%;font-size:15px}
  .dph-row .av-wrap .chain{width:16px;height:16px}
  .dph-m{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
  .dph-s{display:flex;align-items:center;gap:6px;min-width:0;font-size:15.5px;font-weight:650}
  .dph-sym{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dph-held{flex-shrink:0;font-style:normal;color:var(--brand-text)}
  .dph-l2{font-size:13px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dph-l2 .age{font-weight:600;color:var(--up)}
  .dph-r{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
  .dph-p{font-size:15.5px;font-weight:650;font-variant-numeric:tabular-nums}
  .dph-c{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
  .dph-a{flex-shrink:0}
  .dph-a:empty{display:none}
  .dph-qb{display:flex;align-items:center;gap:3px;height:36px;padding:0 10px;border-radius:11px;font-size:13px;font-weight:650;color:var(--brand-text);background:var(--brand-soft);border:1px solid var(--brand-line);transition:transform .12s}
  .dph-qb:active{transform:scale(.93)}
  .dph-row.skrow{cursor:default}
  .dph-sk-av{flex-shrink:0;width:44px;height:44px;border-radius:50%}
  .dph-sk-r{flex-shrink:0;width:64px;height:30px;border-radius:9px}
  .dph-row .sk-a,.dph-row .sk-b{display:block;height:12px;border-radius:6px}
  /* the quick-buy sheet */
  .dph-qbt{display:flex;gap:8px;margin:0 0 12px;font-size:13.5px;line-height:1.45;color:var(--mute)}
  .dph-qbt .ic{flex-shrink:0;margin-top:2px;color:var(--warn)}
  .dph-qbf{display:flex;align-items:center;height:52px;padding:0 14px;border-radius:14px}
  .dph-qbf input{flex:1;min-width:0;font-size:22px;font-weight:650;background:none;border:0;outline:0;color:var(--text)}
  .dph-qbf .unit{font-size:20px;color:var(--mute);margin-right:4px}
  .dph-qba{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
  .dph-qba button,.dph-qbp3 button{height:42px;border-radius:12px;font-size:14.5px;font-weight:650;color:var(--text-2);background:var(--card-2);border:1px solid var(--line-2)}
  .dph-qba button[aria-pressed=true],.dph-qbp3 button[aria-pressed=true]{color:var(--text);background:var(--brand-soft);border-color:var(--brand-line)}
  .dph-qbh{margin:16px 2px 8px;font-size:13px;font-weight:650;color:var(--text-2)}
  .dph-qbh small{font-weight:500;color:var(--mute)}
  .dph-qbp3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .dph-sheet .dfl{padding:2px 2px 6px}

  .pmk{padding:10px 14px 28px}
  .pmk-head{display:flex;flex-direction:column;gap:3px;margin:2px 2px 14px}
  .pmk-head h1{margin:0;font:700 26px/1.1 var(--display);letter-spacing:-.02em}
  .pmk-head span{font-size:13.5px;color:var(--mute)}
  .pmk-find{margin-bottom:14px}
  .pmk-pos{margin-bottom:12px}
  .pmk-chips{margin-bottom:6px}
}
@keyframes ph-pop{40%{transform:scale(1.18)}}
@media (prefers-reduced-motion:reduce){ .ph-pop{animation:none} }