/* Safes · native PokerDot tokens, existing assets, 402px portrait stage. */
.pds-hub,.pds-opening,.pds-rates,.pds-history,.pds-panel,.pds-reward-widget{font-family:var(--pd-font,'Play',sans-serif);color:#f0f2f5;--safe-color:#d4e1ed}
.pds-hub *,.pds-opening *,.pds-rates *,.pds-panel *{box-sizing:border-box}
#device-host .pds-hub .fr-hub-scroll{padding:0 16px 108px;overflow-x:hidden}
#device-host .pds-hub:has(>.pd-route-header) .fr-hub-scroll{padding-bottom:32px}
#device-host .pds-home{padding-bottom:8px}
#device-host .pds-home .rbh-stage{margin-top:0}
#device-host .pds-home .rbh-ti{margin-bottom:20px}
#device-host .pds-home .rbh-pill{top:24px}
.pds-eyebrow{font:700 var(--pd-type-label,14px)/20px var(--pd-font,'Play',sans-serif);letter-spacing:.08em;color:#a7b0bd}
.pds-panel{position:relative;border:1px solid #ffffff20;border-radius:20px;padding:20px;background:radial-gradient(ellipse at 20% 30%,#c8e1ff0a,transparent 65%),linear-gradient(140deg,#1b1f25,#101216);box-shadow:0 10px 30px #0003;overflow:hidden}
.pds-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pds-pill{font-size:var(--pd-type-label,14px);line-height:20px;color:#b8c2ce}
.pds-panel-main{display:flex;align-items:center;gap:4px;min-height:136px;margin:0 -12px 0 -16px}
.pds-panel-main>.pds-art{width:142px;height:132px;flex:none}
.pds-panel-main>div{display:flex;flex-direction:column;gap:4px;min-width:0;padding-bottom:12px}
.pds-count{display:flex;align-items:baseline;gap:8px;font:700 var(--pd-type-hero,48px)/1 var(--pd-font);letter-spacing:-.03em}
.pds-count>span{font:400 var(--pd-type-body,16px)/24px var(--pd-font);color:#aeb8c5;letter-spacing:0}
.pds-panel-name{font-size:var(--pd-type-body,16px);line-height:24px;font-weight:700;color:var(--safe-color)}
.pds-panel-cap{font-size:var(--pd-type-label,14px);line-height:20px;color:#b8c2ce}
.pds-progress-label{display:flex;justify-content:space-between;gap:8px;font-size:var(--pd-type-label,14px);line-height:20px;color:#b8c2ce}
.pds-progress-label b{font-weight:400;color:#e9edf2;white-space:nowrap;font-variant-numeric:tabular-nums}
.pds-progress{height:4px;background:#ffffff17;border-radius:4px;overflow:hidden;margin-top:12px}
.pds-progress>i{height:100%;display:block;background:linear-gradient(90deg,#d71921,#f2767d);border-radius:4px;transition:width .5s ease}
.pds-next{display:flex;align-items:center;gap:8px;margin:12px 0 16px;color:#aeb8c5;font-size:var(--pd-type-label,14px);line-height:20px}
.pds-next .pds-material{width:20px;height:20px;flex:none}
#device-host .pds-primary{width:100%;min-height:52px;border-radius:12px;margin-top:4px;font-size:var(--pd-type-body,16px);font-weight:700}
#device-host .pds-primary:disabled{opacity:.45;cursor:default}
.pds-hint,.pds-demo-note{font-size:var(--pd-type-label,14px);line-height:20px;color:#aab4c2;margin:12px 0 0;text-wrap:pretty}
.pds-demo-note{color:#99a4b4;text-align:center;margin:20px 0}
.pds-art{position:relative;display:block;overflow:hidden}
.pds-art>img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:screen;position:relative;z-index:1}
.pds-art-halo{position:absolute;inset:20% 12% 24%;background:radial-gradient(ellipse,color-mix(in srgb,var(--safe-color) 13%,transparent),transparent 70%);filter:blur(10px);z-index:-1}
.pds-links{margin:20px 0 0;border-top:1px solid #ffffff14}
#device-host .pds-link{width:100%;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;border:0;border-bottom:1px solid #ffffff14;padding:16px 4px;text-align:left;font:400 var(--pd-type-body,16px)/24px var(--pd-font);color:#edf0f5;cursor:pointer}
#device-host .pds-link>span:last-child{color:#abb5c3}
#device-host .pds-link:active{background:#ffffff06}
.pds-how{margin-top:32px}
.pds-how h3{font-size:var(--pd-type-title,20px);line-height:28px;margin:0 0 20px}
.pds-how ol{list-style:none;margin:0;padding:0;counter-reset:safes;display:flex;flex-direction:column;gap:20px}
.pds-how li{position:relative;padding-left:40px;counter-increment:safes}
.pds-how li::before{content:counter(safes);position:absolute;left:0;top:0;width:28px;height:28px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:50%;color:#e1bbc0;font-size:var(--pd-type-label,14px)}
.pds-how li b{font-size:var(--pd-type-body,16px);line-height:24px}
.pds-how li p{font-size:var(--pd-type-label,14px);line-height:20px;color:#aeb8c5;margin:4px 0 0}
.pds-demo-controls{margin-top:28px;border-top:1px solid #ffffff14;padding-top:16px;font-size:var(--pd-type-label,14px);line-height:20px;color:#aab4c2}
.pds-demo-controls summary{min-height:44px;cursor:pointer;padding:12px 0}
.pds-demo-controls button{width:100%;margin-top:12px}
.pds-material{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--safe-color)}
.pds-material>i{display:block;width:22px;height:22px;border-radius:5px;transform:rotate(-12deg);border:1px solid #ffffff65;background:linear-gradient(145deg,#fff8 0,transparent 30%,#0004 75%,#fff5),var(--safe-color);box-shadow:inset 0 0 0 2px #0002,0 3px 5px #0005}
.pds-material[data-m=wood]>i{background:repeating-linear-gradient(0deg,transparent 0 4px,#51321d44 5px 6px),linear-gradient(145deg,#c99764,#785132)}
.pds-material svg{width:28px;height:28px;filter:drop-shadow(0 0 4px #a9eafa33)}
.pds-page-intro{padding:24px 0 0}
.pds-page-intro h2{font:700 var(--pd-type-section,24px)/32px var(--pd-font);letter-spacing:-.02em;margin:8px 0 12px}
.pds-page-intro p{font-size:var(--pd-type-body,16px);line-height:24px;color:#b5bfcd;margin:0}
.pds-current{display:flex;align-items:center;gap:12px;padding:16px 12px;margin:20px 0;background:#ffffff05;border:1px solid #ffffff20;border-radius:12px}
.pds-current>span:nth-child(2){flex:1;font-size:var(--pd-type-label,14px);line-height:20px;color:#aab4c2}
.pds-current strong{display:block;color:#edf1f6;font-size:var(--pd-type-label,14px);line-height:20px;margin-top:3px}
.pds-current>b{font-size:var(--pd-type-body,16px);color:var(--safe-color);white-space:nowrap}
.pds-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;padding:0 0 20px}
.pds-legend>span{display:flex;align-items:center;gap:4px;font-size:var(--pd-type-label,14px);line-height:20px;color:#b8c2ce}
.pds-legend .pds-material{width:22px;height:22px}.pds-legend .pds-material>i{width:16px;height:16px}.pds-legend svg{width:22px;height:22px}
.pds-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:var(--pd-type-label,14px);line-height:20px;font-variant-numeric:tabular-nums}
.pds-table caption{text-align:left;padding:0 0 12px;color:#adb8c7;font-size:var(--pd-type-label,14px);line-height:20px}
.pds-table th,.pds-table td{border-bottom:1px solid #ffffff10;padding:12px 2px;text-align:center;vertical-align:middle}
.pds-table thead th{background:#1a1e24;border-top:1px solid #ffffff15}
.pds-table thead th:first-child{border-radius:10px 0 0 0;text-align:left;padding-left:8px}
.pds-table thead th:last-child{border-radius:0 10px 0 0}
.pds-table tbody th{text-align:left;font-weight:400;padding-left:8px;overflow-wrap:anywhere;color:#d3dbe5}
.pds-table td{font-weight:700;color:var(--safe-color);background:color-mix(in srgb,var(--safe-color) 4%,transparent)}
.pds-table td span{font-weight:400;font-size:var(--pd-type-label,14px);opacity:.75}
.pds-table tr[data-current] th{color:#fff;background:#d7192116;font-weight:700;border-left:2px solid #d71921}
.pds-table td[data-now]{background:#a9eafa1f;box-shadow:inset 0 0 0 1px #bdefff88;border-radius:7px;color:#fff}
.pds-example{margin:24px 0 0;border:1px solid #ffffff18;border-radius:16px;padding:20px;background:linear-gradient(120deg,#a37a4510,#a9eafa0a)}
.pds-example>div{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:var(--pd-type-label,14px);color:#b8c2ce}
.pds-example b{display:block;color:#edf1f6;font-size:var(--pd-type-section,24px);line-height:32px;margin-top:4px}
.pds-example i{font-size:24px;font-style:normal;color:#8b98a8}
.pds-example p{font-size:var(--pd-type-label,14px);line-height:20px;color:#b8c2ce;margin:16px 0 0}
.pds-film{display:block;overflow:hidden;width:100%;height:100%;mix-blend-mode:screen}
.pds-film>img{display:block;height:100%;width:4800%;max-width:none;object-fit:fill;animation:pds-open 1.6s steps(47) both;transform:translateX(-97.9166667%)}
.pds-art[data-material=silver] .pds-film{filter:grayscale(1) brightness(1.2)}
.pds-art[data-material=gold] .pds-film{filter:sepia(.5) saturate(1.5) brightness(1.1)}
.pds-art[data-material=diamond] .pds-film{filter:grayscale(1) sepia(.4) hue-rotate(145deg) saturate(1.5) brightness(1.35)}
.pds-art[data-material=wood] .pds-film{filter:sepia(.5) saturate(.6)}
#device-host .pds-reward-widget{display:block;width:100%;padding:16px;border:1px solid #ffffff1c;border-radius:16px;background:#12151a;text-align:left;cursor:pointer}
.pds-widget-top{display:flex;justify-content:space-between;font-size:var(--pd-type-body,16px);line-height:24px}
.pds-reward-widget .pds-panel{background:none;border:0;box-shadow:none;padding:12px 0 20px}
.pds-reward-widget .pds-panel-head{display:none}.pds-reward-widget .pds-panel-main{margin:0 -8px 4px;min-height:110px}.pds-reward-widget .pds-panel-main>.pds-art{width:120px;height:110px}
.pds-reward-widget .pd-btn{width:100%}.pds-reward-widget .pds-count{font-size:var(--pd-type-metric,32px)}
#device-host .rbh-ti-mat[data-m=diamond]{--mat-c:#a9eafa}
.pd-tal-art[data-material=diamond]>.pd-tal-fig,.pd-tal-art[data-material=diamond]>.pd-tal-ped{filter:brightness(1.12) drop-shadow(0 0 3px #a9eafa55)}
@keyframes pds-open{from{transform:translateX(0)}to{transform:translateX(-97.9166667%)}}
@keyframes pds-result{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes pds-ray{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.pds-film>img,.pds-reveal-rays,.pds-result{animation:none!important}.pds-progress>i{transition:none}}
#device-host .pd-career:has(.pds-home[data-scrolled])>.pd-route-header{background:#080a0ef5!important}
#device-host .pd-career:has(.pds-home[data-scrolled])>.pd-career-tabs{background:#080a0ef5!important}
/* Safe02: the primary bar under the talisman tracks the next 1,000-XP safe. */
.rbh-ti>.pds-safe-progress{margin-top:20px}
.rbh-ti>.pds-safe-progress .pds-next{margin-bottom:0}
#device-host .pds-home>.pds-material-path{margin:24px 0 0}
.pds-material-path .pdt-sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.pds-material-path .pdt-sec-h h3{font:700 var(--pd-type-body,16px)/24px var(--pd-font);margin:0}
.pds-material-path .pdt-sec-h>span{font-size:var(--pd-type-label,14px);color:#aab4c2}
.pds-material-path .pds-material-steps{display:block;margin-bottom:20px}
.pds-receipt-talisman{display:flex;width:64px;height:84px;flex:none;align-items:center;justify-content:center}
.pds-receipt-talisman img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 8px #0008)}

/* Keep the existing rakeback payout scene and native image proportions. */
.pds-bank{font:700 var(--pd-type-metric,32px)/1.2 var(--pd-font);white-space:nowrap}
.pds-bank>span{font-size:16px;color:#aeb8c5;font-weight:400}
.fr-deal[data-safe] .frd-safe-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.fr-deal[data-safe] .frd-safe-stage>.pds-art{height:100%;max-height:350px;width:auto;aspect-ratio:262 / 319;flex:none}
.fr-deal[data-safe] .pds-film>img{width:4800%;height:auto;aspect-ratio:12576 / 319;object-fit:contain}

/* Safe04: the safe, accumulation bar and opening action share the first tile. */
.pds-inline{margin-top:12px}
.pds-inline-main{display:flex;align-items:center;gap:8px;margin:0 -8px 12px}
.pds-inline-main>.pds-art{width:124px;height:124px;flex:none}
.pds-inline-main>div{min-width:0;display:flex;flex-direction:column;gap:6px}
.pds-inline-main .pds-bank{font-size:28px}
#device-host .pds-inline>.pds-primary{margin-top:20px}
@media(max-width:360px){.pds-inline-main>.pds-art{width:96px;height:112px}.pds-inline-main .pds-bank{font-size:24px}.pds-inline-main .pds-panel-name{font-size:14px}}

/* Safe05: a quiet dark reward backdrop, with no poker table or felt. */
#device-host .fr-deal[data-safe]>.pds-safe-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 32% at 50% 35%,#d4e1ed0b,transparent 75%),radial-gradient(ellipse 80% 28% at 50% 105%,#d719210c,transparent 75%),#08090b}

/* Safe06: the complete animation frame spans the screen; the receipt statue is readable. */
#device-host .fr-deal[data-safe]{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;background:#08090b}
#device-host .fr-deal[data-safe]>.pd-route-header,#device-host .fr-deal[data-safe]>.frd-top,#device-host .fr-deal[data-safe]>.frd-panel{flex-shrink:0}
#device-host .fr-deal[data-safe]>.frd-safe-stage{flex:0 0 auto;width:100%;height:auto;aspect-ratio:262 / 319;overflow:visible}
#device-host .fr-deal[data-safe] .frd-safe-stage>.pds-art{width:100%;height:auto;max-height:none;aspect-ratio:262 / 319}
#device-host .fr-deal[data-safe] .frd-tal{gap:16px;min-height:140px;padding-top:12px}
#device-host .fr-deal[data-safe] .frd-tal-art{width:96px;height:auto;aspect-ratio:768 / 996.3;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
#device-host .fr-deal[data-safe] .frd-tal-art>.pd-tal-art{position:relative;left:auto;right:auto;bottom:auto;width:100%}
#device-host .fr-deal[data-safe] .frd-tal-txt>b{display:block;white-space:normal;font-size:20px;line-height:26px}
#device-host .fr-deal[data-safe] .frd-tal-txt>b>small{display:block;margin:6px 0 0;white-space:normal;overflow:visible;font-size:14px;line-height:20px}
#device-host .fr-deal[data-safe]>.frd-footer{position:sticky;bottom:0;z-index:4;background:linear-gradient(#08090b00,#08090b 18px);padding-top:20px}
/* Five equal legend columns keep Diamond aligned with the other materials. */
.pds-legend{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px 0 24px}
.pds-legend>span{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;font-size:12px;line-height:16px;text-align:center;white-space:nowrap}
.pds-legend .pds-material,.pds-legend svg{width:28px;height:28px}
.pds-legend .pds-material>i{width:22px;height:22px}

/* Align the safe body with the XP figure, allowing space for its reflection below. */
.pds-inline{margin-top:20px}
.pds-inline-main{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:12px;min-height:148px;margin:0 0 20px}
.pds-inline-main>.pds-art{width:132px;height:132px;position:relative;top:12px;transform:none}
.pds-inline-main>div{gap:8px}
.pds-inline-main .pds-bank{font-size:32px;line-height:36px}
.pds-inline-main .pds-panel-name{font-size:14px;line-height:20px;font-weight:400;color:#b8c2ce}
#device-host .pds-home>.rbh-stage{cursor:default;pointer-events:none}
@media(max-width:360px){.pds-inline-main{grid-template-columns:112px minmax(0,1fr);gap:8px;min-height:136px}.pds-inline-main>.pds-art{width:112px;height:112px}.pds-inline-main .pds-bank{font-size:28px}}

/* Safe07: a compact first tile, with the same clear opening action. */
#device-host .pds-home>.rbh-ti{padding:14px 16px}
.pds-inline{margin-top:4px}
.pds-inline-main{grid-template-columns:100px minmax(0,1fr);gap:12px;min-height:100px;margin:0 0 8px}
.pds-inline-main>.pds-art{width:100px;height:100px;top:6px}
.pds-inline-main>div{gap:4px}
.pds-inline-main .pds-bank{font-size:28px;line-height:32px}
.pds-inline .pds-progress{margin-top:8px}
#device-host .pds-inline>.pds-primary{margin-top:12px;min-height:48px}
#device-host .pds-home>.rbh-ti>.rbh-ti-foot{margin-top:10px;padding-top:8px}
.fr-deal[data-safe] .frd-tal-state{display:flex;align-items:center;gap:6px;margin-top:8px;font:400 13px/18px var(--pd-font);color:var(--state-color)}
.fr-deal[data-safe] .frd-tal-state>i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.fr-deal[data-safe] .frd-tal .pd-tal-orbx{transform:scale(1.12);box-shadow:0 0 8px 2px var(--orb-m),0 0 20px 3px color-mix(in srgb,var(--orb-m) 55%,transparent)}
@media(prefers-reduced-motion:no-preference){
.fr-deal[data-safe] .frd-tal .pd-tal-orbx{animation:pds-orb-glow 2.6s ease-in-out infinite alternate}
.fr-deal[data-safe] .frd-tal .pd-tal-orbx>.f1{animation-duration:3.6s}
.fr-deal[data-safe] .frd-tal .pd-tal-orbx>.f2{animation-duration:5s}
.fr-deal[data-safe] .frd-tal .pd-tal-orbx>.f3{animation-duration:2.8s}
.fr-deal[data-safe] .frd-tal .pd-tal-orbx>.o-heart{animation-duration:1.6s}
}
@keyframes pds-orb-glow{from{box-shadow:0 0 7px 1px var(--orb-m),0 0 16px 2px color-mix(in srgb,var(--orb-m) 40%,transparent)}to{box-shadow:0 0 10px 3px var(--orb-m),0 0 24px 5px color-mix(in srgb,var(--orb-m) 65%,transparent)}}
/* Show the talisman as soon as the result appears; animate the sphere itself. */
#device-host .fr-deal[data-safe] .frd-tal{animation:none}

/* Саша 27.10: материалы — не шары (путались со сферой активности), а плашки-слитки с текстурой */
.pds-material>i,.pds-material[data-m]>i{width:26px!important;height:16px!important;border-radius:4px;transform:none;border:0;background:var(--plate) center/100% 100% no-repeat!important;box-shadow:0 2px 4px #0007,0 0 0 1px #ffffff14}
.pds-material svg{display:none}
.pds-material[data-m=diamond]::before{content:none}
.pds-material[data-m=diamond]{background:var(--plate) center/26px 16px no-repeat}
/* виджет: сейф чуть ниже */
.pds-inline-main{margin-bottom:28px!important}
/* top вместо transform: transform создаёт свой слой, и mix-blend-mode:screen у картинки давал чёрный квадрат */
#device-host .pds-inline-main>.pds-art{align-self:end;position:relative;top:16px}
.pds-reward-widget .pds-panel-main{margin-bottom:20px!important}
.pds-reward-widget .pds-panel-main>.pds-art{position:relative;top:12px}
/* ——— Вадим 27.10 ——— */
/* шкала шара справа на сцене */
#device-host .rbh-stage{position:relative}
#device-host .pdv-scale{position:absolute;z-index:5;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;
  padding:10px 7px 12px;border:1px solid #ffffff17;border-radius:18px;background:#0b0d10b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;color:#fff;font:inherit}
.pdv-scale-k{font:700 8px/10px var(--pd-font,'Play',sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#8e8e98}
.pdv-scale-o{position:relative;display:grid;place-items:center;width:26px;height:20px}
.pdv-scale-o[data-now]{height:30px}
.pdv-scale-o:not([data-now])>.pd-orb-solo{opacity:.55}
.pdv-scale-o[data-now]>.pd-orb-solo{box-shadow:0 0 0 2px #0b0d10,0 0 0 3.5px #D71921,0 0 14px 2px color-mix(in srgb,var(--orb) 70%,transparent)!important}
.pdv-scale-o>em{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;font:700 11px/14px var(--pd-font,'Play',sans-serif);font-style:normal;
  padding:4px 8px;border-radius:8px;background:#0b0d10d9;border:1px solid #ffffff1a;color:#fff}
.pdv-scale-i{display:grid;place-items:center;width:16px;height:16px;margin-top:2px;border-radius:50%;border:1px solid #ffffff40;font:700 10px/1 var(--pd-font,'Play',sans-serif);color:#cfd3da}
/* что даёт талисман и материал */
.pdv-gives{margin-top:14px;padding:12px;border-radius:12px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff10}
.pdv-gives-row{display:flex;align-items:flex-end;justify-content:space-between;gap:6px}
.pdv-gives-row>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.pdv-gives-row small{font:400 11px/14px var(--pd-font,'Play',sans-serif);color:#8e8e98;text-transform:lowercase}
.pdv-gives-row b{font:700 18px/22px var(--pd-font,'Play',sans-serif);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.pdv-gives-row>i{font:400 18px/22px var(--pd-font,'Play',sans-serif);font-style:normal;color:#5d616b}
.pdv-gives-sum{align-items:flex-end;text-align:right}
.pdv-gives-sum b{color:#ff4d55}
.pdv-gives-note{margin:10px 0 0;font:400 12px/17px var(--pd-font,'Play',sans-serif);color:#8e8e98}
/* активность — кнопка «что это» */
.pdv-temp-btn{appearance:none;border:0;background:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;width:100%;text-align:left}
.pdv-temp-more{margin-left:auto;color:#ff4d55;font-weight:700}
/* карта 10 шагов */
.pdv-map{padding:2px 0 18px;margin-bottom:16px;box-shadow:inset 0 -1px 0 #ffffff12}
.pdv-map-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:26px;font:700 14px/18px var(--pd-font,'Play',sans-serif);color:#fff}
.pdv-map-h i{font-style:normal;color:#ff4d55}
.pdv-map-h b{color:#ff4d55}
.pdv-track{position:relative;list-style:none;display:grid;grid-template-columns:repeat(10,minmax(0,1fr)) 44px;align-items:center;margin:0;padding:0}
.pdv-track::before,.pdv-track::after{content:"";position:absolute;left:10px;right:30px;top:50%;height:3px;margin-top:-1.5px;border-radius:2px;background:#ffffff1a}
.pdv-track::after{right:auto;width:calc((100% - 54px) * var(--fill-n,0));background:linear-gradient(90deg,#D71921,#ff6b73)}
.pdv-track>li{position:relative;z-index:1;display:grid;place-items:center;height:28px}
.pdv-track>li>span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#15171b;box-shadow:inset 0 0 0 1.5px #ffffff2e;font:700 9px/1 var(--pd-font,'Play',sans-serif);color:#6b707a}
.pdv-track>li[data-s=done]>span{background:#D71921;box-shadow:none;color:#fff}
.pdv-track>li[data-s=now]>span{width:26px;height:26px;background:#fff;color:#0b0d10;font-size:12px;box-shadow:0 0 0 3px #D71921,0 0 16px 3px #d7192188;animation:pdv-pulse 1.6s ease-in-out infinite alternate}
@keyframes pdv-pulse{to{box-shadow:0 0 0 3px #D71921,0 0 22px 6px #d71921aa}}
.pdv-track>li>em{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);white-space:nowrap;font:700 9px/12px var(--pd-font,'Play',sans-serif);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#ff4d55}
.pdv-goal{flex-direction:column;height:auto!important;gap:4px}
.pdv-goal>i{width:40px;height:26px;border-radius:6px;background:var(--sw) center/100% 100% no-repeat;box-shadow:0 0 0 1.5px #ffffff30,0 4px 10px #000a}
.pdv-goal>small{position:absolute;top:calc(100% + 2px);font:700 10px/12px var(--pd-font,'Play',sans-serif);color:#ff4d55;white-space:nowrap}
.pdv-map-f{display:flex;justify-content:space-between;gap:8px;margin-top:22px;font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#8e8e98}
.pdv-map-f b{color:#fff}
.pdv-cap{display:block;font:700 12px/14px var(--pd-font,'Play',sans-serif);color:#cfd3da;white-space:nowrap}
.pdt-path>li[data-s=now]>.pdv-cap{color:#ff4d55}
.pdt-path>li[data-s=next]>.pdv-cap{color:#6b707a}
.pds-material-path .pd-pstep{display:none}
/* окно о шаре */
.pdv-orbs-box{padding:24px 20px 20px}
.pdv-orbs-lead{margin:8px 0 16px;font:400 14px/20px var(--pd-font,'Play',sans-serif);color:#a1a7b2;text-align:center}
.pdv-orbs-list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:6px}
.pdv-orbs-list>li{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;background:#ffffff06}
.pdv-orbs-list>li[data-now]{background:#d7192114;box-shadow:inset 0 0 0 1px #D71921}
.pdv-orbs-list>li>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.pdv-orbs-list b{font:700 14px/18px var(--pd-font,'Play',sans-serif);color:#fff}
.pdv-orbs-list b small{font-size:12px;color:#ff4d55}
.pdv-orbs-list span>span{font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#8e8e98}
#device-host .fr-hub .rbh .rbh-stage .pdv-scale{pointer-events:auto}
#device-host .pdv-scale .pdv-scale-i{flex:none;box-sizing:border-box;width:18px!important;height:18px!important;min-height:0;padding:0;font-size:11px;line-height:16px;text-align:center;display:block}
.pds-material-path .pdt-hint{white-space:normal;overflow:visible;text-overflow:clip}
/* ——— Саша 27.10 (v03): віджет під статуеткою ——— */
#device-host .pds-home>.rbh-ti{padding:18px 16px 14px}
.pdv-gives{display:block;margin:16px 0 0;padding:0;background:none;box-shadow:none}
.pdv-gives-bar{display:flex;height:6px;border-radius:3px;background:#ffffff12;overflow:hidden;gap:2px}
.pdv-gives-bar>i{display:block;height:100%}
.pdv-g-base{background:#7d1218}
.pdv-g-add{background:linear-gradient(90deg,#D71921,#ff5a62)}
.pdv-gives-leg{display:flex;gap:16px;margin-top:8px;font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#8e8e98}
.pdv-gives-leg>span{display:inline-flex;align-items:center;gap:6px}
.pdv-gives-leg i{width:8px;height:8px;border-radius:2px}
.pdv-gives-leg b{color:#fff;font-weight:700}
.pdv-safe{margin-top:16px;padding-top:16px;box-shadow:inset 0 1px 0 #ffffff12}
.pdv-safe-row{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:14px}
.pdv-safe-row>.pds-art{width:88px;height:88px}
.pdv-safe-txt{display:flex;flex-direction:column;min-width:0}
.pdv-safe-cap{font:400 13px/18px var(--pd-font,'Play',sans-serif);color:#a1a7b2}
.pdv-safe-bank{font:700 30px/34px var(--pd-font,'Play',sans-serif);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.pdv-safe-bank>span{font-size:15px;font-weight:700;color:#a1a7b2}
.pdv-safe-bar{display:block;height:4px;margin:10px 0 6px;border-radius:2px;background:#ffffff1a;overflow:hidden}
.pdv-safe-bar>i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#D71921,#ff6b73)}
.pdv-safe-next{font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#8e8e98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdv-safe-next>b{color:#fff}
#device-host .pdv-safe>.pds-primary{margin-top:16px}
#device-host .pds-home>.rbh-ti>.rbh-ti-foot{margin-top:14px;padding-top:12px}
/* ——— матеріал: лесенка ——— */
.pdv-lad .pdt-panel{padding:8px 16px 14px}
.pdv-lad-list{list-style:none;margin:0;padding:0;position:relative}
.pdv-lad-list::before{content:"";position:absolute;left:21px;top:24px;bottom:24px;width:2px;background:#ffffff14}
.pdv-lad-row{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 0}
.pdv-lad-plate{position:relative;z-index:1;width:44px;height:28px;border-radius:6px;background:var(--sw) center/100% 100% no-repeat,#15171b;box-shadow:0 0 0 3px #0f1115,0 4px 10px #000a}
.pdv-lad-name{display:flex;flex-direction:column;min-width:0}
.pdv-lad-name>b{font:700 15px/20px var(--pd-font,'Play',sans-serif);color:#fff}
.pdv-lad-name>small{font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#8e8e98}
.pdv-lad-cap{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.pdv-lad-cap>small{font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#8e8e98}
.pdv-lad-cap>b{font:700 18px/22px var(--pd-font,'Play',sans-serif);color:#fff;font-variant-numeric:tabular-nums}
.pdv-lad-row[data-s=lock]{opacity:.38}
.pdv-lad-row[data-s=lock] .pdv-lad-plate{filter:grayscale(.8)}
.pdv-lad-row[data-s=next] .pdv-lad-plate{filter:saturate(.8) brightness(.8)}
.pdv-lad-row[data-s=done] .pdv-lad-name>b,.pdv-lad-row[data-s=done] .pdv-lad-cap>b{color:#a1a7b2}
.pdv-lad-row[data-s=now]{margin:4px -10px;padding:10px;border-radius:14px;background:#d7192114;box-shadow:inset 0 0 0 1px #d7192199}
.pdv-lad-row[data-s=now] .pdv-lad-plate{box-shadow:0 0 0 2px #D71921,0 0 14px 2px #d7192166}
.pdv-lad-row[data-s=now] .pdv-lad-name>small{color:#ff4d55;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.pdv-lad-row[data-s=now] .pdv-lad-cap>b{color:#ff4d55;font-size:22px}
.pdv-lad-steps{position:relative;padding:6px 0 10px 58px}
.pdv-lad-steps::before{content:"";position:absolute;left:21px;top:0;bottom:0;width:2px;background:linear-gradient(to top,#D71921 calc(var(--fill-n) * 100%),#ffffff1f 0)}
.pdv-dots{list-style:none;display:flex;justify-content:space-between;align-items:center;margin:0;padding:0;position:relative}
.pdv-dots::before{content:"";position:absolute;left:4px;right:4px;top:50%;height:2px;margin-top:-1px;background:#ffffff14}
.pdv-dots>li{position:relative;z-index:1;width:9px;height:9px;border-radius:50%;background:#1b1e23;box-shadow:inset 0 0 0 1.5px #ffffff30}
.pdv-dots>li[data-s=done]{background:#D71921;box-shadow:none}
.pdv-dots>li[data-s=now]{display:grid;place-items:center;width:22px;height:22px;background:#fff;color:#0b0d10;font:700 11px/1 var(--pd-font,'Play',sans-serif);box-shadow:0 0 0 3px #D71921,0 0 14px 2px #d7192188}
.pdv-lad-xp{display:block;margin-top:8px;font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#8e8e98}
.pdv-lad-xp b{color:#fff}.pdv-lad-xp i{font-style:normal}
.pdv-lad-hint{margin:10px 0 0;padding-top:10px;box-shadow:inset 0 1px 0 #ffffff12;font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#6b707a}
/* ——— v04: термометр активности ——— */
#device-host .fr-hub .rbh .rbh-stage .pdv-th{pointer-events:auto}
#device-host .pdv-th{position:absolute;z-index:5;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;border:0;background:none;cursor:pointer;font:inherit}
.pdv-th-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}
.pdv-th-track>i{position:absolute;left:-3px;right:-3px;height:2px;margin-bottom:-1px;background:#0b0d10aa;border-radius:1px}
.pdv-th-knob{position:absolute;left:50%;bottom:calc(var(--pos) * 100%);transform:translate(-50%,50%);display:block;width:22px;height:22px}
.pdv-th-knob>.pd-orb-solo{box-shadow:0 0 0 2px #0b0d10,0 0 0 3.5px #fff,0 0 14px 3px #0009!important}
.pdv-th-knob>em{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-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}
.pdv-th-i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid #ffffff40;background:#0b0d10b3;font:700 11px/1 var(--pd-font,'Play',sans-serif);color:#cfd3da}
/* ——— v04: матеріал, 3 варіанти ——— */
.pdv-pl{display:block;flex:none;width:44px;height:28px;border-radius:6px;background:var(--sw) center/100% 100% no-repeat,#15171b;box-shadow:0 4px 10px #000a,inset 0 0 0 1px #ffffff14}
.pdv-pl.sm{width:36px;height:23px;border-radius:5px}
.pdv-pl.lg{width:56px;height:36px;border-radius:7px}
.pdv-m .pdt-panel{padding:18px 16px 14px}
.pdv-m-foot{display:flex;justify-content:space-between;gap:8px;margin-top:16px;padding-top:12px;box-shadow:inset 0 1px 0 #ffffff12;font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#8e8e98}
.pdv-m-foot b{color:#fff}
/* a — кольцо */
.pdv-ma{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.pdv-ma-side{display:flex;flex-direction:column;align-items:center;gap:4px;font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#8e8e98}
.pdv-ma-side>b{font:700 14px/18px var(--pd-font,'Play',sans-serif);color:#a1a7b2}
.pdv-ma-side[data-s=next]>.pdv-pl{filter:brightness(.65) saturate(.8)}
.pdv-ma-side[data-s=next]>b{color:#fff}
.pdv-ma-mid{display:flex;flex-direction:column;align-items:center}
.pdv-ma-ring{position:relative;display:grid;place-items:center;width:108px;height:108px}
.pdv-ma-ring>svg{position:absolute;inset:0;width:100%;height:100%}
.pdv-ma-ring>em{position:absolute;bottom:14px;font:700 10px/12px var(--pd-font,'Play',sans-serif);font-style:normal;color:#8e8e98}
.pdv-ma-ring>.pdv-pl{margin-top:-8px;box-shadow:0 0 0 2px #D71921,0 0 18px 2px #d7192166}
.pdv-ma-mid>strong{margin-top:4px;font:700 15px/20px var(--pd-font,'Play',sans-serif);color:#fff}
.pdv-ma-cap{font:700 22px/26px var(--pd-font,'Play',sans-serif);color:#ff4d55}
.pdv-ma::before,.pdv-ma::after{content:none}
/* b — ряд, текущий раскрыт */
.pdv-mb{list-style:none;display:flex;align-items:stretch;gap:6px;margin:0;padding:0}
.pdv-mb>li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1 1 0;min-width:0;padding:10px 0;border-radius:12px;background:#ffffff06}
.pdv-mb>li>b{font:700 13px/16px var(--pd-font,'Play',sans-serif);color:#8e8e98}
.pdv-mb>li[data-s=next]{opacity:.5}
.pdv-mb>li[data-s=now]{flex:3.2 1 0;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:6px 10px;padding:10px 12px;background:#d7192114;box-shadow:inset 0 0 0 1px #d7192199}
.pdv-mb>li[data-s=now]>b{margin-left:auto;font-size:20px;line-height:24px;color:#ff4d55}
.pdv-mb-now{display:flex;flex-direction:column;gap:6px;min-width:0}
.pdv-mb-now>strong{font:700 14px/18px var(--pd-font,'Play',sans-serif);color:#fff}
.pdv-mb-seg{display:flex;gap:2px;width:100%}
.pdv-mb>li[data-s=now]>.pdv-mb-now{order:3;flex:1 0 100%}
.pdv-mb-seg>i{flex:1;height:5px;border-radius:2px;background:#ffffff1f}
.pdv-mb-seg>i[data-s=done]{background:#D71921}.pdv-mb-seg>i[data-s=now]{background:#fff}
/* c — одна карта 50 шагов */
.pdv-mc-heads,.pdv-mc-names{display:grid;grid-template-columns:repeat(5,1fr)}
.pdv-mc-heads>span{display:flex;flex-direction:column;align-items:center;gap:4px}
.pdv-mc-heads b{font:700 12px/14px var(--pd-font,'Play',sans-serif);color:#8e8e98}
.pdv-mc-heads>[data-s=now] b{color:#ff4d55;font-size:14px}
.pdv-mc-heads>[data-s=next]{opacity:.5}
.pdv-mc-heads>[data-s=now] .pdv-pl{box-shadow:0 0 0 2px #D71921,0 0 14px 2px #d7192166}
.pdv-mc-ticks{position:relative;display:flex;gap:1px;align-items:center;height:22px;margin:12px 0 6px}
.pdv-mc-ticks>i{flex:1;height:8px;border-radius:1px;background:#ffffff1c}
.pdv-mc-ticks>i[data-edge]{height:16px;margin-left:3px}
.pdv-mc-ticks>i[data-s=done]{background:#D71921}
.pdv-mc-ticks>i[data-s=now]{height:20px;background:#fff;box-shadow:0 0 10px 2px #d71921aa}
.pdv-mc-you{position:absolute;bottom:calc(100% + 2px);left:calc(var(--pos) * 100%);transform:translateX(-50%);font:700 9px/12px var(--pd-font,'Play',sans-serif);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#ff4d55;white-space:nowrap}
.pdv-mc-names>span{text-align:center;font:700 10px/14px var(--pd-font,'Play',sans-serif);letter-spacing:.06em;text-transform:uppercase;color:#6b707a}
.pdv-mc-names>[data-now]{color:#fff}
#device-host .pdv-th .pdv-th-i{flex:none;box-sizing:border-box;width:20px!important;height:20px!important;min-height:0;padding:0;display:block;line-height:18px;text-align:center;position:relative}
.pdv-mc-ticks{margin-top:22px}
.pdv-ma-ring>.pdv-pl{margin-top:-10px;transform:scale(.92)}
#device-host .pdv-th>.pdv-th-track{width:6px!important;min-width:0!important;padding:0!important;flex:none}