/* Coin + collection detail pages (/coin/<mint>[/<tab>], explore.html) in the shared design system
   (0.1.0-dev.51). Loaded after the board's own stylesheet: it re-points the board's palette variables at
   the --m-* tokens (mk-shell.css) and lays the page out art-first: a 58% stage with the art and recently
   minted works, a 42% column with identity, market summary, Mint and Trade, and the tabs below (Collection,
   Market = the chart, Trades, Holders, Top traders, Info). */
body.fl-mkshell{
  --bg:var(--m-bg);--bg-2:var(--m-bg-2);--surface:var(--m-surface);--card:var(--m-surface);--card-2:var(--m-surface-2);
  --line:var(--m-line);--line-strong:var(--m-line-2);--fg:var(--m-text);--text:var(--m-text);--text2:var(--m-text-2);--mut:var(--m-text-2);--mut-2:var(--m-mute);--text3:var(--m-mute);
  --green:var(--m-up);--red:var(--m-down);--brand:var(--m-accent);--brand2:var(--m-accent-2);--grad:var(--m-accent);--grad-btn:var(--m-accent);--fl-ink:var(--m-on-accent);
  --brand-soft:color-mix(in srgb,var(--m-accent) 12%,transparent);--brand-glow:transparent;
  --num:var(--m-font);--display:var(--m-font);--sans:var(--m-font);
  background:var(--m-bg)!important;color:var(--m-text);font-family:var(--m-font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased
}
body.fl-mkshell::before{display:none!important}
body.fl-mkshell #view{max-width:var(--m-max);margin:0 auto;padding:24px var(--m-gut) 0!important}
.fl-dv .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:var(--m-r-pill);border:1px solid var(--m-line-2);background:transparent;color:var(--m-text-2);font:500 13.5px var(--m-font)}
.fl-dv .btn:hover{border-color:var(--m-line-3);color:var(--m-text)}
.fl-dv .btn.cta,.fl-dv .fl-mc-btn{background:var(--m-accent)!important;color:var(--m-on-accent)!important;border:0!important;border-radius:var(--m-r-pill)!important;min-height:48px;font:500 15px var(--m-font)!important;filter:none!important}
.fl-dv .btn.cta:hover,.fl-dv .fl-mc-btn:hover{background:var(--m-accent-2)!important}
.fl-dv .kbc-tdtop{margin:0 0 24px}

/* split: stage + column */
.fl-dv-split{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:clamp(24px,3.6vw,64px);align-items:start}
.fl-dv-stage{position:sticky;top:calc(var(--m-hdr-h) + 20px);min-width:0}
.fl-dv-art{position:relative;margin:0;width:min(100%,calc(100vh - var(--m-hdr-h) - 150px));aspect-ratio:1/1;border-radius:var(--m-r-lg);overflow:hidden;background:var(--m-art-bg);display:grid;place-items:center}
.fl-dv-art img{width:100%;height:100%;object-fit:cover;display:block}
.fl-dv-noart{font:300 64px var(--m-font);color:var(--m-faint)}
.fl-dv-art figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:14px;background:rgba(10,12,11,.66);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#F7F4EE;font-size:14px}
.fl-dv-art figcaption[hidden]{display:none}
.fl-dv-art figcaption b{font-weight:500}
.fl-dv-art figcaption a{color:var(--m-mint);text-decoration:none;font-size:13.5px}
.fl-dv-thumbs{display:flex;gap:8px;margin:12px 0 0;width:min(100%,calc(100vh - var(--m-hdr-h) - 150px));overflow-x:auto;scrollbar-width:none}
.fl-dv-thumbs[hidden]{display:none}
.fl-dv-thumbs::-webkit-scrollbar{display:none}
.fl-dv-thumbs button{flex:0 0 56px;width:56px;height:56px;padding:0;border-radius:10px;overflow:hidden;border:1px solid var(--m-line);background:var(--m-art-bg);cursor:pointer;opacity:.7;transition:opacity var(--m-t-hover) var(--m-ease),border-color var(--m-t-hover) var(--m-ease)}
.fl-dv-thumbs button:hover{opacity:1}
.fl-dv-thumbs button.on{opacity:1;border-color:var(--m-text)}
.fl-dv-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.fl-dv-col{min-width:0;display:flex;flex-direction:column;gap:16px}

/* identity */
.fl-dv .kbc-thead2{gap:16px;align-items:flex-start;flex-wrap:nowrap}
.fl-dv .kbc-tavatar{width:52px;height:52px;border-radius:12px;object-fit:cover;background:var(--m-surface-2)}
.fl-dv .kbc-th-nm{font:300 clamp(30px,3vw,44px)/1.08 var(--m-font)!important;letter-spacing:-.025em;gap:10px;color:var(--m-text)}
.fl-dv .kbc-th-sym{font:500 16px var(--m-font);color:var(--m-accent-text);letter-spacing:0}
.fl-dv .tok-tag{font:500 11.5px var(--m-font)!important;letter-spacing:.01em!important;text-transform:none!important;padding:4px 10px!important;border-radius:var(--m-r-pill)!important;border:1px solid var(--m-line-2)!important;background:transparent!important;color:var(--m-text-2)!important}
.fl-dv .kbc-th-ca{font:400 13px var(--m-font);color:var(--m-mute);gap:14px;margin-top:10px}
.fl-dv .kbc-th-ca a,.fl-dv .kbc-th-ca .copy{color:var(--m-text-2);text-decoration:none}
.fl-dv .kbc-th-ca a:hover,.fl-dv .kbc-th-ca .copy:hover{color:var(--m-text)}
.fl-dv .kbc-copyi{font:500 10.5px var(--m-font);text-transform:none;letter-spacing:0;border-color:var(--m-line-2)}
.fl-dv .kbc-th-by{margin-top:8px;color:var(--m-mute);font-size:14px}
.fl-dv .kbc-th-by a{color:var(--m-text-2)}
.fl-dv .starbtn2{font-size:20px;color:var(--m-faint);background:none;border:0;cursor:pointer;min-width:44px;min-height:44px}
.fl-dv .starbtn2.on{color:var(--m-accent)}

/* market summary: a quiet 2 x 2 */
.fl-dv .kbc-tstrip{grid-template-columns:1fr 1fr;margin:0;border-radius:var(--m-r-md);background:var(--m-line);border-color:var(--m-line)}
.fl-dv .kbc-tcell{background:var(--m-surface);padding:14px 16px;gap:4px}
.fl-dv .kbc-tl{font:400 12.5px var(--m-font);text-transform:none;letter-spacing:0;color:var(--m-mute)}
.fl-dv .kbc-tv{font:400 20px var(--m-font);color:var(--m-text)}
.fl-dv .kbc-tsub{font:500 12.5px var(--m-font)}
.fl-dv .kbc-ts-mcrow{flex-direction:row;align-items:baseline;gap:8px}

/* side cards: mint, trade, fee split */
.fl-dv .kbc-tside{gap:16px}
.fl-dv .kbc-tside-card{border-radius:var(--m-r-md);padding:20px;border-color:var(--m-line);background:var(--m-surface)}
.fl-dv .kbc-tsc-h{font:500 14px var(--m-font);color:var(--m-text);margin-bottom:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fl-dv .kbc-kvrow{font-size:13.5px;padding:9px 0;border-bottom-color:var(--m-line);color:var(--m-mute)}
.fl-dv .kbc-kvrow b{font:500 13.5px var(--m-font);color:var(--m-text)}
.fl-dv .kbc-tseg{background:var(--m-surface-2);border-radius:var(--m-r-pill);padding:4px}
.fl-dv .kbc-tseg button{border-radius:var(--m-r-pill);font:500 14px var(--m-font);min-height:38px}
.fl-dv .kbc-tseg button.on{background:var(--m-accent);color:var(--m-on-accent)}
.fl-dv .kbc-tseg button.on.sell{background:var(--m-down);color:#0A0C0B}
.fl-dv .kbc-tamt{border-radius:12px;background:var(--m-bg);border-color:var(--m-line-2);padding:12px 14px}
.fl-dv .kbc-tamt input,.fl-dv .kbc-tslip input{font-family:var(--m-font)!important}
.fl-dv .kbc-tchip{border-radius:var(--m-r-pill);font:500 12.5px var(--m-font);min-height:34px;background:transparent;border-color:var(--m-line-2)}
.fl-dv .kbc-tslip input{border-radius:8px;background:var(--m-bg)}
.fl-dv .fl-lockchip,.fl-dv .fl-soonchip{font:500 11.5px var(--m-font)!important;text-transform:none!important;letter-spacing:0!important;border-radius:var(--m-r-pill)!important}

/* the views below the split */
.fl-dv-views{margin-top:72px;min-width:0}
.fl-dv .kbc-tdtabs,.fl-dv .ttabs{display:flex;gap:28px;border-bottom:1px solid var(--m-line);margin:0 0 20px;padding:0;background:none;border-radius:0;overflow-x:auto;scrollbar-width:none}
.fl-dv .ttab{position:relative;background:none!important;border:0!important;border-radius:0!important;padding:12px 0 14px!important;min-height:44px;font:400 15px var(--m-font)!important;color:var(--m-mute)!important;cursor:pointer;white-space:nowrap;box-shadow:none!important}
.fl-dv .ttab:hover{color:var(--m-text)!important}
.fl-dv .ttab.on{color:var(--m-text)!important}
.fl-dv .ttab.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--m-text)!important}
.fl-dv .ttab .cnt{font:500 11.5px var(--m-font);color:var(--m-mute);margin-left:4px}
.fl-dv-market[hidden],#cpanel[hidden]{display:none!important}
.fl-dv .kbc-tchart{border-radius:var(--m-r-md);background:var(--m-surface);border-color:var(--m-line);padding:16px}
.fl-dv .kbc-tchart .tchart-hd,.fl-dv .kbc-tchart .tchart-sym{font-family:var(--m-font)}
.fl-dv .kbc-tflag{font:400 12px var(--m-font)}
.fl-dv #chart{height:540px}
.fl-dv .kbc-tpanel{border-radius:var(--m-r-md);background:var(--m-surface);border-color:var(--m-line)}
.fl-dv .kbc-dtab th{font:500 12px var(--m-font);text-transform:none;letter-spacing:0;color:var(--m-mute);padding:12px 14px}
.fl-dv .kbc-dtab td{font-size:13.5px;padding:12px 14px;border-bottom-color:var(--m-line)}
.fl-dv .mono{font-family:var(--m-font)!important}
.fl-dv .empty{color:var(--m-mute);font-size:15px;padding:40px 16px;text-align:center}

@media (max-width:1023px){
  .fl-dv-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
  .fl-dv-art,.fl-dv-thumbs{width:100%}
}
@media (max-width:760px){
  body.fl-mkshell #view{padding-top:12px!important}
  .fl-dv .kbc-tdtop{margin-bottom:14px}
  .fl-dv-split{grid-template-columns:minmax(0,1fr);gap:20px}
  .fl-dv-stage{position:static}
  .fl-dv-art{border-radius:var(--m-r-md)}
  .fl-dv .kbc-th-nm{font-size:30px!important}
  .fl-dv .kbc-tavatar{width:44px;height:44px}
  .fl-dv .kbc-tstrip{display:grid!important;grid-template-columns:1fr 1fr!important}
  .fl-dv .kbc-tstrip .kbc-tcell{align-items:flex-start!important;text-align:left!important;padding:12px 14px!important;border-left:0!important}
  .fl-dv .kbc-tstrip .kbc-tcell .kbc-tl{font-size:12px!important}
  .fl-dv .kbc-tstrip .kbc-tcell .kbc-tv{font-size:17px!important}
  .fl-dv .kbc-tstrip .kbc-ts-mcap .kbc-ts-mcrow{justify-content:flex-start!important}
  .fl-dv-views{margin-top:40px}
  .fl-dv .kbc-tdtabs,.fl-dv .ttabs{gap:22px;margin-left:calc(-1 * var(--m-gut));margin-right:calc(-1 * var(--m-gut));padding:0 var(--m-gut)}
  .fl-dv #chart{height:380px}
  .fl-dv .kbc-tside{background:var(--m-bg);border-top-color:var(--m-line-2);padding:8px 16px 12px}
  .fl-dv .kbc-tside.pt-collapsed .pt-sheet-hd .pt-sheet-lbl,.fl-dv .pt-mint{background:var(--m-accent)!important;color:var(--m-on-accent)!important;border-radius:var(--m-r-pill)!important;font:500 16px var(--m-font)!important}
}
@media (max-width:760px){.fl-dv .pt-mint{font-size:14px!important;line-height:1.2!important;padding:0 12px!important}.fl-dv .kbc-tside.pt-collapsed .pt-sheet-bar.two .pt-sheet-hd .pt-sheet-lbl{background:transparent!important;color:var(--m-text)!important;box-shadow:inset 0 0 0 1px var(--m-line-3)}}

/* ── 0.1.0-dev.62: coin header + Market | Collection, the chart as the Market stage ───────────── */
.fl-dv-head{margin:0 0 20px}
.fl-dv-head .kbc-thead2{align-items:center}
.fl-dv-switch{display:inline-flex;gap:4px;padding:4px;margin:0 0 24px;border-radius:var(--m-r-pill);background:var(--m-surface-2);border:1px solid var(--m-line)}
.fl-dv-switch button{min-height:40px;min-width:120px;padding:0 22px;border:0;border-radius:var(--m-r-pill);background:transparent;color:var(--m-mute);font:500 14.5px var(--m-font);cursor:pointer;transition:background-color var(--m-t-hover) var(--m-ease),color var(--m-t-hover) var(--m-ease)}
.fl-dv-switch button:hover{color:var(--m-text)}
.fl-dv-switch button[aria-selected="true"]{background:var(--m-bg);color:var(--m-text);box-shadow:0 1px 0 var(--m-line-2),0 4px 14px rgba(0,0,0,.12)}
.fl-dv-split{grid-template-columns:minmax(0,62fr) minmax(0,38fr)!important;grid-template-areas:"stage col" "views col";align-items:start}
.fl-dv-stage{grid-area:stage;position:static!important}
.fl-dv-col{grid-area:col;position:sticky;top:calc(var(--m-hdr-h) + 16px)}
.fl-dv-split>.fl-dv-views{grid-area:views;margin-top:28px}
.fl-dv-artwrap[hidden],.fl-mintcard[hidden],#ctabs[hidden]{display:none!important}
.fl-dv-art{width:100%!important;aspect-ratio:1/1;max-height:calc(100vh - var(--m-hdr-h) - 120px)}
.fl-dv-art img{opacity:0;transition:opacity var(--m-t-reveal) var(--m-ease)}
.fl-dv-art.ld img{opacity:1}
.fl-dv-art:not(.ld){background:linear-gradient(100deg,var(--m-surface-2) 40%,var(--m-surface-3) 50%,var(--m-surface-2) 60%) 0 0/300% 100%;animation:mkSk 1.4s linear infinite}
.fl-dv-art:has(.mk-img-gone){display:none}
@keyframes mkSk{to{background-position:-150% 0}}
.fl-dv-thumbs{width:100%!important}
.fl-mintcard .fl-mc-top{display:flex;gap:14px;align-items:center}
.fl-mc-cover{width:64px;height:64px;flex:0 0 64px;border-radius:12px;object-fit:cover;background:var(--m-art-bg)}
.fl-mc-cover.mk-img-gone{display:none}
.fl-mintcard .kbc-tsc-h{margin-bottom:4px!important}
.fl-mintcard .fl-mc-body{display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:var(--m-text-2)}
.fl-mintcard .fl-mc-body b{color:var(--m-text);font-weight:500}
.fl-mintcard .fl-mc-btn{margin-top:14px;width:100%}
.fl-mintcard .fl-mc-btn[aria-busy="true"]{opacity:.7;cursor:progress}
.fl-dv #chart{height:min(560px,calc(100vh - var(--m-hdr-h) - 200px))}
@media (max-width:1023px){.fl-dv-split{grid-template-columns:minmax(0,1fr) minmax(0,320px)!important}}
@media (max-width:760px){
  .fl-dv-head{margin-bottom:14px}
  .fl-dv-switch{position:sticky;top:calc(var(--m-hdr-h) + env(safe-area-inset-top,0px));z-index:20;display:flex;margin:0 calc(-1 * var(--m-gut)) 16px;padding:8px var(--m-gut);border-radius:0;border-width:0 0 1px;background:var(--m-bg)}
  .fl-dv-switch button{flex:1;min-width:0;border:1px solid var(--m-line-2)}
  .fl-dv-switch button[aria-selected="true"]{background:var(--m-text);color:var(--m-bg);border-color:var(--m-text);box-shadow:none}
  .fl-dv-split{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"stage" "col" "views"}
  .fl-dv-col{position:static}
  .fl-dv #chart{height:360px}
  .fl-dv-art{max-height:none}
}

/* ── 0.1.0-dev.65: phone bottom bar. Two equal 48px pills inside the 16px gutters, Mint filled, Trade
   outlined; one full-width Trade when there is nothing to mint. ─────────────────────────────── */
@media (max-width:760px){
  .fl-dv .kbc-tside.pt-collapsed{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))!important}
  .fl-dv .kbc-tside.pt-collapsed .pt-sheet-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:center}
  .fl-dv .kbc-tside.pt-collapsed .pt-sheet-bar.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .fl-dv .kbc-tside.pt-collapsed .pt-sheet-hd{padding:0!important;display:block;min-width:0}
  .fl-dv .kbc-tside.pt-collapsed .pt-sheet-hd .pt-sheet-lbl,.fl-dv .kbc-tside.pt-collapsed .pt-mint{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;width:100%;height:48px!important;min-height:48px!important;margin:0!important;padding:0 16px!important;border-radius:var(--m-r-pill)!important;font:500 15px/1 var(--m-font)!important;letter-spacing:0!important;white-space:nowrap}
  .fl-dv .kbc-tside.pt-collapsed .pt-mint{background:var(--m-accent)!important;color:var(--m-on-accent)!important;border:0!important}
  .fl-dv .kbc-tside.pt-collapsed .pt-sheet-bar.two .pt-sheet-hd .pt-sheet-lbl{background:transparent!important;color:var(--m-text)!important;box-shadow:inset 0 0 0 1px var(--m-line-3)!important}
}

/* ── 0.1.0-dev.73: compact phone coin page (operator: "shrink the collection info up top"). One header row:
   Back, avatar, name + $TICKER, star, share, details toggle; links and "by" fold away. The art stage is a
   55vw crop (tap for full screen), the thumbnails a snap row ending in See all, and the collection card
   comes right after. ─────────────────────────────────────────────────────────────────────────────── */
.fl-ph{display:none}
.fl-dv-all{display:none}
.fl-lb{position:fixed;inset:0;z-index:9500;background:rgba(4,6,5,.92);display:grid;place-items:center;padding:16px}
.fl-lb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}
.fl-lb-x{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:12px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(247,244,238,.14);color:#F7F4EE;font-size:24px;cursor:pointer}
@media (max-width:600px){
  .fl-dv .kbc-tdtop{display:none!important}
  .fl-dv-head{margin:6px 0 10px}
  .fl-dv-head .kbc-thead2{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:8px!important}
  .fl-ph{display:inline-grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--m-text);cursor:pointer}
  .fl-ph svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .fl-ph-back{margin-left:-10px}
  .fl-ph-more svg{transition:transform var(--m-t-hover) var(--m-ease)}
  .fl-dv-head.open .fl-ph-more svg{transform:rotate(180deg)}
  .fl-dv-head .fl-avwrap{flex:0 0 40px}
  .fl-dv-head .kbc-tavatar{width:40px!important;height:40px!important;border-radius:10px!important}
  .fl-dv-head .fl-avbadge{width:18px!important;height:18px!important;right:-4px!important;bottom:-4px!important}
  .fl-dv-head .kbc-th-id{flex:1 1 auto;min-width:0}
  .fl-dv-head .kbc-th-nm{font-size:19px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}
  .fl-dv-head .kbc-th-sym{font-size:13px!important}
  .fl-dv-head .tok-tag{display:none}
  .fl-dv-head .starbtn2{flex:0 0 40px;width:40px;height:40px;margin:0!important;font-size:18px}
  .fl-dv-head:not(.open) .kbc-th-ca,.fl-dv-head:not(.open) .kbc-th-by{display:none!important}
  .fl-dv-head.open .kbc-thead2{align-items:flex-start}
  .fl-dv-head.open .kbc-thead2>button,.fl-dv-head.open .fl-avwrap{margin-top:2px}
  .fl-dv-head.open .kbc-th-ca{flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:13px}
  .fl-dv-switch{margin-bottom:12px!important;padding-top:6px!important;padding-bottom:6px!important}
  .fl-dv-switch button{min-height:38px!important}
  /* Collection view: art crop, thumbnails, then the collection card */
  .fl-dv-art{height:55vw!important;aspect-ratio:auto!important;cursor:zoom-in;border-radius:16px!important}
  .fl-dv-thumbs{gap:8px;margin-top:10px;scroll-snap-type:x mandatory;padding-bottom:2px}
  .fl-dv-thumbs button,.fl-dv-all{flex:0 0 64px!important;width:64px!important;height:64px!important;scroll-snap-align:start;opacity:1!important}
  .fl-dv-all{display:grid;place-content:center;justify-items:center;gap:1px;border-radius:10px;border:1px dashed var(--m-line-3);color:var(--m-text-2);text-decoration:none;font-size:11.5px}
  .fl-dv-all b{font-size:14px;color:var(--m-text);font-weight:500}
  .fl-dv-collection .kbc-tstrip{display:none!important}
  .fl-dv-collection .fl-dv-split>.fl-dv-views{margin-top:14px!important}
  .fl-dv-collection .fl-cbanner{display:none}
  .fl-dv-collection .fl-cpanel.has-banner .fl-chd{margin-top:0!important}
  .fl-dv-collection .fl-chd .fl-cimg{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:10px!important;margin:0!important;border-width:1px!important;box-shadow:none!important}
  .fl-dv-collection .fl-cpanel.has-banner{padding-top:14px!important}
  .fl-dv-collection .fl-cpanel.has-banner .fl-chd{align-items:center!important}
  .fl-dv-collection .fl-cpanel.has-banner .fl-cid{padding-top:0!important}
  .fl-dv-collection .fl-dv-split{row-gap:0!important}
  .fl-dv-collection .fl-dv-col{margin:0!important;padding:0!important;gap:0!important}
  .fl-dv-collection .fl-cname{font-size:18px!important}
  .fl-dv-collection .fl-count-n{font-size:30px!important}
}