/* ONB · токены шару туру PokerDot (Варіант A). Джерело: ТЗ §2.1–2.8, звірка в tokens.md.
   Екран 402 × 874. Шрифт Play (400/700). Лише :root{--onb-…}. */
:root{
  /* шрифт */
  --onb-font:'Play',system-ui,sans-serif;
  --onb-w-regular:400;--onb-w-bold:700;

  /* safe-area екрана 402×874 */
  --onb-safe-top:62px;--onb-safe-bottom:34px;--onb-edge:16px;--onb-gap-target:12px;
  --onb-screen-w:402px;--onb-screen-h:874px;

  /* затемнення (ТЗ 2.1, 2.8) */
  --onb-dim:rgba(3,4,5,.8);--onb-dim-intro:rgba(3,4,5,.5);--onb-dim-skip:rgba(3,4,5,.8);
  --onb-dim-fade:430ms;

  /* рамка підсвітки */
  --onb-ring-w:2px;--onb-ring-color:#e4202e;--onb-ring-gap:4px;--onb-ring-radius-add:4px;
  --onb-glow-spread:5px;--onb-glow-color:rgba(228,32,46,.22);
  --onb-ring-shadow:0 0 0 var(--onb-glow-spread) var(--onb-glow-color);
  /* вторинна обводка ТР-4 */
  --onb-mark-w:2px;--onb-mark-color:#ff5a63;--onb-mark-glow:4px;--onb-mark-glow-color:rgba(255,90,99,.18);
  --onb-mark-radius:8px;

  /* підказка (ТЗ 2.2) */
  --onb-tip-w:370px;--onb-tip-bg:#121418;--onb-tip-border:1px solid #25282d;--onb-tip-radius:20px;
  --onb-tip-pad-top:18px;--onb-tip-pad-x:18px;--onb-tip-pad-bottom:16px;--onb-tip-gap:12px;
  --onb-tip-shadow:0 18px 40px rgba(0,0,0,.55);
  --onb-title-size:22px;--onb-title-lh:1.2;--onb-title-color:#fff;
  --onb-text-size:15px;--onb-text-lh:1.45;--onb-text-color:#c4c6c2;
  --onb-list-size:14px;--onb-list-color:#d6d8d3;--onb-list-dot:6px;--onb-list-dot-color:#e4202e;--onb-list-max:4;
  --onb-tail-size:14px;--onb-tail-rotate:45deg;

  /* кнопки (ТЗ 2.2) */
  --onb-btn-h:50px;--onb-btn-radius:14px;--onb-btn-gap:8px;
  --onb-btn-primary-bg:linear-gradient(180deg,#ec2b38,#d4191f);
  --onb-btn-primary-ink:#fff;--onb-btn-primary-size:15px;--onb-btn-primary-weight:700;--onb-btn-primary-tracking:2px;
  --onb-btn-sec-bg:#101216;--onb-btn-sec-border:1px solid #292b2f;--onb-btn-sec-ink:#b9bbb6;--onb-btn-sec-size:14px;
  --onb-btn-pressed:brightness(.9);--onb-btn-focus:2px solid #dfe5ef;

  /* лічильник кроків (ТЗ 2.3) */
  --onb-seg-h:4px;--onb-seg-gap:4px;--onb-seg-on:#e4202e;--onb-seg-off:#2c2f34;
  --onb-seg-w-s:22px;--onb-seg-w-m:18px;--onb-seg-w-l:12px;
  --onb-count-size:11px;--onb-count-tracking:1.6px;--onb-count-color:#8f908b;--onb-count-gap:10px;

  /* плашка «Нажмите» (ТЗ 2.4) */
  --onb-plate-minh:50px;--onb-plate-radius:14px;--onb-plate-bg:rgba(228,32,46,.1);
  --onb-plate-border:1px solid rgba(228,32,46,.4);--onb-plate-size:13px;--onb-plate-ink:#ffd9dc;
  --onb-plate-arrow:16px;--onb-plate-arrow-color:#ff5a63;

  /* значок нажатия (ТЗ 2.5) */
  --onb-tap-ring:44px;--onb-tap-ring-border:2px solid rgba(255,255,255,.75);
  --onb-tap-dot:18px;--onb-tap-dot-color:#fff;--onb-tap-halo:6px;--onb-tap-halo-color:rgba(228,32,46,.5);
  --onb-tap-scale-from:.7;--onb-tap-scale-to:1.6;--onb-tap-pulse:1400ms;
  --onb-tap-inset-right:16px;

  /* вводна шторка (ТЗ 2.6) і шторка пропуску (ТЗ 2.8) */
  --onb-sheet-bg:#101215;--onb-sheet-border:1px solid #24272b;--onb-sheet-radius:28px;
  --onb-grip-w:40px;--onb-grip-h:4px;--onb-grip-color:#3a3d42;
  --onb-sheet-pad-top:10px;--onb-sheet-pad-x:20px;--onb-sheet-pad-bottom:30px;
  --onb-sheet-anim:420ms;--onb-sheet-ease:cubic-bezier(.2,.8,.25,1);
  --onb-sheet-btns-dir:column;--onb-sheet-btn-gap:8px;

  /* блок пунктів на Т-2 (ТЗ 2.6) */
  --onb-box-bg:#07090a;--onb-box-border:1px solid #1f2123;--onb-box-radius:16px;--onb-box-pad:12px 14px;
  --onb-box-label-size:11px;--onb-box-label-color:#8f908b;--onb-box-item-size:13px;--onb-box-item-color:#d6d8d3;
  --onb-bal-size:40px;

  /* підписи К-1 і ТР-2 (ТЗ 2.7) */
  --onb-call-bg:#121418;--onb-call-border:1px solid #3a3d42;--onb-call-radius:10px;
  --onb-call-pad:6px 9px;--onb-call-title:12px;--onb-call-text:11px;--onb-call-text-color:#a9aba6;
  --onb-call-max:170px;--onb-call-line-w:1.6px;--onb-call-line-color:#ff5a63;--onb-call-dot:4px;

  /* рух */
  --onb-move:260ms;--onb-move-ease:cubic-bezier(.2,.8,.25,1);--onb-fade-in:360ms;

  /* z-index (шар лежить вище прототипу; службова панель — поза телефоном) */
  --onb-z-layer:2147483000;--onb-z-dim:0;--onb-z-ring:1;--onb-z-call:2;--onb-z-tip:3;--onb-z-sheet:4;--onb-z-tap:5;--onb-z-skip:6;
  --onb-z-panel:2147483600;
}
@media (prefers-reduced-motion:reduce){:root{--onb-move:0ms;--onb-fade-in:0ms;--onb-sheet-anim:0ms;--onb-dim-fade:0ms;--onb-tap-pulse:0ms}}