/* =====================================================================
   SKIN «BIZZO WHEEL» (bizzocasinoz.org) — горизонтальная шапка, hero с колесом фортуны,
   акции-«билеты», сетка разделов, нумерованные H2, футер с CTA-полосой.
   Цвета и шрифты — из static/css/themes/bizzo-wheel.css
   ===================================================================== */

body{background:radial-gradient(1000px 520px at 85% -120px,var(--bg-glow),transparent 70%),var(--bg)}
html{scroll-padding-top:90px}
.main{padding-top:0}

/* ---------- Кнопки-«таблетки» с объёмом ---------- */
.cbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:var(--radius-btn);font:700 15px/1 var(--font);text-decoration:none;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease,filter .15s ease}
.cbtn--yellow{background:var(--yellow);color:var(--yellow-ink);box-shadow:var(--btn-shadow)}
.cbtn--yellow:hover{filter:brightness(1.06);transform:translateY(-2px)}
.cbtn--yellow:active{transform:translateY(3px);box-shadow:0 2px 0 #b86a00}
.cbtn--ghost{color:var(--text);box-shadow:inset 0 0 0 2px rgba(255,255,255,.22)}
.cbtn--ghost:hover{box-shadow:inset 0 0 0 2px var(--gold);color:var(--gold)}
.cbtn--xl{min-height:56px;padding:0 30px;font-size:17px}
.cbtn--block{width:100%}
.age-badge{display:inline-grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);font:700 13px/1 var(--font)}

/* ---------- Шапка: одна полоса, «стекло» ---------- */
.chdr{position:sticky;top:0;z-index:80;background:var(--hdr-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--hdr-line)}
.chdr__in{max-width:var(--wrap);margin:0 auto;height:72px;padding:0 20px;display:flex;align-items:center;gap:22px}
.chdr .burger{display:none;background:transparent;flex:0 0 44px;height:44px}
.chdr .burger span{background:var(--gold)}
.chdr__logo{display:inline-flex;align-items:center;min-height:44px}
.chdr__logo img{height:46px;width:auto}
.chdr__nav{display:flex;gap:4px;margin:0 auto;padding:4px;border-radius:999px;background:rgba(255,255,255,.05)}
.chdr__nav a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border-radius:999px;color:var(--text-2);font-size:14px;font-weight:600;text-decoration:none;transition:background .15s ease,color .15s ease}
.chdr__nav a .icon{width:17px;height:17px;color:var(--cyan)}
.chdr__nav a:hover{background:var(--surface-3);color:#fff}
.chdr__btns{display:flex;gap:10px}
.chdr__btns .cbtn{min-height:44px;padding:0 20px}
@media (max-width:1180px){
  .chdr__nav a{padding:0 10px;font-size:13.5px}
  .chdr__nav a .icon{display:none}
}
@media (max-width:980px){
  html{scroll-padding-top:76px}
  .chdr__in{height:64px;gap:10px;padding:0 12px}
  .chdr .burger{display:flex}
  .chdr__nav{display:none}
  .chdr__logo{margin:0 auto}
  .chdr__logo img{height:40px}
  .chdr__login{display:none}
  .chdr__btns .cbtn{padding:0 16px;font-size:14px}
}

/* Шторка меню (из ядра) */
.drawer__panel{background:var(--surface)}
.drawer__top img{height:40px;width:auto}
.drawer__a .icon{color:var(--cyan)}
.drawer__a.is-active,.drawer__a:hover{color:var(--gold);background:var(--surface-3)}
.drawer__btns .btn--main{background:var(--yellow);color:var(--yellow-ink);border-radius:999px}
.drawer__btns .btn--ghost{border-radius:999px}

/* ---------- Hero: диагональные полосы + колесо фортуны ---------- */
.chero{position:relative;overflow:hidden;margin:0 calc(50% - 50vw);background:
  radial-gradient(520px 420px at 78% 50%,rgba(252,194,17,.30),transparent 70%),
  repeating-linear-gradient(-45deg,rgba(255,255,255,.035) 0 22px,transparent 22px 44px),
  linear-gradient(135deg,#2d1666 0%,#1b0f3e 55%,#140b2b 100%);border-bottom:1px solid var(--line)}
.chero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:60px;background:linear-gradient(transparent,var(--bg));pointer-events:none}
.chero__in{position:relative;z-index:1;max-width:var(--wrap);margin:0 auto;padding:46px 20px 54px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:30px}
.chero__h1{margin:0 0 14px;color:var(--cyan);font:700 clamp(13px,1.2vw,15px)/1.4 var(--font);letter-spacing:.08em;text-transform:uppercase}
.chero__kicker{display:inline-block;margin:0 0 12px;padding:6px 14px;border-radius:999px;background:var(--green);color:var(--green-ink);font:700 13px/1.2 var(--font);text-transform:uppercase;letter-spacing:.04em}
.chero__offer{margin:0 0 14px;font-family:var(--display);line-height:1.02;text-transform:uppercase}
.chero__offer span{display:block}
.chero__l1{font-size:clamp(34px,4.6vw,62px);background:var(--yellow);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #5b1d00)}
.chero__l2{margin-top:6px;font-size:clamp(26px,3.2vw,44px);color:#fff;text-shadow:0 4px 0 #3a1f86}
.chero__sub{margin:0 0 22px;color:var(--text-2);font-size:15.5px}
.chero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.chero__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;max-width:640px}
.chero__facts li{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font-size:13.5px;font-weight:600;white-space:nowrap}
.chero__facts .icon{flex:0 0 18px;width:18px;height:18px;color:var(--gold)}

/* колесо */
.wheel{position:relative;justify-self:center;width:min(440px,100%);aspect-ratio:1;padding-top:16px}
.wheel__glow{position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(circle,rgba(252,194,17,.4),transparent 62%);animation:wglow 6s ease-in-out infinite}
.wheel__svg{position:relative;width:100%;height:auto;filter:drop-shadow(0 22px 30px rgba(0,0,0,.55))}
.wheel__spin{transform-origin:150px 150px;animation:wspin 6s infinite}
/* 5 оборотов с замедлением, остановка на «125%» (сверху), пауза, повтор — без рывка */
@keyframes wspin{
  0%,8%{transform:rotate(0);animation-timing-function:cubic-bezier(.15,.6,.1,1)}
  70%,100%{transform:rotate(1800deg)}
}
.wbulb{fill:#fff6c8;animation:wbulb 1s steps(2) infinite;animation-delay:calc(var(--i) * -.125s)}
@keyframes wbulb{50%{fill:#7a4a00}}
.wheel__pointer{position:absolute;left:50%;top:0;width:44px;margin-left:-22px;z-index:2;transform-origin:50% 30%;filter:drop-shadow(0 6px 6px rgba(0,0,0,.5));animation:wtick 6s infinite}
@keyframes wtick{
  0%,8%{transform:rotate(0)}
  12%,20%,28%,36%,44%{transform:rotate(-14deg)}
  16%,24%,32%,40%,48%{transform:rotate(6deg)}
  58%{transform:rotate(-6deg)} 70%,100%{transform:rotate(0)}
}
.wheel__win{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) scale(.4);z-index:3;padding:10px 22px;border-radius:999px;background:var(--yellow);color:var(--yellow-ink);font:400 34px/1 var(--display);box-shadow:0 0 0 6px rgba(252,194,17,.25),0 18px 40px rgba(0,0,0,.5);opacity:0;animation:wwin 6s infinite}
@keyframes wwin{0%,70%{opacity:0;transform:translate(-50%,-50%) scale(.4)}76%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}80%,94%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.9)}}
@keyframes wglow{0%,68%{opacity:.5}78%{opacity:1}100%{opacity:.5}}
.wheel__stand{position:absolute;left:50%;bottom:-18px;width:46%;height:26px;margin-left:-23%;border-radius:0 0 22px 22px;background:linear-gradient(180deg,#3f2b72,#20143f);box-shadow:0 10px 20px rgba(0,0,0,.4);z-index:-1}

@media (max-width:980px){
  .chero__in{grid-template-columns:1fr;text-align:center;padding:26px 16px 44px;gap:18px}
  .wheel{order:-1;width:min(300px,82vw)}
  .chero__btns{justify-content:center}
  .chero__facts{grid-template-columns:1fr 1fr;margin:0 auto}
  .chero__facts li{justify-content:center}
}
@media (max-width:640px){
  .chero__in{padding-top:18px}
  .wheel{width:min(250px,72vw)}
  .wheel__win{font-size:26px}
  .chero__btns .cbtn{flex:1 1 100%}
  .chero__facts li{font-size:12.5px;padding:9px 8px;white-space:normal;text-align:left}
}

/* ---------- Заголовки секций ---------- */
.csec{margin-top:40px}
.chead{display:flex;flex-direction:column;gap:4px;margin:0 0 18px}
.chead span{color:var(--cyan);font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.chead p{margin:0;font:400 clamp(22px,2.4vw,32px)/1.15 var(--display);text-transform:uppercase}

/* ---------- Акции-«билеты» ---------- */
.ctix{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);gap:14px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gold) var(--surface)}
.ctix::-webkit-scrollbar{height:6px}
.ctix::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}
.ctix__t{--n:10px;position:relative;display:flex;min-height:132px;scroll-snap-align:start;text-decoration:none;color:var(--text);filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));transition:transform .2s ease}
.ctix__t:hover{transform:translateY(-4px) rotate(-.6deg)}
.ctix__stub{display:grid;place-items:center;flex:0 0 108px;border-radius:18px 0 0 18px;background:var(--yellow);
  -webkit-mask:radial-gradient(circle var(--n) at 100% 0,transparent 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--n) at 100% 100%,transparent 98%,#000) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle var(--n) at 100% 0,transparent 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--n) at 100% 100%,transparent 98%,#000) bottom/100% 51% no-repeat}
.ctix__stub svg{width:70px;height:70px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3))}
.ctix__body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:14px 18px;border-radius:0 18px 18px 0;background:var(--surface-2);border-left:2px dashed rgba(255,255,255,.25);
  -webkit-mask:radial-gradient(circle var(--n) at 0 0,transparent 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--n) at 0 100%,transparent 98%,#000) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle var(--n) at 0 0,transparent 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--n) at 0 100%,transparent 98%,#000) bottom/100% 51% no-repeat}
.ctix__body small{color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ctix__body b{font-size:18px;line-height:1.25}
.ctix__body em{color:var(--muted);font-size:13px;font-style:normal}

/* ---------- Сетка разделов лобби ---------- */
.cgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ctile{position:relative;display:flex;align-items:center;gap:14px;min-height:96px;padding:14px 46px 14px 14px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--a),var(--b));color:#fff;text-decoration:none;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.ctile::before{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08)}
.ctile:hover{transform:translateY(-4px);box-shadow:0 16px 30px -12px rgba(0,0,0,.6),0 0 0 2px var(--gold)}
.ctile__art svg{width:62px;height:62px;flex:0 0 62px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35));transition:transform .25s ease}
.ctile:hover .ctile__art svg{transform:rotate(-8deg) scale(1.08)}
.ctile__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.ctile__txt b{font-size:16px}
.ctile__txt small{color:rgba(255,255,255,.78);font-size:12.5px}
.ctile__go{position:absolute;right:12px;top:50%;display:grid;place-items:center;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:rgba(0,0,0,.25)}
.ctile__go .icon{width:16px;height:16px}
@media (max-width:1100px){ .cgrid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){
  .cgrid{grid-template-columns:1fr 1fr;gap:10px}
  .ctile{flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:12px}
  .ctile__art svg{width:48px;height:48px}
  .ctile__go{display:none}
  .ctile__txt b{font-size:14.5px}
  .ctix{grid-auto-columns:86%}
  .ctix__stub{flex-basis:84px}
  .ctix__stub svg{width:54px;height:54px}
}

/* ---------- Статья: нумерованные H2 ---------- */
.layout{margin-top:44px}
.article{background:var(--surface);border-radius:var(--radius-lg);color:var(--text-2);counter-reset:sec}
.article h2{counter-increment:sec;display:flex;align-items:flex-start;gap:12px;padding:0;color:#fff;font:700 clamp(20px,2vw,26px)/1.3 var(--font);text-transform:none}
.article h2::before{content:counter(sec,decimal-leading-zero);position:static;flex:0 0 auto;display:grid;place-items:center;width:auto;min-width:44px;height:34px;padding:0 8px;border-radius:10px;background:var(--surface-3);color:var(--gold);font:400 15px/1 var(--display);transform:translateY(1px)}
.article .faq h2::before{content:"?";color:var(--cyan)}
.article h3{font-family:var(--font);text-transform:none;color:#fff}
.article thead th{background:var(--surface-3);color:var(--gold)}
.article tbody tr:nth-child(even) td{background:rgba(255,255,255,.03)}
.article th,.article td{overflow-wrap:normal;word-break:normal}
.table-wrap{border:1px solid var(--line);border-radius:var(--radius)}
.article a{color:var(--cyan)}
.toc,.toc-m,.faq__item,.note{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}
.faq__item[open]{border-color:var(--gold)}
.steps>li.step{background:var(--surface-2)}
.cta-row{background:none;border:0;padding:0}
.cta-row .btn--main{background:var(--yellow);color:var(--yellow-ink);border-radius:999px}
.cta-row .btn--ghost{border-radius:999px}
.phero{border:1px solid var(--line);background:repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 22px,transparent 22px 44px),linear-gradient(135deg,#2d1666,#1b0f3e)}
.phero__title{font-family:var(--display);font-weight:400;text-transform:uppercase}
.phero__badge{background:var(--yellow);color:var(--yellow-ink);border-radius:50%}
.faq__item:not([open])>.faq__a{display:none}
.toc-m:not([open])>ol{display:none!important}
.chdr__logo,.ctile,.ctix__t,.caside,.skip{text-decoration:none}
.crumbs a{display:inline-flex;align-items:center;min-height:44px}
.toc a,.toc-m a{min-height:44px;align-items:center}
@media (min-width:981px){
  .article .table-wrap table{width:100%}
  .article .table-wrap th,.article .table-wrap td{min-width:0;max-width:none}
}

/* ---------- Правая колонка ---------- */
.caside{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 20px;border-radius:var(--radius-lg);background:radial-gradient(240px 160px at 50% 0,rgba(252,194,17,.32),transparent 70%),repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 16px,transparent 16px 32px),var(--surface);border:1px solid var(--line);text-align:center;color:#fff}
.caside__k{color:var(--cyan);font-weight:700;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}
.caside b{font:400 56px/1 var(--display);background:var(--yellow);-webkit-background-clip:text;background-clip:text;color:transparent}
.caside__s{margin-bottom:12px;color:var(--text-2);font-size:13.5px}
.caside-rg{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);text-align:center}
.caside-rg p{margin:0 0 6px;color:var(--text-2);font-size:14px}

/* ---------- Футер ---------- */
.cftr{position:relative;margin-top:60px;background:var(--ftr-bg);color:var(--ftr-ink)}
.cftr__cta{padding:0 20px;transform:translateY(-34px)}
.cftr__cta-in{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;gap:20px;padding:18px 24px;border-radius:var(--radius-lg);background:repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0 18px,transparent 18px 36px),linear-gradient(135deg,#6d3ad1,#3a1f86);box-shadow:0 20px 40px -18px rgba(0,0,0,.7)}
.cftr__cta-in svg{flex:0 0 72px;width:72px;height:72px;animation:spin 14s linear infinite}
.cftr__cta-in p{flex:1;display:flex;flex-direction:column;gap:2px;margin:0}
.cftr__cta-in b{font:400 clamp(18px,2vw,24px)/1.2 var(--display);text-transform:uppercase}
.cftr__cta-in span{color:var(--text-2);font-size:13.5px}
.cftr__in{max-width:var(--wrap);margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.cftr__logo img{height:54px;width:auto}
.cftr__brand p{margin:12px 0 14px;color:var(--ftr-muted);font-size:14px}
.cftr__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.cftr__chips li{padding:6px 12px;border-radius:999px;background:var(--surface);font-size:12.5px;font-weight:600}
.cftr__h{margin:0 0 6px;color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.cftr nav a,.cftr__rg a{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--ftr-muted);font-size:14.5px;text-decoration:none}
.cftr nav a:hover,.cftr__rg a:hover{color:#fff}
.cftr__rg .icon{width:18px;height:18px;color:var(--cyan)}
.cftr__rg .age-badge{margin:6px 0}
.cftr__copy{max-width:var(--wrap);margin:26px auto 0;padding:16px 20px 30px;border-top:1px solid var(--line);color:var(--ftr-muted);font-size:13px}
.cftr__top{position:fixed;right:18px;bottom:22px;z-index:70;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--yellow);color:var(--yellow-ink);box-shadow:0 4px 0 #b86a00}
.cftr__top .icon{width:22px;height:22px}
.cftr__top{opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.cftr__top.is-on{opacity:1;visibility:visible;transform:none}
@media (max-width:980px){
  .cftr__in{grid-template-columns:1fr 1fr}
  .cftr__brand{grid-column:1/-1}
  .cftr__cta-in{flex-wrap:wrap;justify-content:center;text-align:center}
}
@media (max-width:640px){
  .main{padding:0 10px 30px}
  .cftr{padding-bottom:84px}
  .cftr__rg{grid-column:1/-1}
  .cftr__cta-in .cbtn{width:100%}
  .cftr__top{bottom:86px;right:12px}
  /* нижняя панель ядра — в цветах темы */
  .tabbar{background:var(--tab-bg);border-top:1px solid var(--line)}
  .tabbar__main{background:var(--yellow);color:var(--yellow-ink);border-radius:999px;box-shadow:0 4px 0 #b86a00}
  .tabbar__a.is-active{color:var(--gold)}
}