/* ===== Премиальный слой casino-online2026 — общий для всех страниц. Цвета берутся из переменных страницы. ===== */
:root{--pm-acc:var(--gold,var(--neon-gold,var(--accent,var(--btc,#f0c040))));--pm-acc2:var(--gold2,var(--gold-light,var(--gold-l,var(--accent2,#ffe08a))));
--pm-card:var(--bg2,var(--bg-secondary,#12121a));--pm-card2:var(--bg3,var(--bg-card,#1a1a24));--pm-line:var(--border,var(--line,var(--border-glass,rgba(255,255,255,.1))));
--pm-tx:var(--text,var(--txt,var(--text-primary,#ececf1)));--pm-tx2:var(--text2,var(--txt2,var(--text-secondary,#b4b9c4)));--pm-ok:#34d399;--pm-r:16px}
main h2[id],main h3[id]{scroll-margin-top:96px}
main a:focus-visible,main button:focus-visible,main summary:focus-visible{outline:2px solid var(--pm-acc);outline-offset:3px;border-radius:6px}
/* --- кнопки с переливом --- */
main :is(.cta,.btn-primary,.card-cta,.card-cta-small,.btn-visit,.cta-btn,.cc-cta,.casino-btn,.hero-cta,.card-btn,.casino-cta,.btn-cta,.game-casino-btn,.btn-casino,.cz-rc-cta,.demo-play-btn,.withdraw-btn,.btn-gold){position:relative;overflow:hidden;isolation:isolate;transition:transform .2s ease,box-shadow .3s ease,filter .3s ease}
main :is(.cta,.btn-primary,.card-cta,.card-cta-small,.btn-visit,.cta-btn,.cc-cta,.casino-btn,.hero-cta,.card-btn,.casino-cta,.btn-cta,.game-casino-btn,.btn-casino,.cz-rc-cta,.demo-play-btn,.withdraw-btn,.btn-gold)::after{content:"";position:absolute;inset:-2px;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.5) 46%,rgba(255,255,255,.18) 54%,transparent 72%);transform:translateX(-130%);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
main :is(.cta,.btn-primary,.card-cta,.card-cta-small,.btn-visit,.cta-btn,.cc-cta,.casino-btn,.hero-cta,.card-btn,.casino-cta,.btn-cta,.game-casino-btn,.btn-casino,.cz-rc-cta,.demo-play-btn,.withdraw-btn,.btn-gold):is(:hover,:focus-visible){transform:translateY(-1px);box-shadow:0 10px 26px -10px var(--pm-acc);filter:saturate(1.12) brightness(1.04)}
main :is(.cta,.btn-primary,.card-cta,.card-cta-small,.btn-visit,.cta-btn,.cc-cta,.casino-btn,.hero-cta,.card-btn,.casino-cta,.btn-cta,.game-casino-btn,.btn-casino,.cz-rc-cta,.demo-play-btn,.withdraw-btn,.btn-gold):is(:hover,:focus-visible)::after{transform:translateX(130%)}
/* --- оглавление --- */
nav.pm-toc{display:block!important;position:static!important;height:auto!important;max-height:none!important;overflow:visible!important;transform:none!important;opacity:1!important;font-size:16px;justify-content:initial;flex-direction:initial}
.pm-toc{max-width:min(1120px,calc(100% - 32px));margin:22px auto 8px;border-radius:var(--pm-r);padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--pm-acc) 70%,transparent),rgba(255,255,255,.06) 45%,color-mix(in srgb,var(--pm-acc) 35%,transparent))}
.pm-toc>details{border-radius:calc(var(--pm-r) - 1px);background:color-mix(in srgb,var(--pm-card) 92%,#000);padding:14px 18px}
.pm-toc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;font-weight:700;font-size:17px;color:var(--pm-tx)}
.pm-toc summary::-webkit-details-marker{display:none}
.pm-toc .pm-ic{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--pm-acc) 16%,transparent);color:var(--pm-acc)}
.pm-toc .pm-n{margin-left:auto;font-size:13px;font-weight:600;color:var(--pm-tx2);display:flex;align-items:center;gap:8px}
.pm-toc .pm-n svg{transition:transform .25s}.pm-toc details[open] .pm-n svg{transform:rotate(180deg)}
.pm-toc ol{counter-reset:pmt;list-style:none;margin:14px 0 2px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px}
.pm-toc li{counter-increment:pmt;min-width:0}
.pm-toc a{display:flex;gap:10px;align-items:baseline;padding:7px 8px;border-radius:10px;color:var(--pm-tx2);text-decoration:none;font-size:15px;line-height:1.35;transition:background .2s,color .2s}
.pm-toc a::before{content:counter(pmt);flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#111;background:linear-gradient(135deg,var(--pm-acc2),var(--pm-acc))}
.pm-toc a:hover{background:color-mix(in srgb,var(--pm-acc) 10%,transparent);color:var(--pm-tx)}
@media(max-width:720px){.pm-toc ol{grid-template-columns:1fr}.pm-toc>details{padding:12px 14px}}
/* --- списки с иконками и шаги --- */
main ul.pm-list{list-style:none;padding-left:0;margin:12px 0 16px;display:grid;gap:9px}
main ul.pm-list>li{position:relative;padding-left:32px;line-height:1.55}
main ul.pm-list>li::before{content:"";position:absolute;left:0;top:.18em;width:21px;height:21px;border-radius:50%;background:color-mix(in srgb,var(--pm-acc) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pm-acc) 45%,transparent)}
main ul.pm-list>li::after{content:"";position:absolute;left:5px;top:calc(.18em + 5px);width:11px;height:11px;background:var(--pm-acc);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12.5l5 5L20 6.5' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12.5l5 5L20 6.5' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
main ol.pm-steps{list-style:none;counter-reset:pms;padding-left:0;margin:12px 0 16px;display:grid;gap:10px}
main ol.pm-steps>li{counter-increment:pms;position:relative;padding:12px 14px 12px 56px;border-radius:14px;background:color-mix(in srgb,var(--pm-card) 85%,transparent);border:1px solid var(--pm-line);line-height:1.5}
main ol.pm-steps>li::before{content:counter(pms);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;color:#111;background:linear-gradient(135deg,var(--pm-acc2),var(--pm-acc));box-shadow:0 0 0 4px color-mix(in srgb,var(--pm-acc) 14%,transparent)}
@media(max-width:380px){main ol.pm-steps>li{padding-left:50px}main ol.pm-steps>li::before{left:10px}}
/* --- цитаты --- */
main blockquote:not([class]),.pm-quote{position:relative;margin:20px 0;padding:18px 20px 18px 64px;border-radius:var(--pm-r);border:1px solid color-mix(in srgb,var(--pm-acc) 30%,transparent);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--pm-acc) 12%,transparent),transparent 55%),color-mix(in srgb,var(--pm-card) 90%,transparent);color:var(--pm-tx);font-size:17px;line-height:1.55;font-style:normal}
main blockquote:not([class])::before,.pm-quote::before{content:"\201C";position:absolute;left:16px;top:6px;font:800 60px/1 Georgia,serif;background:linear-gradient(180deg,var(--pm-acc2),var(--pm-acc));-webkit-background-clip:text;background-clip:text;color:transparent}
.pm-quote cite{display:block;margin-top:8px;font-size:14px;font-style:normal;color:var(--pm-tx2)}
/* --- таблицы: оформление и карточки на телефоне --- */
main table.pm-tbl{border-collapse:separate;border-spacing:0}
main table.pm-tbl tbody tr:nth-child(even) td{background:rgba(255,255,255,.025)}
@media(max-width:720px){
main table.pm-tbl{display:block;width:100%!important;min-width:0!important}
main table.pm-tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
main table.pm-tbl tbody,main table.pm-tbl tr{display:block;width:100%}
main table.pm-tbl tr{margin:0 0 12px;border:1px solid var(--pm-line);border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--pm-card) 92%,transparent)}
main table.pm-tbl td{display:block;position:relative;width:auto!important;min-width:0!important;min-height:38px;padding:9px 12px 9px calc(40% + 14px)!important;border:0!important;border-top:1px solid rgba(255,255,255,.05)!important;text-align:left!important;white-space:normal!important;background:none!important;overflow-wrap:anywhere}
main table.pm-tbl td::before{content:attr(data-label);position:absolute;left:12px;top:9px;width:calc(40% - 10px);font-size:13px;font-weight:600;line-height:1.35;color:var(--pm-tx2)}
main table.pm-tbl td:first-child{display:block;padding:10px 12px!important;border-top:0!important;font-weight:700;color:var(--pm-tx);background:color-mix(in srgb,var(--pm-acc) 9%,transparent)!important}
main table.pm-tbl td:first-child::before{content:none}
main :has(>table.pm-tbl){overflow:visible!important}}
@media(max-width:380px){main table.pm-tbl td{padding:8px 12px!important}main table.pm-tbl td::before{position:static;display:block;width:auto;margin-bottom:2px}}
/* --- «Читайте также» --- */
.pm-related{max-width:min(1120px,calc(100% - 32px));margin:34px auto 26px}
.pm-related h2{font-size:24px;margin:0 0 14px;color:var(--pm-tx);display:flex;align-items:center;gap:12px}
.pm-related h2 .pm-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--pm-acc) 16%,transparent);color:var(--pm-acc)}
.pm-rel-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.pm-rel-c{position:relative;display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:var(--pm-r);border:1px solid var(--pm-line);background:linear-gradient(160deg,color-mix(in srgb,var(--pm-card2) 80%,transparent),color-mix(in srgb,var(--pm-card) 95%,transparent));text-decoration:none;color:var(--pm-tx);transition:transform .2s,border-color .25s,box-shadow .3s}
.pm-rel-c:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--pm-acc) 55%,transparent);box-shadow:0 14px 30px -18px var(--pm-acc)}
.pm-rel-c .pm-ic{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--pm-acc);background:color-mix(in srgb,var(--pm-acc) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pm-acc) 35%,transparent)}
.pm-rel-c .pm-rel-t{display:block;font-size:15.5px;line-height:1.35;margin:0 0 4px;font-weight:700;color:var(--pm-tx);letter-spacing:0}
.pm-rel-c span{display:block;font-size:13.5px;line-height:1.45;color:var(--pm-tx2)}
/* --- прогресс, плавающие кнопки, панель содержания --- */
#pm-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:10000;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--pm-acc),var(--pm-acc2));pointer-events:none}
.pm-fab{position:fixed;right:16px;z-index:9990;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--pm-acc);background:color-mix(in srgb,var(--pm-card) 88%,transparent);border:1px solid color-mix(in srgb,var(--pm-acc) 45%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 24px -12px #000;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s}
.pm-fab.on{opacity:1;visibility:visible;transform:none}.pm-fab:hover{color:#111;background:linear-gradient(135deg,var(--pm-acc2),var(--pm-acc))}
#pm-top{bottom:calc(16px + env(safe-area-inset-bottom,0px))}#pm-tocbtn{bottom:calc(72px + env(safe-area-inset-bottom,0px))}
.pm-drawer{position:fixed;inset:0;z-index:9995;display:none}.pm-drawer.on{display:block}
.pm-drawer .pm-bd{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.pm-drawer .pm-pn{position:absolute;top:0;right:0;bottom:0;width:min(360px,88vw);overflow:auto;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--pm-card) 97%,#000);border-left:1px solid color-mix(in srgb,var(--pm-acc) 35%,transparent)}
.pm-drawer h3{margin:4px 0 12px;font-size:18px;color:var(--pm-tx);display:flex;justify-content:space-between;align-items:center}
.pm-drawer button.pm-x{background:none;border:1px solid var(--pm-line);color:var(--pm-tx);width:36px;height:36px;border-radius:10px;cursor:pointer}
.pm-drawer ol{list-style:none;margin:0;padding:0;counter-reset:pmd}
.pm-drawer li{counter-increment:pmd}
.pm-drawer a{display:flex;gap:10px;padding:9px 10px;border-radius:10px;color:var(--pm-tx2);text-decoration:none;font-size:15px;line-height:1.35}
.pm-drawer a::before{content:counter(pmd);flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--pm-acc);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pm-acc) 50%,transparent)}
.pm-drawer a.cur{color:var(--pm-tx);background:color-mix(in srgb,var(--pm-acc) 12%,transparent)}.pm-drawer a.cur::before{color:#111;background:var(--pm-acc)}
@media(max-width:720px){.pm-drawer .pm-pn{top:auto;left:0;width:auto;max-height:78vh;border-left:0;border-top:1px solid color-mix(in srgb,var(--pm-acc) 35%,transparent);border-radius:18px 18px 0 0}}
@media(prefers-reduced-motion:reduce){main *,main *::after,.pm-fab,.pm-rel-c{transition:none!important}main :is(.cta,.btn-primary,.card-cta,.btn-visit,.cta-btn,.casino-btn,.hero-cta,.casino-cta,.btn-cta)::after{display:none}}