/* РБ-комбинации. 21.10 (Саша + Вадим): % R-банка задаёт только комбинация — шкалы карты, метки и диапазонов нет.
   Стиль форка прежний: лампа сверху (общая, в rb-history.css), стеклянная HUD-панель с двойным кантом,
   процент — большое белое число с красным подсветом, полоска доли банка — тонкая неоновая линия.
   Верхние (частые) строки в луче, нижние — в полутени. */
.rbc{--rbc-ink:#f0f2f5;--rbc-mute:#a1a7b2;--rbc-dim:#8e8e98;--rbc-axis:#9a9a9a;--rbc-red:#d71921;--rbc-glow:#ff3b47;--rbc-deep:#8f0f16;--rbc-unit:#ff5a62;
  --rbc-in:cubic-bezier(.22,1,.36,1);--pad:16px;
  position:relative;box-sizing:border-box;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 0 24px;color:var(--rbc-ink);font-family:var(--pd-font,'Play',sans-serif);font-variant-numeric:tabular-nums;-webkit-overflow-scrolling:touch}
.rbc *{box-sizing:border-box}

/* каскадный вход: только opacity + transform */
.rbc-in{animation:rbcIn .7s var(--rbc-in) var(--d,0ms) both}
@keyframes rbcIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes rbcFade{from{opacity:0}to{opacity:1}}

/* ───────── ВСТУПЛЕНИЕ под лампой: кикер «● R-БАНК», главная фраза, пояснение ───────── */
.rbc-hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:22px 8px 0;text-align:center}
.rbc-film{position:relative;margin:0;padding-left:16px;white-space:nowrap;
  font:700 11px/16px var(--pd-font,'Play',sans-serif);letter-spacing:.22em;text-transform:uppercase;color:#c9cdd4;text-shadow:0 1px 8px #000,0 0 2px #000}
.rbc-film::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;
  background:var(--rbc-glow);box-shadow:0 0 0 2px #d7192140,0 0 10px var(--rbc-glow)}
.rbc-hero-lead{margin:14px auto 0;max-width:320px;font:700 22px/28px var(--pd-font,'Play',sans-serif);letter-spacing:.005em;color:#fff;text-wrap:balance;
  text-shadow:0 1px 12px #000,0 0 22px #d7192140}
.rbc-hero-note{margin:10px auto 0;max-width:300px;font:400 14px/20px var(--pd-font,'Play',sans-serif);color:var(--rbc-mute);text-wrap:balance}

/* ───────── ТАБЛИЦА: тёмное стекло с двойным кантом ───────── */
.rbc-table{position:relative;isolation:isolate;margin-top:28px;padding:5px;border-radius:26px;
  background:linear-gradient(180deg,#16181de0,#0a0b0ef2 40%);
  box-shadow:inset 0 0 0 1px #ffffff1c,inset 0 1px 0 #ffffff2e,0 0 0 1px #000000b3,0 30px 60px -30px #000,0 -10px 40px -22px #d7192166}
/* световые рейки на канте */
.rbc-table::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;
  background:
    linear-gradient(90deg,transparent,#ff3b47 20%,#ffc2c6 50%,#ff3b47 80%,transparent) 30px 0/92px 1.5px no-repeat,
    linear-gradient(90deg,transparent,#ff3b47 30%,#ff3b47 70%,transparent) calc(100% - 30px) 100%/64px 1.5px no-repeat;
  filter:drop-shadow(0 0 4px #ff3b47)}
.rbc-core{position:relative;padding:0 var(--pad);border-radius:21px;overflow:clip;isolation:isolate;
  background:
    radial-gradient(70% 22% at 50% 0%,#ffffff0f,transparent 72%),
    radial-gradient(60% 30% at 100% 0%,#d719211f,transparent 62%),
    linear-gradient(180deg,#111317,#0a0b0e 60%,#08090b);
  box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 1px 0 #ffffff14}
/* луч сцены продолжается в таблицу: точечный конус сверху — частые комбинации в свету, к низу темнеет */
.rbc-core::after{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:520px;pointer-events:none;
  background:radial-gradient(circle,rgb(255 255 255/var(--lamp-a,.22)) .8px,transparent 1.3px) 50% 0/var(--lamp-pitch,6px) var(--lamp-pitch,6px);
  -webkit-mask-image:conic-gradient(from 0deg at 50% -140px,transparent 150deg,#0005 160deg,#000c 180deg,#0005 200deg,transparent 210deg),linear-gradient(180deg,#000 0%,#0008 30%,#0003 55%,transparent 80%);
  -webkit-mask-composite:source-in;
  mask-image:conic-gradient(from 0deg at 50% -140px,transparent 150deg,#0005 160deg,#000c 180deg,#0005 200deg,transparent 210deg),linear-gradient(180deg,#000 0%,#0008 30%,#0003 55%,transparent 80%);
  mask-composite:intersect;animation:rbcFade 1.2s ease .5s both}

/* шапка таблицы: две подписи по краям */
.rbc-head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 12px;
  font:700 11px/16px var(--pd-font,'Play',sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--rbc-axis)}
.rbc-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#ffffff08,#ffffff21 30%,#ffffff21 70%,#ffffff08)}

/* ───────── строка: название и процент сверху; пример карт и полоска доли снизу ───────── */
.rbc-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name me" "cards me";
  column-gap:14px;row-gap:8px;align-items:center;padding:14px 0;transition:background-color .25s ease}
.rbc-row+.rbc-row::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#ffffff14 14%,#ffffff14 86%,transparent)}
.rbc-name{grid-area:name;align-self:end;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font:700 16px/20px var(--pd-font,'Play',sans-serif);letter-spacing:.01em;
  color:color-mix(in srgb,#fff calc(var(--lit,1) * 100%),#5a5f68)}
/* процент — герой строки: большое белое число, «%» — красная единица */
.rbc-me{grid-area:me;justify-self:end;align-self:end;display:flex;align-items:baseline;white-space:nowrap;
  font:700 28px/28px var(--pd-font,'Play',sans-serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums;
  color:color-mix(in srgb,#fff calc(var(--lit,1) * 100%),#7a7f88);
  text-shadow:0 0 16px color-mix(in srgb,#d71921 calc(var(--lit,1) * 85%),transparent),0 1px 0 #0009}
.rbc-me-num{display:inline-block;text-align:right}
.rbc-me>small{margin-left:1px;font-size:13px;line-height:1;letter-spacing:.04em;text-shadow:none;
  color:color-mix(in srgb,var(--rbc-unit) calc(var(--lit,1) * 100%),#8a3a3e)}
.rbc-row[data-lit] .rbc-me-num{background:linear-gradient(180deg,#ffffff 30%,#ffe3e5 70%,#ff9aa0);-webkit-background-clip:text;background-clip:text;color:transparent}
.rbc-row[data-lit] .rbc-me{text-shadow:none;filter:drop-shadow(0 0 12px #d71921a6)}

/* полоска доли банка: тонкая линия на всю ширину = весь банк, красная часть = доля игрока */
.rbc-bar{grid-area:bar;position:relative;height:32px;opacity:calc(.5 + var(--lit,1) * .5)}
.rbc-bar::before,.rbc-bar-fill{content:"";position:absolute;left:0;top:50%;height:2px;margin-top:-1px;border-radius:2px}
.rbc-bar::before{right:0;background:#ffffff17;box-shadow:inset 0 1px 1px #0009}
.rbc-bar-fill{width:calc(var(--v,0) * 100%);transform-origin:0 50%;
  background:linear-gradient(90deg,var(--rbc-deep),#d71921 60%,#ff4d58);box-shadow:0 0 8px #ff3b47,0 0 18px #d7192199;
  animation:rbcGrow .9s cubic-bezier(.25,1,.5,1) var(--fd,0ms) both}
/* огонёк на конце доли */
.rbc-bar-fill::after{content:"";position:absolute;right:-4px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;
  background:radial-gradient(circle at 40% 35%,#fff,#ffd0d3 45%,#ff3b47);box-shadow:0 0 0 2px #0b0c0f,0 0 10px 1px #ff3b47}
@keyframes rbcGrow{from{transform:scaleX(0)}to{transform:none}}

/* ── мини-карты примера: чёткое лицо, тонкий кант, контактная тень ── */
.rbc-cards{grid-area:cards;display:flex;gap:3px;opacity:calc(.5 + var(--lit,1) * .5)}
.rbc-cf{position:relative;flex:none;display:inline-flex;flex-direction:column;align-items:flex-start;width:22px;height:32px;padding:3px 0 0 3.5px;border-radius:4px;
  background:linear-gradient(180deg,#ffffff,#eef0f2 70%,#e4e6ea);
  box-shadow:inset 0 0 0 .5px #00000026,inset 0 1px 0 #fff,0 1px 0 #0009,0 5px 10px -3px #000d}
.rbc-cf>b{font:700 12px/1 var(--pd-font,'Play',sans-serif);letter-spacing:-.04em}
.rbc-cf>i{font-style:normal;font-size:12px;line-height:1;margin-top:2px}
/* кикеры: «в тени», а не серые — лицо темнеет, кант остаётся */
.rbc-cf--dim{filter:brightness(.38) saturate(.5);box-shadow:inset 0 0 0 .5px #ffffff40,0 4px 8px -3px #000c}

@media (hover:hover){.rbc-row:hover{background-color:#ffffff05}}
.rbc-row:active{background-color:#ffffff07}

/* системное «уменьшить движение» — экран появляется сразу, без петли и бликов */
@media (prefers-reduced-motion:reduce){.rbc-in,.rbc-core::after,.rbc-bar-fill{animation:none}}

/* Саша 21.10: без полоски — процент справа на обе строки, перед ним мелкое «до» */
.rbc-row .rbc-me{align-self:center}
.rbc-upto{font-style:normal;margin-right:6px;font:700 12px/1 var(--pd-font,'Play',sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#9a9aa3;align-self:center;-webkit-text-fill-color:#9a9aa3;filter:none}

/* Саша 26.10: текущий талисман под вступлением — маленькая 2D-статуэтка, имя и потолок */
.rbc-tal{display:flex;align-items:center;gap:10px;margin:16px auto 0;padding:6px 14px 6px 6px;border-radius:14px;
  background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff17,0 10px 24px -14px #000;text-align:left}
.rbc-tal-art{position:relative;flex:none;width:44px;height:44px;border-radius:10px;overflow:hidden;
  background:radial-gradient(closest-side,#d7192133,#d7192100 80%),#0a0b0e}
.rbc-tal-art>.pd-tal-art{position:absolute;left:2px;right:2px;bottom:0;width:auto}
.rbc-tal-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.rbc-tal-txt>b{font:700 15px/20px var(--pd-font,'Play',sans-serif);color:#fff;white-space:nowrap}
.rbc-tal-txt>small{font:400 12px/16px var(--pd-font,'Play',sans-serif);color:var(--rbc-mute);white-space:nowrap}