/* Вадим 28.10: путь по лигам — эмблема, рамки аватара, карта уровней, праздник нового уровня */
.pdc,.pdf{position:relative;display:inline-block;flex:none;line-height:0}
.pdc>svg,.pdf>svg{width:100%;height:100%;overflow:visible}
.pdc>svg{filter:drop-shadow(0 6px 10px #000c) drop-shadow(0 0 14px color-mix(in srgb,var(--ink) 35%,transparent))}
.pdf>svg{filter:drop-shadow(0 4px 8px #000b)}
.pdc[data-locked]>svg{filter:saturate(.75) brightness(.8) drop-shadow(0 6px 10px #000c) drop-shadow(0 0 16px color-mix(in srgb,var(--ink) 45%,transparent))}
.pdc-lock{position:absolute;right:6%;bottom:6%;display:grid;place-items:center;width:30%;height:30%;border-radius:50%;background:#0b0c10;border:1.5px solid #ffffff40;color:#cfd4dc}
.pdc-lock>svg{width:56%;height:56%}
.pdv-stage-shield>.pdc{margin-bottom:-2px}

/* карточка блока */
#device-host .pdm-card{position:relative;overflow:hidden;border-radius:20px;border:1px solid color-mix(in srgb,var(--ink) 30%,#ffffff10);
  background:radial-gradient(120% 50% at 20% 0%,color-mix(in srgb,var(--ink) 22%,transparent),transparent 70%),linear-gradient(180deg,#17191f,#0d0e12)}
#device-host .pdm-hero{display:flex;align-items:center;gap:14px;padding:18px 16px 6px}
.pdm-hero-crest{position:relative;display:flex;flex:none}
.pdm-rays{position:absolute;left:50%;top:50%;width:190%;height:190%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--ink) 30%,transparent) 0 6deg,transparent 6deg 18deg);
  -webkit-mask:radial-gradient(closest-side,#000 25%,transparent 100%);mask:radial-gradient(closest-side,#000 25%,transparent 100%);animation:pdm-spin 24s linear infinite;opacity:.75}
@keyframes pdm-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
#device-host .pdm-hero-t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.pdm-hero-t>strong{font:800 20px/24px var(--pd-font,'Play',sans-serif);color:var(--ink0);text-shadow:0 0 18px color-mix(in srgb,var(--ink) 50%,transparent)}
.pdm-hero-t>span{font:400 14px/20px var(--pd-font,'Play',sans-serif);color:#c8ced8}
.pdm-hero-t>span>b{color:#fff;font-size:16px}
#device-host .pdm-hero-t>.pdm-hero-lv{margin-top:6px;font-size:12px;line-height:16px;color:#9aa3b0}
.pdm-hero-bar{display:block;height:8px;border-radius:4px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff10;overflow:hidden}
.pdm-hero-bar>i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#8a0f15,#D71921 60%,#ff6b5e);box-shadow:0 0 10px #d71921aa}
.pdm-hero-t>small{font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#9aa3b0}

#device-host .pdm-next{display:flex;flex-direction:column;gap:8px;margin:12px 16px 0;padding:12px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff12}
#device-host .pdm-next[data-big]{background:color-mix(in srgb,var(--ink) 12%,transparent);border-color:color-mix(in srgb,var(--ink) 55%,transparent)}
.pdm-next>small{font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#9aa3b0}
#device-host .pdm-next-list{display:flex;flex-wrap:wrap;gap:6px}
#device-host .pdm-chip{display:inline-flex;align-items:center;padding:5px 10px 5px 6px;border-radius:999px;background:#0b0c10cc;border:1px solid #ffffff1c}
#device-host .pdm-rw-i{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.pdm-rw-i>.pdv-ico{width:20px;height:20px}
.pdm-rw-i>em{font:700 12px/16px var(--pd-font,'Play',sans-serif);font-style:normal;color:#fff}

/* карта */
#device-host .pdm{position:relative;height:500px;margin-top:12px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;
  -webkit-mask:linear-gradient(180deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask:linear-gradient(180deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
#device-host .pdm::-webkit-scrollbar{display:none}
.pdm-in{position:relative}
.pdm-zone{position:absolute;left:0;right:0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ink) 10%,transparent) 40%,color-mix(in srgb,var(--ink) 16%,transparent));
  border-bottom:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}
.pdm-path{position:absolute;left:0;top:0;width:100%;overflow:visible;pointer-events:none}
.pdm-path path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.pdm-road{stroke:#05060899;stroke-width:16}
.pdm-road-dash{stroke:#ffffff2e;stroke-width:2;stroke-dasharray:1 9}
.pdm-road-done{stroke:#ff3b30;stroke-width:7;filter:drop-shadow(0 0 6px #ff3b30aa);transition:stroke-dasharray .8s ease}

.pdm-node{position:absolute;z-index:2;width:0;height:0}
.pdm-dot{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  background:#15171c;border:2px solid #ffffff22;box-shadow:0 4px 10px #000a}
.pdm-dot>b{font:700 14px/1 var(--pd-font,'Play',sans-serif);color:#7d8592}
.pdm-node[data-s="done"] .pdm-dot{background:linear-gradient(160deg,var(--ink0),var(--ink) 45%,var(--ink2));border-color:#0008;box-shadow:0 4px 10px #000a,0 0 12px color-mix(in srgb,var(--ink) 40%,transparent)}
.pdm-node[data-s="done"] .pdm-dot>b{color:#111;text-shadow:0 1px 0 #fff6}
.pdm-node[data-s="next"] .pdm-dot{border-color:#fff;box-shadow:0 0 0 4px #ffffff14,0 4px 10px #000a}
.pdm-node[data-s="next"] .pdm-dot>b{color:#fff}
.pdm-ok{position:absolute;right:-5px;bottom:-4px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#D71921;border:2px solid #0d0e12;font:800 9px/1 sans-serif;font-style:normal;color:#fff}
.pdm-rw{position:absolute;top:0;transform:translateY(-50%);display:flex;padding:5px 10px 5px 6px;border-radius:999px;background:#0b0c10e6;border:1px solid #ffffff1a;box-shadow:0 4px 10px #0008}
.pdm-node[data-side="r"] .pdm-rw{left:32px}
.pdm-node[data-side="l"] .pdm-rw{right:32px}
.pdm-node[data-s="done"] .pdm-rw{opacity:.45}
.pdm-node[data-s="next"] .pdm-rw{border-color:#ff6b5e;box-shadow:0 0 0 3px #d7192126,0 4px 10px #0008}
.pdm-node[data-s="now"] .pdm-rw{opacity:.45}
.pdm-node[data-s="now"][data-side="r"] .pdm-rw{left:52px}
.pdm-node[data-s="now"][data-side="l"] .pdm-rw{right:52px}

.pdm-you{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:block;width:66px;height:66px}
.pdm-ring{position:absolute;inset:-9px;border-radius:50%;background:conic-gradient(#ff4a3d calc(var(--p) * 1turn),#ffffff1a 0);
  -webkit-mask:radial-gradient(closest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(closest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));filter:drop-shadow(0 0 6px #ff3b30)}
.pdm-you::before{content:"";position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ink) 55%,transparent),transparent);animation:pdm-pulse 1.8s ease-in-out infinite}
@keyframes pdm-pulse{50%{transform:scale(1.18);opacity:.55}}
.pdm-you>.pdf{position:relative}
.pdm-you-lv{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);min-width:28px;padding:2px 7px;border-radius:999px;background:#fff;color:#0b0c10;font:800 13px/16px var(--pd-font,'Play',sans-serif);text-align:center;box-shadow:0 2px 8px #000a}
.pdm-you-tag{position:absolute;left:50%;top:-30px;transform:translateX(-50%);padding:2px 8px;border-radius:6px;background:#D71921;font:700 10px/14px var(--pd-font,'Play',sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#fff;white-space:nowrap}

.pdm-gate{position:absolute;left:0;right:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:8px;pointer-events:none}
.pdm-banner{position:relative;padding:6px 26px;background:linear-gradient(180deg,var(--ink0),var(--ink));color:#111;font:800 12px/16px var(--pd-font,'Play',sans-serif);letter-spacing:.14em;text-transform:uppercase;
  clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%);box-shadow:0 6px 16px #000a}
.pdm-gate[data-s="far"] .pdm-banner{filter:saturate(.6) brightness(.8)}
.pdm-gate-crest{position:relative;display:flex;margin-top:8px}
.pdm-gate[data-s="far"] .pdm-rays{opacity:.25;animation:none}
.pdm-gate-cap{margin-top:4px;font:800 15px/20px var(--pd-font,'Play',sans-serif);color:var(--ink0);text-shadow:0 0 14px color-mix(in srgb,var(--ink) 60%,transparent)}
.pdm-gate-rw{display:flex;align-items:center;gap:8px;margin-top:8px}
.pdm-gate-frame{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;border-radius:999px;background:#0b0c10e6;border:1px solid color-mix(in srgb,var(--ink) 55%,transparent)}
.pdm-gate-frame>em{font:700 12px/16px var(--pd-font,'Play',sans-serif);font-style:normal;color:#fff;white-space:nowrap}
.pdm-gate[data-s="done"] .pdm-gate-rw{opacity:.5}
.pdm-got{margin-top:6px;font:700 11px/14px var(--pd-font,'Play',sans-serif);color:#7fd18b;letter-spacing:.06em;text-transform:uppercase}

/* праздник нового уровня */
.pdv-cel{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:radial-gradient(60% 45% at 50% 38%,color-mix(in srgb,var(--ink) 30%,#0000),transparent 75%),#07080bf5;animation:pdv-cel-in .35s ease both}
#device-host .pdv-cel{position:absolute}
@keyframes pdv-cel-in{from{opacity:0}}
.pdv-cel-rays{position:absolute;left:50%;top:36%;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;
  background:repeating-conic-gradient(color-mix(in srgb,var(--ink) 40%,transparent) 0 7deg,transparent 7deg 20deg);
  -webkit-mask:radial-gradient(closest-side,#000 10%,transparent 70%);mask:radial-gradient(closest-side,#000 10%,transparent 70%);animation:pdm-spin2 14s linear infinite}
@keyframes pdm-spin2{to{transform:rotate(360deg)}}
.pdv-cel-conf{position:absolute;inset:0;pointer-events:none}
.pdv-cel-conf>i{position:absolute;top:-20px;border-radius:2px;animation:pdv-fall var(--t) cubic-bezier(.3,.6,.5,1) var(--d) both}
@keyframes pdv-fall{from{transform:translateY(0) rotate(0)}to{transform:translateY(105vh) rotate(var(--r));opacity:.9}}
.pdv-cel-box{position:relative;display:flex;flex-direction:column;align-items:center;width:min(360px,calc(100% - 32px));text-align:center}
.pdv-cel-k{padding:4px 12px;border-radius:999px;background:#D71921;font:800 11px/14px var(--pd-font,'Play',sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#fff;animation:pdv-up .4s ease .1s both}
.pdv-cel-crest{margin:10px 0 2px;animation:pdv-crest .9s cubic-bezier(.2,1.5,.35,1) .15s both}
@keyframes pdv-crest{0%{transform:scale(.2) rotate(-25deg);opacity:0}60%{transform:scale(1.15) rotate(6deg);opacity:1}100%{transform:none}}
.pdv-cel-t{margin:0;font:800 30px/36px var(--pd-font,'Play',sans-serif);color:#fff;text-transform:uppercase;letter-spacing:.02em;
  background:linear-gradient(100deg,#fff 30%,var(--ink0) 45%,#fff 60%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pdv-up .4s ease .45s both,pdv-shine 2.4s linear 1s infinite}
.pdv-cel[data-league] .pdv-cel-t{background-image:linear-gradient(100deg,var(--ink) 25%,#fff 45%,var(--ink) 65%)}
@keyframes pdv-shine{to{background-position:-250% 0}}
@keyframes pdv-up{from{transform:translateY(12px);opacity:0}}
.pdv-cel-sub{margin:4px 0 0;font:400 15px/20px var(--pd-font,'Play',sans-serif);color:#dfe3ea;animation:pdv-up .4s ease .55s both}
.pdv-cel-frame{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 16px 10px 10px;border-radius:18px;background:#0b0c10d9;border:1px solid color-mix(in srgb,var(--ink) 60%,transparent);text-align:left;animation:pdv-up .45s ease .7s both}
.pdv-cel-frame>span{display:flex;flex-direction:column}
.pdv-cel-frame b{font:800 15px/20px var(--pd-font,'Play',sans-serif);color:#fff}
.pdv-cel-frame small{font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#9aa3b0}
.pdv-cel-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 20px;padding:0}
.pdv-cel-list>li{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff26;font:700 14px/18px var(--pd-font,'Play',sans-serif);color:#fff;
  animation:pdv-chip .45s cubic-bezier(.2,1.6,.4,1) calc(.85s + var(--i) * .12s) both}
@keyframes pdv-chip{from{transform:scale(.4);opacity:0}}
.pdv-cel-box>.pd-btn{width:100%;animation:pdv-up .4s ease 1.1s both}
@media (prefers-reduced-motion:reduce){.pdm-rays,.pdv-cel-rays,.pdm-you::before{animation:none}.pdv-cel-conf{display:none}}

.pdm-node[data-s="far"] .pdm-dot{border-color:color-mix(in srgb,var(--ink) 45%,#ffffff10);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--ink) 22%,#15171c),#0e0f13)}
.pdm-node[data-s="far"] .pdm-dot>b{color:color-mix(in srgb,var(--ink0) 70%,#7d8592)}
/* Вадим 28.10 (2): лига = материал талисманов, прибавка к максимуму рейкбека */
.pdm-fig{display:inline-flex;align-items:flex-end;justify-content:center;flex:none}
.pdm-fig>img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px #000b)}
#device-host .pdm-hero-t>.pdm-hero-mat{display:flex;align-items:center;gap:6px;color:#fff;font-weight:700}
.pdm-gate-tal{display:flex;align-items:center;gap:8px;max-width:290px;margin-top:6px;padding:4px 12px 4px 6px;border-radius:14px;background:#0b0c10d9;border:1px solid color-mix(in srgb,var(--ink) 45%,transparent);
  font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#c8ced8;text-align:left}
.pdm-gate-tal b{font-size:15px;color:var(--ink0)}
.pdm-gate[data-s="far"] .pdm-fig>img,.pdm-gate[data-s="next"] .pdm-fig>img{filter:saturate(.8) brightness(.85) drop-shadow(0 4px 6px #000b)}
.pdv-cel-tal{display:flex;align-items:center;gap:12px;margin-top:10px;padding:8px 16px 8px 8px;border-radius:18px;background:#0b0c10d9;border:1px solid color-mix(in srgb,var(--ink) 60%,transparent);text-align:left;animation:pdv-up .45s ease .6s both}
.pdv-cel-tal>span{display:flex;flex-direction:column}
.pdv-cel-tal b{font:800 15px/20px var(--pd-font,'Play',sans-serif);color:#fff}
.pdv-cel-tal small{font:400 12px/16px var(--pd-font,'Play',sans-serif);color:var(--ink0)}
/* ——— 28.10: горизонтальная дорога лиги вместо змейки ——— */
#device-host .pdh{position:relative;margin:14px 0 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  -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)}
#device-host .pdh::-webkit-scrollbar{display:none}
.pdh-in{position:relative;height:214px}
/* полосы лиг */
.pdh-zone{position:absolute;top:0;bottom:0;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--ink) 7%,transparent) 55%,color-mix(in srgb,var(--ink) 12%,transparent));border-left:1px dashed color-mix(in srgb,var(--ink) 35%,transparent)}
.pdh-zone>b{position:absolute;left:12px;bottom:10px;font:700 10px/12px var(--pd-font,'Play',sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--ink0);opacity:.85;white-space:nowrap}
/* дорожка */
.pdh-trk,.pdh-done{position:absolute;top:118px;height:6px;margin-top:-3px;border-radius:3px}
.pdh-trk{background:#ffffff14;box-shadow:inset 0 1px 2px #000a,0 0 0 1px #ffffff0a}
.pdh-done{background:linear-gradient(90deg,#8a0f15,#D71921 70%,#ff6b5e);box-shadow:0 0 12px #d71921aa}
/* колонка уровня */
.pdh-col{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center}
.pdh-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;width:64px;height:62px;margin-top:10px;border-radius:12px;background:linear-gradient(180deg,#1a1d23,#101216);border:1px solid #ffffff17;box-shadow:0 6px 14px #0008}
.pdh-card .pdv-ico{width:22px;height:22px}
.pdh-card>em{font:700 11px/14px var(--pd-font,'Play',sans-serif);font-style:normal;color:#f0f2f5;white-space:nowrap}
.pdh-card--empty{background:none;border-style:dashed;box-shadow:none}.pdh-card--empty>em{color:#8e8e98}
.pdh-card--big{width:110px;gap:1px;border-color:color-mix(in srgb,var(--ink) 60%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 22%,#15171b),#101216)}
.pdh-card--big>b{font:700 18px/20px var(--pd-font,'Play',sans-serif);color:var(--ink0)}
.pdh-card--big>em{font-weight:400;font-size:10px;color:#c8ced8}
.pdh-card--big>small{display:flex;align-items:center;gap:4px;margin-top:2px;font:400 10px/12px var(--pd-font,'Play',sans-serif);color:#9aa3b0}
.pdh-col[data-s=done] .pdh-card{opacity:.45}
.pdh-col[data-s=done] .pdh-card::after{content:"✓";position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#D71921;color:#fff;font:700 10px/1 var(--pd-font,'Play',sans-serif)}
.pdh-col[data-s=next] .pdh-card{border-color:#D71921;box-shadow:0 0 0 1px #d71921,0 0 16px #d7192166}
.pdh-stem{width:1px;height:16px;background:#ffffff1f}
.pdh-col[data-s=next] .pdh-stem{background:#D71921}
/* узлы */
.pdh-dot,.pdh-you,.pdh-gate{position:absolute;top:118px;left:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center}
.pdh-dot{width:26px;height:26px;border-radius:50%;background:#15171b;box-shadow:inset 0 0 0 1.5px #ffffff2e,0 0 0 4px #0d0f12}
.pdh-dot>b{font:700 11px/1 var(--pd-font,'Play',sans-serif);color:#8e8e98}
.pdh-col[data-s=done] .pdh-dot{background:#D71921;box-shadow:0 0 0 4px #0d0f12}
.pdh-dot>i{font:700 12px/1 var(--pd-font,'Play',sans-serif);font-style:normal;color:#fff}
.pdh-col[data-s=next] .pdh-dot{box-shadow:inset 0 0 0 2px #D71921,0 0 0 4px #0d0f12}.pdh-col[data-s=next] .pdh-dot>b{color:#fff}
.pdh-you{width:62px;height:62px}
.pdh-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#D71921 calc(var(--p) * 360deg),#ffffff1a 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 6px #d71921aa)}
.pdh-gate{filter:drop-shadow(0 6px 12px #000c)}
.pdh-tag{position:absolute;top:156px;padding:3px 8px;border-radius:999px;background:#D71921;font:700 10px/12px var(--pd-font,'Play',sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#fff;white-space:nowrap}
.pdh-glv{position:absolute;top:154px;font:700 10px/12px var(--pd-font,'Play',sans-serif);letter-spacing:.08em;color:var(--ink0);white-space:nowrap}
.pdh-in{height:186px}
.pdh-zone>b{display:none}
/* ═══ 28.10: 10 подач дороги лиги (?road=1…10) ═══ */
.pdr .pdh-col{--top:118px}
/* 2 — LED-лента из точечной матрицы */
.pdr[data-r="2"] .pdh-trk{height:12px;margin-top:-6px;border-radius:3px;background:radial-gradient(circle,#ffffff1c 1.6px,transparent 2px) 0 0/6px 6px;box-shadow:none}
.pdr[data-r="2"] .pdh-done{height:12px;margin-top:-6px;border-radius:3px;background:radial-gradient(circle,#ff2a33 1.7px,transparent 2.2px) 0 0/6px 6px;box-shadow:none;filter:drop-shadow(0 0 3px #ff2a33)}
.pdr[data-r="2"] .pdh-card{width:auto;height:auto;margin-top:46px;padding:0;background:none;border:0;box-shadow:none;gap:2px}
.pdr[data-r="2"] .pdh-card>em{font-size:9px;color:#9aa3b0}.pdr[data-r="2"] .pdh-card .pdv-ico{width:16px;height:16px}
.pdr[data-r="2"] .pdh-card--big{width:84px;padding:4px;border:1px solid color-mix(in srgb,var(--ink) 50%,transparent);border-radius:8px;margin-top:20px}
.pdr[data-r="2"] .pdh-col[data-s=done] .pdh-card::after{display:none}
.pdr[data-r="2"] .pdh-stem{opacity:0}
.pdr[data-r="2"] .pdh-dot{width:14px;height:14px;border-radius:3px;background:#0d0f12;box-shadow:inset 0 0 0 1px #ffffff2e}
.pdr[data-r="2"] .pdh-dot>*{display:none}
.pdr[data-r="2"] .pdh-col[data-s=done] .pdh-dot{background:#ff2a33;box-shadow:0 0 6px #ff2a33}
.pdr[data-r="2"] .pdh-col[data-s=next] .pdh-dot{box-shadow:inset 0 0 0 2px #ff2a33}
.pdr[data-r="2"] .pdh-zone>b{display:block;bottom:12px}
/* 3 — покерные фишки */
.pdr[data-r="3"] .pdh-trk,.pdr[data-r="3"] .pdh-done{height:2px;margin-top:-1px}
.pdr[data-r="3"] .pdh-card{width:auto;height:24px;flex-direction:row;padding:0 8px 0 4px;margin-top:40px;border-radius:999px;gap:4px}
.pdr[data-r="3"] .pdh-card .pdv-ico{width:16px;height:16px}.pdr[data-r="3"] .pdh-card>em{font-size:10px}
.pdr[data-r="3"] .pdh-card--big{height:auto;flex-direction:column;padding:6px;border-radius:12px;margin-top:12px}
.pdr[data-r="3"] .pdh-col[data-s=done] .pdh-card::after{display:none}
.pdr[data-r="3"] .pdh-stem{height:22px}
.pdr[data-r="3"] .pdh-dot{width:40px;height:40px;background:repeating-conic-gradient(#3a3d44 0 15deg,#1c1e23 15deg 45deg);box-shadow:0 4px 8px #000c,inset 0 0 0 1px #ffffff26}
.pdr[data-r="3"] .pdh-dot::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#15171b;box-shadow:inset 0 0 0 1px #ffffff26}
.pdr[data-r="3"] .pdh-dot>b{position:relative;color:#9aa3b0}
.pdr[data-r="3"] .pdh-col[data-s=done] .pdh-dot{background:repeating-conic-gradient(#fff 0 15deg,#D71921 15deg 45deg)}
.pdr[data-r="3"] .pdh-col[data-s=done] .pdh-dot::before{background:#D71921;box-shadow:inset 0 0 0 1.5px #ffffff80}
.pdr[data-r="3"] .pdh-col[data-s=done] .pdh-dot>b{color:#fff}
.pdr[data-r="3"] .pdh-col[data-s=next] .pdh-dot{background:repeating-conic-gradient(#fff 0 15deg,#4a4d55 15deg 45deg);box-shadow:0 0 0 2px #D71921,0 4px 8px #000c}
/* 4 — игральные карты */
.pdr[data-r="4"] .pdh-trk,.pdr[data-r="4"] .pdh-done{top:150px;height:2px}
.pdr[data-r="4"] .pdh-card{width:auto;height:auto;padding:0;margin-top:20px;background:none;border:0;box-shadow:none;gap:2px}
.pdr[data-r="4"] .pdh-card>em{font-size:10px;color:#c8ced8}.pdr[data-r="4"] .pdh-card .pdv-ico{width:18px;height:18px}
.pdr[data-r="4"] .pdh-card--big{padding:5px;border:1px solid color-mix(in srgb,var(--ink) 50%,transparent);border-radius:10px;background:#101216}
.pdr[data-r="4"] .pdh-col[data-s=done] .pdh-card::after{display:none}
.pdr[data-r="4"] .pdh-stem{opacity:0}
.pdr[data-r="4"] .pdh-dot{top:116px;width:42px;height:58px;border-radius:6px;background:radial-gradient(circle,#ffffff22 1px,transparent 1.4px) 0 0/5px 5px,linear-gradient(160deg,#2a1013,#130709);box-shadow:inset 0 0 0 1px #d7192155,inset 0 0 0 4px #0d0f12,inset 0 0 0 5px #d7192133,0 6px 12px #000c;transform:translate(-50%,-50%) rotate(calc((var(--k) - 4.5) * 1deg))}
.pdr[data-r="4"] .pdh-dot>b{display:none}
.pdr[data-r="4"] .pdh-col:is([data-s=done],[data-s=next]) .pdh-dot{background:linear-gradient(180deg,#fff,#e9ecf1);box-shadow:0 6px 12px #000c}
.pdr[data-r="4"] .pdh-col:is([data-s=done],[data-s=next]) .pdh-dot>b{display:block;position:absolute;left:5px;top:4px;font-size:12px;color:#D71921}
.pdr[data-r="4"] .pdh-col:is([data-s=done],[data-s=next]) .pdh-dot>s{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-4px 0 0 -6px;background:#D71921;transform:rotate(45deg);border-radius:2px}
.pdr[data-r="4"] .pdh-col[data-s=done] .pdh-dot{opacity:.55}
.pdr[data-r="4"] .pdh-col[data-s=next] .pdh-dot{transform:translate(-50%,-62%);box-shadow:0 0 0 2px #D71921,0 10px 18px #000}
.pdr[data-r="4"] .pdh-tag{top:160px}
/* 5 — минимализм: волосяная линия, крупные цифры */
.pdr[data-r="5"] .pdh-trk,.pdr[data-r="5"] .pdh-done{height:1px;margin-top:0;box-shadow:none}
.pdr[data-r="5"] .pdh-done{background:#D71921;box-shadow:0 0 6px #d71921}
.pdr[data-r="5"] .pdh-card{width:auto;height:auto;margin-top:58px;padding:0;background:none;border:0;box-shadow:none;flex-direction:row;gap:4px}
.pdr[data-r="5"] .pdh-card .pdv-ico{width:14px;height:14px}.pdr[data-r="5"] .pdh-card>em{font-size:10px;font-weight:400;color:#8e8e98}
.pdr[data-r="5"] .pdh-card--big{flex-direction:column;margin-top:34px}.pdr[data-r="5"] .pdh-card--big>small{display:none}
.pdr[data-r="5"] .pdh-col[data-s=done] .pdh-card::after{display:none}
.pdr[data-r="5"] .pdh-stem{opacity:0}
.pdr[data-r="5"] .pdh-dot{top:146px;width:auto;height:auto;background:none;box-shadow:none}
.pdr[data-r="5"] .pdh-dot>b,.pdr[data-r="5"] .pdh-dot>i{font:700 22px/1 var(--pd-font,'Play',sans-serif);font-style:normal;color:#ffffff40}
.pdr[data-r="5"] .pdh-dot::before{content:"";position:absolute;left:50%;top:-30px;width:1px;height:12px;background:#ffffff40}
.pdr[data-r="5"] .pdh-col[data-s=done] .pdh-dot>i{color:#D71921;font-size:16px}
.pdr[data-r="5"] .pdh-col[data-s=done] .pdh-dot::before{background:#D71921}
.pdr[data-r="5"] .pdh-col[data-s=next] .pdh-dot>b{color:#fff}
/* 6 — ступени-эквалайзер */
.pdr[data-r="6"] .pdh-trk,.pdr[data-r="6"] .pdh-done{top:158px;height:2px}
.pdr[data-r="6"] .pdh-card{display:none}
.pdr[data-r="6"] .pdh-col[data-g] .pdh-card--big{display:flex;margin-top:4px;width:84px;height:auto;padding:4px}
.pdr[data-r="6"] .pdh-stem{display:none}
.pdr[data-r="6"] .pdh-dot{top:auto;bottom:calc(186px - 156px);transform:translateX(-50%);width:20px;height:calc(18px + var(--k) * 7px + var(--t) * 2px);border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#2a2d33,#15171b);box-shadow:inset 0 0 0 1px #ffffff1a;align-items:start;padding-top:4px}
.pdr[data-r="6"] .pdh-dot>b,.pdr[data-r="6"] .pdh-dot>i{font:700 9px/1 var(--pd-font,'Play',sans-serif);font-style:normal;color:#8e8e98}
.pdr[data-r="6"] .pdh-col[data-s=done] .pdh-dot{background:linear-gradient(180deg,#ff5a60,#8a0f15);box-shadow:0 0 8px #d7192166}
.pdr[data-r="6"] .pdh-col[data-s=done] .pdh-dot>i{color:#fff}
.pdr[data-r="6"] .pdh-col[data-s=next] .pdh-dot{box-shadow:inset 0 0 0 2px #D71921}
.pdr[data-r="6"] .pdh-you{top:auto;bottom:calc(186px - 156px + 18px + var(--k) * 7px);transform:translateX(-50%)}
.pdr[data-r="6"] .pdh-you::after{content:"";position:absolute;left:50%;top:100%;width:20px;margin-left:-10px;height:calc(18px + var(--k) * 7px);border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#fff,#d7192188);box-shadow:0 0 14px #ff2a33aa}
.pdr[data-r="6"] .pdh-gate{top:auto;bottom:34px;transform:translateX(-50%)}
.pdr[data-r="6"] .pdh-tag{top:164px}.pdr[data-r="6"] .pdh-glv{top:164px}
/* 7 — карусель больших карточек */
.pdr[data-r="7"]{scroll-snap-type:x mandatory}
.pdr[data-r="7"] .pdh-col{scroll-snap-align:center;transition:transform .3s,opacity .3s}
.pdr[data-r="7"] .pdh-col:not([data-s=now]){transform:scale(.86);opacity:.55}
.pdr[data-r="7"] .pdh-col[data-s=next]{opacity:.85}
.pdr[data-r="7"] .pdh-trk,.pdr[data-r="7"] .pdh-done{top:150px}
.pdr[data-r="7"] .pdh-card{width:132px;height:92px;margin-top:4px;border-radius:16px;gap:6px}
.pdr[data-r="7"] .pdh-card .pdv-ico{width:30px;height:30px}.pdr[data-r="7"] .pdh-card>em{font-size:15px}
.pdr[data-r="7"] .pdh-col[data-s=now] .pdh-card{border-color:#D71921;box-shadow:0 0 0 1px #D71921,0 10px 24px #000}
.pdr[data-r="7"] .pdh-stem{height:12px}
.pdr[data-r="7"] .pdh-dot,.pdr[data-r="7"] .pdh-you,.pdr[data-r="7"] .pdh-gate{top:150px}
.pdr[data-r="7"] .pdh-tag,.pdr[data-r="7"] .pdh-glv{top:170px}
/* 8 — неон */
.pdr[data-r="8"] .pdh-trk{height:2px;background:#ff2a3333;box-shadow:none}
.pdr[data-r="8"] .pdh-done{height:3px;background:#ffe3e4;box-shadow:0 0 4px #ff2a33,0 0 10px #ff2a33,0 0 22px #d71921}
.pdr[data-r="8"] .pdh-card{background:transparent;border:1px solid #ff2a3340;box-shadow:none}
.pdr[data-r="8"] .pdh-card>em{color:#ffd6d8;text-shadow:0 0 6px #ff2a33}
.pdr[data-r="8"] .pdh-col[data-s=next] .pdh-card{border-color:#ff5a60;box-shadow:0 0 8px #ff2a33,inset 0 0 8px #ff2a3366}
.pdr[data-r="8"] .pdh-col[data-s=done] .pdh-card::after{background:none;color:#ff5a60;text-shadow:0 0 6px #ff2a33}
.pdr[data-r="8"] .pdh-stem{background:#ff2a3340}
.pdr[data-r="8"] .pdh-dot{background:#0b0c0f;box-shadow:inset 0 0 0 1.5px #ff2a3355,0 0 0 4px #0d0f12}
.pdr[data-r="8"] .pdh-dot>b{color:#ff5a6099}
.pdr[data-r="8"] .pdh-col[data-s=done] .pdh-dot{background:#0b0c0f;box-shadow:inset 0 0 0 2px #ffe3e4,0 0 8px #ff2a33,0 0 16px #d71921,inset 0 0 6px #ff2a33}
.pdr[data-r="8"] .pdh-col[data-s=done] .pdh-dot>i{color:#ffe3e4;text-shadow:0 0 6px #ff2a33}
.pdr[data-r="8"] .pdh-ring{filter:drop-shadow(0 0 4px #ff2a33) drop-shadow(0 0 10px #d71921)}
.pdr[data-r="8"] .pdh-tag{background:transparent;border:1px solid #ff5a60;box-shadow:0 0 8px #ff2a33;color:#ffe3e4}
/* 9 — турнирные билеты */
.pdr[data-r="9"] .pdh-trk{height:0;border-top:2px dashed #ffffff26;background:none;box-shadow:none}
.pdr[data-r="9"] .pdh-card{width:80px;height:66px;border-radius:6px;background:linear-gradient(180deg,#24161a,#140c0e);border:0;box-shadow:0 6px 14px #000a;
  -webkit-mask:radial-gradient(circle at 0 50%,transparent 6px,#000 6.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 6px,#000 6.5px) right/51% 100% no-repeat;mask:radial-gradient(circle at 0 50%,transparent 6px,#000 6.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 6px,#000 6.5px) right/51% 100% no-repeat}
.pdr[data-r="9"] .pdh-card::before{content:"";position:absolute;left:10px;right:10px;top:50%;border-top:1px dashed #ffffff1f}
.pdr[data-r="9"] .pdh-card--big{width:120px;background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 30%,#1a1416),#140c0e)}
.pdr[data-r="9"] .pdh-col[data-s=done] .pdh-card{opacity:.6}
.pdr[data-r="9"] .pdh-col[data-s=done] .pdh-card::after{content:"ПОЛУЧЕНО";top:22px;right:auto;left:50%;width:auto;height:auto;padding:2px 5px;border-radius:3px;background:none;border:1.5px solid #ff5a60;color:#ff5a60;font-size:9px;letter-spacing:.08em;transform:translateX(-50%) rotate(-14deg)}
.pdr[data-r="9"] .pdh-col[data-s=next] .pdh-card{background:linear-gradient(180deg,#D71921,#8a0f15);box-shadow:0 0 18px #d7192188}
.pdr[data-r="9"] .pdh-dot{width:auto;height:20px;padding:0 8px;border-radius:4px;background:#15171b;box-shadow:inset 0 0 0 1px #ffffff1f}
.pdr[data-r="9"] .pdh-col[data-s=done] .pdh-dot{background:#2a1013;box-shadow:inset 0 0 0 1px #d7192166}
/* 10 — борт покерного стола: сукно сверху, кожаный борт с красной полосой */
.pdr[data-r="10"] .pdh-in::before{content:"";position:absolute;left:0;right:0;top:0;height:118px;background:radial-gradient(ellipse at 50% 0,#1d5a43,#0d3123 70%,#082016)}
.pdr[data-r="10"] .pdh-zone{display:none}
.pdr[data-r="10"] .pdh-trk{left:0!important;width:100%!important;top:118px;height:30px;margin:0;border-radius:0;background:linear-gradient(180deg,#2b2b2e,#0c0c0e 60%,#1b1b1e);box-shadow:inset 0 2px 0 #ffffff1a,0 -2px 0 #D71921,0 -4px 14px #d7192188}
.pdr[data-r="10"] .pdh-done{top:118px;height:3px;margin-top:-3px;border-radius:0;background:#ff5a60;box-shadow:0 0 10px #ff2a33}
.pdr[data-r="10"] .pdh-card{width:auto;height:24px;flex-direction:row;padding:0 8px 0 4px;margin-top:30px;border-radius:999px;gap:4px;background:#0b0d10cc}
.pdr[data-r="10"] .pdh-card .pdv-ico{width:16px;height:16px}.pdr[data-r="10"] .pdh-card>em{font-size:10px}
.pdr[data-r="10"] .pdh-card--big{height:auto;flex-direction:column;padding:6px;border-radius:12px;margin-top:6px}
.pdr[data-r="10"] .pdh-col[data-s=done] .pdh-card::after{display:none}
.pdr[data-r="10"] .pdh-stem{opacity:0}
.pdr[data-r="10"] .pdh-dot{top:100px;width:34px;height:34px;background:repeating-conic-gradient(#3a3d44 0 15deg,#1c1e23 15deg 45deg);box-shadow:0 5px 0 #0008,inset 0 0 0 1px #ffffff26}
.pdr[data-r="10"] .pdh-dot::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#15171b}
.pdr[data-r="10"] .pdh-dot>*{position:relative}
.pdr[data-r="10"] .pdh-col[data-s=done] .pdh-dot{background:repeating-conic-gradient(#fff 0 15deg,#D71921 15deg 45deg)}
.pdr[data-r="10"] .pdh-col[data-s=done] .pdh-dot::before{background:#D71921}
.pdr[data-r="10"] .pdh-you,.pdr[data-r="10"] .pdh-gate{top:96px}
.pdr[data-r="10"] .pdh-tag,.pdr[data-r="10"] .pdh-glv{top:158px}
.pdr[data-r="2"] .pdh-zone>b{display:none}
.pdr[data-r="7"] .pdh-in{height:208px}
.pdr[data-r="7"] .pdh-tag,.pdr[data-r="7"] .pdh-glv{top:186px}
/* 29.10: эмблема лиги — варианты */
.pde{position:relative;display:inline-block;flex:none}
.pde>svg{display:block;width:100%;height:100%;overflow:visible}
.pde[data-locked]>svg{filter:grayscale(.7) brightness(.6)}
/* 29.10: фишка-иллюстрация + номер */
.pde-img{display:inline-grid;place-items:center}
.pde-img>img{grid-area:1/1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px #000c);pointer-events:none}
.pde-img>b{grid-area:1/1;font:700 var(--fs)/1 var(--pd-font,'Play',sans-serif);color:#fff;letter-spacing:-.02em;text-shadow:0 2px 6px #000,0 0 1px #000}
.pde-img[data-locked]>img{filter:grayscale(.6) brightness(.55) drop-shadow(0 4px 8px #000c)}
.pde-img[data-locked]>b{color:#ffffffaa}
#device-host .pde-img>b,.pde-img>b{position:relative;z-index:3}#device-host .pde-img>img{position:relative;z-index:1}
/* 29.10: подарки впереди */
.pdh-card--gift{background:none!important;border:0!important;box-shadow:none!important;padding:0}
.pdh-card--gift>img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 6px 10px #000c)}
.pdh-card--gift-big>img{width:62px;height:62px}
.pdh-col[data-s=far] .pdh-card--gift>img{opacity:.75}
.pdh-col[data-s=next] .pdh-card--gift>img{filter:drop-shadow(0 0 12px #d71921aa) drop-shadow(0 6px 10px #000c);animation:pdh-gift 1.6s ease-in-out infinite alternate}
@keyframes pdh-gift{to{transform:translateY(-3px) rotate(-3deg)}}
.pdr .pdh-card--gift{width:auto;height:auto}
#device-host .pdm-next--gift{flex-direction:row;align-items:center;gap:12px}
.pdm-next--gift>img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 6px 10px #000c)}
.pdm-next--gift>span{display:flex;flex-direction:column;gap:2px}
.pdm-next--gift b{font:700 15px/20px var(--pd-font,'Play',sans-serif);color:#fff}
.pdm-next--gift small{font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#9aa3b0}
/* 29.10: 3D-статуэтка поверх 2D-кадра того же размера */
.pd-st3d{position:relative;display:block;width:100%}
.pd-st3d-loading{position:absolute;inset:48% 0 auto;text-align:center;font-size:11px;line-height:1.4;color:#a5aab2;letter-spacing:.02em}
.pd-st3d>.pd-st3d-cv{position:absolute;left:-12%;right:-12%;top:-6%;bottom:-2%;width:124%;height:108%;touch-action:none;cursor:grab;pointer-events:auto;opacity:0;transition:opacity .4s}
.pd-st3d[data-ready]>.pd-st3d-cv{opacity:1}
.pd-st3d[data-ready]>.pd-tal-art{opacity:0}
#device-host .fr-hub .rbh .rbh-stage .pd-st3d-cv{pointer-events:auto}
.pd-st3d>.pd-st3d-cv:active{cursor:grabbing}
/* 29.10 v2: 3D только фигура — холст ровно в кадре 2D-статуэтки, 2D-фигура прячется, подставка/шар/тень остаются */
.pd-st3d>.pd-st3d-cv{left:0!important;right:0!important;top:0!important;bottom:0!important;width:100%!important;height:100%!important;z-index:3}
.pd-st3d[data-ready]>.pd-tal-art{opacity:1!important}
.pd-st3d[data-ready]>.pd-tal-art>.pd-tal-fig{opacity:0}
/* 29.10 v3: подставка и шар тоже 3D — 2D-слои прячем, когда 3D готово */
.pd-st3d[data-ready]>.pd-tal-art>:is(.pd-tal-ped,.pd-tal-orbx,.pd-tal-shadow){opacity:0}
.pd-st3d>.pd-st3d-cv{top:-4%!important;height:108%!important}
/* 29.10 v5: контактная тень под 3D-подставкой (2D-тень сцены остаётся, эта — плотнее у самого основания) */
.pd-st3d[data-ready]::after{content:"";position:absolute;left:8%;right:8%;bottom:-1%;height:9%;border-radius:50%;background:radial-gradient(closest-side,#000d,#0006 55%,transparent);z-index:2;pointer-events:none}
.pd-st3d>.pd-st3d-cv{filter:contrast(1.28) brightness(1.04) saturate(1.08)}
/* 29.10 Саша: фишки на дороге — из металла своей лиги (как эмблема), не красные */
.pdr[data-r="3"] .pdh-dot{width:44px;height:44px;background:var(--chip) center/100% 100% no-repeat!important;box-shadow:none!important;filter:drop-shadow(0 4px 6px #000c)}
.pdr[data-r="3"] .pdh-dot::before{content:none!important}
.pdr[data-r="3"] .pdh-dot>b,.pdr[data-r="3"] .pdh-dot>i{position:relative;font:700 13px/1 var(--pd-font,'Play',sans-serif)!important;font-style:normal;color:#fff!important;text-shadow:0 1px 3px #000}
.pdr[data-r="3"] .pdh-col[data-s=far] .pdh-dot{filter:grayscale(.5) brightness(.5) drop-shadow(0 4px 6px #000c)}
.pdr[data-r="3"] .pdh-col[data-s=next] .pdh-dot{filter:drop-shadow(0 0 8px #d71921) drop-shadow(0 4px 6px #000c)}
.pdr[data-r="3"] .pdh-col[data-s=done] .pdh-dot>i{color:#fff!important}
/* 29.10: плашка новой лиги той же высоты, что и остальные (не лезет вверх); линии доходят до фишек */
#device-host .pdh-card--big{flex-direction:row;gap:8px;width:118px;height:62px;padding:0 10px;margin-top:10px}
#device-host .pdh-card--big>span{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
#device-host .pdh-card--big b{font:700 18px/20px var(--pd-font,'Play',sans-serif);color:var(--ink0)}
#device-host .pdh-card--big em{font:400 10px/12px var(--pd-font,'Play',sans-serif);font-style:normal;color:#c8ced8}
#device-host .pdh-card--gift-big{margin-top:6px}
#device-host .pdh-stem{position:absolute;left:50%;top:72px;width:1px;height:33px;margin-left:-.5px}
#device-host .pdr[data-r="3"] .pdh-stem{height:24px}
#device-host .pdr[data-r="3"] .pdh-col[data-g] .pdh-stem{height:17px}
/* 29.10 (2): вирівнювання з картками-пігулками дороги «фішки» */
#device-host .pdr[data-r="3"] .pdh-card--big{margin-top:16px;height:48px;width:132px;padding:0 10px}
#device-host .pdh-card--big em{white-space:nowrap}
#device-host .pdr[data-r="3"] .pdh-stem{top:64px;height:32px}
#device-host .pdr[data-r="3"] .pdh-col[data-g] .pdh-stem{top:64px;height:25px}
#device-host .pdr[data-r="3"] .pdh-card--gift{margin-top:12px}
#device-host .pdr[data-r="3"] .pdh-card--gift>img{width:44px;height:44px}
#device-host .pdr[data-r="3"] .pdh-card--gift-big{margin-top:10px}
#device-host .pdr[data-r="3"] .pdh-card--gift-big>img{width:52px;height:52px}
#device-host .pdr[data-r="3"] .pdh-card--gift{margin-top:20px}#device-host .pdr[data-r="3"] .pdh-card--gift-big{margin-top:12px}
/* 29.10 (3): линия идёт из-под подарка (у картинки прозрачный низ) прямо до фишки — без зазора */
#device-host .pdr[data-r="3"] .pdh-col .pdh-stem{z-index:0}
#device-host .pdr[data-r="3"] .pdh-card{z-index:1}
#device-host .pdr[data-r="3"] .pdh-col:has(.pdh-card--gift) .pdh-stem{top:46px;height:50px}
#device-host .pdr[data-r="3"] .pdh-col[data-g]:has(.pdh-card--gift) .pdh-stem{top:46px;height:43px}
/* 29.10 (4): плашка новой лиги — в ширину своей колонки (120), без рамки, не лезет на соседей */
#device-host .pdr[data-r="3"] .pdh-card--big{width:92px!important;padding:0 6px!important;justify-content:center}
#device-host .pdr[data-r="3"] .pdh-card--big>.pdf{display:none}
#device-host .pdr[data-r="3"] .pdh-card--big>span{align-items:center}
#device-host .pdm-rates{display:flex;justify-content:center;width:calc(100% - 32px);margin:4px 16px 16px;min-height:44px;height:44px}
/* 29.10: подсветка лиги под дорогой плавно гаснет к низу — без резкого обрыва над кнопкой */
.pdh-zone{background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--ink) 8%,transparent) 45%,color-mix(in srgb,var(--ink) 8%,transparent) 62%,transparent 100%)!important}
#device-host .pdh{-webkit-mask:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent),linear-gradient(180deg,#000 80%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent) intersect,linear-gradient(180deg,#000 80%,transparent)}
#device-host .pdm-rates{margin-top:12px}
#device-host .pdh{-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)}

/* cat06: the 3D base is shorter than the retired 2D pedestal. Anchor its shadow to its actual foot. */
#device-host .rbh-sc:has(.pd-st3d[data-ready])>.rbh-sc-shadow{display:none}
.pd-st3d[data-ready]::after{left:18%;right:18%;bottom:12%;height:4%;background:radial-gradient(closest-side,#000c,#0006 60%,transparent)}
.pd-st3d>.pd-st3d-cv{filter:none}
#device-host .rbh-sc-art:has(.pd-st3d[data-ready]){filter:none}
/* Carry the temperature video behind the title instead of a separate black strip. */
#device-host .fr-hub .pds-home:has(.plw) .rbh-stage[data-sc]{padding:var(--a-top) 0 0;gap:0}
#device-host .fr-hub .pds-home:has(.plw) .rbh-stage[data-sc]>.rbh-pill{position:absolute;top:calc(var(--a-top) + 14px);left:0;right:0;margin:auto;z-index:4;text-shadow:0 1px 4px #000}
#device-host .pds-home:has(.plw) .rbh-sc{aspect-ratio:402/324;-webkit-mask-image:linear-gradient(#000 92%,transparent);mask-image:linear-gradient(#000 92%,transparent)}
/* cat07: closer framing with the complete plinth and contact shadow still visible. */
#device-host .pds-home:has(.plw) .rbh-sc-art{width:58%!important;left:21%!important;top:11%!important}
/* Fade only the temperature backdrop; keep the statuette and labels clear. */
#device-host .pds-home:has(.plw) .rbh-sc::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#050607 0,rgba(5,6,7,.72) 8%,rgba(5,6,7,.22) 22%,transparent 36%)}

/* Ground contact is projected by a horizontal plane at the base foot, rather than a detached CSS ellipse. */
.pd-st3d[data-ready]::after{content:none}

/* Keep the video table line below the foreground table's alpha edge, avoiding a second blurred horizon. */
#device-host .rbh-sc[data-scene="s1"]>.pdv-mood-vid{object-fit:fill;top:0;bottom:auto;height:calc(100% + 24px)}

#device-host .pds-demo-controls{margin:24px 16px 32px;padding:20px 0 0;border-top:1px solid #ffffff18}
.pds-demo-controls h3{margin:0 0 8px;font:700 16px/22px var(--pd-font);color:#edf0f4}
.pds-demo-controls p{margin:0 0 16px;font-size:12px;line-height:18px;color:#949ba6}
.pds-demo-label,.pds-demo-fields label{display:block;font:400 12px/18px var(--pd-font);color:#949ba6}
.pds-demo-picker{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;margin:6px 0 14px}
.pds-demo-controls select{width:100%;min-width:0;height:42px;border:1px solid #ffffff24;border-radius:10px;background:#121419;color:#edf0f4;font:400 13px var(--pd-font);padding:0 10px;color-scheme:dark}
.pds-demo-picker button{margin:0;width:40px;height:42px;border:1px solid #ffffff24;border-radius:10px;background:#14161b;color:#edf0f4;font:24px var(--pd-font)}
.pds-demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pds-demo-fields select{display:block;margin-top:6px}
.pds-demo-controls :is(button,select):focus-visible{outline:2px solid #ef3a48;outline-offset:2px}
.pds-demo-controls .pds-backdrop-select{margin:6px 0 16px}
/* Three deliberately different sets, with the same figure framing and native controls. */
#device-host .rbh-sc:is([data-backdrop="vault"],[data-backdrop="gallery"])>.rbh-sc-bg{display:none}
.pd-sc-concept{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#101217}
.pd-sc-concept>i{position:absolute;display:block;pointer-events:none}
[data-backdrop="vault"] .pd-sc-concept{background:radial-gradient(ellipse at 50% 48%,#363039 0,#18171e 32%,#090a0d 75%)}
[data-backdrop="vault"] .pd-sc-architecture{inset:7% 17% 14%;border:1px solid #a1a8b522;border-radius:48% 48% 3px 3px;box-shadow:0 0 0 13px #08090b,0 0 0 14px #88909f22,0 0 0 32px #0c0d11,0 0 0 33px #7a828d18,inset 0 0 32px #e5182314;background:linear-gradient(90deg,#0008,transparent 22%,transparent 78%,#0008)}
[data-backdrop="vault"] .pd-sc-light{inset:17% 19% 25%;border-left:2px solid #e1283b;border-right:2px solid #e1283b;filter:drop-shadow(0 0 8px #ff152a99);border-radius:48% 48% 0 0;opacity:.65}
[data-backdrop="gallery"] .pd-sc-concept{background:linear-gradient(120deg,#161b22 0,#525e6b 27%,#aeb8c2 49%,#6b7581 68%,#20262f 100%)}
[data-backdrop="gallery"] .pd-sc-architecture{inset:-25% -10% 12%;transform:skewY(-18deg);background:repeating-linear-gradient(90deg,transparent 0,transparent 24.5%,#eff6ff38 24.7%,#0b152d45 25%,transparent 25.5%);box-shadow:inset 0 -30px 60px #15202b44}
[data-backdrop="gallery"] .pd-sc-light{inset:3% 31% 24%;background:linear-gradient(115deg,transparent,#f3f7ff26 40%,transparent 60%);filter:blur(8px);transform:skewX(-18deg)}
/* tal20: both concepts have live temperature-driven motion and reflected light. */
.pd-motion-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
[data-backdrop="vault"] .pd-sc-architecture{background:linear-gradient(90deg,#0003,transparent 22%,transparent 78%,#0003);box-shadow:0 0 0 13px #08090b88,0 0 0 14px #88909f22,0 0 0 32px #0c0d1166,0 0 0 33px #7a828d18}
[data-backdrop="vault"] .pd-sc-light{border-color:var(--scene-temp);filter:drop-shadow(0 0 12px var(--scene-temp));opacity:.65;transition:border-color 1s,filter 1s;animation:pd-atmosphere-pulse 7s ease-in-out infinite alternate}
[data-backdrop="gallery"] .pd-sc-architecture{opacity:.35;box-shadow:none}
[data-backdrop="gallery"] .pd-sc-light{background:linear-gradient(115deg,transparent,color-mix(in srgb,var(--scene-temp) 25%,#ffffff22) 40%,transparent 60%);animation:pd-metal-sweep 12s ease-in-out infinite alternate;opacity:.45}
@keyframes pd-atmosphere-pulse{from{opacity:.4}to{opacity:.8}}
@keyframes pd-metal-sweep{from{transform:translateX(-65%) skewX(-18deg)}to{transform:translateX(80%) skewX(-18deg)}}
@media(prefers-reduced-motion:reduce){.pd-sc-light{animation:none!important}}
/* tal21: six additional motion studies, kept within the original hero framing. */
#device-host .rbh-sc:has(.pd-sc-concept)>.rbh-sc-bg{display:none}
[data-backdrop="lava"] .pd-sc-light{inset:8% 10% 20%;border-radius:45%;box-shadow:inset 12px 0 25px #ffffff06,inset -12px 0 25px #ffffff06}
/* tal23: aurora fills the full scene without a floor layer. */

/* tal23: no scene floor or detached floor shadow; pedestal remains part of the statue. */
#device-host .rbh-sc:has(.pd-sc-concept)>.rbh-sc-shadow{display:none}