/* cassino.ing — контекстная плашка CTA (09.11.2026): одна полоса внизу (телефон) / карточка в правой колонке (десктоп). */
.dk{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;width:calc(100% - 24px);max-width:560px;
  transform:translate(-50%,calc(100% + 24px));opacity:0;pointer-events:none;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .24s}
.dk.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.dk-in{display:grid;grid-template-columns:44px minmax(0,1fr) auto 28px;align-items:center;gap:10px;
  background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius);
  box-shadow:0 3px 0 var(--ink),0 12px 28px -14px rgba(15,18,23,.45);padding:8px 8px 8px 10px}
.dk-logo{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:var(--t,#1B1E24)}
.dk-logo img{max-width:38px;max-height:22px;width:auto;height:auto}
.dk-tx{min-width:0;transition:opacity .2s}
.dk-t{font:700 15px/1.2 var(--f-t);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-s{font:400 13px/1.25 var(--f-t);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.dk .gb-btn{min-height:44px;padding:8px 16px;font-size:14px;white-space:nowrap;transition:opacity .2s}
.dk-x{width:28px;height:28px;border:0;background:none;color:var(--ink-2);font:400 20px/1 var(--f-t);cursor:pointer;border-radius:8px}
.dk-x:hover{background:var(--paper)}
.dk.sw .dk-tx,.dk.sw .gb-btn{opacity:0}
@media(max-width:420px){.dk-in{grid-template-columns:36px minmax(0,1fr) auto 24px;gap:8px;padding:7px 6px 7px 8px}
  .dk-logo{width:36px;height:36px}.dk-logo img{max-width:32px}.dk-t{font-size:14px}.dk-s{font-size:12px}
  .dk .gb-btn{padding:8px 12px;font-size:13px}}
/* Десктоп: если в колонке есть карточка, плашки нет — меняется карточка */
.gb-rcta .dk-rtx{transition:opacity .2s}.gb-rcta.sw .dk-rtx{opacity:0}
.gb-rcta .dk-rs{font:400 13px/1.35 var(--f-t);color:var(--ink-2);margin:-6px 0 0}
/* Карточка-развилка в конце текста */
.dk-end{border:2px solid var(--ink);border-radius:var(--radius);background:var(--card);box-shadow:0 3px 0 var(--ink);padding:18px;margin:8px 0 36px}
.dk-end h3{font:700 19px/1.25 var(--f-d);margin:0 0 4px}.dk-end>p{color:var(--ink-2);margin:0 0 14px;font-size:15px}
.dk-end ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dk-end li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--radius-s)}
.dk-end li b{font-weight:400}.dk-end .dk-q{font:700 15px/1.25 var(--f-t)}.dk-end .dk-a{font-size:14px;color:var(--ink-2)}
.dk-end .gb-btn{min-height:40px;padding:8px 16px;font-size:14px}
@media(max-width:560px){.dk-end li{grid-template-columns:40px minmax(0,1fr)}.dk-end li .gb-btn{grid-column:1/-1}}
/* ?debug: какой раздел и текст сейчас */
.dk-dbg{position:fixed;top:72px;left:8px;z-index:61;font:12px/1.3 var(--f-m);background:#0F1217;color:#CBF23D;padding:6px 8px;border-radius:6px;opacity:.85;max-width:60vw}
@media(prefers-reduced-motion:reduce){.dk,.dk-tx,.dk .gb-btn,.gb-rcta .dk-rtx{transition:none}}
/* Кнопка «наверх» сайта поднимается над плашкой */
body.dk-on .gb-totop{bottom:92px;transition:bottom .3s}
.dk-logo.cv{background:#000}.dk-logo.cv img{max-width:none;max-height:none;width:100%;height:100%;object-fit:cover}
/* одна плашка: старая нижняя полоса на страницах с плашкой не показывается */
body.dk-page .gb-sticky{display:none!important}
/* узкие экраны (≤420): текст в две строки вместо многоточия, кнопка компактнее */
@media(max-width:420px){.dk-t,.dk-s{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}
  .dk-t{font-size:13.5px}.dk-s{font-size:12px}.dk .gb-btn{padding:8px 10px;font-size:13px}.dk-in{gap:6px}}