.dmx{--g:#c9a24b;--g2:#e6c77a;--bone:#e8e0d2;font-family:Arial,Helvetica,sans-serif;color:var(--bone);max-width:680px;margin:0 auto;padding:12px 0;display:flex;flex-direction:column;gap:10px}.dmx *{box-sizing:border-box}.dmx .dmx-info{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.dmx .dmx-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid rgba(201,162,75,.18);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}.dmx .dmx-chip svg{width:15px;height:15px;color:var(--g);flex:0 0 auto}.dmx .dmx-stage{position:relative;overflow:hidden;border-radius:16px;padding:18px 20px 16px;background:radial-gradient(70% 90%at 85% 100%,rgba(201,162,75,.16),transparent 60%),linear-gradient(135deg,rgba(201,162,75,.07),rgba(255,255,255,.02));border:1px solid rgba(201,162,75,.24);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.dmx .dmx-head{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--g);text-align:center;margin-bottom:4px}.dmx .dmx-cascade{position:relative;height:clamp(160px,34vw,200px);margin:0 2px}.dmx .dmx-ln{position:absolute;display:block;background:var(--g);opacity:.75;border-radius:2px}.dmx .dmx-t1{left:0;top:28%;width:28%;height:1.5px;transform:scaleX(0);transform-origin:left}.dmx .dmx-r1{left:28%;top:28%;width:1.5px;height:30%;transform:scaleY(0);transform-origin:top}.dmx .dmx-t2{left:28%;top:58%;width:30%;height:1.5px;transform:scaleX(0);transform-origin:left}.dmx .dmx-r2{left:58%;top:58%;width:1.5px;height:34%;transform:scaleY(0);transform-origin:top}.dmx .dmx-t3{left:58%;top:92%;width:42%;height:1.5px;transform:scaleX(0);transform-origin:left}.dmx .dmx-step{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:7px;opacity:0;transform:translateY(-14px)}.dmx .dmx-step--1{left:0;width:28%;bottom:72%}.dmx .dmx-step--2{left:28%;width:30%;bottom:42%}.dmx .dmx-step--3{left:58%;width:42%;bottom:8%}.dmx .dmx-old{position:relative;display:inline-block;color:rgba(232,224,210,.55);font-weight:700;white-space:nowrap}.dmx .dmx-step--1 .dmx-old{font-size:clamp(14px,2.6vw,17px)}.dmx .dmx-step--2 .dmx-old{font-size:clamp(17px,3.4vw,22px);color:rgba(232,224,210,.72)}.dmx .dmx-old::after{content:"";position:absolute;left:-4%;right:-4%;top:52%;height:2px;background:var(--g);border-radius:2px;transform:scaleX(0);transform-origin:left center}.dmx .dmx-new{display:inline-flex;align-items:baseline;gap:4px;font-weight:900;color:#fff;line-height:1;white-space:nowrap;font-size:clamp(30px,7vw,44px);letter-spacing:-.02em}.dmx .dmx-new small{font-size:.3em;font-weight:700;color:rgba(232,224,210,.7);letter-spacing:.04em}.dmx .dmx-cap{margin-top:5px;font-size:10.5px;font-weight:600;letter-spacing:.06em;color:rgba(232,224,210,.5)}.dmx .dmx-cap--hot{color:var(--g2)}.dmx .dmx-extra{position:absolute;left:58%;top:calc(58% + 12px);transform:translateX(calc(-100% - 10px)) scale(.6);transform-origin:right top;opacity:0;white-space:nowrap;padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.03em;color:#1a1408;background:linear-gradient(135deg,var(--g2),var(--g));box-shadow:0 6px 18px rgba(201,162,75,.35)}.dmx .dmx-stock{margin-top:6px;text-align:center;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--g);opacity:.8}.dmx.is-in .dmx-ln{transform:none;transition:transform .38s cubic-bezier(.5,0,.3,1)}.dmx.is-in .dmx-t1{transition-delay:.1s}.dmx.is-in .dmx-r1{transition-delay:.48s}.dmx.is-in .dmx-t2{transition-delay:.86s}.dmx.is-in .dmx-r2{transition-delay:1.24s}.dmx.is-in .dmx-t3{transition-delay:1.62s}.dmx.is-in .dmx-step{transition:opacity .6s ease,transform .7s cubic-bezier(.2,1.4,.4,1);opacity:1;transform:none}.dmx.is-in .dmx-step--1{transition-delay:.15s}.dmx.is-in .dmx-step--2{transition-delay:.9s}.dmx.is-in .dmx-step--3{transition-delay:1.65s}.dmx.is-in .dmx-old::after{transform:scaleX(1);transition:transform .45s ease}.dmx.is-in .dmx-step--1 .dmx-old::after{transition-delay:.7s}.dmx.is-in .dmx-step--2 .dmx-old::after{transition-delay:1.4s}.dmx.is-in .dmx-extra{opacity:1;transform:translateX(calc(-100% - 10px)) scale(1);transition:opacity .4s ease 1.35s,transform .55s cubic-bezier(.2,1.6,.4,1) 1.35s}.dmx.is-in .dmx-new{animation:dmxLand 1.4s ease-out 1.9s both}@keyframes dmxLand{0%{text-shadow:0 0 0 rgba(230,199,122,0)}35%{text-shadow:0 0 34px rgba(230,199,122,.9)}100%{text-shadow:0 0 18px rgba(230,199,122,.35)}}.dmx .dmx-pay{display:flex;align-items:center;gap:14px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid rgba(201,162,75,.18);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}.dmx .dmx-pay__label{flex:0 0 auto;font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--g)}.dmx .dmx-pay__track{flex:1 1 auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.dmx .dmx-pay__belt{display:flex;width:max-content;animation:dmxGlide 22s linear infinite}.dmx .dmx-pay:hover .dmx-pay__belt{animation-play-state:paused}.dmx .dmx-pay__set{display:flex;align-items:center;gap:28px;padding-right:28px}.dmx .dmx-mark{display:inline-flex;align-items:center;color:rgba(255,255,255,.82)}.dmx .dmx-mark svg{height:auto;display:block}@keyframes dmxGlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:560px){.dmx .dmx-stage{padding:16px 12px 14px}.dmx .dmx-extra{font-size:10.5px;padding:4px 9px}.dmx .dmx-pay{border-radius:14px}}@media (prefers-reduced-motion:reduce){.dmx .dmx-ln{transform:none}.dmx .dmx-step{opacity:1;transform:none}.dmx .dmx-old::after{transform:scaleX(1)}.dmx .dmx-extra{opacity:1;transform:translateX(calc(-100% - 10px))}.dmx .dmx-pay__belt{animation:none}.dmx .dmx-pay__set[aria-hidden]{display:none}.dmx .dmx-pay__track{-webkit-mask-image:none;mask-image:none}.dmx .dmx-pay__set{flex-wrap:wrap;gap:16px 22px}}