/* =========== Вариант дизайна B: «LED-сцена» — чёрный, хромированное золото, неоновый фиолет, LED-точки =========== */
[data-theme="b"]{
  --bg:#07060a; --bg2:#0c0a11; --card:#110e17; --card2:#18131f;
  --line:rgba(155,92,255,.16); --line2:rgba(226,184,92,.34);
  --gold:#e2b85c; --gold2:#f6d48a; --gold3:#9c7a36;
  --vio:#8b4dff; --vio2:#b98cff; --red:#e3203a; --amber:#ff9a2e;
  --cream:#f1ece4; --muted:#a59cb2; --muted2:#6c6578;
}
[data-theme="b"] body{background:var(--bg)}

/* точечная LED-фактура на фоне секций */
[data-theme="b"] .quiz,[data-theme="b"] .builder,[data-theme="b"] .wheel-sec{
  background:radial-gradient(circle at center,rgba(139,77,255,.22) 1.4px,transparent 1.9px) 0 0/14px 14px,
    radial-gradient(900px 520px at 80% 0%,rgba(139,77,255,.18),transparent 62%),var(--bg2)}
[data-theme="b"] .quiz::before,[data-theme="b"] .builder::before,[data-theme="b"] .wheel-sec::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,var(--bg) 0%,transparent 18%,transparent 82%,var(--bg) 100%)}
[data-theme="b"] section>.wrap{position:relative}

/* LED-стена в hero */
.led{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:none}
[data-theme="b"] .led{display:block}
[data-theme="b"] .hero-bgword{-webkit-text-stroke:1px rgba(139,77,255,.14)}
[data-theme="b"] .hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:conic-gradient(from 200deg at 72% 110%,transparent 0deg,rgba(155,92,255,.18) 12deg,transparent 22deg,transparent 36deg,rgba(226,184,92,.12) 44deg,transparent 54deg,transparent 70deg,rgba(155,92,255,.14) 80deg,transparent 92deg)}

/* хромированное золото и скошенные углы */
[data-theme="b"] .btn{border-radius:0;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
[data-theme="b"] .btn-gold{background:linear-gradient(180deg,#fff0c4 0%,#e8c06a 22%,#a8792c 52%,#f3cf7c 78%,#c99a44 100%);color:#140d04;box-shadow:none}
[data-theme="b"] .btn-line{background:rgba(139,77,255,.08);border:0;box-shadow:inset 0 0 0 1px rgba(185,140,255,.55)}
[data-theme="b"] .btn-line:hover{background:rgba(139,77,255,.2);color:#fff}
[data-theme="b"] .card,[data-theme="b"] .quiz-card,[data-theme="b"] .set,[data-theme="b"] .post,[data-theme="b"] .b-card,[data-theme="b"] .coll,[data-theme="b"] .fl,[data-theme="b"] .res,[data-theme="b"] .w-step,[data-theme="b"] .b-stage{
  border-radius:0;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
[data-theme="b"] .card{background:linear-gradient(180deg,#151020,#0d0b12)}
[data-theme="b"] .card:hover{border-color:rgba(185,140,255,.5);box-shadow:0 0 40px -10px rgba(139,77,255,.6)}
[data-theme="b"] .card .vis{background:radial-gradient(circle at center,rgba(139,77,255,.25) 1.2px,transparent 1.7px) 0 0/10px 10px,radial-gradient(70% 60% at 50% 55%,var(--tint),transparent 70%)}
[data-theme="b"] .card .tag{background:var(--red);color:#fff;border-radius:0;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
[data-theme="b"] .card .tag.new{background:var(--vio);color:#fff}
[data-theme="b"] .chip{border-radius:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border-color:rgba(185,140,255,.35)}
[data-theme="b"] .chip.on{background:linear-gradient(180deg,#f3cf7c,#b8893c);color:#140d04}
[data-theme="b"] .add{border-radius:0;border-color:var(--vio2);color:var(--vio2)}
[data-theme="b"] .add:hover,[data-theme="b"] .add.done{background:var(--vio);color:#fff;border-color:var(--vio)}
[data-theme="b"] .kicker{color:var(--vio2)}
[data-theme="b"] .kicker .idx{color:var(--red);border-right-color:rgba(227,32,58,.5)}
[data-theme="b"] .kicker .line{background:var(--red)}
[data-theme="b"] .price-pill{border-radius:0;border-color:rgba(185,140,255,.4)}
[data-theme="b"] .price-pill i{background:var(--red);box-shadow:0 0 10px var(--red)}
[data-theme="b"] .q-opt{border-radius:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
[data-theme="b"] .q-opt:hover{border-color:var(--vio2);background:#1d1528}
[data-theme="b"] .q-bar i{background:linear-gradient(90deg,var(--vio),var(--gold2))}
[data-theme="b"] .glow-border::before{background:conic-gradient(from var(--ang),transparent 0deg,rgba(185,140,255,.95) 40deg,transparent 90deg,transparent 180deg,rgba(226,184,92,.75) 230deg,transparent 280deg)}

/* шевроны вместо меандра */
[data-theme="b"] .orn{background-image:url(../img/chevron.svg);opacity:.7}
[data-theme="b"] .mq-track span::after{background:var(--red);transform:none;clip-path:polygon(0 0,60% 50%,0 100%,40% 50%);width:14px}
[data-theme="b"] .mq-track.rev{-webkit-text-stroke:1px rgba(185,140,255,.55)}
[data-theme="b"] .stats b,[data-theme="b"] .b-total b{background:linear-gradient(180deg,#fff0c4,#e2b85c 45%,#9c7a36);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme="b"] .story-prog i{background:var(--vio2)}
[data-theme="b"] .callouts .co{border-radius:0;border-color:rgba(185,140,255,.45);background:rgba(16,11,24,.78)}
[data-theme="b"] .callouts .co b{color:var(--vio2)}
[data-theme="b"] .callouts .co i{background:linear-gradient(90deg,var(--vio2),transparent)}
[data-theme="b"] .demo-bar{background:linear-gradient(90deg,#1a0f2b,#3a1d63,#1a0f2b)}
[data-theme="b"] .badge{background:var(--red);color:#fff}
[data-theme="b"] .cursor{border-color:rgba(185,140,255,.7)}
[data-theme="b"] .cursor i{background:var(--red)}
[data-theme="b"] .lang button.on{background:var(--vio);color:#fff}
[data-theme="b"] .wheel-wrap .hub{background:radial-gradient(circle at 35% 30%,#fff0c4,#c99a44 60%,#7a5420)}

/* переключатель вариантов в демо-ленте */
.theme-sw{display:inline-flex;gap:4px;margin-left:12px;vertical-align:middle}
.theme-sw button{position:static!important;transform:none!important;width:auto!important;height:auto!important;padding:2px 10px;border:1px solid currentColor;border-radius:999px;font-size:11.5px;font-weight:800;color:inherit;opacity:.6}
.theme-sw button.on{opacity:1;background:rgba(255,255,255,.12)}

[data-theme="b"] .story,[data-theme="b"] .story-pin{background:var(--bg)}
[data-theme="b"] .b-stage{background:#0b0910}
[data-theme="b"] .story-vignette{background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(7,6,10,.75) 100%),linear-gradient(180deg,rgba(7,6,10,.85),transparent 22%,transparent 60%,rgba(7,6,10,.95))}
[data-theme="b"] .hero::after{background:linear-gradient(180deg,transparent,rgba(7,6,10,.85) 45%,var(--bg))}
@media(min-width:960px){[data-theme="b"] .hero::after{background:linear-gradient(90deg,var(--bg) 34%,rgba(7,6,10,.55) 62%,transparent)}}