.mp-material{display:flex;flex:0 0 auto;gap:2px;min-height:42px;padding:3px;margin-right:6px;border-radius:14px}
.mp-toolbar>.commodity-display-controls{grid-column:1/-1}
.mp-material button{padding:8px 13px;font-size:.8rem;white-space:nowrap}
html[data-stock-material="glass"] .mp-map{background:#000;box-shadow:inset 0 0 0 1px #ffffff30}
html[data-stock-material="glass"] .mp-map-backdrop{display:none}
html[data-stock-material="glass"] .mp-card{border:0;border-radius:50%;overflow:hidden;contain:layout paint style;color:#fff;background:radial-gradient(ellipse at 23% 15%,#ffffff99 0,transparent 12%),radial-gradient(ellipse at 78% 16%,#ffffff70 0,transparent 10%),radial-gradient(circle at 50% 43%,#050908 45%,#101914 64%,#8d9991 82%,#050807 89%,#d2d9d5 96%,#222 100%);box-shadow:inset 1px 1px 3px #fff9,inset -1px -2px 4px #ddd8}
html[data-stock-material="glass"] .mp-card-symbol{top:13%;left:12%;right:12%;font-style:normal;z-index:1}
html[data-stock-material="glass"] .mp-card-icon{top:30%;left:24%;width:52%;height:43%;box-shadow:none;background:transparent;z-index:1}
html[data-stock-material="glass"] .mp-card-change{bottom:12%;left:9%;right:9%;z-index:1}
html[data-stock-material="glass"] .mp-card .mp-market-flag img{transform:none}
.mp-glass-art{display:none}
html[data-stock-material="glass"] .mp-card[data-glass-art="true"]{background:#000;box-shadow:none}
html[data-stock-material="glass"] .mp-card[data-glass-art="true"]>.mp-card-symbol,
html[data-stock-material="glass"] .mp-card[data-glass-art="true"]>.mp-card-icon,
html[data-stock-material="glass"] .mp-card[data-glass-art="true"]>.mp-card-change{visibility:hidden}
html[data-stock-material="glass"] .mp-card[data-glass-art="true"] .mp-glass-art{display:block;position:absolute;inset:0;overflow:hidden;border-radius:50%;pointer-events:none}
.mp-glass-art>img{position:absolute;left:-6.8%;top:-4.55%;width:113.6%;height:113.6%;max-width:none;object-fit:contain}
.mp-glass-art{isolation:isolate;background:#000}
/* Screen removes the pure black matte without eroding white title strokes. */
.mp-glass-art>.mp-glass-content{z-index:1;mix-blend-mode:screen}
/* Restore source alignment for the two matte extractions placed slightly low. */
.mp-card[data-glass-instrument="nasdaq"] .mp-glass-content{transform:translateY(-3%)}
.mp-card[data-glass-instrument="jp_hitachi"] .mp-glass-content{transform:translateY(-2%)}
.mp-glass-art>canvas{position:absolute;left:14%;top:68%;width:72%;height:auto;z-index:2}
/* Clip only the fragmented outermost pixels, then join the natural meniscus.
   The transparent middle preserves all approved lettering and internal caustics. */
html[data-stock-material="glass"] .mp-card[data-glass-art="true"] .mp-glass-art{clip-path:circle(49% at 50% 50%)}
.mp-glass-art::after{content:"";position:absolute;inset:1%;border:.75px solid rgba(225,246,237,.85);border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,.45),0 0 1px rgba(255,255,255,.2);pointer-events:none;z-index:3}
.mp-card[data-glass-direction="flat"] .mp-glass-art>img,
.mp-card[data-glass-direction="pending"] .mp-glass-art>img{filter:grayscale(1)}
html[data-stock-material="glass"] .mp-card:focus-visible{outline:2px solid #fff;outline-offset:2px}
html[data-stock-material="glass"] .mp-loading{background:#000b;color:#fff}
html[data-stock-material="glass"] .mp-empty{background:#000;color:#eee}
@media(max-width:430px){.mp-material{min-height:36px;margin-right:0;border-radius:11px}.mp-material button{padding:7px 9px;font-size:.72rem}.commodity-display-controls{column-gap:6px!important}}

/* Complete US artwork already includes its logo; render once to avoid screen brightening. */
.mp-card[data-glass-format="full"] .mp-glass-content{display:none}

/* Tall crop illustrations leave the lower bowl for the live percentage. */
.mp-card[data-glass-instrument="corn"] .mp-glass-art>canvas,.mp-card[data-glass-instrument="wheat"] .mp-glass-art>canvas,.mp-card[data-glass-instrument="allcountry"] .mp-glass-art>canvas{left:18%;top:75%;width:64%}