/* Правки Вадима 27.10 — js/pd-vadim-2710.js */
#device-host .pds-home>.rbh-stage.pdv-stage{pointer-events:auto;cursor:pointer}
#device-host .fr-hub .rbh .rbh-stage .pdv-stage-shield{pointer-events:auto}

/* щиток */
.pdv-shield{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pdv-shield>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 8px #000a)}
.pdv-shield>b{position:relative;margin-top:-6%;font:700 calc(var(--s,1) * 1em)/1 var(--pd-font,'Play',sans-serif);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.pdv-stage-shield>.pdv-shield>b{font-size:21px}
.pdv-ss-top .pdv-shield>b{font-size:30px}
.pdv-ss-mats .pdv-shield>b{font-size:12px}

/* щиток на сцене — слева, напротив шкалы сфер */
#device-host .pdv-stage-shield{position:absolute;z-index:5;left:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;cursor:pointer;font:inherit;color:#c8ced8}
#device-host .pdv-stage-shield>span{font:700 10px/12px var(--pd-font);letter-spacing:.12em;text-transform:uppercase;color:#aab4c2}
#device-host .pdv-stage-shield:active{transform:translateY(-50%) scale(.95)}

/* карточка диапазона */
#device-host .pds-home>.pdv-rc{padding:16px}
.pdv-rc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pdv-rc-id{display:flex;flex-direction:column;gap:4px;min-width:0}
.pdv-rc-id>strong{font:700 18px/24px var(--pd-font);color:#fff}
.pdv-rc-id>span{font:400 14px/20px var(--pd-font);color:#aab4c2}
.pdv-rc-id>span>b{color:#fff;font-weight:700}
.pdv-rc-now{display:flex;flex-direction:column;align-items:flex-end;flex:none}
.pdv-rc-now>b{font:700 34px/1 var(--pd-font);color:#fff;font-variant-numeric:tabular-nums}
.pdv-rc-now>b>small{font-size:18px}
.pdv-rc-now>span{font:400 13px/18px var(--pd-font);color:#aab4c2;margin-top:2px}
.pdv-rc-scale{margin:18px 0 4px}
.pdv-rc-track{position:relative;height:6px;margin:0 11px;border-radius:3px;background:#ffffff1f}
.pdv-rc-fill{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,#82cfff,#e6bb83 60%,#ff573c)}
.pdv-rc-tick{position:absolute;top:50%;width:2px;height:12px;margin:-6px 0 0 -1px;border-radius:1px;background:#ffffff40;z-index:1}
.pdv-rc-tick[data-on]{background:#ffffffb0}
.pdv-rc-you{position:absolute;top:50%;z-index:2;transform:translate(-50%,-50%);display:flex}
.pdv-rc-you>.pd-orb-solo{box-shadow:0 0 0 2px #0b0c10,0 0 0 3.5px #fff,0 0 14px 2px var(--orb)}
.pdv-rc-ends{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:12px;font:700 13px/18px var(--pd-font);color:#dfe3ea}
.pdv-rc-ends>.pdv-rc-mid{font-weight:400;font-size:12px;color:#8e96a3;text-align:center}
.pdv-rc-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
#device-host .pdv-rc-parts>button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:10px;border:1px solid #ffffff14;border-radius:12px;background:#ffffff08;color:#fff;font:inherit;text-align:left;cursor:pointer}
.pdv-rc-parts>button>span{font:400 12px/16px var(--pd-font);color:#9aa3b0;white-space:nowrap}
.pdv-rc-parts>button>b{font:700 15px/20px var(--pd-font);white-space:nowrap}
.pdv-rc-parts>button[style]>b{color:var(--orb)}
#device-host .pds-home>.pdv-safe-wrap{padding:4px 16px 16px}

/* блок щитка */
#device-host .pds-home>.pdv-ss{margin:24px 0 0;scroll-margin-top:170px}
.pdv-ss .pdt-sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.pdv-ss .pdt-sec-h h3{font:700 var(--pd-type-body,16px)/24px var(--pd-font);margin:0}
.pdv-ss .pdt-sec-h>span{font-size:14px;color:#aab4c2}
.pdv-ss-panel{padding:16px;border-radius:16px;background:#14161bcc;border:1px solid #ffffff12}
.pdv-ss-panel[data-flash]{animation:pdv-flash 1.2s ease}
@keyframes pdv-flash{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 2px #D71921}}
.pdv-ss-top{display:flex;align-items:center;gap:16px}
.pdv-ss-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.pdv-ss-txt>strong{font:700 17px/22px var(--pd-font);color:#fff}
.pdv-ss-gives{font:400 14px/20px var(--pd-font);color:#c8ced8}
.pdv-ss-gives>b{color:#fff}
.pdv-ss-sub{font:400 13px/18px var(--pd-font);color:#8e96a3}
.pdv-ss-sub>b{color:#fff}
.pdv-ss-next{margin-top:16px}
.pdv-ss-bar{height:4px;border-radius:2px;background:#ffffff1f;overflow:hidden}
.pdv-ss-bar>i{display:block;height:100%;background:linear-gradient(90deg,#D71921,#ff6b5e)}
.pdv-ss-cap{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font:400 13px/18px var(--pd-font);color:#9aa3b0}
.pdv-ss-cap b{color:#fff}
.pdv-ss-why{margin-top:20px;padding-top:16px;border-top:1px solid #ffffff12}
.pdv-ss-why>h4{margin:0 0 8px;font:700 15px/20px var(--pd-font);color:#fff}
.pdv-ss-why>ul{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:8px;font:400 14px/20px var(--pd-font);color:#b5bcc7}

/* окна */
.pdv-sheet .pdv-orbs-box{max-height:86vh;overflow:auto}
.pdv-sheet .pdv-orbs-lead{text-align:left}
.pdv-sheet .pdv-orbs-list>li>span:not(.pd-orb-solo){flex:1;min-width:0}
.pdv-orbs-pct{flex:none;font:700 15px/20px var(--pd-font);font-style:normal;color:#fff;font-variant-numeric:tabular-nums}
.pdv-tal-range{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0 4px;padding:12px 14px;border-radius:12px;background:#ffffff08;font:400 14px/20px var(--pd-font);color:#aab4c2}
.pdv-tal-range>b{font:700 22px/1 var(--pd-font);color:#fff}
.pdv-tal-now{display:flex;flex-direction:column;gap:6px;margin:0 0 20px}
.pdv-tal-now>span{display:flex;justify-content:space-between;gap:8px;font:400 14px/20px var(--pd-font);color:#8e96a3}
.pdv-tal-now>span>b{color:#fff;text-align:right}
#device-host .pdv-safe-wrap>.pdv-safe{margin-top:0;box-shadow:none}
.pdv-ss-sub>b,.pdv-rc-id>span>b{white-space:nowrap}

/* путь щитка — 27.10 (2) */
.pdv-ss-panel{position:relative;overflow:hidden;background:radial-gradient(120% 60% at 15% 0%,color-mix(in srgb,var(--ink) 16%,transparent),transparent 60%),#14161bcc}
.pdv-ss-hero{position:relative;display:flex;flex:none}
.pdv-ss-hero::before{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ink) 45%,transparent),transparent);animation:pdv-glow 3.2s ease-in-out infinite alternate}
@keyframes pdv-glow{from{opacity:.45;transform:scale(.92)}to{opacity:1;transform:scale(1.05)}}
.pdv-ss-gives{font-size:15px}
.pdv-ico{display:inline-flex;width:22px;height:22px;flex:none;color:#fff}
.pdv-ico>svg{width:100%;height:100%;overflow:visible}
/* следующая награда */
.pdv-nx{display:grid;grid-template-columns:44px 1fr auto;grid-template-rows:auto 4px;align-items:center;column-gap:12px;row-gap:12px;margin-top:18px;padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid #ffffff14}
.pdv-nx[data-big]{border-color:color-mix(in srgb,var(--ink) 60%,transparent);background:color-mix(in srgb,var(--ink) 10%,#ffffff05)}
.pdv-nx-ico{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#0006}
.pdv-nx-ico .pdv-ico{width:28px;height:28px}
.pdv-nx-txt{display:flex;flex-direction:column;min-width:0}
.pdv-nx-txt>small{font:400 12px/16px var(--pd-font);color:#9aa3b0}
.pdv-nx-txt>b{font:700 16px/22px var(--pd-font);color:#fff}
.pdv-nx-xp{display:flex;flex-direction:column;align-items:flex-end}
.pdv-nx-xp>b{font:700 16px/20px var(--pd-font);color:#fff;font-variant-numeric:tabular-nums}
.pdv-nx-xp>small{font:400 11px/14px var(--pd-font);color:#9aa3b0}
.pdv-nx-bar{grid-column:1/-1;height:4px;border-radius:2px;background:#ffffff1f;overflow:hidden}
.pdv-nx-bar>i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#D71921,#ff6b5e)}
/* дорожка */
.pdv-tr{margin:18px -16px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.pdv-tr::-webkit-scrollbar{display:none}
.pdv-tr-list{list-style:none;display:flex;margin:0;padding:0 24px;width:max-content}
.pdv-tr-list>li{position:relative;width:62px;flex:none;display:grid;grid-template-rows:20px 58px auto;justify-items:center;align-items:center}
.pdv-tr-list>li[data-big]{width:92px}
/* линия пути через центр узлов */
.pdv-tr-list>li::before{content:"";position:absolute;left:0;right:0;top:49px;height:4px;margin-top:-2px;background:#ffffff1a}
.pdv-tr-list>li[data-s="done"]::before{background:linear-gradient(90deg,#D71921,#ff4a3d)}
.pdv-tr-list>li[data-s="now"]::before{background:linear-gradient(90deg,#ff4a3d 50%,#ffffff1a 50%)}
.pdv-tr-band{font:700 10px/20px var(--pd-font);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);white-space:nowrap;justify-self:start;padding-left:4px}
.pdv-tr-node{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}
.pdv-tr-node>b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#1d2027;border:2px solid #ffffff26;font:700 12px/1 var(--pd-font);color:#8e96a3;font-variant-numeric:tabular-nums}
li[data-s="done"]>.pdv-tr-node>b{background:#D71921;border-color:#ff6b5e;color:#fff}
li[data-s="now"]>.pdv-tr-node>b{width:38px;height:38px;background:#fff;border-color:#fff;color:#0b0c10;font-size:14px;box-shadow:0 0 0 4px #D7192166,0 0 18px #D71921;animation:pdv-pulse 1.6s ease-in-out infinite}
li[data-s="next"]>.pdv-tr-node>b{border-color:#ffffff80;color:#fff}
@keyframes pdv-pulse{50%{box-shadow:0 0 0 8px #D7192122,0 0 24px #D71921}}
li[data-big]>.pdv-tr-node>.pdv-shield{transition:transform .2s}
li[data-big][data-s="far"]>.pdv-tr-node>.pdv-shield,li[data-big][data-s="next"]>.pdv-tr-node>.pdv-shield{filter:saturate(.55) brightness(.75)}
li[data-big][data-s="now"]>.pdv-tr-node>.pdv-shield{transform:scale(1.12)}
.pdv-tr-ok{position:absolute;right:-4px;bottom:-2px;width:14px;height:14px;border-radius:50%;background:#14161b;color:#5fd38a;font:700 10px/14px var(--pd-font);font-style:normal;text-align:center}
li[data-big]>.pdv-tr-node>.pdv-tr-ok{right:8px;bottom:2px}
.pdv-tr-rw{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px 4px;text-align:center}
.pdv-tr-rw>em{font:400 11px/13px var(--pd-font);font-style:normal;color:#9aa3b0;max-width:86px}
li[data-s="done"] .pdv-tr-rw{opacity:.5}
li[data-s="next"] .pdv-tr-rw>em,li[data-big] .pdv-tr-rw>em{color:#fff}
li[data-big] .pdv-tr-rw>em{font-weight:700}
/* главная цель */
.pdv-goal{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--ink) 55%,transparent);background:color-mix(in srgb,var(--ink) 7%,transparent)}
#device-host .pdv-goal{flex-direction:row}
#device-host .pdv-goal>.pdv-goal-t{display:flex;flex-direction:column;min-width:0;flex:1}
.pdv-goal small{font:400 12px/16px var(--pd-font);color:#9aa3b0}
.pdv-goal b{font:700 15px/20px var(--pd-font);color:var(--ink)}
.pdv-goal em{font:400 13px/18px var(--pd-font);font-style:normal;color:#c8ced8}
/* окно нового уровня */
.pdv-lu-hero{position:relative;display:flex;justify-content:center;margin:8px 0 16px}
.pdv-lu-hero::before{content:"";position:absolute;left:50%;top:50%;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ink) 50%,transparent),transparent);animation:pdv-glow 1.6s ease-in-out infinite alternate}
.pdv-lu-hero .pdv-shield{animation:pdv-pop .6s cubic-bezier(.2,1.6,.4,1) both}
.pdv-lu-hero .pdv-shield>b{font-size:40px}
@keyframes pdv-pop{from{transform:scale(.4) rotate(-12deg);opacity:0}}
.pdv-lu-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}
.pdv-lu-list>li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff08;font:700 15px/20px var(--pd-font);color:#fff}
.pdv-lu-list>li[data-big]{background:#d7192114;box-shadow:inset 0 0 0 1px #D71921}
.pdv-lu-list>li>span{flex:1}
.pdv-lu-list>li>em{font:400 12px/16px var(--pd-font);font-style:normal;color:#9aa3b0}
/* зона материала: подсветка столбца цветом материала, граница зоны — тонкая черта */
.pdv-tr-list>li::after{content:"";position:absolute;left:0;right:0;top:18px;height:2px;background:color-mix(in srgb,var(--ink) 55%,transparent)}
.pdv-tr-list{position:relative;z-index:0}
.pdv-tr-list>li[data-big]{border-left:1px solid color-mix(in srgb,var(--ink) 35%,transparent)}
/* Вадим 28.10: кнопки «i» у элементов вместо текстов на экране */
#device-host .pdv-i{display:inline-grid;place-items:center;position:relative;flex:none;width:19px;height:19px;margin-left:8px;padding:0;border-radius:50%;border:1px solid #ffffff57;background:#ffffff17;color:#d8d8df;vertical-align:-3px;cursor:pointer;-webkit-tap-highlight-color:transparent}
#device-host .pdv-i::after{content:"";position:absolute;inset:-13px;border-radius:50%}
#device-host .pdv-i svg{width:11px;height:11px}
#device-host .pdv-i:active{background:#ffffff2a}
#device-host .pdv-ss .pdt-sec-h h3{display:inline-flex;align-items:center}
#device-host .pdv-safe-wrap{position:relative}
#device-host .pdv-safe-wrap>.pdv-i{position:absolute;top:14px;right:14px;margin:0;z-index:2}
#device-host .pdv-sheet .pdv-info-list{display:grid;gap:12px;margin:4px 0 20px;padding-left:18px;text-align:left}
#device-host .pdv-sheet .pdv-info-list li{font-size:var(--pd-type-label,15px);line-height:1.5;color:#c3cad5}
/* Вадим 28.10: горизонтальная шкала состояния в стиле бывшей вертикальной у сцены; вертикальная убрана */
#device-host .pdv-rc .pdv-rc-scale{display:block;width:100%;margin:40px 0 4px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
#device-host .pdv-rc .pdv-rc-track{position:relative;display:block;height:6px;margin:0 2px;border-radius:3px;background:linear-gradient(90deg,#3fb4ff,#8fbcd8 40%,#ffa040 60%,#ff2414);box-shadow:0 0 0 2px #0b0d10cc}
#device-host .pdv-rc .pdv-rc-track>i{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:#0b0d10aa;border-radius:1px}
#device-host .pdv-rc .pdv-rc-you{position:absolute;top:50%;left:calc(var(--pos) * 100%);transform:translate(-50%,-50%);display:block;width:22px;height:22px;z-index:2}
#device-host .pdv-rc .pdv-rc-you>.pd-orb-solo{box-shadow:0 0 0 2px #0b0d10,0 0 0 3.5px #fff,0 0 14px 3px #0009!important}
#device-host .pdv-rc .pdv-rc-you>em{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;padding:4px 8px;border-radius:8px;background:#0b0d10d9;border:1px solid #ffffff1a;font:700 11px/14px var(--pd-font,'Play',sans-serif);font-style:normal;color:#fff}
#device-host .pdv-rc .pdv-rc-ends{display:flex}
#device-host .pdv-rc .pdv-rc-mid{display:inline-flex;align-items:center}
#device-host .pdv-rc .pdv-rc-mid>.pdv-i{margin-left:6px;width:17px;height:17px}
#device-host .pdv-rc .pdv-rc-scale:active .pdv-rc-track{filter:brightness(1.15)}
/* Вадим 28.10: компактная шкала диапазона справа от талисмана */
#device-host .fr-hub .rbh .rbh-stage .pdv-sr{pointer-events:auto}
#device-host .pdv-sr{position:absolute;z-index:5;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:none;cursor:pointer;font:inherit;color:#fff;-webkit-tap-highlight-color:transparent}
#device-host .pdv-sr-end{font:700 12px/14px var(--pd-font,'Play',sans-serif);color:#dfe3ea;text-shadow:0 1px 4px #000}
#device-host .pdv-sr-track{position:relative;display:block;width:6px;height:150px;border-radius:3px;background:linear-gradient(to top,#3fb4ff,#8fbcd8 40%,#ffa040 60%,#ff2414);box-shadow:0 0 0 2px #0b0d10cc,0 0 12px #000}
#device-host .pdv-sr-track>i{position:absolute;left:-3px;right:-3px;height:2px;margin-bottom:-1px;background:#0b0d10aa;border-radius:1px}
#device-host .pdv-sr-knob{position:absolute;left:50%;bottom:calc(var(--pos) * 100%);transform:translate(-50%,50%);display:block;width:22px;height:22px}
#device-host .pdv-sr-knob>.pd-orb-solo{box-shadow:0 0 0 2px #0b0d10,0 0 0 3.5px #fff,0 0 14px 3px #0009!important}
#device-host .pdv-sr-knob>em{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;padding:4px 8px;border-radius:8px;background:#0b0d10d9;border:1px solid #ffffff1a;font-style:normal}
#device-host .pdv-sr-knob>em>b{font:700 15px/18px var(--pd-font,'Play',sans-serif);color:#fff}
#device-host .pdv-sr-knob>em>small{font:400 10px/12px var(--pd-font,'Play',sans-serif);color:#c9ced6}
#device-host .pdv-sr:active .pdv-sr-track{filter:brightness(1.15)}
/* Вадим 28.10: накопление сейфа под сценой */
#device-host .pds-home>.pdv-sb{padding:16px}
#device-host .pdv-sb-head{display:flex;align-items:center;justify-content:space-between;font:400 14px/20px var(--pd-font,'Play',sans-serif);color:#aab4c2}
#device-host .pdv-sb-head b{font-size:18px;color:#fff;font-variant-numeric:tabular-nums}
#device-host .pdv-sb-row{display:flex;align-items:center;gap:0;margin-top:10px}
#device-host .pdv-sb-bar{position:relative;flex:1;display:block;height:26px;border-radius:13px 0 0 13px;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff14;overflow:hidden;margin-right:-14px}
#device-host .pdv-sb-bar>i{position:absolute;left:0;top:0;bottom:0;border-radius:13px 0 0 13px;background:linear-gradient(90deg,#8a0f15,#D71921 60%,#ff6b73);box-shadow:0 0 16px #d7192180}
#device-host .pdv-sb-bar>em{position:absolute;left:12px;top:50%;transform:translateY(-50%);font:700 12px/14px var(--pd-font,'Play',sans-serif);font-style:normal;color:#fff;text-shadow:0 1px 3px #000}
#device-host .pdv-sb-safe{position:relative;flex:none;width:76px;height:76px}
#device-host .pdv-sb-safe>.pds-art{width:76px;height:76px}
#device-host .pdv-sb-x{position:absolute;right:-4px;top:-2px;min-width:30px;padding:3px 7px;border-radius:12px;background:#D71921;border:2px solid #0f1116;font:800 14px/16px var(--pd-font,'Play',sans-serif);color:#fff;text-align:center;box-shadow:0 2px 10px #d7192199}
#device-host .pdv-sb-next{display:block;margin-top:2px;font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#8e96a3}
#device-host .pdv-sb>.pds-primary{width:100%;margin-top:14px}
#device-host .pdv-sr>.pdv-sr-track{width:6px!important;min-width:0!important;padding:0!important;flex:none}
#device-host .pdv-sb-safe .pds-art-halo{display:none}
#device-host .pdv-sb-bar{margin-right:-6px;border-radius:13px}
#device-host .pdv-sb-bar>i{border-radius:13px}
#device-host .pdv-sb-x{z-index:2}
/* Вадим 28.10 (2): шкала — от верхней точки до ближнего борта стола, лига выше; сейф компактнее, кнопка в первом экране */
#device-host .pdv-sr{top:215px;bottom:84px;transform:none;gap:6px}
#device-host .pdv-sr>.pdv-sr-track{flex:1!important;height:auto!important}
#device-host .pdv-stage-shield{top:215px;transform:none}
#device-host .pdv-stage-shield:active{transform:scale(.95)}
#device-host .pds-home>.pdv-sb{padding:12px 16px 14px}
#device-host .pdv-sb-head{line-height:18px}
#device-host .pdv-sb-head b{font-size:17px}
#device-host .pdv-sb-row{margin-top:4px}
#device-host .pdv-sb-safe,#device-host .pdv-sb-safe>.pds-art{width:58px;height:58px}
#device-host .pdv-sb-bar{height:24px}
#device-host .pdv-sb-bar>em.pdv-sb-to{left:auto;right:12px;color:#c9ced6;font-weight:400}
#device-host .pdv-sb-x{right:-8px;top:-4px;font-size:12px;padding:2px 6px;min-width:26px}
#device-host .pdv-sb>.pds-primary{margin-top:8px;min-height:46px;height:46px}
/* Вадим 28.10: открытие сейфа — XP на плашке, итог одной суммой */
#device-host .fr-deal[data-safe] .frd-bank-split{display:none}
#device-host .fr-deal[data-safe] .pdv-pay{display:block;font:700 46px/1.05 var(--pd-font,'Play',sans-serif);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
#device-host .fr-deal[data-safe] .pdv-pay-sub{margin:6px 0 0;font:400 13px/18px var(--pd-font,'Play',sans-serif);color:#9aa3b0}
#device-host .fr-deal[data-safe] .frd-bank-chip{display:none}
#device-host .fr-deal[data-safe] .frd-phrase{display:none}
/* ——— 29.10: виджет сейфа, 5 вариантов (?safe=1…5) ——— */
#device-host .pdv-s{padding:14px 16px}
#device-host .pdv-s small{display:flex;align-items:center;gap:6px;font:400 13px/18px var(--pd-font,'Play',sans-serif);color:#aab4c2}
#device-host .pdv-s strong{display:block;font:700 26px/30px var(--pd-font,'Play',sans-serif);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
#device-host .pdv-s strong>span{font-size:14px;color:#aab4c2}
#device-host .pdv-s-bar{display:block;height:6px;margin:8px 0 6px;border-radius:3px;background:#ffffff14;overflow:hidden}
#device-host .pdv-s-bar>i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#8a0f15,#D71921 60%,#ff6b73);box-shadow:0 0 10px #d71921aa}
#device-host .pdv-s-cap{display:block;font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#8e96a3;white-space:nowrap}
#device-host .pdv-s-cap b{color:#fff}#device-host .pdv-s-cap>span{color:#ff5a60;font-weight:700}
#device-host .pdv-s-x{position:absolute;right:-6px;top:-4px;z-index:2;min-width:26px;padding:2px 6px;border-radius:12px;background:#D71921;border:2px solid #0f1116;font:700 12px/16px var(--pd-font,'Play',sans-serif);color:#fff;text-align:center}
#device-host .pdv-s .pds-art-halo{display:none}
#device-host .pdv-s>.pds-primary{width:100%;margin-top:12px;min-height:48px;height:48px}
/* 1 — крупный сейф слева */
#device-host .pdv-s1-row{display:flex;align-items:center;gap:14px}
#device-host .pdv-s-art{position:relative;flex:none;width:76px;height:76px}
#device-host .pdv-s-art>.pds-art{width:76px;height:76px}
#device-host .pdv-s-txt{flex:1;min-width:0}
/* 2 — точечная матрица */
#device-host .pdv-s-head{display:flex;align-items:baseline;gap:10px;position:relative}
#device-host .pdv-s-head small{flex:none}
#device-host .pdv-s-x--in{position:static;margin-left:auto}
#device-host .pdv-s2-dots{display:grid;grid-template-columns:repeat(20,1fr);gap:4px;margin:10px 0 6px}
#device-host .pdv-s2-dots>i{aspect-ratio:1;border-radius:50%;background:#ffffff14}
#device-host .pdv-s2-dots>i[data-on]{background:#ff2a33;box-shadow:0 0 6px #ff2a33}
/* 3 — одна строка */
#device-host .pdv-s3-row{display:flex;align-items:center;gap:12px}
#device-host .pdv-s3-row .pdv-s-art,#device-host .pdv-s3-row .pdv-s-art>.pds-art{width:56px;height:56px}
#device-host .pdv-s3-row strong{font-size:20px;line-height:24px}
#device-host .pdv-s3-btn{flex:none;width:auto!important;min-height:48px;height:48px;padding:0 18px;margin:0}
/* 4 — циферблат вокруг сейфа */
#device-host .pdv-s4-dial{position:relative;flex:none;display:grid;place-items:center;width:84px;height:84px}
#device-host .pdv-s4-dial>.pds-art{width:60px;height:60px}
#device-host .pdv-s4-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#D71921 calc(var(--p) * 360deg),#ffffff17 0);-webkit-mask:radial-gradient(closest-side,transparent 84%,#000 86%);mask:radial-gradient(closest-side,transparent 84%,#000 86%);filter:drop-shadow(0 0 6px #d71921aa)}
#device-host .pdv-s4-dial .pdv-s-x{right:-2px;top:0}
/* 5 — ряд сейфов по тысячам */
#device-host .pdv-s5-row{display:flex;align-items:center;gap:4px;margin:10px 0 6px}
#device-host .pdv-s5-it{position:relative;flex:none;width:30px;height:30px}
#device-host .pdv-s5-it>.pds-art{width:30px;height:30px}
#device-host .pdv-s5-now>.pds-art{opacity:.9}
#device-host .pdv-s5-now>i{position:absolute;left:0;right:0;top:0;background:#0f1116d9}
#device-host .pdv-s5-now{outline:1.5px dashed #D71921;outline-offset:2px;border-radius:6px}
#device-host .pdv-s5-more{font:700 12px/1 var(--pd-font,'Play',sans-serif);color:#fff}
#device-host .pdv-s[data-v="5"]{padding-top:12px;padding-bottom:12px}#device-host .pdv-s5-row{margin:6px 0 4px}#device-host .pdv-s[data-v="5"] strong{font-size:22px;line-height:26px}#device-host .pdv-s[data-v="5"]>.pds-primary{margin-top:8px;min-height:44px;height:44px}
/* Саша 29.10: «до ×7» на виджете не нужно */ #device-host .pdv-s .pdv-s-cap>span{display:none}
/* 29.10: сейф по центру по вертикали, подписи 0 … 1000 под шкалой */
#device-host .pdv-s3-row .pdv-s-art{display:grid;place-items:center;align-self:center}
#device-host .pdv-s3-row .pdv-s-art>.pds-art{position:relative;top:6px}
#device-host .pdv-s-ends{display:flex;justify-content:space-between;font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#8e96a3;font-variant-numeric:tabular-nums}
/* ——— 29.10: 10 подач виджета сейфа (?sw=1…10) ——— */
#device-host .pdv-w{padding:14px 16px;font-family:var(--pd-font,'Play',sans-serif);color:#fff}
#device-host .pdv-w small{font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#8e96a3}
#device-host .pdv-w b{font:700 18px/22px var(--pd-font,'Play',sans-serif);color:#fff;font-variant-numeric:tabular-nums}
#device-host .pdv-w b small{font-size:12px}
#device-host .pdv-w .pdv-w-big{font-size:26px;line-height:30px}
#device-host .pdv-w em{font-style:normal;color:#fff;font-weight:700}
#device-host .pdv-w-row{display:flex;align-items:center;gap:12px}
#device-host .pdv-w-col{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
#device-host .pdv-w-col--safe{flex:none;align-items:center;gap:0}
#device-host .pdv-w-safe{position:relative;flex:none;width:64px;height:64px}
#device-host .pdv-w-safe>.pds-art{width:64px;height:64px}
#device-host .pdv-w-safe.sm,#device-host .pdv-w-safe.sm>.pds-art{width:52px;height:52px}
#device-host .pdv-w-safe.xs,#device-host .pdv-w-safe.xs>.pds-art{width:30px;height:30px}
#device-host .pdv-w .pds-art-halo{display:none}
#device-host .pdv-w-bar{position:relative;display:block;height:6px;border-radius:3px;background:#ffffff14;overflow:visible}
#device-host .pdv-w-bar>i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#8a0f15,#D71921 60%,#ff6b73);box-shadow:0 0 10px #d71921aa}
#device-host .pdv-w-btn{flex:none;min-height:48px;height:48px;padding:0 18px;margin:0}
#device-host .pdv-w>.pdv-w-btn{width:100%;margin-top:12px}
/* 1 */
#device-host .pdv-w-arrow{position:absolute;right:-14px;top:50%;transform:translateY(-55%);font-size:20px;color:#ff5a60}
#device-host .pdv-w-into{flex:none;padding:3px 7px;border-radius:999px;background:#d7192122;color:#ff5a60;font:700 11px/14px var(--pd-font,'Play',sans-serif)}
/* 2 */
#device-host .pdv-w-cells{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}
#device-host .pdv-w-cells>i{height:10px;border-radius:2px;background:#ffffff14}
#device-host .pdv-w-cells>i[data-on]{background:#D71921;box-shadow:0 0 6px #d7192188}
/* 3 */
#device-host .pdv-w-ring{position:relative;flex:none;display:grid;place-items:center;width:78px;height:78px}
#device-host .pdv-w-ring::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(#D71921 calc(var(--p) * 360deg),#ffffff17 0);-webkit-mask:radial-gradient(closest-side,transparent 85%,#000 87%);mask:radial-gradient(closest-side,transparent 85%,#000 87%)}
#device-host .pdv-w-ring>.pdv-w-safe,#device-host .pdv-w-ring>.pdv-w-safe>.pds-art{width:54px;height:54px}
/* 4 */
#device-host .pdv-w-split{display:grid;grid-template-columns:1fr 1px 1fr;gap:14px;align-items:start}
#device-host .pdv-w-split>div{display:flex;flex-direction:column;gap:3px}
#device-host .pdv-w-div{align-self:stretch;background:#ffffff17}
/* 5 */
#device-host .pdv-w-head{display:flex;align-items:center;gap:8px}
#device-host .pdv-w-axis{position:relative;margin:26px 0 0}
#device-host .pdv-w-pin{position:absolute;bottom:12px;transform:translateX(-50%);padding:2px 6px;border-radius:6px;background:#D71921;font:700 11px/14px var(--pd-font,'Play',sans-serif)!important}
#device-host .pdv-w-ticks{display:flex;justify-content:space-between;margin-top:6px;font:400 11px/14px var(--pd-font,'Play',sans-serif);color:#8e96a3}
#device-host .pdv-w-goal{position:absolute;right:0;top:-24px;font:700 11px/14px var(--pd-font,'Play',sans-serif);color:#ff5a60}
/* 6 */
#device-host .pdv-w-ingots{display:flex;flex-wrap:wrap;gap:3px}
#device-host .pdv-w-ingots>i{display:grid;place-items:center;min-width:26px;height:16px;padding:0 3px;border-radius:3px;background:linear-gradient(180deg,#e9edf2,#9aa2ad);color:#1a1d22;font:700 9px/1 var(--pd-font,'Play',sans-serif);font-style:normal}
#device-host .pdv-w-ingots>.pdv-w-ing-now{position:relative;overflow:hidden;min-width:44px;background:#ffffff14;color:#fff;outline:1px dashed #D71921;outline-offset:-1px}
#device-host .pdv-w-ing-now>s{position:absolute;left:0;top:0;bottom:0;background:#D71921aa;text-decoration:none}
/* 7 */
#device-host .pdv-w-formula{display:flex;align-items:baseline;gap:6px}
#device-host .pdv-w-formula>b{font-size:24px;line-height:28px}
#device-host .pdv-w-formula>i{font-style:normal;color:#8e96a3;font-size:18px}
#device-host .pdv-w-formula>em{font-size:20px;color:#ff5a60}
/* 8 */
#device-host .pdv-w-pill{position:relative;display:flex;justify-content:space-between;align-items:center;height:30px;margin-top:10px;padding:0 12px;border-radius:15px;background:#ffffff12;overflow:hidden;font:700 12px/1 var(--pd-font,'Play',sans-serif)}
#device-host .pdv-w-pill>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8a0f15,#D71921 70%,#ff5a60)}
#device-host .pdv-w-pill>span{position:relative}
#device-host .pdv-w-pill>span:last-child{color:#ffd0d2}
/* 10 */
#device-host .pdv-w-tank{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:70px;border-radius:12px;background:#ffffff0d;box-shadow:inset 0 0 0 1.5px #ffffff26;overflow:hidden}
#device-host .pdv-w-tank>i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,#8a0f15,#D71921 70%,#ff6b73);box-shadow:0 -2px 8px #ff2a33}
#device-host .pdv-w-tank>b,#device-host .pdv-w-tank>small{position:relative;line-height:1}
#device-host .pdv-w-tank>small{color:#fff9;font-size:10px}
#device-host .pdv-w-row>.pdv-w-btn{width:auto!important;min-width:0;flex:none;padding:0 16px;font-size:14px}
#device-host .pdv-w-row>.pdv-w-col{flex:1 1 0;min-width:0}
#device-host .pdv-w .pdv-w-col small{white-space:normal}
/* ——— 29.10: 20 подач виджета сейфа (?sv=1…20), единые слова ——— */
#device-host .pdq{position:relative;overflow:hidden;padding:14px 16px;display:flex;flex-direction:column;gap:10px;font-family:var(--pd-font,'Play',sans-serif);color:#fff}
#device-host .pdq .pds-art-halo{display:none}
#device-host .pdq-row{display:flex;align-items:center;gap:12px}
#device-host .pdq-row2{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
#device-host .pdq-col{display:flex;flex-direction:column;gap:4px;min-width:0}
#device-host .pdq-grow{flex:1 1 0;min-width:0}
#device-host .pdq-end{align-items:flex-end;text-align:right}
#device-host .pdq-center{display:flex;flex-direction:column;align-items:center;gap:2px}
#device-host .pdq-lbl{font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#8e96a3;white-space:nowrap}
#device-host .pdq-amt{font:700 20px/24px var(--pd-font,'Play',sans-serif);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
#device-host .pdq-amt--big{font-size:28px;line-height:32px}
#device-host .pdq-amt small{font-size:13px;color:#8e96a3}
#device-host .pdq-nx{font:400 13px/16px var(--pd-font,'Play',sans-serif);color:#8e96a3;white-space:nowrap;font-variant-numeric:tabular-nums}
#device-host .pdq-nx b{color:#fff;font-weight:700}
#device-host .pdq-art{position:relative;flex:none;display:grid;place-items:center}
#device-host .pdq-art>.pds-art{width:100%;height:100%}
#device-host .pdq-art--plate{border-radius:14px;background:radial-gradient(circle at 50% 40%,#ffffff12,#ffffff03 70%);box-shadow:inset 0 0 0 1px #ffffff12}
#device-host .pdq-art--glow::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(closest-side,#d7192155,transparent);filter:blur(6px)}
#device-host .pdq-bar{display:block;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}
#device-host .pdq-bar--thick{height:10px;border-radius:5px}
#device-host .pdq-bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8a0f15,#D71921 60%,#ff6b73);box-shadow:0 0 10px #d71921aa}
#device-host .pdq-cells{display:grid;gap:3px}
#device-host .pdq-cells>i{height:8px;border-radius:2px;background:#ffffff14}
#device-host .pdq-cells>i[data-on]{background:#D71921;box-shadow:0 0 6px #d7192188}
#device-host .pdq-btn{width:100%;min-height:48px;height:48px;margin:0}
#device-host .pdq-btn--in{width:auto!important;flex:none;padding:0 18px;font-size:14px}
#device-host .pdq-ring{position:relative;flex:none;display:grid;place-items:center}
#device-host .pdq-ring::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(#D71921 calc(var(--p) * 360deg),#ffffff17 0);-webkit-mask:radial-gradient(closest-side,transparent 86%,#000 88%);mask:radial-gradient(closest-side,transparent 86%,#000 88%);filter:drop-shadow(0 0 4px #d7192188)}
#device-host .pdq--bg{min-height:150px}
#device-host .pdq-bgart{position:absolute;right:-6px;top:-4px;width:130px;height:130px;opacity:.95;pointer-events:none}
#device-host .pdq-bgart>.pds-art{width:100%;height:100%}
#device-host .pdq-half{width:58%}
#device-host .pdq--bg>*{position:relative}
#device-host .pdq-vdiv{align-self:stretch;width:1px;background:#ffffff17}
#device-host .pdq-hdiv{display:block;height:1px;background:#ffffff12}
#device-host .pdq-vbar{position:relative;flex:none;width:6px;height:70px;border-radius:3px;background:#ffffff14;overflow:hidden}
#device-host .pdq-vbar>i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,#8a0f15,#D71921 60%,#ff6b73)}
#device-host .pdq-pill{position:relative;display:flex;justify-content:space-between;align-items:center;height:30px;padding:0 12px;border-radius:15px;background:#ffffff12;overflow:hidden;font:700 12px/1 var(--pd-font,'Play',sans-serif)}
#device-host .pdq-pill>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8a0f15,#D71921 70%,#ff5a60)}
#device-host .pdq-pill>span{position:relative}
#device-host .pdq-card{padding:10px 12px;border-radius:12px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12}
#device-host .pdq-arcbox{position:relative;flex:none;display:grid;place-items:center;width:84px;height:70px}
#device-host .pdq-arc{position:absolute;left:0;right:0;top:0;height:84px;border-radius:50%;background:conic-gradient(from -120deg,#D71921 calc(var(--p) * 240deg),#ffffff17 0 240deg,transparent 0);-webkit-mask:radial-gradient(closest-side,transparent 86%,#000 88%);mask:radial-gradient(closest-side,transparent 86%,#000 88%)}
#device-host .pdq-arcbox>.pdq-art{margin-top:12px}
#device-host .pdq-top{align-items:flex-start}
#device-host .pdq-tag{align-self:flex-start;padding:3px 8px;border-radius:999px;background:#d7192122;color:#ff8a8f;font:700 11px/14px var(--pd-font,'Play',sans-serif)}
#device-host .pdq-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
#device-host .pdq-seg>i{position:relative;height:8px;border-radius:2px;background:#ffffff14;overflow:hidden}
#device-host .pdq-seg>i>s{position:absolute;left:0;top:0;bottom:0;background:#D71921;text-decoration:none}
#device-host .pdq-bgart{opacity:1}
#device-host .pdq[data-v="5"] .pdq-art{width:64px!important;height:64px!important}
#device-host .pdq--bg>.pdq-bgart{position:absolute!important;right:-6px;top:4px}

/* Effects may extend past the scale marker; labels and hit target stay fixed. */
#device-host .pd-thermal-scale-orb{position:relative;display:block;border-radius:50%;overflow:visible;background:transparent;isolation:isolate;pointer-events:none}

/* Compact explanation: current rate, three factors, then the material scale. */
#device-host .pdv-rb-backdrop{padding:16px;align-items:center}
#device-host .pdv-rb-dialog{display:flex;flex-direction:column;max-height:100%;position:relative;padding:0;overflow:hidden;border-radius:24px;background:var(--pd-surface);font-family:var(--pd-font);color:var(--pd-ink)}
#device-host .pdv-rb-dialog-head{position:absolute;top:8px;right:8px;z-index:1}
#device-host .pdv-rb-dialog-head .np-close{position:static;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;border-radius:12px;color:var(--pd-muted);border:0;background:transparent}
.pdv-rb-dialog-head .np-close svg{width:20px;height:20px}
.pdv-rb-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 20px 0;scrollbar-width:none}
.pdv-rb-scroll::-webkit-scrollbar{display:none}
#device-host .pdv-rb-footer{flex:none;padding:12px 20px 16px;border:0;background:var(--pd-surface)}
#device-host .pdv-rb-footer .pd-btn{min-height:52px;margin:0;font:700 var(--pd-type-label)/var(--pd-leading-label) var(--pd-font)}
.pdv-rb-hero{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 32px 12px}
#device-host .pdv-rb-dialog .pdv-rb-kick{display:block;margin:0;font:700 var(--pd-type-label)/var(--pd-leading-label) var(--pd-font);letter-spacing:.08em;text-transform:uppercase;color:var(--pd-muted);text-align:center}
.pdv-rb-pct{display:block;font:700 var(--pd-type-hero)/1 var(--pd-font);letter-spacing:-.03em;color:var(--pd-ink);font-variant-numeric:tabular-nums}
.pdv-rb-pct small{font:700 var(--pd-type-submetric)/1 var(--pd-font);letter-spacing:0;color:var(--pd-muted)}
.pdv-rb-range{padding:12px 0 0;border-top:1px solid var(--pd-line)}
.pdv-rb-range-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
#device-host .pdv-rb-range-head h3{margin:0;text-transform:none;letter-spacing:0;font:700 var(--pd-type-body)/var(--pd-leading-body) var(--pd-font);color:var(--pd-ink)}
.pdv-rb-range-head>b{font:700 var(--pd-type-body)/var(--pd-leading-body) var(--pd-font);white-space:nowrap;font-variant-numeric:tabular-nums}
#device-host .pdv-rb-dialog .pdv-rb-hint{margin:4px 0 16px;font:400 var(--pd-type-label)/var(--pd-leading-label) var(--pd-font);text-align:left;color:var(--pd-muted)}
.pdv-rb-pane{margin:8px -20px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;touch-action:pan-x;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
.pdv-rb-pane::-webkit-scrollbar{display:none}
.pdv-rb-pane:active{cursor:grabbing}
.pdv-rb-pane:focus-visible{outline:2px solid var(--pd-muted);outline-offset:-2px}
.pdv-rb-ruler{position:relative;height:112px;user-select:none}
.pdv-rb-tag{position:absolute;top:0;height:44px;display:flex;flex-direction:column;align-items:flex-start;padding-left:8px;box-sizing:border-box;white-space:nowrap;color:var(--pd-muted)}
.pdv-rb-tag b{font:700 var(--pd-type-label)/var(--pd-leading-label) var(--pd-font)}
.pdv-rb-tag small{font:400 var(--pd-type-label)/var(--pd-leading-label) var(--pd-font);color:var(--pd-muted)}
.pdv-rb-tag[data-now] b{color:var(--pd-ink)}
.pdv-rb-seg{position:absolute;top:44px;height:28px;box-sizing:border-box;background-position:center;background-size:100% 100%;border-right:2px solid var(--pd-surface);box-shadow:inset 0 1px 0 #ffffff8c,inset 0 -3px 2px #0007,inset 0 0 0 1px #ffffff30}
.pdv-rb-seg[data-m=wood]{background-image:url('../assets/materials/gift-wood-sy109/color.png');background-size:180px 140px;border-radius:6px 0 0 6px}
.pdv-rb-seg[data-m=bronze]{background-image:url('../assets/materials/league-sy100/plain-bronze.png')}
.pdv-rb-seg[data-m=silver]{background-image:url('../assets/materials/league-sy100/plain-silver.png')}
.pdv-rb-seg[data-m=gold]{background-image:url('../assets/materials/league-sy100/plain-gold.png')}
.pdv-rb-seg[data-m=diamond]{background-image:linear-gradient(105deg,#8f142a 0%,#c64b5b 38%,#e5a2ab 59%,#ac233b 82%,#681323 100%),url('../assets/materials/dot-metal-sy115/color.png');background-blend-mode:color,normal;border-radius:0 6px 6px 0}
.pdv-rb-seg[data-closed]::after{content:'';position:absolute;inset:0;background:#07090d50;pointer-events:none}
.pdv-rb-lock{position:absolute;z-index:1;right:10px;top:5px;display:flex;width:18px;height:18px;align-items:center;justify-content:center;color:#fff;filter:drop-shadow(0 1px 2px #000)}
.pdv-rb-lock svg{width:10px;height:12px}
.pdv-rb-tick{position:absolute;top:76px;width:1px;height:4px;background:#ffffff28}
.pdv-rb-tick[data-big]{height:8px;background:#ffffff70}
.pdv-rb-num{position:absolute;top:88px;transform:translateX(-50%);font:400 var(--pd-type-label)/var(--pd-leading-label) var(--pd-font);color:var(--pd-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.pdv-rb-num[data-max]{font-weight:700;color:var(--pd-ink)}
.pdv-rb-knob{position:absolute;z-index:2;top:38px;display:grid;place-items:center;width:40px;height:40px;border:2px solid #f0f2f5;border-radius:50%;background:var(--pd-surface);box-shadow:0 3px 10px #0009;transform:translateX(-50%)}
.pdv-rb-range-note{display:flex;align-items:center;justify-content:space-between;gap:8px;font:400 var(--pd-type-label)/var(--pd-leading-label) var(--pd-font);color:var(--pd-muted)}
.pdv-rb-range-note>span{font-size:var(--pd-type-title);line-height:24px}
#device-host .pdv-rb-sub{margin:0;padding:12px 0 4px;border-top:1px solid var(--pd-line);font:700 var(--pd-type-label)/var(--pd-leading-label) var(--pd-font);letter-spacing:.04em;text-transform:uppercase;text-align:left;color:var(--pd-muted)}
#device-host .pdv-rb-parts{list-style:none;margin:0;padding:0}
.pdv-rb-part{display:grid;grid-template-columns:40px minmax(0,1fr) auto;column-gap:12px;row-gap:4px;align-items:center;padding:8px 0;margin:0;border-bottom:1px solid var(--pd-line);text-align:left}
.pdv-rb-part:last-child{border:0;padding-bottom:12px}
.pdv-rb-ico{grid-row:1/3;align-self:start;display:grid;place-items:center;width:40px;height:48px}
.pdv-rb-ico>img{width:100%;height:100%;object-fit:contain}
.pdv-rb-identity{min-width:0}
.pdv-rb-identity>span{display:block;font:400 var(--pd-type-label)/var(--pd-leading-label) var(--pd-font);color:var(--pd-muted)}
.pdv-rb-identity>strong{display:block;font:700 var(--pd-type-body)/var(--pd-leading-body) var(--pd-font);color:var(--pd-ink)}
.pdv-rb-value{align-self:end;font:700 var(--pd-type-body)/var(--pd-leading-body) var(--pd-font);color:var(--pd-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
#device-host .pdv-rb-dialog .pdv-rb-part>p{grid-column:2/-1;margin:0;font:400 var(--pd-type-body)/var(--pd-leading-body) var(--pd-font);color:var(--pd-muted);text-align:left}
.pdv-rb-ico .pd-statue-thumb{pointer-events:none}
.pdv-rb-ico .pd-st3d-cv{pointer-events:none!important}