.zd-market-nav{position:fixed;left:0;right:0;top:0;z-index:9900;display:flex;justify-content:center;align-items:stretch;height:calc(52px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 14px 0;gap:26px;background:#090a0c;border-bottom:1px solid #30343c;color:#f4f1ea}.zd-market-nav button{position:relative;min-width:98px;min-height:44px;border:0;background:transparent;color:#a9a59d;font:600 14px/1.3 inherit;cursor:pointer}.zd-market-nav button[aria-pressed="true"]{color:#d6ad66}.zd-market-nav button[aria-pressed="true"]:after{content:'';position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:3px;background:#d6ad66}body.zd-has-market-nav{padding-top:calc(var(--zd-base-body-top,0px) + var(--zd-market-nav-height,52px))!important}body.zd-has-market-nav .zd-market-offset{top:var(--zd-market-nav-height,52px)!important}.zd-market-pane{position:fixed;inset:var(--zd-market-nav-height,52px) 0 0;z-index:9800;overflow:auto;overscroll-behavior:contain;background:#090a0c;color:#f4f1ea;padding:24px 16px calc(30px + env(safe-area-inset-bottom,0px))}.zd-market-pane[hidden]{display:none!important}.zd-market-view{max-width:960px;margin:0 auto;color:#f4f1ea}.zd-market-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.zd-market-head h1,.zd-market-head h2{font-size:24px;margin:5px 0}.zd-market-kicker{font-size:11px;letter-spacing:1px;color:#d6ad66}.zd-market-reload{min-height:44px;border:1px solid #62583f;border-radius:9px;padding:8px 14px;background:#26231c;color:#d6ad66;cursor:pointer}.zd-market-source,.zd-market-note{font-size:12px;color:#a9a59d;line-height:1.8;margin:8px 0 18px}.zd-market-games{display:flex;gap:8px;margin:16px 0}.zd-market-games button{flex:1;min-height:44px;border:1px solid #30343c;border-radius:10px;background:#15171c;color:#a9a59d;font:inherit;font-size:14px;cursor:pointer}.zd-market-games button[aria-pressed="true"]{color:#d6ad66;border-color:#d6ad66;background:#26231c}.zd-market-selector{display:block;color:#a9a59d;font-size:12px;line-height:1.6}.zd-market-selector select{display:block;box-sizing:border-box;width:100%;margin:8px 0 18px;min-height:46px;padding:10px;border:1px solid #30343c;border-radius:10px;background:#15171c;color:#f4f1ea;color-scheme:dark;font:inherit;font-size:14px}.zd-market-card{padding:20px;border:1px solid #30343c;border-radius:14px;background:#15171c;min-width:0}.zd-market-price{font-size:34px;color:#d6ad66;display:block;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.zd-market-price small{font-size:12px;font-weight:400;color:#a9a59d}.zd-market-effective{color:#a9a59d;font-size:12px;margin:8px 0 16px}.zd-market-chart svg{display:block;width:100%;height:auto;max-height:290px}.zd-market-chart .grid{stroke:#30343c;stroke-width:1}.zd-market-chart .line{stroke:#d6ad66;stroke-width:2.5;fill:none}.zd-market-chart circle{fill:#d6ad66;stroke:#15171c;stroke-width:2}.zd-market-chart text{fill:#a9a59d;font:11px sans-serif}.zd-market-history h3{font-size:15px;margin:22px 0 10px}.zd-market-history-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-top:1px solid #30343c;font-size:12px;line-height:1.6}.zd-market-history-row strong{color:#f4f1ea;font-weight:600}.zd-market-history-row span{color:#a9a59d}.zd-market-history-row b{color:#d6ad66;font-weight:600;text-align:right}.zd-market-error{padding:16px;border:1px solid #743e3a;border-radius:10px;background:#291719;color:#f1786d;font-size:13px;line-height:1.7}.zd-market-error[hidden]{display:none}.zd-market-state{color:#a9a59d;font-size:12px;line-height:1.7;margin:12px 0 0}@media(min-width:800px){.zd-market-pane{padding-top:36px}.zd-market-card{padding:28px}.zd-market-games{max-width:440px}}@media(prefers-reduced-motion:reduce){.zd-market-pane{scroll-behavior:auto}}

/* The current page stays in place in the DOM; only its visual roots move. */
body.zd-has-market-nav{overflow-x:clip}
.zd-market-pane{will-change:transform;contain:paint}
body.zd-has-market-nav .account-page{height:calc(100vh - 82px - var(--zd-market-nav-height,52px));height:calc(100dvh - 82px - var(--zd-market-nav-height,52px))}


.zd-market-spec-status{font-size:12px;color:#d6ad66;margin:0 0 10px}.zd-market-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.zd-market-price-row .zd-market-price{font-size:clamp(27px,8vw,36px);white-space:nowrap}.zd-market-ratio{display:flex;flex-direction:column;gap:3px;flex-shrink:0;line-height:1.2;color:#d6ad66;text-align:right}.zd-market-ratio small{font-size:11px;color:#a9a59d}.zd-market-ratio b{font-size:clamp(18px,5.2vw,22px);white-space:nowrap}.zd-market-chart circle:focus{outline:none;stroke:#fff;stroke-width:3}

.zd-market-chart-frame{margin-top:8px}.zd-market-chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;min-height:44px}.zd-market-fee-mode{font-size:12px;color:#a9a59d}.zd-market-fee-toggle{flex-shrink:0;min-width:76px;min-height:44px;padding:8px 14px;border:1px solid #62583f;border-radius:9px;background:#26231c;color:#d6ad66;font:600 13px/1.3 inherit;cursor:pointer}.zd-market-fee-toggle:hover{border-color:#d6ad66}.zd-market-fee-toggle:focus-visible{outline:2px solid #d6ad66;outline-offset:3px}.zd-market-fee-toggle:disabled{opacity:.5;cursor:wait}.zd-market-card[data-fee-mode="after"] .zd-market-fee-mode{color:#d6ad66}

/* Peer names select a separate Android/no-knife ratio history. */
.zd-market-games button{min-width:0;padding:10px 6px;line-height:1.45;overflow-wrap:anywhere}
.zd-market-primary[hidden],.zd-market-peer-host[hidden],.zd-market-peer-card[hidden]{display:none!important}
.zd-market-peer-card .zd-market-spec-status{font-size:16px;font-weight:600;overflow-wrap:anywhere}
.zd-market-peer-card .zd-market-chart text{font-size:18px}
@media(max-width:380px){.zd-market-games{gap:6px}.zd-market-games button{font-size:12px;padding:10px 4px;white-space:nowrap}}

/* Approved compact week/month/all chart; existing navigation retained. */
    
    .zd-period-market{--p-bg:light-dark(#f5f3ee,#090a0c);--p-panel:light-dark(#fffefa,#15171c);--p-text:light-dark(#292820,#f4f1ea);--p-muted:light-dark(#6b6559,#b4aea2);--p-gold:light-dark(#8a642a,#d6ad66);--p-soft:light-dark(#eee4d2,#26231c);--p-line:light-dark(#ded8cc,#30343c);--p-blank:light-dark(#eeece6,#1c1e23);--p-on-gold:light-dark(#fffefa,#15130f);--p-data:Bahnschrift,"DIN Alternate",Consolas,monospace;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--p-text);color-scheme:light dark;box-sizing:border-box;width:100%}
    .zd-period-market *{box-sizing:border-box}
    .zd-period-market .p-window{background:var(--p-bg);border:1px solid var(--p-line);border-radius:16px;overflow:hidden}
    .zd-period-market .p-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid var(--p-line)}
    .zd-period-market h2{font-size:20px;font-weight:500;margin:0}
    .zd-period-market .p-snapshot{font-size:12px;color:var(--p-muted)}
    .zd-period-market .p-body{padding:20px}
    .zd-period-market button,.zd-period-market input,.zd-period-market select{font:inherit;color:var(--p-text)}
    .zd-period-market button{cursor:pointer;min-height:44px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-panel);padding:8px 14px;touch-action:manipulation;font-size:14px;font-weight:500}
    .zd-period-market button[aria-pressed="true"]{background:var(--p-soft);border-color:var(--p-gold);color:var(--p-gold)}
    .zd-period-market button:disabled{opacity:.4;cursor:default}
    .zd-period-market input,.zd-period-market select{min-width:0;min-height:44px;max-width:100%;border:1px solid var(--p-line);background:var(--p-panel);padding:8px 10px;border-radius:8px;font-size:16px;width:100%}
    .zd-period-market label{display:grid;gap:6px;font-size:12px;color:var(--p-muted)}
    .zd-period-market .p-controls{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:end}
    .zd-period-market .p-select{flex:1 1 240px;max-width:340px}
    .zd-period-market .p-fees{display:flex;gap:5px}
    .zd-period-market .p-fees button{font-size:12px;padding:8px 12px}
    .zd-period-market .p-periods{display:flex;gap:6px;padding:16px 0}
    .zd-period-market .p-periods button{min-width:64px}
    .zd-period-market .p-card{padding:18px;background:var(--p-panel);border:1px solid var(--p-line);border-radius:12px}
    .zd-period-market .p-metric{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
    .zd-period-market .p-metric-label{display:block;color:var(--p-muted);font-size:12px;margin-bottom:6px}
    .zd-period-market .p-metric-value{font-family:var(--p-data);font-size:30px;font-weight:500;letter-spacing:-.6px;white-space:nowrap}
    .zd-period-market .p-metric-unit{font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:12px;font-weight:400;color:var(--p-muted);letter-spacing:0}
    .zd-period-market .p-secondary{text-align:right;font-size:12px;color:var(--p-muted)}
    .zd-period-market .p-secondary strong{font-family:var(--p-data);display:block;margin-top:5px;font-size:19px;font-weight:500;color:var(--p-text)}
    .zd-period-market .p-effective{color:var(--p-muted);font-size:12px;margin-top:9px}
    .zd-period-market .p-range{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center;margin:18px 0 12px}
    .zd-period-market .p-range button{padding:8px 0}
    .zd-period-market .p-range-label{text-align:center;font-size:14px;font-weight:500}
    .zd-period-market .p-range-label small{display:block;color:var(--p-muted);font-weight:400;font-size:12px;margin-top:4px}
    .zd-period-market .p-plot{position:relative;width:100%;min-height:240px}
    .zd-period-market .p-plot svg{display:block;width:100%;overflow:visible}
    .zd-period-market .p-plot svg text{font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:12px;font-weight:400;fill:var(--p-text)}
    .zd-period-market .p-plot .domain,.zd-period-market .p-plot .tick line{stroke:var(--p-line)}
    .zd-period-market .p-tip{position:absolute;pointer-events:none;z-index:3;border:1px solid var(--p-line);background:var(--p-panel);color:var(--p-text);border-radius:7px;font-size:12px;padding:8px 10px;max-width:220px}
    .zd-period-market .p-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--p-muted);margin:6px 0 10px}
    .zd-period-market .p-legend span{display:inline-flex;align-items:center;gap:6px}
    .zd-period-market .p-stroke{display:inline-block;width:20px;height:0;border-top:2px solid var(--p-gold)}
    .zd-period-market .p-stroke.p-dashed{border-top-style:dashed;opacity:.65}
    .zd-period-market .p-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--p-gold)}
    .zd-period-market .p-status{font-size:12px;color:var(--p-muted);margin:8px 0;min-height:18px}
    .zd-period-market .p-bottom{display:flex;gap:12px;justify-content:space-between;align-items:end;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--p-line)}
    .zd-period-market .p-date{width:200px;max-width:100%}
    .zd-period-market .p-asof{font-size:12px;color:var(--p-muted)}
    .zd-period-market .p-records{margin-top:14px;border-top:1px solid var(--p-line);padding-top:14px}
    .zd-period-market summary{cursor:pointer;min-height:36px;font-size:13px;color:var(--p-text);padding-bottom:6px}
    .zd-period-market .p-record-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;margin-bottom:8px}
    .zd-period-market .p-record-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;text-align:left;border-width:0 0 1px;border-radius:0;background:transparent;font-size:12px;font-weight:400;padding:10px 0;min-height:52px}
    .zd-period-market .p-record-row strong{font-family:var(--p-data);font-size:16px;font-weight:500}
    .zd-period-market .p-record-row small{display:block;color:var(--p-muted);font-size:12px;margin-top:4px}
    .zd-period-market .p-record-right{text-align:right}
    .zd-period-market .p-record-row[aria-pressed="true"]{background:var(--p-soft);color:var(--p-text);border-color:var(--p-line)}
    .zd-period-market .p-notes{font-size:12px;color:var(--p-muted);margin-top:14px}
    .zd-period-market .p-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
    .zd-period-market [hidden]{display:none!important}
    .zd-period-market[data-design="b"] .p-card{border:0;padding:4px 0 0;background:transparent;border-radius:0}
    .zd-period-market[data-design="b"] .p-periods{border-bottom:1px solid var(--p-line);margin-bottom:18px;padding-top:14px}
    .zd-period-market[data-design="b"] .p-periods button{border-color:transparent;border-radius:0;background:transparent}
    .zd-period-market[data-design="b"] .p-periods button[aria-pressed="true"]{border-bottom-color:var(--p-gold)}
    .zd-period-market[data-design="b"] .p-metric-value{font-size:40px}
    .zd-period-market[data-design="b"] .p-metric-label{font-size:14px;color:var(--p-text)}
    .zd-period-market[data-design="b"] .p-secondary strong{font-size:21px}
    .zd-period-market[data-design="c"] .p-card{border-radius:8px}
    .zd-period-market[data-design="c"] .p-metric-value{font-size:25px}
    .zd-period-market[data-design="c"] .p-records{border-top:2px solid var(--p-line)}
    @media(max-width:460px){.zd-period-market .p-head{padding:16px}.zd-period-market .p-body{padding:12px}.zd-period-market .p-card{padding:12px}.zd-period-market .p-select{max-width:none;flex-basis:100%}.zd-period-market .p-fees{margin-left:auto}.zd-period-market .p-metric{gap:8px}.zd-period-market .p-metric-value{font-size:26px}.zd-period-market .p-secondary strong{font-size:17px}.zd-period-market[data-design="b"] .p-metric-value{font-size:34px}.zd-period-market .p-range-label{font-size:13px}.zd-period-market .p-range{gap:5px}.zd-period-market .p-record-row{font-size:12px}.zd-period-market .p-record-row strong{font-size:14px}}
  
    .zd-period-market .p-window{border-radius:12px}
    .zd-period-market .p-brand{display:flex;align-items:center;gap:12px}
    .zd-period-market .p-brand-mark{font:500 22px var(--p-data);color:var(--p-gold);padding-right:12px;border-right:1px solid var(--p-line)}
    .zd-period-market .p-review{font-size:12px;color:var(--p-muted);margin:4px 0 0}
    .zd-period-market .p-sources{display:flex;gap:8px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--p-line)}
    .zd-period-market .p-sources button{min-width:112px}
    .zd-period-market .p-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:16px 0}
    .zd-period-market .p-periods{padding:0}
    .zd-period-market .p-modes{display:flex;gap:6px}
    .zd-period-market .p-modes button[aria-pressed="true"]{background:var(--p-gold);color:var(--p-on-gold)}
    .zd-period-market .p-card{padding:22px}
    .zd-period-market .p-chart-tools{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
    .zd-period-market .p-range{flex:1;min-width:220px;margin:0}
    .zd-period-market .p-date{width:180px}
    .zd-period-market .p-chart-caption{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--p-muted);margin-bottom:6px}
    .zd-period-market .p-chart-caption strong{font-weight:500;color:var(--p-text)}
    .zd-period-market .p-plot{min-height:310px}
    .zd-period-market .p-plot svg{overflow:hidden}
    .zd-period-market .p-tip{white-space:pre-line;max-width:230px;line-height:1.65;box-shadow:0 5px 16px #0002}
    .zd-period-market .p-chart-hit{position:absolute;z-index:1;border:0;border-radius:0;min-height:0;padding:0;background:transparent;color:transparent;cursor:crosshair}
    .zd-period-market .p-chart-hit:focus-visible{outline-offset:-2px}
    .zd-period-market .p-legend{margin-bottom:0}
    .zd-period-market button:focus-visible,.zd-period-market select:focus-visible,.zd-period-market input:focus-visible{outline:2px solid var(--p-gold);outline-offset:3px}
    @media(max-width:460px){.zd-period-market .p-head{padding:14px}.zd-period-market .p-body{padding:12px}.zd-period-market .p-card{padding:12px}.zd-period-market .p-toolbar{align-items:stretch;gap:12px}.zd-period-market .p-modes{width:100%}.zd-period-market .p-modes button,.zd-period-market .p-sources button{flex:1}.zd-period-market .p-chart-tools{gap:12px}.zd-period-market .p-date{width:100%}.zd-period-market .p-brand-mark{font-size:20px}.zd-period-market h2{font-size:18px}.zd-period-market .p-snapshot{width:100%}}
  
.zd-period-market{max-width:920px;margin:0 auto;color-scheme:dark}.zd-period-market [hidden]{display:none!important}.zd-period-market .p-live-status{margin:8px 0 12px;font-size:12px;color:var(--p-muted)}.zd-period-market .p-live-status[data-error="true"]{color:#f0a699}.zd-period-market .p-refresh{font-size:12px;min-height:36px;padding:6px 10px}.zd-period-market .p-head-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}@media(max-width:460px){.zd-market-pane{padding:10px 6px 30px}.zd-period-market .p-sources button{min-width:0}}

/* Keep the approved chart controls above Legacy's global !important button theme. */
html .zd-market-pane .zd-period-market button{background:var(--p-panel)!important;color:var(--p-text)!important;border:1px solid var(--p-line)!important;border-radius:8px!important;box-shadow:none!important;text-shadow:none!important}
html .zd-market-pane .zd-period-market button[aria-pressed="true"]{background:var(--p-soft)!important;color:var(--p-gold)!important;border-color:var(--p-gold)!important}
html .zd-market-pane .zd-period-market .p-modes button[aria-pressed="true"]{background:var(--p-gold)!important;color:var(--p-on-gold)!important}
html .zd-market-pane .zd-period-market button.p-chart-hit{background:transparent!important;color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;min-height:0!important}
html .zd-market-pane .zd-period-market input,html .zd-market-pane .zd-period-market select{background:var(--p-panel)!important;color:var(--p-text)!important;-webkit-text-fill-color:var(--p-text)!important;border:1px solid var(--p-line)!important;border-radius:8px!important;box-shadow:none!important}
html .zd-market-pane .zd-period-market button:focus-visible,html .zd-market-pane .zd-period-market input:focus-visible,html .zd-market-pane .zd-period-market select:focus-visible{outline:2px solid var(--p-gold)!important;outline-offset:3px}
html .zd-market-pane .zd-period-market button.p-chart-hit:focus-visible{outline-offset:-2px}

/* Daily values and extrema/latest annotations, scoped to the approved chart. */
.zd-period-market [data-point-label]{font-family:var(--p-data),monospace;font-size:11px;fill:var(--p-gold);font-weight:600}
.zd-period-market [data-label-caption]{font-size:10px;fill:var(--p-text);font-weight:500}
.zd-period-market [data-label-backing]{fill:var(--p-panel);fill-opacity:.94;stroke:none}
.zd-period-market [data-label-leader]{stroke:var(--p-gold);stroke-width:.7;stroke-opacity:.4;pointer-events:none}
.zd-period-market [data-point-annotation]{pointer-events:none}

/* Approved ratio explanation, visible only for the ratio metric. */
.zd-period-market .p-ratio-guide{box-sizing:border-box;margin:10px 0 16px;padding:12px 14px;border:1px solid var(--p-line);border-left:3px solid var(--p-gold);border-radius:6px;background:rgba(214,173,102,.10);line-height:1.65;overflow-wrap:break-word}
.zd-period-market .p-ratio-guide strong{display:block;font-size:16px;font-weight:750;color:var(--p-gold);margin:0 0 4px}
.zd-period-market .p-ratio-guide span{display:block;font-size:12px;font-weight:400;color:var(--p-text)}