:root{
  --bg:#040001; --bg2:#0d0103; --card:#130306; --card2:#1c0409; --line:#3b0b10;
  --red:#8b0d12; --red2:#c41e1a; --blood:#430005; --ember:#d4372a; --gold:#9c9b9b; --gold2:#e4e4e4; --cream:#f2f2f2;
  --fg:#ebe6e6; --muted:#a19697; --radius:12px;
  --hatch:repeating-linear-gradient(135deg,rgba(0,0,0,.42) 0 1px,transparent 1px 4px);
}
*{box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background-color:#030001;color:var(--fg);font:16px/1.6 Inter,"Segoe UI",system-ui,sans-serif;overflow-x:hidden;
  background-image:var(--hatch),
    radial-gradient(1000px 560px at 50% 6%,rgba(90,4,10,.42),transparent 62%),
    radial-gradient(700px 420px at 88% 28%,rgba(110,16,12,.16),transparent 60%),
    radial-gradient(900px 600px at 0% 70%,rgba(45,0,4,.45),transparent 65%),
    radial-gradient(900px 600px at 100% 95%,rgba(45,0,4,.38),transparent 65%);
  background-attachment:fixed}
a{color:var(--gold2)}
code{font-family:"JetBrains Mono",Consolas,monospace;font-size:.88em;background:#24060a;border:1px solid var(--line);padding:1px 6px;border-radius:6px;color:var(--cream);overflow-wrap:anywhere}
#embers{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
header,section,footer{position:relative;z-index:1}

/* nav */
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(16px,4vw);
  background:linear-gradient(180deg,rgba(4,0,1,.95),rgba(4,0,1,.75));backdrop-filter:blur(8px);border-bottom:1px solid rgba(205,205,205,.18)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cream);font:700 20px Cinzel,serif;letter-spacing:.06em}
.brand img{width:34px;height:34px;filter:drop-shadow(0 0 8px rgba(196,30,26,.6))}
.links{display:flex;gap:6px}
.links a{color:var(--fg);text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;border-radius:999px;transition:.2s}
.links a:hover{background:rgba(139,13,18,.18);color:#fff}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red2);margin-left:6px;box-shadow:0 0 0 0 rgba(196,30,26,.7);animation:ping 1.6s infinite;vertical-align:middle}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(196,30,26,.7)}100%{box-shadow:0 0 0 10px rgba(196,30,26,0)}}
.dot[hidden]{display:none}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.burger span{display:block;width:24px;height:2px;background:var(--cream);margin:5px 0;border-radius:2px}

/* hero */
.hero:before{content:"";position:absolute;left:0;right:0;top:12%;bottom:4%;z-index:-1;pointer-events:none;
  background:var(--hatch),
    radial-gradient(60% 70% at 78% 18%,rgba(150,24,16,.32),transparent 60%),
    radial-gradient(70% 90% at 30% 60%,rgba(60,6,9,.6),transparent 70%),
    linear-gradient(180deg,#0a0002,#2a0003 45%,#170105 75%,#030001);
  -webkit-mask:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  -webkit-mask-composite:source-in;mask:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent);opacity:.95}
.hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:40px 16px 70px;min-height:86vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sigil{position:relative;width:min(560px,92vw);aspect-ratio:800/578;margin-bottom:4px}
.sigil .float{position:absolute;inset:0;animation:rise 1.6s cubic-bezier(.2,.8,.2,1) both,breathe 6s ease-in-out 1.6s infinite}
.sigil .emb{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.sigil .emb:first-child{filter:drop-shadow(0 18px 26px rgba(0,0,0,.9)) contrast(1.12) saturate(1.15) brightness(1.08)}
.sigil .eyes{mix-blend-mode:screen;opacity:.35;animation:eyes 3.2s ease-in-out 1.4s infinite;filter:drop-shadow(0 0 6px #ff3b1a)}
.sigil .rays{position:absolute;left:50%;top:52%;width:105%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(139,13,18,.30),rgba(120,16,8,.14) 38%,transparent 64%);animation:pulse 5s ease-in-out infinite}
@keyframes rise{from{opacity:0;transform:translateY(40px) scale(.92);filter:blur(6px) brightness(.4)}to{opacity:1;transform:none;filter:none}}
@keyframes breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes eyes{0%,100%{opacity:.35}45%,60%{opacity:1}}
@keyframes pulse{0%,100%{opacity:.75;transform:translate(-50%,-50%) scale(.97)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.03)}}

/* forged-gold title */
.title{position:relative;margin:0;font:700 clamp(56px,11.5vw,132px)/1.02 Cinzel,serif;letter-spacing:.06em;padding:0 .04em;
  color:transparent;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    linear-gradient(180deg,#ffffff 0%,#f1f1f1 20%,#cfcfcf 40%,#8d8d8d 50%,#5d5d5d 53%,#9e9e9e 64%,#dcdcdc 82%,#f7f7f7 100%);
  background-size:180px 180px,100% 100%;background-blend-mode:overlay,normal;
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 0 1px rgba(0,0,0,.9)) drop-shadow(0 1px 0 rgba(255,255,255,.3)) drop-shadow(0 3px 0 #1a0003) drop-shadow(0 12px 18px rgba(0,0,0,.95))
         drop-shadow(0 0 28px rgba(196,30,26,.45));
  animation:titlein 1.4s cubic-bezier(.2,.8,.2,1) .3s both}
.title:after{content:attr(data-text);position:absolute;inset:0;padding:inherit;pointer-events:none;-webkit-text-stroke:0;
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,240,.85) 50%,transparent 58%);background-size:260% 100%;background-repeat:no-repeat;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 7s ease-in-out 2s infinite}
@keyframes shine{0%{background-position:130% 0}35%,100%{background-position:-30% 0}}
@keyframes titlein{from{opacity:0;letter-spacing:.2em;filter:blur(8px)}to{opacity:1}}
.divider{display:flex;align-items:center;gap:10px;margin:14px 0 0}
.divider i{width:clamp(50px,12vw,120px);height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.divider i:last-child{transform:scaleX(-1)}
.divider b{width:9px;height:9px;transform:rotate(45deg);background:var(--red2);box-shadow:0 0 12px var(--red2),0 0 0 2px #1a0003,0 0 0 3px #cfcfcf}
.tag{margin:12px 0 26px;color:var(--muted);font-size:clamp(14px,2.4vw,18px);letter-spacing:.06em}
.cta,.row-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.row-btns{margin-top:22px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:12px;font:800 14px Inter;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .15s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn.red{background:linear-gradient(180deg,#a3121a,#4a0307);color:#fff;border-color:#b4433d;box-shadow:0 8px 30px rgba(139,13,18,.45),inset 0 1px 0 rgba(255,255,255,.25)}
.btn.red:hover{box-shadow:0 10px 40px rgba(196,30,26,.6)}
.btn.gold{background:linear-gradient(180deg,#fafafa,#bdbdbd 48%,#8c8c8c 52%,#d6d6d6);color:#160206;border-color:#ffffff;box-shadow:0 8px 30px rgba(0,0,0,.6),0 0 22px rgba(196,30,26,.35)}
.btn.ghost{background:rgba(19,3,6,.7);color:var(--cream);border-color:rgba(205,205,205,.45)}
.btn.ghost:hover{border-color:var(--gold2);background:rgba(205,205,205,.1)}
.btn.sm{padding:8px 14px;font-size:12px;border-radius:10px}

/* sections */
.sec{max-width:1240px;margin:0 auto;padding:80px max(16px,3vw)}
.head{text-align:center;margin-bottom:34px}
.lbl{display:inline-block;color:#d23a2e;font:700 12px Inter;letter-spacing:.3em;text-transform:uppercase}
.head h2{margin:6px 0 6px;font:700 clamp(30px,5vw,46px)/1.15 Cinzel,serif;color:#ececec;background:linear-gradient(180deg,#fff,#cfcfcf 45%,#8e8e8e 55%,#e6e6e6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 18px rgba(196,30,26,.45))}
.head h2:after{content:"";display:block;width:140px;height:1px;margin:14px auto 0;background:linear-gradient(90deg,transparent,#cfcfcf,transparent)}
.sub{margin:0 auto;max-width:640px;color:var(--muted)}
.h3{font:700 22px Cinzel,serif;color:var(--gold2);margin:34px 0 14px;letter-spacing:.04em;text-align:center}
.frame{background:var(--hatch),var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:0 0 0 1px rgba(205,205,205,.12),0 20px 50px rgba(0,0,0,.55),inset 0 0 40px rgba(139,13,18,.08)}

/* live */
.pill{display:inline-block;vertical-align:middle;margin-left:8px;padding:5px 14px;border-radius:999px;font:800 13px Inter;letter-spacing:.14em;text-transform:uppercase;
  background:#1a0306;color:#e6dede;border:1px solid #6b1a1e}
.head h2 .pill{-webkit-text-fill-color:currentColor;background-clip:border-box;-webkit-background-clip:border-box;font-family:Inter,sans-serif;position:relative;top:-6px}
.pill.on{background:var(--red);color:#fff;border-color:#b4433d;box-shadow:0 0 18px rgba(196,30,26,.6)}
.live{display:grid;grid-template-columns:1fr 340px;gap:16px}
.player{aspect-ratio:16/9}
.player>div,.player iframe{width:100%;height:100%;display:block}
.frame{background-color:#0a0102}
.noembed{height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;color:#e6dede}
.noembed b{font:700 26px Cinzel,serif;color:#f2f2f2}
.noembed span{color:var(--muted);max-width:420px}
.chat iframe{width:100%;height:100%;min-height:420px;border:0;display:block}

/* videos */
.vfilter,.mfilter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:22px}
.chip{padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--fg);font:700 13px Inter;cursor:pointer;transition:.2s}
.chip:hover{border-color:var(--gold)}
.chip.on{background:linear-gradient(180deg,#a3121a,#4a0307);border-color:#b4433d;color:#fff}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.vcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;text-align:left;color:inherit;padding:0;font:inherit;
  transition:transform .2s,box-shadow .2s,border-color .2s}
.vcard:hover{transform:translateY(-4px);border-color:rgba(210,60,52,.7);box-shadow:0 16px 40px rgba(139,13,18,.3)}
.vthumb{position:relative;aspect-ratio:16/9;background:#000}
.vthumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.vcard:hover .vthumb img{transform:scale(1.05)}
.vthumb:after{content:"▶";position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px;border-radius:50%;display:grid;place-items:center;
  background:rgba(139,13,18,.9);color:#fff;font-size:20px;box-shadow:0 0 30px rgba(196,30,26,.7);opacity:0;transform:scale(.7);transition:.25s}
.vcard:hover .vthumb:after{opacity:1;transform:none}
.vbody{padding:12px 14px 14px}
.vtitle{font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vmeta{margin-top:6px;color:var(--muted);font-size:13px}
.vcard.feat{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr}
.vcard.feat .vbody{padding:28px;display:flex;flex-direction:column;justify-content:center}
.vcard.feat .vtitle{font:700 26px/1.25 Cinzel,serif;color:var(--cream);-webkit-line-clamp:3}
.vcard.feat .lbl{margin-bottom:8px}
.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px;border:1px dashed var(--line);border-radius:var(--radius)}

/* addons */
.addons{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,420px));gap:18px;justify-content:center}
.addon{background:var(--hatch),linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:relative;overflow:hidden}
.addon:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--red2),#cfcfcf,var(--red2),transparent)}
.addon h4{margin:0;font:700 22px Cinzel,serif;color:var(--cream)}
.badges{display:flex;gap:6px;margin:8px 0 10px;flex-wrap:wrap}
.badge{font:700 11px Inter;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:#24060a;border:1px solid var(--line);color:var(--gold2)}
.addon p{margin:0 0 10px;color:#d9cfcf}
.addon ul{margin:0 0 12px;padding-left:18px;color:var(--muted)}
.addon .cmd{font:12px "JetBrains Mono",monospace;color:var(--muted);margin-bottom:14px}
.howto{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}
.howto summary{cursor:pointer;font-weight:700;color:var(--gold2)}
.howto ol{margin:10px 0 0;color:#d9cfcf}

/* macros */
.macros{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.macro{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column}
.macro .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.macro h5{margin:0;font-size:16px;color:var(--cream)}
.macro .cls{font:700 11px Inter;letter-spacing:.1em;text-transform:uppercase;color:var(--c,var(--gold2))}
.macro .note{color:var(--muted);font-size:13px;margin:4px 0 10px}
.macro pre{margin:0 0 12px;flex:1;background:#080102;border:1px solid #2c070b;border-radius:10px;padding:12px;font:13px/1.55 "JetBrains Mono",monospace;
  color:#f0dede;white-space:pre-wrap;word-break:break-word}
.macro .btn{align-self:flex-start}
.hint{text-align:center;color:var(--muted);margin-top:18px;font-size:14px}

/* shop */
.shop{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,320px));gap:20px;justify-content:center}
.prod{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;
  transition:transform .2s,box-shadow .2s,border-color .2s}
.prod:hover{transform:translateY(-5px);border-color:rgba(205,205,205,.7);box-shadow:0 18px 44px rgba(205,205,205,.2)}
.prod .pimg{aspect-ratio:4/3;background:#000;overflow:hidden}
.prod img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.prod:hover img{transform:scale(1.06)}
.prod .pb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.prod .pt{font:700 18px Cinzel,serif;color:var(--cream)}
.prod .pp{color:var(--gold2);font-weight:800}
.prod .go{margin-top:auto;padding-top:10px;color:var(--ember);font:800 12px Inter;letter-spacing:.12em;text-transform:uppercase}

/* footer, modal, toast */
.foot{text-align:center;padding:50px 16px 40px;border-top:1px solid rgba(205,205,205,.15);color:var(--muted);font-size:13px}
.socials{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.modal{position:fixed;inset:0;z-index:50;background:rgba(5,2,2,.88);display:grid;place-items:center;padding:16px;backdrop-filter:blur(4px)}
.modal[hidden]{display:none}
.mbox{position:relative;width:min(1100px,100%);border-radius:var(--radius);overflow:hidden;border:1px solid var(--gold);box-shadow:0 0 60px rgba(139,13,18,.5)}
.mvid{aspect-ratio:16/9;background:#000}
.mvid iframe{width:100%;height:100%;border:0;display:block}
.x{position:absolute;right:10px;top:10px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--gold);background:rgba(4,0,1,.8);color:var(--cream);cursor:pointer;font-size:16px}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);opacity:0;z-index:60;background:var(--card2);border:1px solid var(--gold);color:var(--cream);
  padding:10px 18px;border-radius:12px;font-weight:700;transition:.3s;pointer-events:none}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* reveal on scroll */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}

@media (max-width:900px){
  .live{grid-template-columns:1fr}
  .chat iframe{min-height:360px}
  .vcard.feat{grid-template-columns:1fr}
  .vcard.feat .vtitle{font-size:20px}
}
@media (max-width:720px){
  .burger{display:block}
  .links{position:absolute;left:0;right:0;top:100%;flex-direction:column;padding:10px 16px 16px;background:rgba(4,0,1,.97);border-bottom:1px solid var(--line);display:none}
  .links.open{display:flex}
  .addons,.macros{grid-template-columns:1fr}
  .sec{padding:60px 16px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.tbu{max-width:560px;margin:0 auto;text-align:center;padding:46px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--hatch),linear-gradient(180deg,var(--card2),var(--card));font:700 28px Cinzel,serif;color:#e6e6e6;letter-spacing:.06em}