.dd-gold{--dma:#D4AF6A;--dma-dim:rgba(212,175,106,0.16);--dma-border:rgba(212,175,106,0.32);--dmg:rgba(212,175,106,0.08)}.dd-silver{--dma:#C0C0C0;--dma-dim:rgba(216,216,216,0.16);--dma-border:rgba(216,216,216,0.32);--dmg:rgba(216,216,216,0.07)}.dd-platinum{--dma:#8AB2D4;--dma-dim:rgba(138,178,212,0.12);--dma-border:rgba(138,178,212,0.28);--dmg:rgba(138,178,212,0.06)}.dd-palladium{--dma:#7ECADE;--dma-dim:rgba(126,202,222,0.10);--dma-border:rgba(126,202,222,0.25);--dmg:rgba(126,202,222,0.05)}.dd-outer{height:calc(100dvh - 72px);margin-top:72px;display:flex;flex-direction:column;overflow:hidden;position:relative;background:#0A0A0A}.dd-metal-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.dd-glow-gold{position:absolute;width:70vw;height:55vw;top:-25%;right:-18%;background:radial-gradient(ellipse 60% 50% at 60% 40%,rgba(212,175,106,.28) 0,rgba(197,160,82,.1) 40%,rgba(160,120,50,.03) 68%,transparent 100%);filter:blur(90px);animation:ddGoldShift 32s ease-in-out infinite}.dd-glow-silver{position:absolute;width:60vw;height:50vw;top:-18%;left:-14%;background:radial-gradient(ellipse 55% 45% at 40% 45%,rgba(225,225,238,.38) 0,rgba(185,185,200,.14) 45%,rgba(140,140,165,.05) 70%,transparent 100%);filter:blur(75px);animation:ddSilverShift 38s ease-in-out 2s infinite}.dd-shimmer-1{width:45%;background:linear-gradient(108deg,transparent,transparent 36%,rgba(212,175,106,.04) 39%,rgba(240,210,140,.14) 46%,rgba(255,232,160,.09) 50%,rgba(212,175,106,.04) 54%,transparent 57%,transparent);animation:ddSweep1 16s ease-in-out infinite}.dd-shimmer-1,.dd-shimmer-2{position:absolute;top:-10%;left:-80%;height:120%}.dd-shimmer-2{width:40%;background:linear-gradient(108deg,transparent,transparent 38%,rgba(220,220,240,.03) 41%,rgba(242,242,255,.11) 47%,rgba(255,255,255,.08) 50%,rgba(220,220,240,.03) 53%,transparent 56%,transparent);animation:ddSweep2 23s ease-in-out 5s infinite}@keyframes ddGoldShift{0%,to{transform:translate(0) scale(1) rotate(0deg)}30%{transform:translate(5%,8%) scale(1.08) rotate(3deg)}65%{transform:translate(9%,3%) scale(1.04) rotate(-2deg)}}@keyframes ddSilverShift{0%,to{transform:translate(0) scale(1) rotate(0deg)}35%{transform:translate(-5%,9%) scale(1.06) rotate(-4deg)}70%{transform:translate(7%,5%) scale(.96) rotate(2deg)}}@keyframes ddSweep1{0%{transform:translateX(0) skewX(-10deg);opacity:0}8%{opacity:1}88%{opacity:.85}to{transform:translateX(390%) skewX(-10deg);opacity:0}}@keyframes ddSweep2{0%{transform:translateX(0) skewX(-10deg);opacity:0}8%{opacity:1}88%{opacity:.85}to{transform:translateX(430%) skewX(-10deg);opacity:0}}.dd-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:38%;width:auto;opacity:.11;pointer-events:none;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:grayscale(100%) brightness(5);-o-object-fit:contain;object-fit:contain}.dd-infobar{position:relative;z-index:10;height:52px;flex-shrink:0;background:#0A0A0A;border-bottom:1px solid rgba(197,160,82,.2);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(16px,2.5vw,48px);gap:12px}.dd-infobar>:last-child{justify-self:end}.dd-infobar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(197,160,82,.45) 30%,rgba(197,160,82,.45) 70%,transparent)}.dd-address{font-family:var(--font-inter);font-size:clamp(8px,.75vw,11px);font-weight:500;color:rgba(212,175,106,.55);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-status-badge{display:flex;align-items:center;gap:8px;border-radius:28px;padding:7px 18px;white-space:nowrap;flex-shrink:0}.dd-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dd-status-label{font-family:var(--font-montserrat);font-size:clamp(8px,.85vw,13px);font-weight:700;letter-spacing:.28em;text-transform:uppercase}.dd-content-row{flex:1;min-height:0;display:flex;flex-direction:row}.dd-sidebar{width:clamp(100px,12vw,240px);flex-shrink:0;background:#EBEBEB;position:relative;overflow:hidden}.dd-sidebar:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 0);background-size:18px 18px;background-position:0 0}.dd-sidebar:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(135deg,transparent,transparent 8px,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 9px)}.dd-grid-wrap{flex:1;min-height:0}.dd-grid,.dd-grid-wrap{position:relative;z-index:10}.dd-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr 1fr;overflow:hidden;height:100%;width:100%;background:radial-gradient(ellipse 50% 50% at 25% 25%,rgba(197,160,82,.04) 0,transparent 100%),radial-gradient(ellipse 50% 50% at 75% 25%,rgba(197,160,82,.03) 0,transparent 100%),radial-gradient(ellipse 50% 50% at 25% 75%,rgba(138,178,212,.04) 0,transparent 100%),radial-gradient(ellipse 50% 50% at 75% 75%,rgba(126,202,222,.04) 0,transparent 100%)}.dd-panel{display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.dd-panel.dd-gold{background:linear-gradient(180deg,rgba(212,175,106,.15),rgba(197,160,82,.05) 30%,rgba(8,7,4,.55))}.dd-panel.dd-silver{background:linear-gradient(180deg,rgba(210,210,228,.12),rgba(185,185,205,.04) 30%,rgba(6,6,10,.52))}.dd-panel.dd-secondary{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(8,8,10,.5))}.dd-panel:before{right:0;height:4px;background:linear-gradient(90deg,transparent 0,var(--dma) 15%,var(--dma) 85%,transparent 100%);opacity:1;z-index:2}.dd-panel:after,.dd-panel:before{content:"";position:absolute;top:0;left:0}.dd-panel:after{width:160px;height:160px;background:radial-gradient(circle at 0 0,var(--dma-dim),transparent 70%);pointer-events:none;z-index:1}.dd-metal-header{padding:clamp(14px,2vh,28px) clamp(20px,2.8vw,44px) clamp(12px,1.8vh,24px);display:flex;align-items:center;justify-content:center;gap:16px;text-align:center;background:rgba(0,0,0,.2);border-bottom:1px solid var(--dma-border);position:relative;z-index:2;flex-shrink:0}.dd-panel.dd-secondary .dd-metal-header{padding:clamp(8px,1.2vh,16px) clamp(16px,2vw,36px)}.dd-metal-name{font-family:var(--font-montserrat);font-size:clamp(22px,3.6vw,64px);font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--dma);line-height:1}.dd-panel.dd-secondary .dd-metal-name{font-size:clamp(14px,2.2vw,40px)}.dd-status-light{width:12px;height:12px;border-radius:50%;flex-shrink:0;transition:all .5s ease}.dd-panel.dd-secondary .dd-status-light{width:9px;height:9px}.dd-pulsing{animation:ddPulseLight 2s ease-in-out infinite}@keyframes ddPulseLight{0%{transform:scale(.9);opacity:.5}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.5}}.dd-bid-ask{display:flex;flex-direction:row;align-items:stretch;flex:1;background:rgba(0,0,0,.1);border-bottom:1px solid var(--dma-border);position:relative;min-height:0}.dd-live-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--dma);color:#000;font-family:var(--font-montserrat);font-size:clamp(7px,.6vw,10px);font-weight:800;letter-spacing:.24em;padding:3px 14px;border-radius:20px;white-space:nowrap;z-index:4}.dd-bid-half{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;transition:background .3s ease;cursor:default}.dd-bid-side{background:rgba(0,0,0,.18)}.dd-ask-side{background:rgba(255,255,255,.015)}.dd-bid-half:hover{background:linear-gradient(180deg,var(--dma-dim) 0,rgba(0,0,0,.08) 100%)}.dd-bid-half:hover .dd-bid-price{filter:brightness(1.18);text-shadow:0 0 28px currentColor}.dd-panel.dd-secondary .dd-spot-section:hover{background:linear-gradient(155deg,var(--dma-dim) 0,rgba(0,0,0,.2) 100%);outline:1px solid var(--dma-border)}.dd-panel.dd-secondary .dd-spot-section:hover .dd-spot-price{filter:brightness(1.18);text-shadow:0 0 22px currentColor}.dd-panel.dd-secondary .dd-product-cell:hover .dd-product-price{filter:brightness(1.18);text-shadow:0 0 22px currentColor;background:var(--dma);transition:background .3s ease}.dd-col-head{padding:clamp(12px,2.2vh,28px) 12px clamp(10px,1.8vh,24px);text-align:center;background:rgba(0,0,0,.18);border-bottom:1px solid var(--dma-border);flex-shrink:0}.dd-col-label{font-family:var(--font-montserrat);font-size:clamp(14px,2.4vw,44px);font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:var(--dma);display:block}.dd-col-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:clamp(10px,2vh,32px) clamp(8px,1.2vw,20px);overflow:hidden}.dd-bid-price{font-family:var(--font-montserrat);font-size:clamp(18px,3.2vw,88px);font-weight:700;line-height:1;white-space:nowrap;transition:color .8s ease,filter .3s ease,text-shadow .3s ease;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}.dd-bid-divider{width:1px;flex-shrink:0;background:linear-gradient(to bottom,transparent,var(--dma) 15%,var(--dma) 85%,transparent);opacity:.35;align-self:stretch}.dd-spot-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .3s ease;cursor:default;padding:clamp(6px,1vh,12px) clamp(12px,1.5vw,24px);gap:clamp(4px,.6vh,8px);min-height:0}.dd-spot-price{font-family:var(--font-montserrat);font-size:clamp(22px,3.8vw,72px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;transition:color .8s ease,filter .3s ease,text-shadow .3s ease}.dd-spot-label{font-family:var(--font-montserrat);font-size:clamp(7px,.72vw,12px);font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.5)}.dd-pm-section{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.4vw,20px);padding:clamp(8px,1.2vh,16px) clamp(16px,2vw,36px);border-top:1px solid var(--dma-border);background:rgba(0,0,0,.3);position:relative;flex-shrink:0}.dd-panel.dd-secondary .dd-pm-section{padding:clamp(4px,.7vh,10px) clamp(12px,1.5vw,28px)}.dd-pm-date{position:absolute;top:6px;right:12px;font-size:clamp(7px,.65vw,11px);font-weight:600;letter-spacing:.1em;color:rgba(255,255,255,.28)}.dd-pm-date,.dd-pm-label{font-family:var(--font-montserrat);white-space:nowrap}.dd-pm-label{font-size:clamp(9px,1.2vw,22px);font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--dma)}.dd-panel.dd-secondary .dd-pm-label{font-size:clamp(8px,.9vw,16px)}.dd-pm-divider{width:1px;height:22px;background:var(--dma);opacity:.4;flex-shrink:0}.dd-pm-price{font-family:var(--font-montserrat);font-size:clamp(12px,2.4vw,44px);font-weight:700;color:rgba(244,240,232,.78);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;white-space:nowrap}.dd-panel.dd-secondary .dd-pm-price{font-size:clamp(10px,1.8vw,32px)}.dd-pm-unit{font-family:var(--font-montserrat);font-size:clamp(8px,.7vw,11px);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.25);white-space:nowrap}.dd-products{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0;overflow:hidden;border-top:1px solid rgba(255,255,255,.055)}.dd-panel.dd-secondary .dd-products{flex:0 0 auto}.dd-product-cell{padding:clamp(10px,1.6vh,22px) clamp(10px,1.2vw,20px);border-right:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;position:relative;background:rgba(0,0,0,.05);transition:background .3s ease}.dd-product-cell:hover{background:linear-gradient(155deg,var(--dma-dim) 0,rgba(0,0,0,.18) 100%)}.dd-product-cell:hover .dd-product-price{filter:brightness(1.18);text-shadow:0 0 22px currentColor}.dd-product-cell:nth-child(2n){border-right:none}.dd-product-cell:nth-last-child(-n+2){border-bottom:none}.dd-panel.dd-secondary .dd-product-cell{padding:clamp(6px,.8vh,12px) clamp(8px,.9vw,14px);justify-content:center}.dd-weight-tag{position:absolute;top:0;right:0;font-family:var(--font-montserrat);font-size:clamp(10px,1.3vw,22px);font-weight:800;letter-spacing:.06em;background:var(--dma-dim);color:var(--dma);padding:clamp(3px,.5vh,6px) clamp(7px,.8vw,12px);border-radius:0 0 0 4px;border-left:1px solid var(--dma-border);border-bottom:1px solid var(--dma-border);line-height:1.4}.dd-panel.dd-secondary .dd-weight-tag{font-size:clamp(8px,.8vw,14px);padding:2px 6px}.dd-product-label{font-family:var(--font-montserrat);font-size:clamp(9px,1.35vw,24px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72);line-height:1.2;padding-right:clamp(36px,4vw,72px)}.dd-panel.dd-secondary .dd-product-label{color:rgba(255,255,255,.68);font-size:clamp(7px,.9vw,16px)}.dd-product-price{font-family:var(--font-montserrat);font-size:clamp(14px,2vw,52px);font-weight:700;line-height:1.05;margin-top:clamp(4px,.8vh,10px);white-space:nowrap;transition:color .8s ease,filter .3s ease,text-shadow .3s ease;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}.dd-panel.dd-secondary .dd-product-price{font-size:clamp(12px,1.9vw,34px);margin-top:clamp(2px,.4vh,6px)}@keyframes ddShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dd-skeleton-light{background:linear-gradient(90deg,#E8E8E8 25%,#F0F0F0 50%,#E8E8E8 75%);background-size:200% 100%}.dd-skeleton-dark,.dd-skeleton-light{animation:ddShimmer 1.5s linear infinite;border-radius:3px}.dd-skeleton-dark{background:linear-gradient(90deg,#181818 25%,#242424 50%,#181818 75%);background-size:200% 100%}@media (max-width:900px){.dd-sidebar{display:none}.dd-outer::-webkit-scrollbar{display:none;width:0}.dd-outer{scrollbar-width:none;-ms-overflow-style:none;margin-top:72px;height:calc(100dvh - 72px);overflow-y:auto;overflow-x:hidden}.dd-content-row{width:100vw}.dd-grid-wrap{min-width:0;width:100%;flex:none;height:auto;min-height:0}.dd-grid{grid-template-columns:1fr;grid-template-rows:auto;height:auto;overflow:visible}.dd-panel,.dd-panel.dd-secondary{height:auto;min-height:0}.dd-panel.dd-gold{order:-1}.dd-bid-price{font-size:clamp(28px,9vw,72px)}.dd-spot-price{font-size:clamp(26px,8vw,60px)}.dd-product-price{font-size:clamp(14px,4.2vw,44px)}.dd-metal-name{font-size:clamp(26px,7vw,52px)}.dd-col-label{font-size:clamp(18px,5vw,36px)}.dd-pm-price{font-size:clamp(16px,4.5vw,38px)}.dd-panel.dd-secondary .dd-metal-name{font-size:clamp(18px,5vw,36px)}.dd-panel.dd-secondary .dd-spot-price{font-size:clamp(26px,8vw,60px)}.dd-panel.dd-secondary .dd-product-price{font-size:clamp(16px,5vw,36px)}.dd-address{display:none}.dd-infobar{display:flex;justify-content:flex-end}.dd-infobar .dd-status-badge{position:absolute;left:50%;transform:translateX(-50%)}.dd-grid-wrap>canvas{display:none}}@media (max-width:480px){.dd-infobar{height:44px}.dd-panel,.dd-panel.dd-secondary{height:auto;min-height:0}.dd-bid-price{font-size:clamp(24px,8vw,56px)}.dd-product-price{font-size:clamp(13px,4.2vw,38px)}.dd-metal-name{font-size:clamp(22px,6.5vw,42px)}.dd-col-label{font-size:clamp(16px,4.5vw,28px)}}@media (prefers-reduced-motion:reduce){.dd-glow-gold,.dd-glow-silver,.dd-pulsing,.dd-shimmer-1,.dd-shimmer-2,.dd-skeleton-dark,.dd-skeleton-light,.dd-status-badge[data-status=offline]{animation:none!important}}.dd-clock{text-align:right;line-height:1}.dd-clock-time{font-family:var(--font-montserrat);font-size:clamp(15px,1.7vw,30px);font-weight:700;color:#F4F0E8;letter-spacing:.08em;font-variant-numeric:tabular-nums}.dd-clock-date{font-family:var(--font-inter);font-size:clamp(7px,.7vw,11px);font-weight:500;color:rgba(212,175,106,.6);letter-spacing:.2em;margin-top:4px;text-transform:uppercase;white-space:nowrap}.dd-animated-border{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:32}.dd-status-badge[data-status=live]{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.32)}.dd-status-badge[data-status=offline]{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.4);animation:ddOfflinePulse 2s ease-in-out infinite}@keyframes ddOfflinePulse{0%,to{transform:scale(1);box-shadow:none}50%{transform:scale(1.07);box-shadow:0 0 14px rgba(245,158,11,.35)}}.dd-status-badge[data-status=closed]{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}.dd-status-dot[data-status=live]{background:var(--up-green);box-shadow:0 0 10px var(--up-green);animation:pulseGold 2s ease-in-out infinite}.dd-status-dot[data-status=offline]{background:rgb(245,158,11);box-shadow:0 0 10px rgba(245,158,11,.8)}.dd-status-dot[data-status=closed]{background:rgba(255,255,255,.3)}.dd-status-label[data-status=live]{color:var(--up-green)}.dd-status-label[data-status=offline]{color:rgb(245,158,11)}.dd-status-label[data-status=closed]{color:rgba(255,255,255,.4)}.dd-panel[data-trend=up] .dd-bid-price,.dd-panel[data-trend=up] .dd-product-price,.dd-panel[data-trend=up] .dd-spot-price{color:var(--up-green)}.dd-panel[data-trend=down] .dd-bid-price,.dd-panel[data-trend=down] .dd-product-price,.dd-panel[data-trend=down] .dd-spot-price{color:var(--down-red)}.dd-panel[data-trend=closed] .dd-bid-price,.dd-panel[data-trend=closed] .dd-product-price,.dd-panel[data-trend=closed] .dd-spot-price{color:#F4F0E8}.dd-status-light[data-trend=up]{background-color:var(--up-green);box-shadow:0 0 16px var(--up-green)}.dd-status-light[data-trend=down]{background-color:var(--down-red);box-shadow:0 0 16px var(--down-red)}.dd-status-light[data-trend=closed]{background-color:rgba(255,255,255,.22);box-shadow:none}.dd-products--closed{opacity:.7}.dd-skeleton-header{width:200px;height:44px}.dd-skeleton-body-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.dd-skeleton-body{width:280px;height:64px}