/* Правки по встрече 12.10.2026 (Максим, Вадим, Саша). Подключается последним, чтобы перекрыть старые слои. */

/* ───────── Блок достижений: один «постер» на всю ширину во всех дисциплинах ───────── */
.cc-root .ax{--ax-a:#ff3b44;--ax-ease:cubic-bezier(.32,.72,0,1);position:relative;margin:0 0 8px;padding:4px;border-radius:24px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--ax-a) 42%,transparent) 0%,#ffffff0c 26%,#ffffff05 72%,color-mix(in srgb,var(--ax-a) 22%,transparent) 100%);
  box-shadow:0 28px 60px -30px color-mix(in srgb,var(--ax-a) 70%,transparent),0 0 0 1px #ffffff0d}
.cc-root .ax[data-accent=cash]{--ax-a:#2fd07f}
.cc-root .ax[data-accent=mtt]{--ax-a:#f2c14e}
.cc-root .ax[data-accent=spin]{--ax-a:#a47bff}
.cc-root .ax[data-accent=lb]{--ax-a:#ff3b44}
.cc-root .ax-core{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;padding:16px 16px 8px;
  background:radial-gradient(120% 78% at 100% 0%,color-mix(in srgb,var(--ax-a) 30%,transparent) 0%,transparent 58%),
             radial-gradient(90% 55% at 0% 100%,#d7192116,transparent 62%),
             linear-gradient(180deg,#17171c 0%,#0b0b0e 72%);
  box-shadow:inset 0 1px 0 #ffffff24,inset 0 0 0 1px #ffffff0a}
.cc-root .ax-dots{position:absolute;z-index:-1;right:-70px;top:-50px;width:310px;height:310px;border-radius:50%;opacity:.55;pointer-events:none;
  background:radial-gradient(color-mix(in srgb,var(--ax-a) 85%,#fff) 1.5px,transparent 1.9px) 0 0/8px 8px;
  -webkit-mask:radial-gradient(circle,#000 18%,transparent 66%);mask:radial-gradient(circle,#000 18%,transparent 66%)}
.cc-root .ax-sweep{position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,#ffffff17 50%,transparent 62%);transform:translateX(-120%);animation:ax-sweep 1.8s .45s var(--ax-ease) both}
@keyframes ax-sweep{to{transform:translateX(120%)}}

.cc-root .ax-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cc-root .ax-format{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 12px;border-radius:999px;background:#0000004d;border:1px solid #ffffff1c;font:700 10px/1 var(--pd-font);letter-spacing:.2em;text-transform:uppercase;color:#fff;backdrop-filter:none}
.cc-root .ax-format i{width:8px;height:8px;border-radius:50%;background:var(--ax-a);box-shadow:0 0 0 3px color-mix(in srgb,var(--ax-a) 22%,transparent),0 0 12px var(--ax-a)}
.cc-root .ax-share{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 4px 4px 16px;border:0;border-radius:999px;background:#d71921;color:#fff;font:700 12px/1 var(--pd-font);letter-spacing:.02em;cursor:pointer;
  box-shadow:0 10px 22px -10px #d71921,inset 0 1px 0 #ffffff40;transition:transform .5s var(--ax-ease)}
.cc-root .ax-share:active{transform:scale(.97)}
.cc-root .ax-share:focus-visible{outline:2px solid #fff;outline-offset:3px}
.cc-root .ax-share-ico{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#00000038;transition:transform .5s var(--ax-ease)}
.cc-root .ax-share:hover .ax-share-ico{transform:translate(1px,-1px) scale(1.06)}
.cc-root .ax-share-ico svg{width:15px;height:15px}

.cc-root .ax-hero{position:relative;z-index:1;min-height:150px;padding:20px 0 16px;display:flex;flex-direction:column;justify-content:flex-end}
.cc-root .ax-hero-text{position:relative;z-index:2;display:grid;gap:8px;justify-items:start}
.cc-root .ax-eyebrow{font:700 10px/1.3 var(--pd-font);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--ax-a) 72%,#fff)}
.cc-root .ax-big{--ax-size:58px;display:block;font:700 var(--ax-size)/1 var(--pd-font);letter-spacing:-.025em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;
  text-shadow:0 2px 0 #00000080,0 12px 36px color-mix(in srgb,var(--ax-a) 55%,transparent)}
.cc-root .ax-big[data-size=l]{--ax-size:52px}
.cc-root .ax-big[data-size=m]{--ax-size:44px}
.cc-root .ax-big[data-size=s]{--ax-size:38px}
.cc-root .ax-big[data-size=xs]{--ax-size:32px}
.cc-root .ax-big .cc-goal{font:400 14px/1.4 var(--pd-font);white-space:normal;color:#c9c3cc;text-shadow:none}
.cc-root .ax-affix{font-size:.62em;font-weight:700;color:#e9e4ea;margin-right:.04em}
.cc-root .ax-note{font:400 12px/1.35 var(--pd-font);color:#cfc8d1}
.cc-root .ax-art-wrap{position:absolute;z-index:1;right:-8px;top:2px;width:128px;height:128px;pointer-events:none}
.cc-root .ax-art-wrap::before{content:"";position:absolute;inset:8% 8% 0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ax-a) 45%,transparent),transparent 68%);filter:blur(6px)}
.cc-root .ax-art{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px #000d);animation:ax-float 6.5s var(--ax-ease) infinite alternate}
@keyframes ax-float{0%{transform:translateY(0) rotate(-3deg)}100%{transform:translateY(-7px) rotate(2deg)}}

.cc-root .ax-duo{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:2px 0 12px}
.cc-root .ax-duo>div{position:relative;overflow:hidden;display:grid;gap:4px;padding:16px 16px 12px;border-radius:20px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:inset 0 1px 0 #ffffff1c,inset 0 0 0 1px #ffffff10;animation:ax-in .8s var(--ax-ease) calc(.3s + var(--i)*.1s) both}
.cc-root .ax-duo strong{font:700 32px/1.05 var(--pd-font);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.cc-root .ax-duo strong .ax-affix{font-size:.7em}
.cc-root .ax-duo>div>span:last-child{font:400 12px/1.3 var(--pd-font);color:#cfc8d1}
.cc-root .ax-duo-ico{position:absolute;right:-6px;top:-6px;width:58px;height:58px;color:var(--ax-a);opacity:.22}
.cc-root .ax-duo-ico svg{width:100%;height:100%}

.cc-root .ax-record{position:relative;z-index:1;margin:2px 0 16px;padding:12px 16px 12px;border-radius:20px;background:linear-gradient(180deg,#ffffff10,#ffffff04);box-shadow:inset 0 1px 0 #ffffff1f,inset 0 0 0 1px #ffffff10,0 14px 30px -20px #000;animation:ax-in .8s var(--ax-ease) .28s both}
.cc-root .ax-record-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cc-root .ax-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#d71921;color:#fff;font:700 10px/1 var(--pd-font);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 6px 16px -8px #d71921}
.cc-root .ax-record-main{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:12px}
.cc-root .ax-record-main>strong{font:700 28px/1 var(--pd-font);letter-spacing:-.02em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.cc-root .ax-record-main>strong .cc-goal{font:400 12px/1.4 var(--pd-font);white-space:normal;color:#c9c3cc}
.cc-root .ax-record-meta{display:grid;gap:4px;justify-items:end;text-align:right;min-width:0}
.cc-root .ax-record-meta b{font:700 14px/1.25 var(--pd-font);color:#fff}
.cc-root .ax-record-meta small{font:400 12px/1.3 var(--pd-font);color:#bdb6bf}
.cc-root .ax-record-hand{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff14}
.cc-root .ax-record-hand>span:first-child{font:400 12px/1.3 var(--pd-font);color:#bdb6bf}
.cc-root .ax-record-hand .cc-cards{gap:4px;justify-content:flex-end}
.cc-root .ax-record-hand .cc-card{width:25px;height:35px;min-width:25px;font-size:12px;padding:4px;border-radius:4px}
.cc-root .ax-record-hand .cc-card span:last-child{font-size:16px}

/* Пьедестал: сколько раз 1/2/3 место — прямо на ступенях */
.cc-root .ax-podium{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;height:158px;margin:0 2px 16px}
.cc-root .ax-step{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;--m:#dfe3ea}
.cc-root .ax-step[data-place="1"]{--m:#f5d27a}
.cc-root .ax-step[data-place="3"]{--m:#e39a66}
.cc-root .ax-step-count{display:flex;align-items:baseline;gap:4px;margin-bottom:8px;animation:ax-in .7s var(--ax-ease) calc(.55s + var(--i)*.12s) both}
.cc-root .ax-step-count strong{font:700 28px/1 var(--pd-font);color:#fff;font-variant-numeric:tabular-nums}
.cc-root .ax-step[data-place="1"] .ax-step-count strong{font-size:32px;text-shadow:0 0 22px color-mix(in srgb,var(--m) 55%,transparent)}
.cc-root .ax-step-count small{font:400 12px/1 var(--pd-font);color:#bdb6bf}
.cc-root .ax-step-block{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:16px 16px 8px 8px;
  background:linear-gradient(180deg,#30313a 0%,#1a1a20 60%,#121216 100%);box-shadow:inset 0 1px 0 #ffffff30,inset 0 -12px 22px #0007,0 16px 28px -18px #000;
  transform-origin:50% 100%;animation:ax-rise 1s var(--ax-ease) calc(.3s + var(--i)*.12s) both}
.cc-root .ax-step-block::before{content:"";position:absolute;left:14px;right:14px;top:0;height:3px;border-radius:0 0 4px 4px;background:var(--m);box-shadow:0 0 14px var(--m)}
.cc-root .ax-step[data-place="1"] .ax-step-block{height:100px;box-shadow:inset 0 1px 0 #ffffff38,inset 0 -12px 22px #0007,0 -18px 40px -22px var(--m),0 16px 28px -18px #000}
.cc-root .ax-step[data-place="2"] .ax-step-block{height:78px}
.cc-root .ax-step[data-place="3"] .ax-step-block{height:64px}
.cc-root .ax-step-medal{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:700 14px/1 var(--pd-font);color:#141418;
  background:radial-gradient(circle at 34% 28%,#ffffffcc 0,var(--m) 42%,color-mix(in srgb,var(--m) 55%,#000) 100%);box-shadow:0 4px 14px color-mix(in srgb,var(--m) 45%,transparent)}
.cc-root .ax-step-block small{font:700 10px/1 var(--pd-font);letter-spacing:.16em;text-transform:uppercase;color:#a7a1ab}
.cc-root .ax-sub{position:relative;z-index:1;display:block;margin:8px 0 2px;font:700 10px/1.3 var(--pd-font);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--ax-a) 72%,#fff)}
@keyframes ax-rise{from{opacity:0;transform:scaleY(.15)}to{opacity:1;transform:none}}

/* Остальные показатели: строки с иконкой-ассоциацией, без рамок-плиток */
.cc-root .ax-rows{position:relative;z-index:1;list-style:none;margin:0;padding:0;border-top:1px solid #ffffff16}
.cc-root .ax-rows li{position:relative;overflow:hidden;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:60px;padding:8px 0;border-bottom:1px solid #ffffff0f;animation:ax-in .8s var(--ax-ease) calc(.4s + var(--i)*.07s) both}
.cc-root .ax-rows li:last-child{border-bottom:0}
.cc-root .ax-ico{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--ax-a);
  background:radial-gradient(circle at 30% 18%,color-mix(in srgb,var(--ax-a) 30%,transparent),transparent 72%),#ffffff08;
  box-shadow:inset 0 1px 0 #ffffff1f,inset 0 0 0 1px color-mix(in srgb,var(--ax-a) 30%,transparent)}
.cc-root .ax-ico svg{width:22px;height:22px}
.cc-root .ax-label{position:relative;z-index:1;font:400 12px/1.3 var(--pd-font);color:#ddd7df}
.cc-root .ax-val{position:relative;z-index:1;font:700 20px/1.1 var(--pd-font);color:#fff;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.cc-root .ax-val small{font:400 12px/1 var(--pd-font);color:#bdb6bf}
.cc-root .ax-val .cc-goal{display:block;max-width:150px;white-space:normal;font:400 12px/1.35 var(--pd-font);color:#bdb6bf}
.cc-root .ax-wm{position:absolute;z-index:0;right:76px;top:50%;width:78px;height:78px;color:var(--ax-a);opacity:.07;transform:translateY(-50%) rotate(-12deg);pointer-events:none}
.cc-root .ax-wm svg{width:100%;height:100%}
@keyframes ax-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce) and (max-width: 0px){.cc-root .ax *,.cc-root .ax{animation:none!important;transition:none!important}.cc-root .ax-sweep{display:none}}

/* ───────── Удача: зоны словами, число между подписями «Ниже/Выше шансов», один рядок, липкий фильтр ───────── */
.cc-root .cc-luck-native .pd-luck-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:-6px 0 12px}
.cc-root .cc-luck-native .pd-luck-row .pd-luck-readout{margin:0;justify-content:center}
.cc-root .cc-luck-native .pd-luck-side{display:flex;align-items:flex-start;gap:8px;font:400 12px/1.3 var(--cc-body,var(--pd-font));color:var(--cc-muted,#9aa3ae)}
.cc-root .cc-luck-native .pd-luck-side::before{content:"";width:7px;height:7px;margin-top:4px;border-radius:50%;background:#ef7886;flex:none}
.cc-root .cc-luck-native .pd-luck-side[data-side=up]{flex-direction:row-reverse;text-align:right}
.cc-root .cc-luck-native .pd-luck-side[data-side=up]::before{background:#40ce94}
.cc-root .pd-luck-zone{font-family:var(--cc-body,var(--pd-font))}
.cc-root .cc-luck-explainer{padding:0 0 16px;border-top:0}
.cc-root .cc-luck-explainer .cc-luck-oneline{display:block;margin:0;text-align:center;font:400 12px/1.4 var(--cc-body,var(--pd-font));color:var(--cc-muted,#9aa3ae)}
.cc-root[data-page=luck] .cc-luck-selector{position:sticky;top:0;z-index:6;margin:0 -16px 12px;padding:8px 16px 12px;background:linear-gradient(180deg,#0a0a0c 78%,#0a0a0cee 90%,#0a0a0c00)}

/* ───────── Карточка раздачи (Удача, Воспоминания, история): компактно, стол сверху на сукне ───────── */
.cc-root .hc-v2{padding:16px 16px 0}
.cc-root .hc-v2 .hc-hero{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.cc-root .hc-v2 .hc-hero strong{font:700 32px/1 var(--cc-display,var(--pd-font));letter-spacing:-.02em}
.cc-root .hc-v2 .hc-hero small{font:400 12px/1.3 var(--cc-body,var(--pd-font));color:var(--cc-muted,#9aa3ae)}
.cc-root .hc-v2 .hc-felt{position:relative;margin:0 0 12px;padding:12px 12px 12px;border-radius:16px;
  background:radial-gradient(120% 140% at 50% 0%,#1f6a49 0%,#134a33 55%,#0d3524 100%);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 10px 24px #0000004d}
.cc-root .hc-v2 .hc-felt[data-raised=true]{padding-top:24px}
.cc-root .hc-v2 .hc-felt .cc-playing-card[data-after=true]{transform:translateY(-12px);filter:drop-shadow(0 6px 6px #0009)}
.cc-root .hc-v2 .hc-board-cards{gap:4px;justify-content:flex-start}
.cc-root .hc-v2 .hc-hand{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 12px;padding:0 2px}
.cc-root .hc-v2 .hc-hand .hc-mine-cards{gap:4px;flex:none}
.cc-root .hc-v2 .hc-combo{font:400 12px/1.3 var(--cc-body,var(--pd-font));color:#e6e9ee}
.cc-root .hc-v2 .hc-foot{min-height:42px}

/* ───────── Коллекция комбинаций: шанс, количество и редкость на каждой карточке ───────── */
.cc-root .cc-combos .cc-combo-meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px;text-align:left}
.cc-root .cc-combos .cc-combo-meta .cc-combo-rarity{order:3}
.cc-root .cc-combos .cc-combo-count{white-space:nowrap;font:400 12px/1.3 var(--cc-body,var(--pd-font));color:var(--cc-muted,#9aa3ae)}
.cc-root .cc-combos .cc-combo-count b{font:700 16px/1 var(--pd-font);color:#fff;margin-right:2px}
.cc-root .cc-combos .cc-combo-rarity{padding:4px 8px;border-radius:999px;font:700 10px/1.2 var(--pd-font);letter-spacing:.1em;text-transform:uppercase;color:#cfd5de;background:#ffffff10;box-shadow:inset 0 0 0 1px #ffffff1a}
.cc-root .cc-combos .cc-combo-rarity[data-rarity=rare]{color:#bfa6ff;background:#8b5cf61f;box-shadow:inset 0 0 0 1px #8b5cf655}
.cc-root .cc-combos .cc-combo-rarity[data-rarity=legend]{color:#f5d27a;background:#f2c14e1f;box-shadow:inset 0 0 0 1px #f2c14e66}
.cc-root .cc-combos .cc-combo-chance{text-align:left;white-space:nowrap;margin:8px 0 0;font:400 12px/1.3 var(--cc-body,var(--pd-font));color:var(--cc-muted,#9aa3ae)}
.cc-root .cc-combos .cc-combo-chance b{color:#e6e9ee;font-weight:700}

/* ───────── Настройки: карандаш на аватаре (смена фото), ID убран ───────── */
.ps-identity .ps-avatar{position:relative}
.ps-identity .ps-avatar-edit{position:absolute;right:-2px;bottom:-2px;z-index:7;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d71921;color:#fff;box-shadow:0 0 0 2px #101115,0 4px 10px #0008}
.ps-identity .ps-avatar-edit svg{width:13px;height:13px}

/* ── Соревнования: один список без вкладок, секції за типом (нарада 12.10, п.37–42) ── */
#device-host .cp-native-list{gap:24px!important;padding-top:4px!important}
#device-host .cp-sec{display:flex;flex-direction:column;gap:12px;flex:none}
#device-host .cp-sec-head{display:flex;align-items:center;gap:12px;padding:0 2px}
#device-host .cp-sec-ico{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;flex:none;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--cp-tone) 32%,transparent),color-mix(in srgb,var(--cp-tone) 8%,#0b0d10) 72%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cp-tone) 38%,transparent),0 0 20px color-mix(in srgb,var(--cp-tone) 20%,transparent)}
#device-host .cp-sec-ico img{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 2px 3px #0009)}
#device-host .cp-sec-head h3{margin:0;font:700 12px/1 var(--cm-font-ui,'Play','Golos Text',sans-serif);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--cp-tone) 72%,#fff);white-space:nowrap}
#device-host .cp-sec-line{flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--cp-tone) 55%,transparent),transparent 92%)}
#device-host .cp-native-card{border-color:color-mix(in srgb,var(--cp-tone) 20%,#ffffff10)!important;background:radial-gradient(ellipse at 100% 30%,color-mix(in srgb,var(--cp-tone) 13%,transparent),transparent 62%),linear-gradient(145deg,#101215,#0b0d10 78%)!important;transition:transform 400ms cubic-bezier(.32,.72,0,1)}
#device-host .cp-native-card:active{transform:scale(.985)}
#device-host .cp-native-tagrow{display:flex;align-items:center;gap:12px;margin:0 0 12px -18px;white-space:nowrap;min-width:0}
#device-host .cp-native-ribbon{display:inline-flex;align-items:center;flex:none;height:22px;padding:0 16px 0 20px;background:linear-gradient(90deg,color-mix(in srgb,var(--cp-tone) 80%,#000),var(--cp-tone));color:var(--cp-ink,#08080a);font:700 10px/1 var(--cm-font-ui,'Play','Golos Text',sans-serif);letter-spacing:.13em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%)}
#device-host .cp-native-tagrow .cp-native-time{font:400 var(--pd-type-label)/20px var(--cm-font-ui,'Play','Golos Text',sans-serif);color:var(--dot-muted,#a1a7b2);overflow:hidden;text-overflow:ellipsis}
#device-host .cp-native-tagrow .cp-native-time b{font-weight:700;color:#e4e7ec;font-variant-numeric:tabular-nums}
#device-host .cp-native-card h2{margin-bottom:8px}
/* сезонний гранд: велика зелена картка */
#device-host .cp-native-card-hero{padding-top:20px;border-color:color-mix(in srgb,var(--cp-tone) 42%,transparent)!important;background:radial-gradient(90% 80% at 100% 0%,color-mix(in srgb,var(--cp-tone) 28%,transparent),transparent 62%),radial-gradient(70% 60% at 0% 100%,color-mix(in srgb,var(--cp-tone) 10%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in srgb,var(--cp-tone) 14%,#0c100e),#090b0c 72%)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--cp-tone) 32%,transparent),0 20px 44px -22px color-mix(in srgb,var(--cp-tone) 55%,transparent)!important}
#device-host .cp-native-dots{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--cp-tone) 60%,transparent) 1px,transparent 1.7px);background-size:9px 9px;-webkit-mask-image:radial-gradient(85% 95% at 100% 0%,#000,transparent 72%);mask-image:radial-gradient(85% 95% at 100% 0%,#000,transparent 72%);opacity:.45}
#device-host .cp-native-card-hero .cp-native-ribbon{height:25px;font-size:12px;padding-right:16px}
#device-host .cp-native-card-hero .cp-native-main{grid-template-columns:minmax(0,1fr) 100px;min-height:118px}
#device-host .cp-native-card-hero .cp-native-illustration{width:100px;height:118px}
#device-host .cp-native-card-hero .cp-native-art{width:132px;height:132px;filter:drop-shadow(0 12px 18px #000a) drop-shadow(0 0 24px color-mix(in srgb,var(--cp-tone) 30%,transparent))}
#device-host .cp-native-card-hero .cp-native-standing{border-top-color:color-mix(in srgb,var(--cp-tone) 22%,transparent)}
#device-host .cp-native-card-hero .cp-native-standing span:last-child b{color:color-mix(in srgb,var(--cp-tone) 70%,#fff)}
@media(max-width:370px){#device-host .cp-native-tagrow{margin-left:-16px}}
@media(prefers-reduced-motion: reduce) and (max-width: 0px){#device-host .cp-native-card{transition:none}}

/* ── «Игровые показатели»: один фон у всіх форматах (п.31, п.55) ── */
.cc-root .cc-playstyle .cc-hud{background:linear-gradient(135deg,#171a20,#0e1115)}

/* ── номер збірки внизу Карьеры ── */
.cc-root .pd-build-stamp{margin:8px 0 0;text-align:center;font:400 10px/1.4 var(--cc-body,var(--pd-font,'Play',sans-serif));letter-spacing:.04em;color:#ffffff47}

/* ── Коллекция комбинаций: награды (нарада 12.10, п.47–54) ── */
.cc-root .aw-page{display:block}
.cc-root .aw-progress{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin:16px 0 0}
.cc-root .aw-progress i{height:4px;border-radius:4px;background:#ffffff14}
.cc-root .aw-progress i[data-on=true]{background:#c9ced6}
.cc-root .aw-progress i[data-on=true][data-rarity=rare]{background:#a47bff}
.cc-root .aw-progress i[data-on=true][data-rarity=legend]{background:#f5d27a;box-shadow:0 0 8px #f5d27a80}
.cc-root .aw-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:16px 0 16px;padding:4px;border-radius:16px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12}
.cc-root .aw-switch button{height:36px;border:0;border-radius:12px;background:transparent;color:var(--cc-muted,#9aa3ae);font:700 12px/1 var(--pd-font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .4s cubic-bezier(.32,.72,0,1),color .4s cubic-bezier(.32,.72,0,1)}
.cc-root .aw-switch button[aria-pressed=true]{background:#ffffff17;color:#fff;box-shadow:inset 0 1px 0 #ffffff21}

.cc-root .aw{position:relative;min-width:0;text-align:center;outline:none;--aw-glow:#ffffff14}
.cc-root .aw[data-rarity=legend]{--aw-glow:#f5d27a40}
.cc-root .aw[data-rarity=rare]{--aw-glow:#a47bff33}
.cc-root .aw[role=button]{cursor:pointer}
.cc-root .aw:focus-visible .aw-stage{outline:2px solid #f34752;outline-offset:3px;border-radius:16px}
.cc-root .aw-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:12px}
.cc-root .aw-halo{position:absolute;left:50%;top:42%;width:96%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--aw-glow) 0%,transparent 64%);pointer-events:none}
.cc-root .aw-art{position:relative;z-index:1;display:block;width:82%;aspect-ratio:1;object-fit:contain;margin-bottom:-6%;filter:drop-shadow(0 12px 14px #000c);transition:transform .6s cubic-bezier(.32,.72,0,1)}
.cc-root .aw[role=button]:active .aw-art{transform:scale(.97)}
.cc-root .aw-stand{position:relative;z-index:2;width:96%;box-sizing:border-box;padding:8px 4px 8px;border-radius:12px 12px 8px 8px;background:linear-gradient(180deg,#5c636d 0%,#2b3037 15%,#171a1f 55%,#0c0e11 100%);box-shadow:inset 0 1px 0 #ffffff5e,inset 0 -1px 0 #000,0 16px 18px -12px #000}
.cc-root .aw-stand::after{content:"";position:absolute;left:9%;right:9%;bottom:3px;height:2px;border-radius:4px;background:#d71921;box-shadow:0 0 8px #d7192199}
.cc-root .aw[data-rarity=legend] .aw-stand::after{background:#f5d27a;box-shadow:0 0 8px #f5d27a99}
.cc-root .aw-plaque{display:flex;justify-content:center;padding:4px 4px;border-radius:8px;background:linear-gradient(180deg,#07080a,#121418);box-shadow:inset 0 1px 3px #000,inset 0 0 0 1px #ffffff12}
.cc-root .aw-plaque .cc-cards{gap:2px}
.cc-root .aw-count{position:absolute;z-index:3;top:2px;right:0;min-width:30px;box-sizing:border-box;padding:4px 8px;border-radius:999px;background:#d71921;color:#fff;font:700 12px/1 var(--pd-font);font-variant-numeric:tabular-nums;box-shadow:0 6px 14px #d7192166,inset 0 1px 0 #ffffff4d}
.cc-root .aw-lock{position:absolute;z-index:3;top:2px;right:2px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffff12;color:#c9ced6;box-shadow:inset 0 0 0 1px #ffffff1f}
.cc-root .aw-lock svg{width:15px;height:15px}
.cc-root .aw-new{position:absolute;z-index:3;top:2px;left:0;padding:4px 8px;border-radius:999px;background:#fff;color:#ff5a60;font:700 10px/1 var(--pd-font);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 6px 14px #0008}
.cc-root .aw[data-collected=false] .aw-art{filter:brightness(0) drop-shadow(0 0 1px #ffffff73) drop-shadow(0 0 16px #ffffff14);opacity:.9}
.cc-root .aw[data-collected=false] .aw-halo{opacity:.35}
.cc-root .aw[data-collected=false] .aw-plaque{opacity:.5}
.cc-root .aw-name{margin:16px 0 4px;font:700 14px/1.2 var(--pd-font);color:#fff;letter-spacing:.01em;text-transform:none}
.cc-root .aw-assoc{margin:0;min-height:2.6em;font:400 12px/1.3 var(--cc-body,var(--pd-font));color:var(--cc-muted,#9aa3ae)}
.cc-root .aw-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px}
.cc-root .aw-rarity{padding:4px 8px;border-radius:999px;font:700 10px/1.1 var(--pd-font);letter-spacing:.1em;text-transform:uppercase;color:#cfd5de;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1f}
.cc-root .aw-rarity[data-rarity=rare]{color:#bfa6ff;background:#8b5cf61f;box-shadow:inset 0 0 0 1px #8b5cf655}
.cc-root .aw-rarity[data-rarity=legend]{color:#f5d27a;background:#f2c14e1f;box-shadow:inset 0 0 0 1px #f2c14e66}
.cc-root .aw-chance{font:400 10px/1.2 var(--cc-body,var(--pd-font));color:var(--cc-muted,#9aa3ae);white-space:nowrap}
.cc-root .aw-chance b{color:#e6e9ee;font-weight:700}

/* вариант 1: витрина с полками */
.cc-root .aw-case{position:relative;border-radius:24px;padding:16px 12px 4px;background:radial-gradient(120% 46% at 50% 0%,#ffffff0f,transparent 62%),linear-gradient(180deg,#0f1114,#0a0b0d);box-shadow:inset 0 1px 0 #ffffff14,inset 0 0 0 1px #ffffff0a}
.cc-root .aw-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px;animation:aw-in .8s cubic-bezier(.32,.72,0,1) both;animation-delay:calc(var(--r,0) * 90ms)}
.cc-root .aw-row .aw-stage::after{content:"";position:absolute;z-index:0;bottom:-9px;left:-5px;right:-5px;height:11px;background:linear-gradient(180deg,#ffffff26,#ffffff08 45%,transparent);border-top:1px solid #ffffff3d;box-shadow:0 16px 22px -12px #000}
.cc-root .aw-row .aw:first-child .aw-stage::after{left:-12px}
.cc-root .aw-row .aw:last-child .aw-stage::after{right:-12px}
@keyframes aw-in{from{opacity:0;transform:translateY(18px)}}

/* вариант 2: карусель */
.cc-root .aw-carousel{margin:0 calc(var(--cc-gutter,20px) * -1)}
.cc-root .aw-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 15% 8px;scrollbar-width:none;overscroll-behavior-x:contain}
.cc-root .aw-track::-webkit-scrollbar{display:none}
.cc-root .aw-slide{flex:0 0 70%;min-width:0;scroll-snap-align:center;transform:scale(.86);opacity:.45;transition:transform .6s cubic-bezier(.32,.72,0,1),opacity .6s cubic-bezier(.32,.72,0,1)}
.cc-root .aw-slide[data-active=true]{transform:none;opacity:1}
.cc-root .aw-big .aw-stage{padding-top:20px}
.cc-root .aw-big .aw-art{width:88%}
.cc-root .aw-big .aw-halo{width:120%}
.cc-root .aw-big .aw-name{font-size:20px;margin-top:20px}
.cc-root .aw-big .aw-assoc{font-size:12px;min-height:0}
.cc-root .aw-big .aw-count{top:8px;right:4px;font-size:14px;padding:8px 12px}
.cc-root .aw-big .aw-lock{top:8px;right:6px;width:34px;height:34px}
.cc-root .aw-big .aw-new{top:8px;left:4px}
.cc-root .aw-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0 2px}
.cc-root .aw-arrow{width:34px;height:34px;border-radius:50%;border:0;background:#ffffff0f;color:#fff;font:400 20px/1 var(--pd-font);box-shadow:inset 0 0 0 1px #ffffff1a;cursor:pointer;transition:opacity 250ms}
.cc-root .aw-arrow:disabled{opacity:.28;cursor:default}
.cc-root .aw-dots{display:flex;align-items:center;gap:8px}
.cc-root .aw-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#ffffff26;cursor:pointer;transition:width 400ms cubic-bezier(.32,.72,0,1),background 400ms cubic-bezier(.32,.72,0,1)}
.cc-root .aw-dots button[data-collected=true]{background:#ffffff5c}
.cc-root .aw-dots button[data-on=true]{width:20px;border-radius:4px;background:#d71921}
.cc-root .aw-demo{margin-top:20px}

/* ачивка «собрано впервые» + конфетти */
.cc-root .aw-cele{position:absolute;inset:0;z-index:95;display:grid;place-items:center;padding:24px;background:radial-gradient(80% 60% at 50% 38%,#2a0a0ff7,#050506fc);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:aw-fade 400ms cubic-bezier(.32,.72,0,1) both}
.cc-root .aw-cele[data-rarity=legend]{background:radial-gradient(80% 60% at 50% 38%,#2e230bf5,#050506fc)}
.cc-root .aw-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.cc-root .aw-cele-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;text-align:center}
.cc-root .aw-cele-rays{position:absolute;top:-40px;left:50%;width:440px;height:440px;transform:translateX(-50%);background:repeating-conic-gradient(from 0deg,#ffffff12 0deg 7deg,transparent 7deg 20deg);-webkit-mask-image:radial-gradient(circle,#000 16%,transparent 62%);mask-image:radial-gradient(circle,#000 16%,transparent 62%);animation:aw-spin 22s linear infinite;pointer-events:none}
.cc-root .aw-cele[data-rarity=legend] .aw-cele-rays{background:repeating-conic-gradient(from 0deg,#f5d27a24 0deg 7deg,transparent 7deg 20deg)}
.cc-root .aw-cele-kicker{position:relative;padding:8px 12px;border-radius:999px;background:#d71921;color:#fff;font:700 10px/1 var(--pd-font);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 8px 24px #d7192166}
.cc-root .aw-cele-art{position:relative;width:236px;height:236px;object-fit:contain;filter:drop-shadow(0 18px 26px #000);animation:aw-pop .9s cubic-bezier(.34,1.56,.64,1) .1s both}
.cc-root .aw-cele[data-rarity=legend] .aw-cele-art{filter:drop-shadow(0 18px 26px #000) drop-shadow(0 0 34px #f5d27a40)}
.cc-root .aw-cele-name{position:relative;font:700 28px/1.1 var(--pd-font);color:#fff}
.cc-root .aw-cele-text{position:relative;margin:0;font:400 12px/1.4 var(--cc-body,var(--pd-font));color:#c4cad3}
.cc-root .aw-cele .cc-cards{position:relative;margin-top:2px}
.cc-root .aw-cele .cc-primary{position:relative;width:100%;margin-top:12px}
@keyframes aw-pop{from{opacity:0;transform:scale(.35) rotate(-10deg)}to{opacity:1;transform:none}}
@keyframes aw-spin{to{transform:translateX(-50%) rotate(360deg)}}
@keyframes aw-fade{from{opacity:0}}
@media(prefers-reduced-motion: reduce) and (max-width: 0px){.cc-root .aw-row,.cc-root .aw-cele,.cc-root .aw-cele-art,.cc-root .aw-cele-rays{animation:none}.cc-root .aw-slide,.cc-root .aw-art{transition:none}}
/* плитка коллекции на главной Карьеры: три награды вместо карт */
.cc-root .aw-tile-trio{position:relative;display:block;width:156px;height:100px;flex:none}
.cc-root .aw-tile-trio img{position:absolute;bottom:0;width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 8px 10px #000b);transform-origin:bottom center}
.cc-root .aw-tile-trio img[data-k="2"]{left:0;transform:scale(.84)}
.cc-root .aw-tile-trio img[data-k="3"]{right:0;transform:scale(.84)}
.cc-root .aw-tile-trio img[data-k="1"]{left:50%;z-index:1;width:96px;height:96px;transform:translateX(-50%);filter:drop-shadow(0 10px 12px #000c) drop-shadow(0 0 18px #f5d27a33)}
.cc-root[data-empty=true] .aw-tile-trio img{filter:brightness(0) drop-shadow(0 0 1px #ffffff66)}

/* ── Блок достижений v2 (Саша 13.10): без заголовка и иллюстрации, круглая «Поделиться», плитки с фоном ── */
.cc-root .ax{--ax-tile-bg:#05060a}
.cc-root .ax-core>.ca-share{position:absolute;z-index:4;top:14px;right:14px;background:#0000005c;border-color:#ffffff2e;transition:transform .45s var(--ax-ease)}
.cc-root .ax-core>.ca-share:active{transform:scale(.94)}
.cc-root .ax .ax-hero{min-height:0;padding:8px 56px 16px 0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.cc-root .ax .ax-record{margin:0 0 16px}

.cc-root .ax-tiles{position:relative;z-index:1;list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cc-root .ax-tile{position:relative;isolation:isolate;overflow:hidden;grid-column:1/-1;min-height:84px;padding:16px 16px;display:flex;flex-direction:column;justify-content:center;gap:4px;border-radius:20px;background:var(--ax-tile-bg);box-shadow:inset 0 0 0 1px #ffffff14,0 10px 24px -14px #000;animation:ax-in .8s var(--ax-ease) calc(.35s + var(--i)*.07s) both}
.cc-root .ax-tile[data-half]{grid-column:auto}
.cc-root .ax-tile-art{position:absolute;z-index:-2;top:0;right:0;width:74%;height:100%;object-fit:cover;object-position:right center;transition:transform 1.2s var(--ax-ease)}
.cc-root .ax-tile-shade{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(120% 140% at 0% 100%,color-mix(in srgb,var(--ax-a) 16%,transparent),transparent 55%),linear-gradient(90deg,var(--ax-tile-bg) 0%,var(--ax-tile-bg) 26%,color-mix(in srgb,var(--ax-tile-bg) 70%,transparent) 46%,transparent 74%)}
.cc-root .ax-tile[data-half] .ax-tile-art{width:100%;object-position:72% center}
.cc-root .ax-tile[data-half] .ax-tile-shade{background:radial-gradient(120% 140% at 0% 100%,color-mix(in srgb,var(--ax-a) 16%,transparent),transparent 55%),linear-gradient(90deg,var(--ax-tile-bg) 0%,color-mix(in srgb,var(--ax-tile-bg) 82%,transparent) 40%,transparent 92%)}
.cc-root .ax-tile-label{position:relative;max-width:62%;font:400 12px/1.25 var(--cc-body,var(--pd-font));color:#c6ccd5}
.cc-root .ax-tile[data-half] .ax-tile-label{max-width:100%}
.cc-root .ax-tile-val{position:relative;font:700 28px/1 var(--pd-font);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #000}
.cc-root .ax-tile-val small{font:400 14px/1 var(--cc-body,var(--pd-font));color:#c6ccd5}
.cc-root .ax-tile-val .ax-affix{font-size:.7em}
.cc-root .ax-tile-val .cc-goal{font:400 12px/1.35 var(--pd-font);color:#c9c3cc}
/* раскладка Б: сетка как в Windows */
.cc-root .ax[data-tiles=grid] .ax-tile{grid-column:auto;min-height:136px;justify-content:flex-end;padding:16px}
.cc-root .ax[data-tiles=grid] .ax-tile[data-wide]{grid-column:1/-1;min-height:112px}
.cc-root .ax[data-tiles=grid] .ax-tile-art{width:100%;object-position:74% center}
.cc-root .ax[data-tiles=grid] .ax-tile[data-wide] .ax-tile-art{width:74%;object-position:right center}
.cc-root .ax[data-tiles=grid] .ax-tile-shade{background:radial-gradient(120% 120% at 0% 100%,color-mix(in srgb,var(--ax-a) 18%,transparent),transparent 55%),linear-gradient(0deg,var(--ax-tile-bg) 0%,color-mix(in srgb,var(--ax-tile-bg) 78%,transparent) 34%,transparent 72%),linear-gradient(90deg,color-mix(in srgb,var(--ax-tile-bg) 70%,transparent),transparent 60%)}
.cc-root .ax[data-tiles=grid] .ax-tile-label{max-width:100%;order:2;font-size:12px}
.cc-root .ax[data-tiles=grid] .ax-tile-val{order:1;font-size:32px}

/* пьедестал: стили Б–Г (А — прежние ступени) */
.cc-root .ax[data-podium=metal] .ax-step-block{background:linear-gradient(180deg,color-mix(in srgb,var(--m) 92%,#fff) 0%,var(--m) 22%,color-mix(in srgb,var(--m) 62%,#000) 100%);box-shadow:inset 0 2px 0 #ffffffa6,inset 0 -10px 18px #0006,0 18px 26px -16px #000}
.cc-root .ax[data-podium=metal] .ax-step-block::before{display:none}
.cc-root .ax[data-podium=metal] .ax-step-medal{width:auto;height:auto;background:none;box-shadow:none;font:700 32px/1 var(--pd-font);color:color-mix(in srgb,var(--m) 35%,#000);text-shadow:0 1px 0 #ffffff80,0 -1px 0 #0000004d}
.cc-root .ax[data-podium=metal] .ax-step-block small{color:color-mix(in srgb,var(--m) 30%,#000)}
.cc-root .ax[data-podium=glass] .ax-podium{height:150px}
.cc-root .ax[data-podium=glass] .ax-step{position:relative}
.cc-root .ax[data-podium=glass] .ax-step-block{justify-content:flex-start;padding-top:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--m) 22%,transparent),color-mix(in srgb,var(--m) 4%,transparent));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--m) 70%,transparent),inset 0 18px 30px -18px color-mix(in srgb,var(--m) 60%,transparent),0 0 26px -6px color-mix(in srgb,var(--m) 45%,transparent)}
.cc-root .ax[data-podium=glass] .ax-step-block::before{display:none}
.cc-root .ax[data-podium=glass] .ax-step[data-place="1"] .ax-step-block{height:146px}
.cc-root .ax[data-podium=glass] .ax-step[data-place="2"] .ax-step-block{height:118px}
.cc-root .ax[data-podium=glass] .ax-step[data-place="3"] .ax-step-block{height:100px}
.cc-root .ax[data-podium=glass] .ax-step-medal{width:24px;height:24px;font-size:12px}
.cc-root .ax[data-podium=glass] .ax-step-block small{display:none}
.cc-root .ax[data-podium=glass] .ax-step-count{position:absolute;z-index:2;left:0;right:0;bottom:14px;justify-content:center;flex-direction:column;align-items:center;gap:2px;margin:0}
.cc-root .ax[data-podium=glass] .ax-step-count strong{font-size:32px}
.cc-root .ax[data-podium=glass] .ax-step[data-place="1"] .ax-step-count strong{font-size:40px}
.cc-root .ax[data-podium=medals] .ax-podium{height:176px;align-items:start}
.cc-root .ax[data-podium=medals] .ax-step{flex-direction:column-reverse;justify-content:flex-end;gap:12px}
.cc-root .ax[data-podium=medals] .ax-step[data-place="1"]{padding-top:0}
.cc-root .ax[data-podium=medals] .ax-step[data-place="2"]{padding-top:24px}
.cc-root .ax[data-podium=medals] .ax-step[data-place="3"]{padding-top:32px}
.cc-root .ax[data-podium=medals] .ax-step-block{height:auto!important;background:none;box-shadow:none;padding-top:32px}
.cc-root .ax[data-podium=medals] .ax-step-block::before{left:50%;right:auto;top:0;width:30px;height:34px;transform:translateX(-50%);border-radius:0;background:linear-gradient(90deg,#b0121c 0 33%,#e8e9ee 33% 66%,#b0121c 66%);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);box-shadow:none}
.cc-root .ax[data-podium=medals] .ax-step-medal{position:relative;width:62px;height:62px;font-size:24px;background:radial-gradient(circle at 34% 28%,#fff 0,var(--m) 34%,color-mix(in srgb,var(--m) 55%,#000) 100%);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--m) 70%,#fff),inset 0 0 0 6px color-mix(in srgb,var(--m) 55%,#000),0 12px 22px -8px #000c,0 0 24px -6px var(--m)}
.cc-root .ax[data-podium=medals] .ax-step[data-place="1"] .ax-step-medal{width:74px;height:74px;font-size:28px}
.cc-root .ax[data-podium=medals] .ax-step-block small{display:none}
.cc-root .ax[data-podium=medals] .ax-step-count{margin:0}

/* полотно ?axlab */
html.axlab-on,html.axlab-on body{overflow:hidden}
#axlab-root{position:fixed;inset:0;z-index:2147483000;overflow:auto;background:#060709;color:#eef0f4;-webkit-font-smoothing:antialiased}
.axlab{padding:36px clamp(16px,3vw,44px) 90px;font-family:var(--cc-body,'Play',system-ui,sans-serif)}
.axlab-top{display:grid;gap:8px;max-width:760px;margin-bottom:8px}
.axlab-top>span{font:700 10px/1 var(--pd-font,'Play',sans-serif);letter-spacing:.18em;text-transform:uppercase;color:#e5303f}
.axlab-top h1{margin:0;font:700 40px/1.05 var(--pd-font,'Play',sans-serif)}
.axlab-top p,.axlab-sec>p{margin:0;max-width:70ch;color:#99a1ad;font-size:14px;line-height:1.5}
.axlab-sec{margin-top:40px}
.axlab-sec h2{margin:0 0 8px;font:700 20px/1.2 var(--pd-font,'Play',sans-serif)}
.axlab-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;margin-top:16px}
.axlab-cell{margin:0;width:390px;max-width:100%}
.axlab-cell figcaption{margin:0 0 12px 4px;font:700 12px/1.3 var(--cc-body,system-ui);color:#c6ccd5}
.axlab-phone{width:390px;max-width:100%;box-sizing:border-box;padding:16px 20px 12px;border-radius:24px;background:#07080a;box-shadow:inset 0 0 0 1px #ffffff12}
.cc-root .axlab-podium{padding-top:16px}

/* ── Призовые места плитками (Саша 13.10): три в ряд / строками / одна широкая ── */
.cc-root .ax-places{position:relative;z-index:1;list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cc-root .ax-place{position:relative;isolation:isolate;overflow:hidden;min-height:124px;padding:12px 12px 12px;display:flex;flex-direction:column;justify-content:space-between;border-radius:16px;background:var(--ax-tile-bg);box-shadow:inset 0 0 0 1px #ffffff14,0 10px 24px -14px #000;--m:#dfe3ea;animation:ax-in .8s var(--ax-ease) calc(.3s + var(--i)*.08s) both}
.cc-root .ax-place[data-medal=gold],.cc-root .ax-places-cols>[data-medal=gold]{--m:#f5d27a}
.cc-root .ax-place[data-medal=bronze],.cc-root .ax-places-cols>[data-medal=bronze]{--m:#e39a66}
.cc-root .ax-place .ax-tile-art{width:100%;object-position:74% center}
.cc-root .ax-place .ax-tile-shade{background:linear-gradient(0deg,var(--ax-tile-bg) 0%,color-mix(in srgb,var(--ax-tile-bg) 72%,transparent) 36%,transparent 68%),linear-gradient(180deg,color-mix(in srgb,var(--ax-tile-bg) 65%,transparent),transparent 42%)}
.cc-root .ax-place-label,.cc-root .ax-places-cols>div>span{position:relative;display:flex;align-items:center;gap:8px;font:700 10px/1 var(--pd-font);letter-spacing:.06em;text-transform:uppercase;color:#e6e9ee}
.cc-root .ax-place-label i,.cc-root .ax-places-cols i{width:8px;height:8px;flex:none;border-radius:50%;background:var(--m);box-shadow:0 0 8px var(--m)}
.cc-root .ax-place-val{position:relative;font:700 32px/1 var(--pd-font);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #000}
.cc-root .ax-place[data-medal=gold] .ax-place-val{font-size:40px}
.cc-root .ax-place-val small,.cc-root .ax-places-cols b small{font:400 12px/1 var(--cc-body,var(--pd-font));color:#c6ccd5;letter-spacing:0}
.cc-root .ax-places-wide{position:relative;z-index:1;isolation:isolate;overflow:hidden;min-height:156px;margin:0 0 16px;display:flex;align-items:flex-end;border-radius:20px;background:var(--ax-tile-bg);box-shadow:inset 0 0 0 1px #ffffff14,0 10px 24px -14px #000}
.cc-root .ax-places-wide .ax-tile-art{width:100%;object-position:center 35%}
.cc-root .ax-places-wide .ax-tile-shade{background:linear-gradient(0deg,var(--ax-tile-bg) 0%,color-mix(in srgb,var(--ax-tile-bg) 72%,transparent) 40%,transparent 72%)}
.cc-root .ax-places-cols{position:relative;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 12px 12px}
.cc-root .ax-places-cols>div{display:grid;gap:8px;justify-items:center;text-align:center;--m:#dfe3ea}
.cc-root .ax-places-cols b{display:flex;align-items:baseline;gap:4px;font:700 28px/1 var(--pd-font);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #000}
.cc-root .ax-places-cols>[data-medal=gold] b{font-size:32px}
.cc-root .ax-tile-art{background:var(--ax-tile-bg)}
.cc-root .ax-tile-note{position:relative;max-width:100%;text-shadow:0 1px 6px #000;font:400 12px/1.3 var(--cc-body,var(--pd-font));color:#aeb5c0}

/* ── Первые/вторые/третьи места: пять вариантов (Саша 13.10) ── */
.cc-root .ax [data-medal=gold]{--m:#f5d27a}
.cc-root .ax [data-medal=silver]{--m:#dfe3ea}
.cc-root .ax [data-medal=bronze]{--m:#e39a66}
/* 1 · фишки */
.cc-root .ax-chips{position:relative;z-index:1;overflow:hidden;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;margin:2px 0 16px;padding:16px 12px 0;border-radius:20px;background:radial-gradient(120% 75% at 50% 100%,#0f3a27 0%,#09211a 48%,var(--ax-tile-bg) 100%);box-shadow:inset 0 0 0 1px #ffffff14,0 10px 24px -14px #000}
.cc-root .ax-chip-col{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:12px}
.cc-root .ax-chip-num{display:flex;align-items:baseline;gap:4px;font:700 28px/1 var(--pd-font);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #000}
.cc-root .ax-chip-col[data-medal=gold] .ax-chip-num{font-size:32px;color:#ffe9ad}
.cc-root .ax-chip-num small{font:400 12px/1 var(--cc-body,var(--pd-font));color:#c6ccd5}
.cc-root .ax-chip-stack{display:flex;flex-direction:column-reverse;align-items:center;padding-top:12px}
.cc-root .ax-chip-stack i{position:relative;display:block;width:62px;height:9px;margin-top:-3px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--m) 0 10px,#f4f4f4 10px 14px,var(--m) 14px 24px,#b3121c 24px 28px);box-shadow:inset 0 -2px 0 #0000004d,inset 0 1px 0 #ffffff80,0 1px 1px #000;animation:ax-chip .5s var(--ax-ease) calc(.25s + var(--i)*.12s + var(--k)*.03s) both}
.cc-root .ax-chip-stack i:last-child::before{content:"";position:absolute;left:0;right:0;top:-9px;height:16px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--m) 80%,#fff) 0 28%,var(--m) 29% 50%,#f4f4f4 51% 57%,var(--m) 58% 100%);box-shadow:inset 0 -2px 3px #0000004d}
@keyframes ax-chip{from{opacity:0;transform:translateY(-24px)}}
.cc-root .ax-chip-label,.cc-root .ax-board-label{display:flex;align-items:center;gap:8px;font:700 10px/1 var(--pd-font);letter-spacing:.07em;text-transform:uppercase;color:#e6e9ee;white-space:nowrap}
.cc-root .ax-chip-label::before,.cc-root .ax-board-label i,.cc-root .ax-wins-rest i{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--m);box-shadow:0 0 8px var(--m)}
/* 2 · табло */
.cc-root .ax-board{position:relative;z-index:1;display:grid;gap:8px;margin:2px 0 16px;padding:12px;border:3px solid transparent;border-radius:20px;background:linear-gradient(180deg,#121418,#08090b) padding-box,linear-gradient(135deg,#f2f4f7,#7d838c 28%,#e9ecf0 52%,#5e646d 78%,#cfd3d9) border-box;box-shadow:0 12px 26px -14px #000}
.cc-root .ax-board-row{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:12px;padding:8px 8px 8px 12px;border-radius:12px;background:#ffffff07;animation:ax-in .7s var(--ax-ease) calc(.25s + var(--i)*.1s) both}
.cc-root .ax-board-digits{display:flex;gap:4px}
.cc-root .ax-flip{position:relative;display:grid;place-items:center;width:34px;height:46px;border-radius:8px;font:700 28px/1 var(--pd-font);color:#f4f5f7;background:linear-gradient(180deg,#2c2f35 0 49%,#16181c 51% 100%);box-shadow:inset 0 0 0 1px #000,inset 0 1px 0 #ffffff2e,0 3px 6px #000a;animation:ax-flip .7s var(--ax-ease) calc(.35s + var(--i)*.12s + var(--k)*.08s) both}
.cc-root .ax-flip::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#000d;box-shadow:0 1px 0 #ffffff14}
.cc-root .ax-board-row[data-medal=gold] .ax-flip{color:#ffe08f}
.cc-root .ax-board-unit{font:400 12px/1 var(--cc-body,var(--pd-font));color:#aeb5c0}
@keyframes ax-flip{from{opacity:0;transform:perspective(220px) rotateX(-85deg)}}
/* 3 · карты */
.cc-root .ax-cards3{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;height:196px;margin:0 0 16px;padding:8px 0 12px}
.cc-root .ax-pcard{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:96px;height:138px;margin:0 -7px;border-radius:12px;background:linear-gradient(160deg,#fff,#eceef2);color:#141418;box-shadow:0 0 0 2px var(--m),0 18px 28px -12px #000,inset 0 0 0 5px #fff,inset 0 0 0 6px color-mix(in srgb,var(--m) 65%,#fff);animation:ax-in .8s var(--ax-ease) calc(.3s + var(--i)*.1s) both}
.cc-root .ax-pcard[data-place="2"]{transform:rotate(-9deg) translateY(6px)}
.cc-root .ax-pcard[data-place="3"]{transform:rotate(9deg) translateY(6px)}
.cc-root .ax-pcard[data-place="1"]{z-index:2;width:112px;height:162px;box-shadow:0 0 0 2px var(--m),0 0 30px -4px color-mix(in srgb,var(--m) 70%,transparent),0 22px 30px -12px #000,inset 0 0 0 5px #fff,inset 0 0 0 6px color-mix(in srgb,var(--m) 65%,#fff)}
.cc-root .ax-pcard-corner{position:absolute;top:9px;left:10px;display:grid;justify-items:center;gap:2px;font:700 16px/1 var(--pd-font);color:#141418}
.cc-root .ax-pcard-corner i{font-style:normal;font-size:14px;line-height:1}
.cc-root .ax-pcard[data-red=true] .ax-pcard-corner{color:#c9161f}
.cc-root .ax-pcard-br{top:auto;left:auto;right:10px;bottom:9px;transform:rotate(180deg)}
.cc-root .ax-pcard-num{font:700 40px/1 var(--pd-font);color:#141418;font-variant-numeric:tabular-nums}
.cc-root .ax-pcard[data-place="1"] .ax-pcard-num{font-size:48px}
.cc-root .ax-pcard-label{font:700 10px/1 var(--pd-font);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--m) 40%,#000)}
/* 4 · настоящий пьедестал */
.cc-root .ax-podium-photo{position:relative;z-index:1;isolation:isolate;overflow:hidden;aspect-ratio:16/9;margin:2px 0 16px;border-radius:20px;background:var(--ax-tile-bg);box-shadow:inset 0 0 0 1px #ffffff14,0 10px 24px -14px #000}
.cc-root .ax-podium-photo .ax-tile-art{width:100%;object-position:center}
.cc-root .ax-podium-photo .ax-tile-shade{background:linear-gradient(180deg,#00000059,#0000 35%)}
.cc-root .ax-pp-spot{position:absolute;display:grid;justify-items:center;gap:4px;text-align:center;transform:translate(-50%,-100%);animation:ax-in .8s var(--ax-ease) calc(.35s + var(--i)*.12s) both}
.cc-root .ax-pp-spot b{display:flex;align-items:baseline;font:700 28px/1 var(--pd-font);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 3px 12px #000,0 0 18px #000}
.cc-root .ax-pp-spot[data-place="1"] b{font-size:40px;color:#ffe6a3}
.cc-root .ax-pp-spot>span{font:700 10px/1 var(--pd-font);letter-spacing:.1em;text-transform:uppercase;color:#e6e9ee;text-shadow:0 1px 6px #000}
.cc-root .ax-pp-spot[data-place="2"]{left:var(--pp-x2,21.7%);top:var(--pp-y2,52%)}
.cc-root .ax-pp-spot[data-place="1"]{left:var(--pp-x1,50%);top:var(--pp-y1,45%)}
.cc-root .ax-pp-spot[data-place="3"]{left:var(--pp-x3,78.7%);top:var(--pp-y3,57.5%)}
/* 5 · главное — победы */
.cc-root .ax-wins{position:relative;z-index:1;display:grid;gap:8px;margin:2px 0 16px}
.cc-root .ax-wins .ax-wins-tile{min-height:122px}
.cc-root .ax-wins .ax-wins-tile .ax-tile-val{font-size:48px;color:#ffe9ad}
.cc-root .ax-wins-rest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cc-root .ax-wins-rest>span{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:16px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12;font:700 10px/1 var(--pd-font);letter-spacing:.06em;text-transform:uppercase;color:#cfd5de;white-space:nowrap}
.cc-root .ax-wins-rest b{margin-left:auto;font:700 24px/1 var(--pd-font);color:#fff;letter-spacing:0;font-variant-numeric:tabular-nums}
.cc-root .ax-wins-rest small{font:400 10px/1 var(--cc-body,var(--pd-font));text-transform:none;letter-spacing:0;color:#aeb5c0}
@media (prefers-reduced-motion: reduce) and (max-width: 0px){.cc-root .ax-chip-stack i,.cc-root .ax-flip,.cc-root .ax-pp-spot,.cc-root .ax-board-row{animation:none}}

/* ── Экран «Поделиться» (Саша 13.10): картинка 9:16 + две кнопки, без вкладок ── */
.pd-share-v2{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:4px}
.pd-share-v2 .pd-share-image{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 230px);aspect-ratio:9/16;object-fit:contain;border-radius:24px;box-shadow:0 0 0 1px #ffffff1a,0 24px 50px -20px #000}
.pd-share-v2 .pd-share-wait{width:min(100%,330px);display:grid;place-items:center;background:#ffffff08;color:#aeb5c0;font-size:14px;text-align:center;padding:20px}
.pd-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.pd-share-v2 .pd-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;margin:0;padding:0 16px;border-radius:16px;font:700 14px/1 var(--pd-font,'Play',sans-serif);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-sizing:border-box}
.pd-share-v2 .pd-share-btn svg{width:19px;height:19px;flex:none}
.pd-share-v2 .pd-share-download{background:#ffffff0d;color:#fff;border:1px solid #ffffff2b}
.pd-share-v2 .pd-share-download[aria-disabled=true]{opacity:.45;pointer-events:none}
.pd-share-v2 .cc-primary:disabled{opacity:.45}
.pd-share-status{min-height:18px;margin:0;font-size:12px;color:#aeb5c0;text-align:center}
/* три плитки мест (Саша 13.10): медаль сверху, число и «N место» снизу */
.cc-root .ax-place{min-height:158px;justify-content:flex-end;gap:8px;padding:12px 12px 12px}
.cc-root .ax-place .ax-tile-art{object-position:center 20%}
.cc-root .ax-place .ax-tile-shade{background:linear-gradient(0deg,var(--ax-tile-bg) 0%,color-mix(in srgb,var(--ax-tile-bg) 80%,transparent) 30%,transparent 62%)}
.cc-root .ax-place-val{order:1}
.cc-root .ax-place-label{order:2;font-size:10px}

/* ── Коллекция комбинаций v3 (Саша 13.10): сетка наград + «История награды» как у легендарных карт ── */
.cc-root .awg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.cc-root .awg-tile{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;padding:0;border:0;border-radius:24px;background:#0c0d10;color:#fff;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff14,0 14px 30px -18px #000;--aw-glow:#ffffff1f;transition:transform 400ms cubic-bezier(.32,.72,0,1)}
.cc-root .awg-tile[data-rarity=rare]{--aw-glow:#a47bff40}
.cc-root .awg-tile[data-rarity=legend]{--aw-glow:#f5d27a55;box-shadow:inset 0 0 0 1px #f5d27a3d,0 14px 30px -18px #000}
.cc-root .awg-tile:active{transform:scale(.97)}
.cc-root .awg-tile:focus-visible{outline:2px solid #f34752;outline-offset:3px}
.cc-root .awg-art{position:relative;display:block;aspect-ratio:1;background:radial-gradient(70% 60% at 50% 45%,var(--aw-glow),transparent 72%)}
.cc-root .awg-art img{display:block;width:100%;height:100%;object-fit:contain;padding:8%;box-sizing:border-box;filter:drop-shadow(0 12px 16px #000c)}
.cc-root .awg-tile:is([data-style=photo],[data-style=neon],[data-style=pin],[data-style=coin],[data-style=card],[data-style=sticker]) .awg-art img{object-fit:cover;padding:0;filter:none}
.cc-root .awg-tile[data-collected=false] .awg-art img{filter:grayscale(1) brightness(.28) contrast(1.1)}
.cc-root .awg-tile:is([data-style=chrome],[data-style=cupemblem],[data-style=cuptop])[data-collected=false] .awg-art img{filter:brightness(0) drop-shadow(0 0 1px #ffffff66)}
.cc-root .awg-tile:is([data-style=redcoin],[data-style=anodized],[data-style=chip],[data-style=clay],[data-style=highroller],[data-style=ceramic],[data-style=acrylic],[data-style=stack])[data-collected=false] .awg-art img{filter:grayscale(1) brightness(.4) contrast(1.15)}
.cc-root .awg-name{display:block;padding:12px 16px 16px;font:700 14px/1.2 var(--pd-font);background:linear-gradient(180deg,transparent,#0000004d)}
.cc-root .awg-tile[data-collected=false] .awg-name{color:#8b929c}
.cc-root .awg-count{position:absolute;z-index:2;top:10px;right:10px;padding:8px 12px;border-radius:999px;background:#d71921;color:#fff;font:700 12px/1 var(--pd-font);font-variant-numeric:tabular-nums;box-shadow:0 6px 14px #d7192166,inset 0 1px 0 #ffffff4d}
.cc-root .awg-lock{position:absolute;z-index:2;top:10px;right:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#00000073;color:#c9ced6;box-shadow:inset 0 0 0 1px #ffffff26}
.cc-root .awg-lock svg{width:15px;height:15px}
.cc-root .awg-new{position:absolute;z-index:2;top:10px;left:10px;padding:4px 8px;border-radius:999px;background:#fff;color:#ff5a60;font:700 10px/1 var(--pd-font);letter-spacing:.08em;text-transform:uppercase}

/* История награды — поверх rb-story (стили истории легендарной карты) */
.cc-root .aw-story{z-index:96}
.cc-root .aw-story .rb-story-close{font-size:24px;line-height:1}
.cc-root .aw-story .aw-story-hero{height:380px;overflow:hidden;background:radial-gradient(ellipse at 74% 40%,#ccb67d26,transparent 66%)}
.cc-root .aw-story[data-rarity=rare] .aw-story-hero{background:radial-gradient(ellipse at 74% 40%,#a47bff2e,transparent 66%)}
.cc-root .aw-story-art{position:absolute;right:-20px;top:0;width:290px;height:300px;animation:rb-portrait-enter 1.1s .12s cubic-bezier(.16,1,.3,1) both}
.cc-root .aw-story-art img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);filter:drop-shadow(0 20px 26px #000)}
.cc-root .aw-story-art[data-collected=false] img{filter:grayscale(1) brightness(.35)}
.cc-root .aw-story-fan{position:absolute;left:20px;bottom:18px;width:300px;height:132px;z-index:2;animation:rb-story-card-enter 1.1s .12s cubic-bezier(.16,1,.3,1) both}
.cc-root .aw-story-fan>span{position:absolute;left:calc(var(--k) * 46px);bottom:calc(10px - (var(--k) - 2) * (var(--k) - 2) * 4px);transform:rotate(calc((var(--k) - 2) * 7deg));transform-origin:50% 120%;filter:drop-shadow(0 10px 14px #000b)}
.cc-root .aw-story .rb-story-name{font-size:56px;line-height:64px;white-space:nowrap}
.cc-root .aw-odds{margin:12px 0 0;padding:0;display:grid;border-top:1px solid #ffffff14}
.cc-root .aw-odds>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #ffffff14}
.cc-root .aw-odds dt{display:grid;gap:4px;font:700 14px/1.25 var(--cc-body,var(--pd-font));color:#eef0f3}
.cc-root .aw-odds dt small{font:400 12px/1.3 var(--cc-body,var(--pd-font));color:#9aa3ae}
.cc-root .aw-odds dd{margin:0;font:700 20px/1.1 var(--pd-font);color:#f7e4b6;white-space:nowrap;font-variant-numeric:tabular-nums}
.cc-root .aw-odds>[data-mine] dd{color:#fff}
.cc-root .aw-story-copy .aw-odds-note{font-size:12px;line-height:19px;color:#8f99a4;margin:16px 0 0}
.cc-root .aw-story-hand{display:flex;align-items:center;justify-content:space-between;width:100%;margin:20px 0 8px;padding:16px 0;border:0;border-top:1px solid #ffffff14;background:none;color:#e9d4a4;font:700 12px/1 var(--pd-font);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}

/* ── Страница лидерборда (Саша 13.10): в стиле Карьеры ── */
#device-host .cpd{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;padding:4px var(--pd-screen-gutter,20px) 110px!important;scrollbar-width:none;font-family:var(--pd-font,'Play',sans-serif);color:#f0f2f5}
#device-host .cpd[data-embedded]{overflow:visible;padding:0 0 8px!important}
#device-host .cpd-hero{position:relative;isolation:isolate;overflow:hidden;flex:none;padding:16px 20px 16px;border-radius:24px;border:1px solid color-mix(in srgb,var(--cp-tone) 40%,transparent);background:radial-gradient(90% 80% at 100% 0%,color-mix(in srgb,var(--cp-tone) 26%,transparent),transparent 62%),linear-gradient(160deg,color-mix(in srgb,var(--cp-tone) 12%,#0c0e10),#090b0c 72%);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--cp-tone) 30%,transparent),0 20px 44px -22px color-mix(in srgb,var(--cp-tone) 50%,transparent)}
#device-host .cpd-dots{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--cp-tone) 60%,transparent) 1px,transparent 1.7px);background-size:9px 9px;-webkit-mask-image:radial-gradient(85% 95% at 100% 0%,#000,transparent 72%);mask-image:radial-gradient(85% 95% at 100% 0%,#000,transparent 72%);opacity:.45}
#device-host .cpd-tagrow{display:flex;align-items:center;gap:12px;margin:0 0 16px -18px;white-space:nowrap}
#device-host .cpd-left{font-size:12px;color:#a1a7b2}
#device-host .cpd-left b{font-weight:700;color:#e4e7ec;font-variant-numeric:tabular-nums}
#device-host .cpd-eyebrow{display:block;font:700 10px/1.3 var(--pd-font);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--cp-tone) 72%,#fff)}
#device-host .cpd-pool{position:relative;z-index:1;display:block;margin-top:8px;max-width:calc(100% - 92px);font:700 32px/1 var(--pd-font);letter-spacing:-.02em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 10px 30px color-mix(in srgb,var(--cp-tone) 45%,transparent)}
#device-host .cpd-art{position:absolute;z-index:0;right:2px;top:20px;width:88px;height:88px;object-position:center bottom;object-fit:contain;filter:drop-shadow(0 12px 18px #000a)}
#device-host .cpd-meta{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--cp-tone) 22%,transparent);font-size:12px;color:#a1a7b2}
#device-host .cpd-meta b{font-weight:700;color:#f0f2f5;font-variant-numeric:tabular-nums}
#device-host .cpd-you{flex:none;padding:12px 16px 12px;border-radius:20px;background:linear-gradient(180deg,#ffffff10,#ffffff04);box-shadow:inset 0 1px 0 #ffffff1f,inset 0 0 0 1px #ffffff12}
#device-host .cpd-you-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
#device-host .cpd-pill{display:inline-flex;align-items:center;height:24px;padding:0 12px;border-radius:999px;background:#d71921;color:#fff;font:700 10px/1 var(--pd-font);letter-spacing:.12em;text-transform:uppercase}
#device-host .cpd-you-prize{font:700 14px/1 var(--pd-font);color:#fff;font-variant-numeric:tabular-nums}
#device-host .cpd-you-main{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px}
#device-host .cpd-you-ava{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--cp-tone)}
#device-host .cpd-you-rank,#device-host .cpd-you-pts{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
#device-host .cpd-you-rank strong{font:700 28px/1 var(--pd-font);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
#device-host .cpd-you-pts strong{font:700 20px/1 var(--pd-font);color:#fff;font-variant-numeric:tabular-nums}
#device-host .cpd-you small{font-size:12px;color:#a1a7b2}
#device-host .cpd-you-foot{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff14;font-size:12px;color:#bdc3cc}
#device-host .cpd-you[data-in] .cpd-you-foot{color:color-mix(in srgb,var(--cp-tone) 70%,#fff)}
#device-host .cpd-day{flex:none;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:8px}
#device-host .cpd-day-arrow{display:grid;place-items:center;height:52px;padding:0;border:0;border-radius:16px;background:#ffffff0a;color:#fff;box-shadow:inset 0 0 0 1px #ffffff17;cursor:pointer}
#device-host .cpd-day-arrow:disabled{opacity:.3;cursor:default}
#device-host .cpd-day-arrow svg{width:16px;height:16px}
#device-host .cpd-day-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:52px;padding:0;border:0;border-radius:16px;background:#ffffff0a;color:#fff;box-shadow:inset 0 0 0 1px #ffffff17;cursor:pointer}
#device-host .cpd-day-mid b{display:flex;align-items:center;gap:8px;font:700 14px/1 var(--pd-font)}
#device-host .cpd-day-mid b i{width:7px;height:7px;border-radius:50%;background:#d71921;box-shadow:0 0 8px #d71921}
#device-host .cpd-day-mid small{font-size:12px;color:#a1a7b2}
#device-host .cpd-seg{flex:none;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;border-radius:16px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12}
#device-host .cpd-seg button{height:34px;padding:0 4px;border:0;border-radius:12px;background:transparent;color:#a1a7b2;font:700 10px/1 var(--pd-font);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer}
#device-host .cpd-seg button[aria-pressed=true]{background:#ffffff17;color:#fff;box-shadow:inset 0 1px 0 #ffffff21}
#device-host .cpd-select-wrap{position:relative;z-index:8;flex:none}
#device-host .cpd-select{display:flex;align-items:center;gap:12px;width:100%;height:50px;padding:0 16px;border:0;border-radius:16px;background:#ffffff0a;color:#fff;box-shadow:inset 0 0 0 1px #ffffff17;cursor:pointer;text-align:left}
#device-host .cpd-select-k{font-size:12px;color:#a1a7b2}
#device-host .cpd-select-v{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 12px/1 var(--pd-font)}
#device-host .cpd-select-pool{font:700 12px/1 var(--pd-font);color:color-mix(in srgb,var(--cp-tone) 75%,#fff);white-space:nowrap}
#device-host .cpd-select svg{width:16px;height:16px;flex:none;color:#a1a7b2;transition:transform 250ms cubic-bezier(.32,.72,0,1)}
#device-host .cpd-select svg[data-open=true]{transform:rotate(180deg)}
#device-host .cpd-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);display:grid;border-radius:16px;overflow:hidden;background:#121418;box-shadow:inset 0 0 0 1px #ffffff1c,0 18px 44px #000b}
#device-host .cpd-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:0;border-top:1px solid #ffffff0f;background:transparent;color:#e6e9ee;font:700 12px/1.3 var(--pd-font);text-align:left;cursor:pointer}
#device-host .cpd-menu button:first-child{border-top:0}
#device-host .cpd-menu button[aria-selected=true]{background:#ffffff0d;color:#fff}
#device-host .cpd-menu b{white-space:nowrap;color:#a1a7b2}
#device-host .cpd-sub{flex:none;margin:12px 2px 0;font:700 10px/1.3 var(--pd-font);letter-spacing:.16em;text-transform:uppercase;color:#a1a7b2}
#device-host .cpd-list{flex:none;list-style:none;margin:0;padding:4px 0;border-radius:20px;background:linear-gradient(145deg,#101215,#0b0d10 78%);box-shadow:inset 0 0 0 1px #ffffff12}
#device-host .cpd-row{display:grid;grid-template-columns:30px 34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;padding:8px 16px;border-top:1px solid #ffffff0b}
#device-host .cpd-row:first-child{border-top:0}
#device-host .cpd-row[data-you="1"]{background:linear-gradient(90deg,#d719212e,transparent 70%);box-shadow:inset 3px 0 0 #d71921}
#device-host .cpd-rank{text-align:center;font:700 14px/1 var(--pd-font);color:#8f97a3;font-variant-numeric:tabular-nums}
#device-host .cpd-rank i{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font:700 12px/1 var(--pd-font);font-style:normal;color:#141418;--m:#dfe3ea;background:radial-gradient(circle at 34% 28%,#fff 0,var(--m) 40%,color-mix(in srgb,var(--m) 55%,#000) 100%);box-shadow:0 0 12px -2px var(--m)}
#device-host .cpd-row[data-top="1"] .cpd-rank i{--m:#f5d27a}
#device-host .cpd-row[data-top="3"] .cpd-rank i{--m:#e39a66}
#device-host .cpd-ava{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#1a1d22;box-shadow:inset 0 0 0 1px #ffffff1a}
#device-host .cpd-name{display:grid;gap:4px;min-width:0}
#device-host .cpd-name b{display:flex;align-items:center;gap:8px;overflow:hidden;font:700 14px/1.15 var(--pd-font);color:#eef0f3;white-space:nowrap;text-overflow:ellipsis}
#device-host .cpd-name em{font-style:normal;padding:2px 8px;border-radius:999px;background:#d71921;color:#fff;font:700 10px/1.2 var(--pd-font);letter-spacing:.1em;text-transform:uppercase}
#device-host .cpd-name small{font-size:12px;color:#8f97a3;font-variant-numeric:tabular-nums}
#device-host .cpd-prize{display:grid;justify-items:end;gap:2px;font:700 14px/1.1 var(--pd-font);color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
#device-host .cpd-prize[data-ticket]{color:#f5d27a}
#device-host .cpd-prize small{font:700 10px/1 var(--pd-font);letter-spacing:.12em;text-transform:uppercase;color:#c9a64e}
#device-host .cpd-rules{flex:none;margin:0;padding:2px 16px;border-radius:20px;background:linear-gradient(145deg,#101215,#0b0d10 78%);box-shadow:inset 0 0 0 1px #ffffff12}
#device-host .cpd-rules>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #ffffff0b}
#device-host .cpd-rules>div:first-child{border-top:0}
#device-host .cpd-rules dt{flex:none;font-size:12px;color:#a1a7b2}
#device-host .cpd-rules dd{margin:0;font:700 12px/1.35 var(--pd-font);color:#f0f2f5;text-align:right}
#device-host .cpd-notes{flex:none;list-style:none;margin:2px 0 0;padding:0;display:grid;gap:8px}
#device-host .cpd-notes li{position:relative;padding-left:16px;font-size:12px;line-height:1.45;color:#bdc3cc}
#device-host .cpd-notes li::before{content:"";position:absolute;left:2px;top:7px;width:5px;height:5px;border-radius:50%;background:#d71921}
/* «Твоё место» v2 и перемикач дней по центру */
#device-host .cpd-you{padding:16px 16px 12px}
#device-host .cpd-you-prize{display:grid;justify-items:end;gap:4px}
#device-host .cpd-you-prize small{font:400 10px/1 var(--pd-font);color:#a1a7b2}
#device-host .cpd-you-main{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:16px}
#device-host .cpd-you-rank,#device-host .cpd-you-pts{display:grid;gap:4px;white-space:nowrap}
#device-host .cpd-you-pts{justify-items:end;text-align:right}
#device-host .cpd-you-rank strong{font:700 40px/1 var(--pd-font);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
#device-host .cpd-you-pts strong{font:700 24px/1 var(--pd-font);color:#fff;font-variant-numeric:tabular-nums}
#device-host .cpd-you small{font-size:12px;color:#a1a7b2}
#device-host .cpd-you-bar{position:relative;height:8px;margin-top:16px;border-radius:999px;background:#ffffff12}
#device-host .cpd-you-zone{position:absolute;left:0;top:0;bottom:0;width:var(--zone);border-radius:999px;background:linear-gradient(90deg,var(--cp-tone),color-mix(in srgb,var(--cp-tone) 55%,transparent));box-shadow:0 0 12px color-mix(in srgb,var(--cp-tone) 50%,transparent)}
#device-host .cpd-you-dot{position:absolute;top:50%;left:var(--you);width:16px;height:16px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #d71921,0 4px 10px #000a}
#device-host .cpd-you-foot{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:0;border-top:0;font-size:12px;color:#a1a7b2}
#device-host .cpd-you-foot span:first-child{display:flex;align-items:center;gap:8px}
#device-host .cpd-you-foot i{width:8px;height:8px;border-radius:50%;background:var(--cp-tone)}
#device-host .cpd-you-foot span:last-child{color:#f0f2f5;font-weight:700;text-align:right}
#device-host .cpd-you[data-in] .cpd-you-foot span:last-child{color:color-mix(in srgb,var(--cp-tone) 70%,#fff)}
#device-host .cpd-day-mid{display:grid;justify-items:center;align-content:center;text-align:center}
#device-host .cpd-day-mid b{justify-content:center;width:auto}

/* ── Спидометр: пять композиций (Саша 13.10), включаются layout=a..e ── */
.cc-root .pd-luck-meter[data-layout] .pd-luck-readout{display:none}
.cc-root .pd-luck-chip{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:999px;background:color-mix(in srgb,var(--z) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--z) 45%,transparent);color:color-mix(in srgb,var(--z) 70%,#fff);font:700 12px/1 var(--pd-font);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.cc-root .pd-luck-chip i{width:7px;height:7px;border-radius:50%;background:var(--z);box-shadow:0 0 8px var(--z)}
.cc-root .pd-luck-top-num{display:flex;align-items:baseline;gap:8px;color:#fff}
.cc-root .pd-luck-top-num strong{font:700 56px/1 var(--pd-font);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.cc-root .pd-luck-top-num span{font:400 16px/1 var(--cc-body,var(--pd-font));color:#aeb5c0}
.cc-root .pd-luck-cap{margin:0;font:400 12px/1.4 var(--cc-body,var(--pd-font));color:var(--cc-muted,#9aa3ae)}
/* 1 · цифра сверху */
.cc-root .pd-luck-meter[data-layout=a] .pd-luck-top{display:grid;justify-items:start;gap:12px;padding:8px 4px 0}
.cc-root .pd-luck-meter[data-layout=a]>svg{max-width:250px!important;margin-top:4px!important}
.cc-root .pd-luck-meter[data-layout=a] .pd-luck-row{grid-template-columns:auto auto;justify-content:space-between}
/* 2 · цифра внутри дуги: вместо стрелки — точка на дуге */
.cc-root .pd-luck-meter[data-layout=b] .pd-luck-zone,.cc-root .pd-luck-meter[data-layout=b] .pd-luck-needle>path,.cc-root .pd-luck-meter[data-layout=b] .pd-luck-needle~circle{display:none}
.cc-root .pd-luck-meter[data-layout=b] .pd-luck-tip{r:7}
.cc-root .pd-luck-center-num{font:700 48px/1 var(--pd-font);fill:#fff;letter-spacing:-1.5px}
.cc-root .pd-luck-center-unit{font:400 14px/1 var(--cc-body,var(--pd-font));fill:#aeb5c0;letter-spacing:0}
.cc-root .pd-luck-center-zone{font:700 12px/1 var(--pd-font);letter-spacing:.12em;text-transform:uppercase;fill:#c6ccd5}
.cc-root .pd-luck-meter[data-layout=b]{display:flex;flex-direction:column}
.cc-root .pd-luck-meter[data-layout=b] .pd-luck-row{order:4;grid-template-columns:auto auto;justify-content:space-between;margin-top:-18px}
.cc-root .pd-luck-meter[data-layout=b]>.pd-luck-cap{order:5;text-align:center;margin:0 0 16px}
/* 3 · две колонки */
.cc-root .pd-luck-meter[data-layout=c]{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:8px 8px;padding:40px 0 16px!important}
.cc-root .pd-luck-meter[data-layout=c]>svg{grid-column:1;grid-row:1;max-width:none!important;margin:0!important}
.cc-root .pd-luck-meter[data-layout=c] .pd-luck-zone,.cc-root .pd-luck-meter[data-layout=c] .pd-luck-row{display:none}
.cc-root .pd-luck-aside{grid-column:2;grid-row:1;display:grid;justify-items:start;gap:8px}
.cc-root .pd-luck-aside .pd-luck-top-num strong{font-size:40px}
.cc-root .pd-luck-aside .pd-luck-chip{height:24px;font-size:10px}
/* 4 · зона заголовком */
.cc-root .pd-luck-meter[data-layout=d] .pd-luck-top-zone{display:grid;justify-items:center;gap:8px;text-align:center;padding:4px 0 0}
.cc-root .pd-luck-eyebrow{font:700 10px/1 var(--pd-font);letter-spacing:.16em;text-transform:uppercase;color:#a1a7b2}
.cc-root .pd-luck-zone-big{max-width:100%;padding:0 40px;box-sizing:border-box;font:700 32px/1.05 var(--pd-font);color:color-mix(in srgb,var(--z) 75%,#fff);text-shadow:0 8px 30px color-mix(in srgb,var(--z) 45%,transparent)}
.cc-root .pd-luck-meter[data-layout=d] .pd-luck-top-zone .pd-luck-cap{max-width:280px}
.cc-root .pd-luck-meter[data-layout=d] .pd-luck-top-zone .pd-luck-cap b{color:#fff}
.cc-root .pd-luck-meter[data-layout=d] .pd-luck-zone{display:none}
.cc-root .pd-luck-meter[data-layout=d]>svg{max-width:260px!important;margin-top:2px!important}
.cc-root .pd-luck-meter[data-layout=d] .pd-luck-row{grid-template-columns:auto auto;justify-content:space-between}
/* 5 · табло снизу */
.cc-root .pd-luck-meter[data-layout=e] .pd-luck-row{display:none}
.cc-root .pd-luck-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;margin:4px 0 16px;padding:16px 16px;border-radius:20px;background:linear-gradient(180deg,#ffffff0d,#ffffff04);box-shadow:inset 0 0 0 1px #ffffff14,inset 3px 0 0 var(--z)}
.cc-root .pd-luck-foot-l{display:grid;gap:4px}
.cc-root .pd-luck-foot-l span{font-size:12px;color:#a1a7b2}
.cc-root .pd-luck-foot-l b{font:700 20px/1.1 var(--pd-font);color:color-mix(in srgb,var(--z) 75%,#fff)}
.cc-root .pd-luck-foot-r{display:flex;align-items:baseline;gap:4px}
.cc-root .pd-luck-foot-r strong{font:700 40px/1 var(--pd-font);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.cc-root .pd-luck-foot-r span{font-size:14px;color:#aeb5c0}
.cc-root .pd-luck-foot .pd-luck-cap{grid-column:1/-1;padding-top:8px;border-top:1px solid #ffffff12}
.axlab-cell .cc-luck-detail{margin:0}

/* ── «Зона заголовком» + пять мест для «Ниже / Выше шансов» (Саша 13.10) ── */
.cc-root .cc-luck-explainer[data-layout=d] .cc-luck-oneline{display:none}
.cc-root .pd-luck-meter[data-layout=d][data-sides] .pd-luck-row{display:none}
/* 1 · по бокам дуги */
.cc-root .pd-luck-meter[data-layout=d][data-sides=side]{display:grid;grid-template-columns:1fr;grid-template-areas:"top" "gauge"}
.cc-root .pd-luck-meter[data-layout=d][data-sides=side] .pd-luck-top{grid-area:top}
.cc-root .pd-luck-meter[data-layout=d][data-sides=side]>svg{grid-area:gauge;max-width:226px!important}
.cc-root .pd-luck-meter[data-layout=d][data-sides=side] .pd-luck-row{grid-area:gauge;display:grid!important;grid-template-columns:auto auto;justify-content:space-between;align-self:start;margin:64px 0 0;pointer-events:none}
.cc-root .pd-luck-meter[data-layout=d][data-sides=side] .pd-luck-side{flex-direction:column!important;align-items:flex-start;gap:4px;text-align:left}
.cc-root .pd-luck-meter[data-layout=d][data-sides=side] .pd-luck-side[data-side=up]{align-items:flex-end;text-align:right}
.cc-root .pd-luck-meter[data-layout=d][data-sides=side] .pd-luck-side::before{margin:0}
/* 2 · шкала под заголовком */
.cc-root .pd-luck-legend{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;margin-top:12px;font:400 12px/1.2 var(--cc-body,var(--pd-font));color:#a1a7b2}
.cc-root .pd-luck-legend i{height:4px;border-radius:999px;background:linear-gradient(90deg,#ef7886,#bdc7d2 50%,#40ce94)}
.cc-root .pd-luck-legend span:first-child{color:#ef9aa3}
.cc-root .pd-luck-legend span:last-child{color:#7fdcb5}
/* 3 · надписи по дуге */
.cc-root .pd-luck-curve text{font:700 12px/1 var(--pd-font);letter-spacing:.16em}
.cc-root .pd-luck-curve text[data-side=down]{fill:#ef7886}
.cc-root .pd-luck-curve text[data-side=up]{fill:#40ce94}
/* 4 · внутри дуги */
.cc-root .pd-luck-inside text{font:700 14px/1 var(--cc-body,var(--pd-font))}
.cc-root .pd-luck-inside text[data-side=down]{fill:#ef9aa3}
.cc-root .pd-luck-inside text[data-side=up]{fill:#7fdcb5}
.cc-root .pd-luck-meter[data-layout=d][data-sides=inside]>svg,.cc-root .pd-luck-meter[data-layout=d][data-sides=curve]>svg,.cc-root .pd-luck-meter[data-layout=d][data-sides=text]>svg,.cc-root .pd-luck-meter[data-layout=d][data-sides=legend]>svg{margin-bottom:16px!important}

/* ── Картка роздачі: справжнє сукно столу (текстура з assets/felts/green.png), бортик і логотип ── */
.cc-root .hc-v2 .hc-felt{isolation:isolate;overflow:hidden;border-radius:16px;background:#0f3a28 url(../assets/felts/board-green.webp?v=2) center/cover no-repeat;box-shadow:0 0 0 3px #15171b,0 0 0 4px #ffffff14,inset 0 0 0 1px #00000066,inset 0 0 22px #00000080,inset 0 -8px 18px #0000004d}
.cc-root .hc-v2 .hc-felt::after{content:"";position:absolute;z-index:-1;right:14px;top:50%;width:34px;height:34px;transform:translateY(-50%);background:url(../assets/logo-mark-felt.svg) center/contain no-repeat;opacity:.9}
/* шанс собрать — одна строка */
.cc-root .aw-odds-one{margin-top:20px}
.cc-root .aw-odds-one>div{padding:16px 0}
.cc-root .aw-odds-one dt{font:700 12px/1.3 var(--pd-font);letter-spacing:.12em;text-transform:uppercase;color:#c7b98f}
.cc-root .aw-odds-one dd{font-size:20px}
/* плитка «Удача» на главной Карьеры — та же композиция, без второго заголовка */
.cc-root .cc-home-luck .pd-luck-eyebrow{display:none}
.cc-root .cc-home-luck .pd-luck-top-zone{padding-top:2px}
.cc-root .cc-home-luck .pd-luck-meter[data-layout=d]>svg{margin-bottom:16px!important}

/* ── Награда-перстень (Саша 13.10): футляр + карты комбинации внизу, в истории — изометрия ── */
.cc-root .awg-tile[data-style=ring] .awg-art{background:#050506}
.cc-root .awg-tile[data-style=ring] .awg-art img{object-fit:cover;padding:0;filter:none}
.cc-root .awg-tile[data-style=ring][data-collected=false] .awg-art img{filter:grayscale(1) brightness(.35) contrast(1.1)}
.cc-root .awg-cards{position:absolute;left:0;right:0;bottom:6px;height:44px;display:block;pointer-events:none}
.cc-root .awg-cards::before{content:"";position:absolute;left:0;right:0;bottom:-6px;height:70px;background:linear-gradient(0deg,#050506 25%,transparent)}
.cc-root .awg-cards>span{position:absolute;bottom:0;left:calc(50% + (var(--k) - 2) * 19px - 12px);transform:rotate(calc((var(--k) - 2) * 7deg)) translateY(calc((var(--k) - 2) * (var(--k) - 2) * 1.5px));transform-origin:50% 140%;filter:drop-shadow(0 4px 6px #000c)}
.cc-root .awg-tile[data-collected=false] .awg-cards>span{filter:grayscale(1) brightness(.55)}
.cc-root .aw-story-art[data-iso]{right:-6px;top:6px;width:270px;height:270px;animation:none}
.cc-root .aw-story-art[data-iso] img{object-fit:contain;-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 26px 30px #000) drop-shadow(0 0 30px #d7192126);animation:aw-iso-float 5.5s ease-in-out 1.2s infinite}
.cc-root .aw-story[data-rarity=legend] .aw-story-art[data-iso] img{filter:drop-shadow(0 26px 30px #000) drop-shadow(0 0 34px #f5d27a33)}
.cc-root .aw-iso-shadow{position:absolute;left:22%;right:22%;bottom:8px;height:22px;border-radius:50%;background:radial-gradient(closest-side,#000c,transparent);animation:aw-iso-shadow 5.5s ease-in-out 1.2s infinite}
.cc-root .aw-story-art[data-iso][data-collected=false] img{filter:grayscale(1) brightness(.4)}
.cc-root .aw-fly{position:absolute;z-index:300;object-fit:contain;pointer-events:none;will-change:transform,opacity;filter:drop-shadow(0 26px 30px #000)}
@keyframes aw-iso-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(-1.5deg)}}
@keyframes aw-iso-shadow{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.85);opacity:.7}}
@media (prefers-reduced-motion: reduce) and (max-width: 0px){.cc-root .aw-story-art[data-iso] img,.cc-root .aw-iso-shadow{animation:none}}

/* ── Шапка Карьеры: «Живий обідок» (Саша 13.10) — червоний відблиск біжить по краю картки ── */
@property --rim-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.cc-root .cc-player-card::after{content:"";position:absolute;inset:-1px;z-index:3;border-radius:inherit;padding:2px;pointer-events:none;
  background:conic-gradient(from var(--rim-a),transparent 0 65%,#d71921 80%,#fff 84%,#d71921 88%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:cc-rim 5s linear infinite}
@keyframes cc-rim{to{--rim-a:360deg}}
@media (prefers-reduced-motion: reduce) and (max-width: 0px){.cc-root .cc-player-card::after{animation:none;--rim-a:300deg}}
/* Удача: число и подпись под спидометром (Саша 13.10) */
.cc-root .pd-luck-meter[data-layout=d]>svg{margin-bottom:0!important}
.cc-root .pd-luck-under{position:relative;z-index:2;display:grid;justify-items:center;gap:8px;margin:-30px 0 16px;text-align:center}
.cc-root .pd-luck-under .pd-luck-top-num strong{font-size:40px}
.cc-root .pd-luck-under .pd-luck-cap{max-width:280px;text-wrap:balance}

/* ── Реферальные награды / Колесо фортуны в стиле PokerDot (Саша 13.10) ── */
#device-host .rr2{font-family:var(--pd-font,'Play',sans-serif);color:#f0f2f5}
#device-host .rr2-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 38% at 50% 24%,#d7192126,transparent 70%),radial-gradient(circle,#ffffff0d .7px,transparent 1.1px) 0 0/18px 18px;-webkit-mask-image:radial-gradient(90% 60% at 50% 24%,#000 25%,transparent 80%);mask-image:radial-gradient(90% 60% at 50% 24%,#000 25%,transparent 80%)}
#device-host .rr2-tabs{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:4px var(--pd-screen-gutter,20px) 0;padding:4px;border-radius:16px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12}
#device-host .rr2-tabs button{height:38px;border:0;border-radius:12px;background:transparent;color:#a1a7b2;font:700 12px/1 var(--pd-font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .4s cubic-bezier(.32,.72,0,1),color .4s cubic-bezier(.32,.72,0,1)}
#device-host .rr2-tabs button[aria-pressed=true]{background:#ffffff17;color:#fff;box-shadow:inset 0 1px 0 #ffffff21}
#device-host .rr2-scroll{position:relative;z-index:2;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding:8px var(--pd-screen-gutter,20px) calc(110px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}
#device-host .rr2-stage{display:flex;justify-content:center;padding:20px 0 12px}
/* колесо */
#device-host .rr2-wheel{position:relative;width:272px;height:272px;flex:none}
#device-host .rr2-glow{position:absolute;inset:-34px;border-radius:50%;background:radial-gradient(circle,#d7192133 0%,transparent 66%);pointer-events:none}
#device-host .rr2-rim{position:absolute;inset:0;border-radius:50%;padding:16px;box-sizing:border-box;background:conic-gradient(from 20deg,#f5f6f8,#878c95 12%,#e6e8ec 24%,#565b63 38%,#f0f2f5 52%,#7a7f88 66%,#dfe2e6 80%,#5d626a 90%,#f5f6f8);box-shadow:0 22px 44px -16px #000,0 0 0 1px #00000080,inset 0 0 0 1px #ffffff80,inset 0 0 0 5px #00000040}
#device-host .rr2-rim::after{content:"";position:absolute;inset:12px;border-radius:50%;box-shadow:inset 0 0 0 2px #0b0c0f,inset 0 6px 14px #000c;pointer-events:none;z-index:3}
#device-host .rr2-bulb{position:absolute;z-index:4;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%);background:#fdfdfd;box-shadow:0 0 4px #ffffffa0}
#device-host .rr2-bulb[data-red]{background:#ff3b44;box-shadow:0 0 6px #ff3b44}
#device-host .rr2-wheel[data-spinning] .rr2-bulb{animation:rr2-chase .72s linear infinite;animation-delay:var(--d)}
@keyframes rr2-chase{0%,100%{opacity:1}50%{opacity:.25}}
#device-host .rr2-face{position:absolute;inset:14px;border-radius:50%;overflow:hidden}
#device-host .rr2-sectors,#device-host .rr2-brush,#device-host .rr2-lines{position:absolute;inset:0;border-radius:50%}
#device-host .rr2-brush{background:repeating-radial-gradient(circle at 50% 50%,#ffffff12 0 1px,transparent 1px 3px),linear-gradient(145deg,#ffffff33,transparent 45%,#00000059);mix-blend-mode:overlay}
#device-host .rr2-lines{opacity:.9}
#device-host .rr2-label-pos{position:absolute;left:50%;top:50%;width:0;height:0;transform-origin:0 0}
#device-host .rr2-label{width:70px;transform:translate(-50%,-50%);text-align:center;white-space:pre-line;font:700 10px/1.15 var(--pd-font);letter-spacing:.02em;color:#f0f2f5;text-shadow:0 1px 2px #000}
#device-host .rr2-label[data-dark]{color:#1a1c20;text-shadow:0 1px 0 #ffffff80}
#device-host .rr2-pointer{position:absolute;z-index:6;left:50%;top:-6px;width:30px;height:30px;transform:translateX(-50%);background:linear-gradient(180deg,#ff4a52,#a50f17);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 3px 3px #000a)}
#device-host .rr2-pointer::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff70,transparent 45%);clip-path:polygon(12% 6%,88% 6%,50% 70%)}
#device-host .rr2-hub{position:absolute;z-index:7;left:50%;top:50%;width:74px;height:74px;transform:translate(-50%,-50%);border:0;border-radius:50%;padding:8px;cursor:pointer;background:conic-gradient(from 200deg,#f5f6f8,#80858e,#e9ebee,#53585f,#f5f6f8);box-shadow:0 10px 22px #000c,inset 0 0 0 1px #ffffff99}
#device-host .rr2-hub:disabled{cursor:default;filter:grayscale(.4) brightness(.8)}
#device-host .rr2-hub-core{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 30%,#2a2d33,#0b0c0f 70%);box-shadow:inset 0 2px 6px #000}
#device-host .rr2-hub-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid #d71921aa;animation:pp-ring 2s ease-out infinite;pointer-events:none}
/* кнопка, друзья, код, правила */
#device-host .rr2-spin{position:relative;flex:none;width:100%;min-height:54px;display:flex;align-items:center;justify-content:center}
#device-host .rr2-spin-count{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;box-sizing:border-box;border-radius:999px;background:#fff;color:#d71921;font:700 14px/1 var(--pd-font);font-variant-numeric:tabular-nums}
#device-host .rr2-spin:disabled .rr2-spin-count{background:#ffffff1f;color:#ffffff8c}
#device-host .rr2-spin-note{margin:-2px 0 4px;text-align:center;font-size:12px;color:#a1a7b2}
#device-host .rr2-friends,#device-host .rr2-code{flex:none;display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:16px 16px;border:0;border-radius:20px;text-align:left;color:#f0f2f5;background:linear-gradient(180deg,#ffffff10,#ffffff04);box-shadow:inset 0 1px 0 #ffffff1f,inset 0 0 0 1px #ffffff12}
#device-host .rr2-friends{cursor:pointer}
#device-host .rr2-avas{display:flex;flex:none}
#device-host .rr2-avas img{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #121418;margin-left:-10px}
#device-host .rr2-avas img:first-child{margin-left:0}
#device-host .rr2-friends-text{flex:1;min-width:0;display:grid;gap:4px}
#device-host .rr2-friends-text small,#device-host .rr2-code small{font:700 10px/1 var(--pd-font);letter-spacing:.14em;text-transform:uppercase;color:#a1a7b2}
#device-host .rr2-friends-text>span{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
#device-host .rr2-friends-text b{font:700 24px/1 var(--pd-font);color:#fff}
#device-host .rr2-friends-text em{font-style:normal;font-size:12px;color:#40ce94}
#device-host .rr2-arrow{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#ffffff0d;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1a}
#device-host .rr2-arrow svg{width:16px;height:16px}
#device-host .rr2-code>div{flex:1;min-width:0;display:grid;gap:8px}
#device-host .rr2-code b{font:700 24px/1 var(--pd-font);letter-spacing:.06em;color:#fff;font-variant-numeric:tabular-nums}
#device-host .rr2-copy{flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:0;border-radius:12px;background:#ffffff12;color:#fff;font:700 12px/1 var(--pd-font);letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 0 0 1px #ffffff24;cursor:pointer}
#device-host .rr2-copy svg{width:15px;height:15px}
#device-host .rr2-sub{flex:none;margin:12px 2px 0;font:700 10px/1.3 var(--pd-font);letter-spacing:.16em;text-transform:uppercase;color:#a1a7b2}
#device-host .rr2-rules{flex:none;list-style:none;margin:0;padding:0;display:grid;gap:12px}
#device-host .rr2-rules li{position:relative;padding-left:16px;font-size:12px;line-height:1.5;color:#bdc3cc}
#device-host .rr2-rules li::before{content:"";position:absolute;left:2px;top:8px;width:5px;height:5px;border-radius:50%;background:#d71921}
/* окно результата */
#device-host .rr2-result{position:absolute;inset:0;z-index:66;display:grid;place-items:center;padding:32px;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pp-fadeIn 250ms ease}
#device-host .rr2-result-card{width:100%;max-width:310px;box-sizing:border-box;display:grid;justify-items:center;gap:12px;padding:24px 20px 20px;border-radius:24px;text-align:center;background:radial-gradient(90% 70% at 50% 0%,#d7192133,transparent 70%),linear-gradient(180deg,#16181d,#0b0c0f);box-shadow:inset 0 1px 0 #ffffff1f,inset 0 0 0 1px #ffffff14,0 30px 70px #000c;animation:pp-rise 400ms ease}
#device-host .rr2-result-card[data-miss]{background:linear-gradient(180deg,#16181d,#0b0c0f)}
#device-host .rr2-result-pill{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;background:#d71921;color:#fff;font:700 10px/1 var(--pd-font);letter-spacing:.12em;text-transform:uppercase}
#device-host .rr2-result-card[data-miss] .rr2-result-pill{background:#ffffff17;color:#c6ccd5}
#device-host .rr2-result-card strong{font:700 20px/1.2 var(--pd-font);color:#fff;text-wrap:balance}
#device-host .rr2-result-card p{margin:0;font-size:12px;color:#a1a7b2}
#device-host .rr2-result-card .cc-primary{width:100%;margin-top:8px;min-height:50px}
@media (prefers-reduced-motion: reduce) and (max-width: 0px){#device-host .rr2-wheel[data-spinning] .rr2-bulb,#device-host .rr2-hub-ring{animation:none}}
/* Вадим 13.10: «Пригласить друга» на первом экране + окно с QR и «Отправить приглашение» */
#device-host .rr2-stage{padding:12px 0 8px}
#device-host .rr2-wheel{width:256px;height:256px}
#device-host .rr2-label-pos .rr2-label{font-size:10px}
#device-host .rr2-invite{flex:none;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;border:0;border-radius:16px;background:#ffffff12;color:#fff;font:700 14px/1 var(--pd-font);letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 0 0 1px #ffffff2e;cursor:pointer;transition:transform 250ms cubic-bezier(.32,.72,0,1)}
#device-host .rr2-invite:active{transform:scale(.98)}
#device-host .rr2-invite svg{width:20px;height:20px}
#device-host .rr2-copy[data-done]{background:#40ce9426;box-shadow:inset 0 0 0 1px #40ce9466;color:#7fdcb5}
#device-host .rr2-sheet{position:absolute;inset:0;z-index:120;display:flex;flex-direction:column;justify-content:flex-end}
#device-host .rr2-sheet-backdrop{position:absolute;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity 250ms}
#device-host .rr2-sheet[data-open] .rr2-sheet-backdrop{opacity:1}
#device-host .rr2-sheet-card{position:relative;display:grid;justify-items:center;gap:12px;padding:12px 22px calc(26px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;text-align:center;background:radial-gradient(90% 50% at 50% 0%,#d7192124,transparent 70%),linear-gradient(180deg,#16181d,#0b0c0f);box-shadow:inset 0 1px 0 #ffffff21,0 -20px 60px #000c;transform:translateY(100%);transition:transform 400ms cubic-bezier(.2,.8,.2,1)}
#device-host .rr2-sheet[data-open] .rr2-sheet-card{transform:none}
#device-host .rr2-sheet-grip{width:40px;height:4px;border-radius:4px;background:#ffffff33;margin-bottom:8px}
#device-host .rr2-sheet-close{position:absolute;top:14px;right:16px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#ffffff12;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f;cursor:pointer}
#device-host .rr2-sheet-close svg{width:16px;height:16px}
#device-host .rr2-sheet-logo{height:30px;width:auto;margin-top:8px}
#device-host .rr2-sheet-title{margin-top:8px;font:700 24px/1.15 var(--pd-font);color:#fff}
#device-host .rr2-sheet-text{margin:0;max-width:310px;font-size:12px;line-height:1.5;color:#bdc3cc;text-wrap:balance}
#device-host .rr2-sheet-text b{color:#f5d27a}
#device-host .rr2-qr{margin-top:8px;padding:12px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px #ffffff26,0 18px 40px #000c,0 0 40px #d719212e}
#device-host .rr2-sheet-link{font:700 12px/1 var(--pd-font);letter-spacing:.02em;color:#a1a7b2}
#device-host .rr2-send{width:100%;min-height:54px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:12px}
#device-host .rr2-send svg{width:20px;height:20px}
#device-host .rr2-sheet-note{min-height:16px;margin:0;font-size:12px;color:#7fdcb5}
@media (prefers-reduced-motion: reduce) and (max-width: 0px){#device-host .rr2-sheet-card,#device-host .rr2-sheet-backdrop{transition:none}}
/* поверх экрана колеса открыто окно (приглашение, выигрыш, друзья) — нижний док прячем */
#device-host :has(> .rr2 :is(.rr2-sheet,.rr2-result,.rr2-friends-screen)) > .pd-bottom-dock{visibility:hidden}

/* Саша 13.10: перелёт перстня без рывка — история проявляется на месте (без подъезда на 24px),
   поэтому перстень садится ровно туда, где его ждёт картинка; тень появляется, когда он долетел. */
.cc-root .aw-story{animation:aw-story-fade 250ms ease-out both}
@keyframes aw-story-fade{from{opacity:0}to{opacity:1}}
.cc-root .aw-story-art[data-iso] .aw-iso-shadow{animation:aw-shadow-in 250ms .35s ease-out both,aw-iso-shadow 5.5s ease-in-out .62s infinite}
/* покачивание начинается сразу после посадки — без паузы между перелётом и «жизнью» перстня */
.cc-root .aw-story-art[data-iso] img{animation-delay:.62s}
@keyframes aw-shadow-in{from{opacity:0;transform:scaleX(.6)}to{opacity:1;transform:scaleX(1)}}
@media (prefers-reduced-motion: reduce) and (max-width: 0px){.cc-root .aw-story{animation:none}.cc-root .aw-story-art[data-iso] .aw-iso-shadow{animation:none}}

/* Саша 13.10: под блоком достижений без красного свечения — оно ложилось фоном на заголовок следующей секции */
.cc-root .ax{box-shadow:0 0 0 1px #ffffff0d}