/* =====================================================================
   1. NOIR — стриминг: герой на весь экран, ленты-карусели, карточки растут
   ===================================================================== */
[data-template="noir"]{
  --bg:#0a0a0a;--surface:#161616;--fg:#fff;--fg-soft:#e6e6e6;--muted:#9a9a9a;--line:#ffffff17;
  --accent:#e50914;--on-accent:#fff;--accent-soft:color-mix(in srgb,var(--accent) 14%,transparent);
  --glass:#ffffff22;--nav-bg:#0a0a0ae6;--bubble:#262626;
  --font-body:Inter,system-ui,sans-serif;--font-display:"Bebas Neue",Impact,sans-serif;--font-logo:"Bebas Neue",sans-serif;--font-h2:Inter,sans-serif;
  --logo-size:30px;--logo-ls:.06em;--h1-ls:.01em;--h2-size:18px;
  --r-btn:6px;--r-card:6px;--r-modal:14px;--gap:8px;--card-w:42vw;--card-ar:2/3;
}
[data-template="noir"] .hero{position:relative;min-height:88svh;display:flex;align-items:flex-end;overflow:hidden}
[data-template="noir"] .hero-bg{position:absolute;inset:0}
[data-template="noir"] .hero-bg img{width:100%;height:100%;object-fit:cover;animation:kb 22s ease-out forwards}
@keyframes kb{from{transform:scale(1.15)}to{transform:scale(1)}}
[data-template="noir"] .hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0a0a0a 2%,#0a0a0acc 30%,transparent 70%),linear-gradient(90deg,#0a0a0a99,transparent 60%)}
[data-template="noir"] .hero-body{position:relative;padding:0 16px 40px;max-width:720px}
[data-template="noir"] .hero h1{font-family:var(--font-display);font-size:clamp(68px,20vw,150px);line-height:.86;margin:16px 0 14px}
[data-template="noir"] .hero p{color:var(--fg-soft);font-size:16px;margin-bottom:22px;max-width:480px}
[data-template="noir"] .content{margin-top:-6px}
@media (min-width:600px){[data-template="noir"]{--card-w:200px}}
@media (min-width:860px){
  [data-template="noir"]{--card-w:min(17vw,250px);--card-ar:16/9}
  [data-template="noir"] .hero-body{padding:0 4vw 13vh}
  [data-template="noir"] .content{margin-top:-80px}
  [data-template="noir"] .rail{overflow-y:visible}
  [data-template="noir"] .rail .card img{object-position:center 80%}
}
@media (hover:hover) and (min-width:860px){
  [data-template="noir"] .rail .card:hover{transform:scale(1.22);z-index:5;box-shadow:0 22px 50px #000}
  [data-template="noir"] .rail .card:first-child:hover{transform-origin:left}
}
@media (min-width:860px){
  [data-template="noir"] .modal{transform:scale(.7);transition:transform .45s cubic-bezier(.2,.95,.3,1.08),opacity .25s}
  [data-template="noir"] .modal-root.open .modal{transform:none}
}

/* =====================================================================
   2. VELVET — журнал/люкс: раздельный герой с портретом, сетка с номерами, шторка справа
   ===================================================================== */
[data-template="velvet"]{
  --bg:#130b0d;--surface:#1e1316;--fg:#f7eee5;--fg-soft:#eadcce;--muted:#b09886;--line:#d6b07a33;
  --accent:#d6b07a;--on-accent:#1b100b;--accent-soft:color-mix(in srgb,var(--accent) 12%,transparent);
  --glass:#f7eee514;--nav-bg:#130b0de6;--bubble:#2d1d21;
  --font-body:Inter,system-ui,sans-serif;--font-display:"Playfair Display",Georgia,serif;--font-logo:"Playfair Display",serif;--font-h2:"Playfair Display",serif;
  --logo-size:26px;--h1-ls:-.01em;--h2-size:28px;--h2-weight:500;
  --r-btn:0;--r-card:2px;--r-modal:4px;--gap:12px;
}
[data-template="velvet"] .logo{font-style:italic}
[data-template="velvet"] .btn{text-transform:uppercase;letter-spacing:.16em;font-size:12px}
[data-template="velvet"] .btn-ghost{background:transparent;border:1px solid var(--accent);color:var(--accent)}
[data-template="velvet"] .hero{display:grid;gap:28px;padding:calc(84px + env(safe-area-inset-top)) 16px 50px}
[data-template="velvet"] .hero h1{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(52px,14vw,120px);line-height:.95;margin-bottom:16px}
[data-template="velvet"] .hero p{color:var(--fg-soft);font-size:17px;max-width:440px;margin-bottom:26px;font-family:var(--font-display)}
[data-template="velvet"] .hero-portrait{position:relative;order:-1;margin:0 auto;width:min(78vw,420px)}
[data-template="velvet"] .hero-portrait::before{content:"";position:absolute;inset:-12px 12px 12px -12px;border:1px solid var(--accent);z-index:0}
[data-template="velvet"] .hero-portrait img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;filter:sepia(.15) contrast(1.05)}
[data-template="velvet"] .hero-portrait figcaption{position:relative;margin-top:12px;font-family:var(--font-display);font-style:italic;color:var(--muted);text-align:right}
[data-template="velvet"] .row h2::after,[data-template="velvet"] .block h2::after{content:"";flex:1;height:1px;background:var(--line)}
[data-template="velvet"] .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 12px;padding:0 16px}
[data-template="velvet"] .grid .card{aspect-ratio:2/3;overflow:visible;background:none}
[data-template="velvet"] .grid .card img{border-radius:2px}
[data-template="velvet"] .grid .card-meta{position:static;background:none;padding:10px 0 0}
[data-template="velvet"] .grid .card-meta b{font-family:var(--font-display);font-size:17px;font-weight:500}
[data-template="velvet"] .grid .num{position:absolute;top:8px;left:8px;font-family:var(--font-display);font-style:italic;font-size:32px;color:#fff;text-shadow:0 2px 12px #0009;z-index:2}
[data-template="velvet"] .how li span{border-radius:0;background:none;border:1px solid var(--accent);font-family:var(--font-display);font-style:italic}
[data-template="velvet"] .about img{border-radius:0;border-width:1px}
[data-template="velvet"] .link-list a{border-radius:0;background:transparent}
[data-template="velvet"] .link-list .ic{border-radius:0;background:none;border:1px solid var(--accent)}
@media (min-width:860px){
  [data-template="velvet"] .hero{grid-template-columns:1.1fr .9fr;align-items:center;min-height:100svh;padding:100px 6vw 60px}
  [data-template="velvet"] .hero-portrait{order:0;width:100%;max-width:440px}
  [data-template="velvet"] .grid{grid-template-columns:repeat(4,1fr);gap:40px 24px;padding:0 4vw}
  [data-template="velvet"] .modal-root{justify-content:flex-end;align-items:stretch}
  [data-template="velvet"] .modal{width:min(540px,100vw);max-height:none;height:100dvh;border-radius:0;opacity:1;transform:translateX(100%);transition:transform .65s cubic-bezier(.7,0,.2,1)}
  [data-template="velvet"] .modal-root.open .modal{transform:none}
  [data-template="velvet"] .plans{grid-template-columns:1fr}
  [data-template="velvet"] .plan{display:grid}
  [data-template="velvet"] .plan small{margin:0}
}
@media (hover:hover){[data-template="velvet"] .grid .card:hover{transform:translateY(-8px)}}

/* =====================================================================
   3. NEON — клубный: герой по центру с кольцом-аватаром, бегущая строка, бенто-сетка
   ===================================================================== */
[data-template="neon"]{
  --bg:#06050d;--surface:#110f20;--fg:#f4f1ff;--fg-soft:#d9d3ff;--muted:#8a83b5;--line:#7c5cff33;
  --accent:#ff2e88;--on-accent:#fff;--accent-soft:color-mix(in srgb,var(--accent) 14%,transparent);--accent2:#00e5ff;
  --glass:#ffffff12;--nav-bg:#06050dd9;--bubble:#1f1a3d;
  --btn-bg:linear-gradient(95deg,var(--accent),#9b5cff);--btn-shadow:0 0 28px color-mix(in srgb,var(--accent) 50%,transparent);
  --font-body:"Space Grotesk",system-ui,sans-serif;--font-display:"Space Grotesk",sans-serif;--font-logo:"Space Grotesk",sans-serif;--font-h2:"Space Grotesk",sans-serif;
  --logo-size:24px;--logo-ls:-.03em;--h1-ls:-.05em;--h2-size:13px;--h2-ls:.18em;--h2-tt:uppercase;--h2-color:var(--accent2);
  --r-btn:14px;--r-card:20px;--r-modal:28px;--gap:12px;
}
[data-template="neon"] .logo{font-weight:700;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-template="neon"] body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 3px)}
[data-template="neon"] .hero{position:relative;text-align:center;padding:calc(92px + env(safe-area-inset-top)) 16px 30px;overflow:hidden}
[data-template="neon"] .orb{position:absolute;width:140vw;max-width:900px;aspect-ratio:1;left:50%;top:-10%;transform:translateX(-50%);background:radial-gradient(circle,color-mix(in srgb,var(--accent) 45%,transparent),transparent 60%),radial-gradient(circle at 70% 60%,#00e5ff40,transparent 50%);filter:blur(40px);animation:orb 9s ease-in-out infinite alternate;pointer-events:none}
@keyframes orb{to{transform:translateX(-46%) scale(1.15) rotate(30deg)}}
[data-template="neon"] .ring{position:relative;width:132px;height:132px;margin:0 auto 22px;border-radius:50%;padding:4px;background:conic-gradient(var(--accent),var(--accent2),#9b5cff,var(--accent));animation:spin 6s linear infinite,rv .9s forwards}
[data-template="neon"] .ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--bg);animation:spin 6s linear infinite reverse}
@keyframes spin{to{rotate:360deg}}
[data-template="neon"] .hero h1{position:relative;font-weight:700;font-size:clamp(56px,16vw,130px);line-height:.88;margin-bottom:16px;background:linear-gradient(100deg,#fff 35%,var(--accent) 65%,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-template="neon"] .hero p{position:relative;color:var(--fg-soft);max-width:440px;margin:0 auto 24px}
[data-template="neon"] .ctas{position:relative;justify-content:center}
[data-template="neon"] .ticker{margin:36px -16px 0;padding:12px 0;border-block:1px solid var(--line);overflow:hidden;white-space:nowrap;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.1em}
[data-template="neon"] .ticker div{display:inline-block;animation:tick 22s linear infinite}
[data-template="neon"] .ticker span{margin:0 18px;color:var(--fg-soft)}
@keyframes tick{to{transform:translateX(-50%)}}
[data-template="neon"] .bento{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}
[data-template="neon"] .bento .card{aspect-ratio:3/4;border:1px solid var(--line)}
[data-template="neon"] .bento .card.big{grid-column:span 2;aspect-ratio:16/10}
[data-template="neon"] .bento .card.big img{object-position:center 80%}
@media (hover:hover){[data-template="neon"] .bento .card:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 0 0 2px var(--accent),0 0 40px color-mix(in srgb,var(--accent) 45%,transparent)}}
[data-template="neon"] .how li,[data-template="neon"] .link-list a{background:linear-gradient(135deg,#ffffff0a,#ffffff03)}
[data-template="neon"] .about img{border:none;padding:3px;background:conic-gradient(var(--accent),var(--accent2),var(--accent))}
[data-template="neon"] .modal-root.open .m-body h3{animation:glitch .5s steps(2) 1}
@keyframes glitch{0%{text-shadow:3px 0 var(--accent),-3px 0 #00e5ff;transform:translateX(2px)}50%{text-shadow:-3px 0 var(--accent),3px 0 #00e5ff;transform:translateX(-2px)}100%{text-shadow:none;transform:none}}
[data-template="neon"] .modal{border:1px solid var(--line)}
@media (min-width:860px){
  [data-template="neon"] .hero{padding-top:130px}
  [data-template="neon"] .ring{width:170px;height:170px}
  [data-template="neon"] .bento{grid-template-columns:repeat(4,1fr);padding:0 4vw;gap:14px}
  [data-template="neon"] .bento .card{aspect-ratio:auto;min-height:280px}
  [data-template="neon"] .bento .card.big{grid-row:span 2;aspect-ratio:auto}
  [data-template="neon"] .modal-root{align-items:flex-end}
  [data-template="neon"] .modal{width:min(760px,100vw);border-radius:var(--r-modal) var(--r-modal) 0 0;transform:translateY(100%);opacity:1;transition:transform .6s cubic-bezier(.3,1.35,.4,1)}
  [data-template="neon"] .modal-root.open .modal{transform:none}
}

/* =====================================================================
   4. AURA — светлый, как профиль в соцсети: обложка, аватар, «истории», лента
   ===================================================================== */
[data-template="aura"]{
  --bg:#fbf7fb;--surface:#ffffff;--fg:#2a1d2e;--fg-soft:#4a3a4f;--muted:#8e7f95;--line:#2a1d2e14;
  --accent:#e0568f;--on-accent:#fff;--accent-soft:color-mix(in srgb,var(--accent) 10%,transparent);
  --glass:#ffffffb3;--nav-bg:#fbf7fbe6;--bubble:#f1e8f3;--scheme:light;
  --btn-bg:linear-gradient(135deg,var(--accent),#b06cff);--btn-shadow:0 8px 22px color-mix(in srgb,var(--accent) 30%,transparent);
  --font-body:Nunito,system-ui,sans-serif;--font-display:"DM Serif Display",Georgia,serif;--font-logo:"DM Serif Display",serif;--font-h2:Nunito,sans-serif;
  --logo-size:24px;--h2-size:19px;--h2-weight:800;
  --r-btn:999px;--r-card:24px;--r-modal:30px;--gap:12px;
}
[data-template="aura"] .modal-backdrop{background:#2a1d2e66}
[data-template="aura"] .modal::before{background:#2a1d2e33}
[data-template="aura"] .m-close{background:#ffffffcc;color:var(--fg)}
[data-template="aura"] .card-meta{color:#fff}
[data-template="aura"] .hero{padding-top:calc(60px + env(safe-area-inset-top))}
[data-template="aura"] .cover{height:190px;margin:0 10px;border-radius:28px;overflow:hidden}
[data-template="aura"] .cover img{width:100%;height:100%;object-fit:cover;object-position:center 70%}
[data-template="aura"] .profile{text-align:center;padding:0 16px;margin-top:-58px}
[data-template="aura"] .ava{width:116px;height:116px;border-radius:50%;object-fit:cover;margin:0 auto 12px;border:5px solid var(--bg);box-shadow:0 10px 30px #e0568f40}
[data-template="aura"] .profile h1{font-family:var(--font-display);font-size:40px;line-height:1.05;font-weight:400}
[data-template="aura"] .profile p{color:var(--fg-soft);max-width:420px;margin:6px auto 16px}
[data-template="aura"] .stats{display:flex;justify-content:center;gap:28px;margin-bottom:18px}
[data-template="aura"] .stats span{font-size:12px;color:var(--muted)}
[data-template="aura"] .stats b{display:block;font-size:20px;color:var(--fg);font-weight:800}
[data-template="aura"] .ctas{justify-content:center}
[data-template="aura"] .stories{display:flex;gap:16px;overflow-x:auto;padding:24px 16px 18px;scrollbar-width:none}
[data-template="aura"] .stories::-webkit-scrollbar{display:none}
[data-template="aura"] .stories button{flex:none;width:76px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--fg-soft)}
[data-template="aura"] .stories img{width:70px;height:70px;border-radius:50%;object-fit:cover;padding:3px;background:var(--bg);box-shadow:0 0 0 2.5px var(--accent);transition:transform .2s}
[data-template="aura"] .stories button:active img{transform:scale(.9)}
[data-template="aura"] .stories span{width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-template="aura"] .clear{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:12px}
[data-template="aura"] .feed{display:grid;gap:14px;padding:0 16px}
[data-template="aura"] .feed .card{aspect-ratio:4/3;box-shadow:0 12px 30px #2a1d2e1a}
[data-template="aura"] .feed .card img{object-position:center 80%}
[data-template="aura"] .feed .card-meta{padding:50px 18px 16px}
[data-template="aura"] .feed .card-meta b{font-family:var(--font-display);font-size:24px;font-weight:400}
[data-template="aura"] .how li,[data-template="aura"] .link-list a,[data-template="aura"] .panel,[data-template="aura"] .sess{border:0;box-shadow:0 6px 24px #2a1d2e0f}
[data-template="aura"] .chat{background:#fff}
[data-template="aura"] .toast{background:var(--fg);color:#fff}
@media (min-width:860px){
  [data-template="aura"] .hero{max-width:1100px;margin:0 auto;padding-top:90px}
  [data-template="aura"] .cover{height:300px}
  [data-template="aura"] .stories{justify-content:center}
  [data-template="aura"] .feed{grid-template-columns:repeat(3,1fr);padding:0 4vw;max-width:1200px;margin:0 auto}
  [data-template="aura"] .content{max-width:1200px;margin:0 auto}
}

/* =====================================================================
   5. MARQUEE — ретро-кинотеатр: вывеска с лампочками, фильмы как билеты
   ===================================================================== */
[data-template="marquee"]{
  --bg:#1a0f0a;--surface:#2a1912;--fg:#fbefd9;--fg-soft:#f0dcc0;--muted:#b8987a;--line:#f6c35a2e;
  --accent:#f6c35a;--on-accent:#2a1307;--accent-soft:color-mix(in srgb,var(--accent) 13%,transparent);--red:#c8372d;
  --glass:#fbefd914;--nav-bg:#1a0f0ae6;--bubble:#3a241a;
  --font-body:"Courier Prime",ui-monospace,monospace;--font-display:Limelight,"Playfair Display",serif;--font-logo:Limelight,serif;--font-h2:Limelight,serif;
  --logo-size:24px;--h2-size:26px;--h2-weight:400;
  --r-btn:4px;--r-card:6px;--r-modal:8px;--gap:12px;
}
[data-template="marquee"] body{background:radial-gradient(ellipse at top,#3a1d12,transparent 60%),var(--bg)}
[data-template="marquee"] .hero{position:relative;margin:calc(76px + env(safe-area-inset-top)) 12px 34px;padding:44px 18px;text-align:center;border:3px solid var(--accent);border-radius:14px;background:linear-gradient(180deg,#5a1f17,#2a1210);box-shadow:0 0 0 6px #2a1912,0 0 0 8px var(--accent),0 0 60px #f6c35a33}
[data-template="marquee"] .bulbs{position:absolute;left:10px;right:10px;top:10px;height:10px;background:radial-gradient(circle,#fff6c9 0 3px,#f6c35a 4px,transparent 5px) 0 0/22px 10px repeat-x;animation:bulbs 1s steps(2) infinite}
[data-template="marquee"] .bulbs.bottom{top:auto;bottom:10px;animation-delay:.5s}
@keyframes bulbs{50%{filter:brightness(.45)}}
[data-template="marquee"] .eyebrow{color:var(--accent);font-family:var(--font-body);font-weight:700}
[data-template="marquee"] .hero h1{font-family:var(--font-display);font-weight:400;font-size:clamp(50px,14vw,120px);line-height:.95;color:var(--accent);text-shadow:0 0 18px #f6c35a88,0 3px 0 #8a4a10;margin-bottom:16px}
[data-template="marquee"] .hero p{color:var(--fg-soft);max-width:460px;margin:0 auto 18px}
[data-template="marquee"] .host{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;font-weight:700}
[data-template="marquee"] .host img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}
[data-template="marquee"] .ctas{justify-content:center}
[data-template="marquee"] .btn{text-transform:uppercase;letter-spacing:.08em}
[data-template="marquee"] .btn-primary{box-shadow:0 4px 0 #a67618}
[data-template="marquee"] .btn-primary:active{transform:translateY(3px);box-shadow:0 1px 0 #a67618}
[data-template="marquee"] .tickets{display:grid;gap:14px;padding:0 12px}
[data-template="marquee"] .ticket{position:relative;display:grid;grid-template-columns:76px 1fr auto;align-items:center;text-align:left;min-height:110px;background:var(--fg);color:#2a1307;border-radius:8px;overflow:hidden;transition:transform .25s;-webkit-mask:radial-gradient(circle 10px at calc(100% - 92px) 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 10px at calc(100% - 92px) 100%,#0000 98%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 10px at calc(100% - 92px) 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 10px at calc(100% - 92px) 100%,#0000 98%,#000) bottom/100% 51% no-repeat}
[data-template="marquee"] .ticket img{width:76px;height:100%;object-fit:cover}
[data-template="marquee"] .t-body{padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
[data-template="marquee"] .t-body small{font-size:11px;opacity:.6;text-transform:uppercase}
[data-template="marquee"] .t-body b{font-family:var(--font-display);font-weight:400;font-size:21px;line-height:1.1}
[data-template="marquee"] .t-body span{font-size:12px;opacity:.75}
[data-template="marquee"] .t-stub{width:92px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:2px dashed #2a130744;background:var(--red);color:#fbefd9;font-weight:700;font-size:20px}
[data-template="marquee"] .t-stub small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;opacity:.8}
[data-template="marquee"] .ticket:active{transform:rotate(-1deg) scale(.98)}
@media (hover:hover){[data-template="marquee"] .ticket:hover{transform:rotate(-1.2deg) translateY(-3px)}}
[data-template="marquee"] .how li span{border-radius:4px;background:var(--red);color:var(--fg)}
@media (min-width:860px){
  [data-template="marquee"] .hero{max-width:1000px;margin:110px auto 50px;padding:70px 40px}
  [data-template="marquee"] .tickets{grid-template-columns:1fr 1fr;padding:0 4vw;max-width:1200px;margin:0 auto}
  [data-template="marquee"] .content{max-width:1200px;margin:0 auto}
  [data-template="marquee"] .modal{transform:translateY(-40px) rotate(-3deg);transition:transform .55s cubic-bezier(.3,1.5,.5,1),opacity .25s}
  [data-template="marquee"] .modal-root.open .modal{transform:none}
}

/* ===== v2 правки шаблонов ===== */
[data-template="noir"] .hero-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 40%,transparent 30%,#0a0a0a99)}
[data-template="velvet"] .t10 .n{-webkit-text-stroke:1px var(--accent);font-style:italic}
[data-template="velvet"] .featured,[data-template="velvet"] .slot{border-radius:0}
[data-template="neon"] .featured{border:1px solid var(--line)}
[data-template="neon"] .slot b{color:var(--accent2)}
/* neon: свечение без filter:blur (дёшево для видеокарты), сканлайны только на компьютере */
[data-template="neon"] .orb{filter:none;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 38%,transparent),transparent 55%),radial-gradient(circle at 70% 60%,#00e5ff30,transparent 45%);will-change:transform}
@media (max-width:859px){[data-template="neon"] body::after{display:none}}
[data-template="aura"] .feat-bg::after{background:linear-gradient(0deg,var(--bg) 10%,#fbf7fbcc 55%,#fbf7fb33)}
[data-template="aura"] .slot{border:0;box-shadow:0 6px 20px #2a1d2e12}
[data-template="marquee"] .bulbs{animation:bulbsOp 1s steps(2) infinite}
@keyframes bulbsOp{50%{opacity:.45}}
[data-template="marquee"] .slot{background:var(--fg);color:#2a1307;border:0}
[data-template="marquee"] .slot span{color:#2a130799}
[data-template="marquee"] .slot b{color:var(--red)}
