:root{
  --bg:#07060A;--bg2:#0B0908;--panel:#110F15;--panel2:#16141C;--line:#2A2633;--gold-line:#3A2F14;
  --ink:#F4EFE6;--ink2:#E9E1D2;--muted:#C9C2D3;--quiet:#A9A2B4;
  --gold:#F2B544;--gold-hi:#FFE3A1;--gold-mid:#FFD98A;--gold-soft:#E8C98A;
  --grok:#A9C4FF;--gpt:#9FE8C9;
  --display:Cinzel,"Times New Roman",serif;--serif:"Cormorant Garamond",Georgia,serif;
  --sans:Inter,system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:var(--gold)}a:hover{color:#FFD27A}
img,canvas{max-width:100%}
button,input,select,textarea{font:inherit}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@keyframes flicker{0%,100%{transform:scaleY(1) skewX(0)}25%{transform:scaleY(1.08) skewX(-3deg)}50%{transform:scaleY(.94) skewX(2deg)}75%{transform:scaleY(1.05) skewX(-1deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinrev{to{transform:rotate(-360deg)}}
@keyframes rise{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-520px);opacity:0}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes breathe{0%,100%{opacity:.55}50%{opacity:.9}}
.flame{transform-origin:50% 100%;animation:flicker 1.6s ease-in-out infinite}
.flame-slow{transform-origin:50% 100%;animation:flicker 2.3s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
@media (max-width:600px){.wrap{padding:0 16px}}

/* header */
.top{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;padding-top:22px;padding-bottom:22px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand span{font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:.14em}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:22px;font-size:14px;letter-spacing:.04em}
.nav a{color:var(--muted);text-decoration:none}
.nav a:hover{color:var(--ink)}
.pill{padding:11px 20px;border:1px solid rgba(242,181,68,.6);border-radius:999px;color:var(--gold-hi)!important;font-weight:600;background:rgba(242,181,68,.08)}
@media (max-width:720px){.nav a:not(.pill){display:none}}

/* hero */
.hero{position:relative;margin-top:-80px;padding:170px 16px 80px;text-align:center;overflow:hidden}
.rays{position:absolute;left:50%;top:42%;width:1800px;height:1800px;margin:-900px 0 0 -900px;background:repeating-conic-gradient(from 0deg,rgba(242,181,68,.10) 0deg 4deg,rgba(242,181,68,0) 4deg 15deg);-webkit-mask-image:radial-gradient(circle,#000 0,#000 18%,transparent 58%);mask-image:radial-gradient(circle,#000 0,#000 18%,transparent 58%);animation:spin 140s linear infinite}
.glow{position:absolute;left:50%;top:40%;width:1100px;height:800px;margin:-400px 0 0 -550px;background:radial-gradient(ellipse at center,rgba(242,181,68,.30) 0%,rgba(201,110,30,.12) 35%,rgba(7,6,10,0) 70%);animation:breathe 4s ease-in-out infinite}
.halo{position:absolute;left:50%;top:40%;opacity:.55;animation:spin 90s linear infinite}
.halo.one{width:760px;height:760px;margin:-380px 0 0 -380px}
.halo.two{width:560px;height:560px;margin:-280px 0 0 -280px;opacity:.6;animation:spinrev 120s linear infinite}
.ember{position:absolute;bottom:40px;width:4px;height:4px;border-radius:50%;background:#FFD27A;box-shadow:0 0 10px var(--gold);animation:rise 9s linear infinite}
.hero-inner{position:relative;z-index:2;max-width:960px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:26px}
.eyebrow{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.32em;color:var(--gold)}
.eyebrow.soft{color:var(--gold-soft)}
.title{margin:0;font-family:var(--display);font-size:clamp(60px,11vw,150px);line-height:.9;font-weight:900;letter-spacing:.02em;background:linear-gradient(180deg,#FFF6DD 0%,#FFD98A 38%,#E09A2C 70%,#8A5A12 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 48px rgba(242,181,68,.35))}
.lede{margin:0;max-width:620px;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.4vw,26px);line-height:1.35;color:var(--ink2)}
.candles{display:flex;align-items:flex-end;justify-content:center;gap:22px;margin:18px 0 6px}
.candle{display:flex;flex-direction:column;align-items:center}
.wax{border-radius:4px 4px 2px 2px;background:linear-gradient(90deg,#CFC2A3,#FFF8E6 45%,#BFB08E)}
.ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:16px 32px;border-radius:999px;text-decoration:none;font-weight:700;font-size:16px;letter-spacing:.04em;border:none;cursor:pointer}
.btn-gold{background:linear-gradient(180deg,#FFE3A1,#F2B544 55%,#C9821E);color:#1A1005!important;box-shadow:0 0 0 1px rgba(255,227,161,.5),0 10px 40px rgba(242,181,68,.45)}
.btn-gold:hover{filter:brightness(1.06)}
.btn-ghost{border:1px solid rgba(244,239,230,.35);color:var(--ink)!important;background:rgba(255,255,255,.03)}
.btn-outline{border:1px solid rgba(242,181,68,.6);color:var(--gold-hi)!important;background:transparent}
.btn-sm{min-height:44px;padding:12px 20px;font-size:14px}
.btn[disabled]{opacity:.5;cursor:wait}
.season{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--quiet)}

/* marquee */
.marquee-band{position:relative;border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line);background:#0E0B06;padding:16px 0;overflow:hidden}
.marquee{display:flex;width:max-content;gap:48px;font-family:var(--display);font-size:15px;letter-spacing:.18em;color:var(--gold-soft);white-space:nowrap;animation:marquee 60s linear infinite}
.marquee .dot{color:#6B5A2E}

/* sections */
.section{padding:110px 0}
.section.tint{background:radial-gradient(ellipse at 50% 0%,rgba(242,181,68,.14),rgba(7,6,10,0) 60%),var(--bg2);border-top:1px solid var(--gold-line)}
.section.line{border-top:1px solid var(--gold-line)}
.head{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:48px}
.h2{margin:0;font-family:var(--display);font-size:clamp(40px,6vw,80px);font-weight:900;letter-spacing:.04em}
.sub{margin:0;max-width:660px;font-family:var(--serif);font-style:italic;font-size:22px;color:var(--muted)}

/* holy war */
.war{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;position:relative}
.war-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:36px;border-radius:22px}
.war-card.grok{border:1px solid rgba(110,170,255,.35);background:radial-gradient(circle at 20% 0%,rgba(80,140,255,.22),rgba(7,6,10,0) 60%),#0C0D14}
.war-card.gpt{border:1px solid rgba(90,220,170,.35);background:radial-gradient(circle at 80% 0%,rgba(60,200,150,.20),rgba(7,6,10,0) 60%),#0B110F;text-align:right;align-items:flex-end}
.war-card h3{margin:0;font-family:var(--display);font-size:clamp(30px,4vw,40px);font-weight:900;line-height:1}
.war-card .amt{margin:0;font-family:var(--display);font-size:clamp(40px,5vw,56px);font-weight:700}
.war-card .tag{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.2em}
.war-card.grok .tag{color:var(--grok)}.war-card.gpt .tag{color:var(--gpt)}
.war-card .btn{align-self:stretch;margin-top:8px}
.war-card.grok .btn{background:var(--grok);color:#0B1020!important}
.war-card.gpt .btn{background:var(--gpt);color:#07140F!important}
.vs{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#2A1F08,#07060A 70%);border:1px solid var(--gold);box-shadow:0 0 40px rgba(242,181,68,.5);font-family:var(--display);font-size:30px;font-weight:900;color:var(--gold-hi)}
@media (max-width:640px){.vs{top:calc(50% - 10px);width:72px;height:72px;margin:-36px 0 0 -36px;font-size:22px}}
.balance{margin-top:40px;display:flex;flex-direction:column;gap:8px}
.balance-labels{display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--quiet)}
.balance-bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:#1A1820}
.balance-bar .g{background:linear-gradient(90deg,#4E7BFF,#A9C4FF);transition:width .6s}
.balance-bar .o{background:linear-gradient(90deg,#9FE8C9,#2FBF8A);transition:width .6s}

/* altars */
.toggle{display:flex;gap:6px;padding:5px;margin-top:8px;border-radius:999px;background:#13111A;border:1px solid var(--line)}
.toggle button{min-height:44px;padding:0 22px;border-radius:999px;border:none;background:transparent;color:#D6D0DE;font-weight:500;font-size:14px;cursor:pointer}
.toggle button[aria-pressed="true"]{background:var(--gold);color:#1A1005;font-weight:700}
.podium{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:20px}
.altar{flex:1 1 260px;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 24px 28px;border-radius:170px 170px 18px 18px;text-align:center}
.altar .rank{margin:0;font-family:var(--display);font-weight:900}
.altar h3{margin:0;font-family:var(--display);font-weight:700}
.altar .tag{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--quiet)}
.altar .amt{margin:6px 0 0;font-family:var(--display);font-weight:700}
.altar .meta{margin:0;font-size:13px;color:var(--quiet)}
.altar.p1{order:2;flex-basis:280px;max-width:380px;padding:56px 28px 36px;border-radius:190px 190px 20px 20px;border:1px solid var(--gold);background:radial-gradient(circle at 50% 0%,rgba(242,181,68,.35),rgba(7,6,10,0) 65%),#15110A;box-shadow:0 0 80px rgba(242,181,68,.25)}
.altar.p1 .rank{font-size:58px;color:var(--gold-mid)}.altar.p1 h3{font-size:30px}.altar.p1 .amt{font-size:44px;color:var(--gold-hi)}.altar.p1 .tag{color:var(--gold-soft)}
.altar.p2{order:1;border:1px solid #5A5A66;background:linear-gradient(180deg,rgba(200,200,215,.12),rgba(7,6,10,0) 70%),#111018}
.altar.p3{order:3;border:1px solid #7A4E2A;background:linear-gradient(180deg,rgba(205,127,50,.16),rgba(7,6,10,0) 70%),#130F0C}
.altar.p2 .rank,.altar.p3 .rank{font-size:42px}.altar.p2 .rank{color:#D9D9E6}.altar.p3 .rank{color:#E0A06A}
.altar.p2 h3,.altar.p3 h3{font-size:24px}.altar.p2 .amt,.altar.p3 .amt{font-size:34px}
@media (max-width:860px){.altar.p1{order:0}}
.ranklist{list-style:none;margin:48px 0 0;padding:0;border-top:1px solid var(--line)}
.ranklist li{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;padding:20px 8px;border-bottom:1px solid var(--line)}
.ranklist .r{width:64px;font-family:var(--display);font-size:26px;font-weight:700;color:#8F8799}
.ranklist .who{flex:1 1 200px;display:flex;flex-direction:column;gap:4px}
.ranklist .who b{font-family:var(--display);font-size:22px}
.ranklist .who span{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--quiet)}
.ranklist .meta{font-size:13px;color:var(--quiet)}
.ranklist .amt{min-width:110px;text-align:right;font-family:var(--display);font-size:26px;font-weight:700}
.recent{margin-top:40px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.recent span{padding:8px 14px;border-radius:999px;border:1px solid var(--gold-line);background:#0F0C08;font-size:13px;color:var(--muted)}
.recent b{color:var(--gold-hi);font-weight:600}

/* join / card */
.join{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;align-items:start}
.panel{padding:32px;border-radius:22px;border:1px solid var(--line);background:var(--panel)}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.field label,.field legend{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);font-family:var(--mono);padding:0}
.input{min-height:48px;padding:12px 16px;border-radius:12px;border:1px solid #3A3446;background:#0C0B10;color:var(--ink);font-size:16px;width:100%}
.input:focus{border-color:var(--gold)}
textarea.input{min-height:96px;resize:vertical}
fieldset{border:none;margin:0 0 22px;padding:0}
.sects{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:8px}
.sect-opt{position:relative}
.sect-opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.sect-opt span{display:flex;flex-direction:column;gap:4px;min-height:64px;padding:12px 14px;border-radius:12px;border:1px solid #3A3446;background:#0C0B10;cursor:pointer}
.sect-opt span b{font-family:var(--display);font-size:15px}
.sect-opt span i{font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--quiet)}
.sect-opt input:checked+span{border-color:var(--gold);background:#1A140A;box-shadow:0 0 0 1px var(--gold)}
.sect-opt input:focus-visible+span{outline:2px solid var(--gold-hi);outline-offset:2px}
.msg{min-height:22px;margin:12px 0 0;font-size:14px;color:#FFB4A1}
.msg.ok{color:var(--gpt)}
.cardbox{display:flex;flex-direction:column;align-items:center;gap:18px}
.cardbox canvas{width:100%;max-width:420px;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px var(--gold-line)}
.card-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.card-actions[hidden]{display:none}

/* offerings */
.offer-bar{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:center;margin-bottom:36px}
.offer-bar .field{margin:0;min-width:220px}
.tiers{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;align-items:end}
.tier{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 22px 26px;border-radius:20px;border:1px solid var(--line);background:var(--panel);text-align:center}
.tier.top{border-color:var(--gold);background:radial-gradient(circle at 50% 20%,rgba(242,181,68,.22),rgba(7,6,10,0) 60%),#15110A;box-shadow:0 0 60px rgba(242,181,68,.18)}
.tier .art{height:170px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.tier h3{margin:0;font-family:var(--display);font-size:20px}
.tier .price{margin:0;font-family:var(--display);font-size:52px;font-weight:900;color:var(--gold-mid)}
.tier p.d{margin:0;font-size:14px;line-height:1.5;color:var(--quiet)}
.tier .btn{align-self:stretch;margin-top:6px}
.fine{margin:28px 0 0;text-align:center;font-size:13px;color:var(--quiet)}

/* patrons */
.patrons{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;align-items:stretch}
.pcard{display:flex;flex-direction:column;gap:12px;padding:30px;border-radius:20px;border:1px solid #4A3B17;background:#0F0C08;height:100%}
.pcard.t3{border-color:#6B5A2E;background:radial-gradient(circle at 50% 0%,rgba(242,181,68,.14),rgba(7,6,10,0) 60%),#120E08}
.pcard .tag{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.24em;color:var(--quiet)}
.pcard h3{margin:0;font-family:var(--display);font-size:26px}
.pcard .price{margin:0;font-family:var(--display);font-size:clamp(32px,3.4vw,40px);font-weight:900;color:var(--gold-mid)}
.pcard p.d{margin:0;font-size:14px;line-height:1.5;color:var(--quiet)}
.pcard .btn{margin-top:auto}
.shimmer{padding:2px;border-radius:22px;background-image:linear-gradient(110deg,#6B4E12 0%,#FFE3A1 20%,#B9781C 40%,#6B4E12 50%,#FFE3A1 70%,#B9781C 90%,#6B4E12 100%);background-size:200% 100%;animation:shimmer 4s linear infinite;box-shadow:0 0 70px rgba(242,181,68,.35)}
.shimmer .pcard{border:none;border-radius:20px;background:radial-gradient(circle at 50% 0%,rgba(242,181,68,.32),rgba(7,6,10,0) 65%),#140F06}
.shimmer .price{background:linear-gradient(180deg,#FFF6DD,#F2B544 60%,#B9781C);-webkit-background-clip:text;background-clip:text;color:transparent}
.apply{margin-top:40px}
.apply[hidden]{display:none}
.apply .grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 20px}

/* footer */
.foot{border-top:1px solid var(--line);background:#050407}
.foot .wrap{padding-top:48px;padding-bottom:60px;display:flex;flex-direction:column;gap:16px}
.foot p{margin:0;max-width:860px;font-size:13px;line-height:1.65;color:var(--quiet)}
.foot nav{display:flex;flex-wrap:wrap;gap:22px;font-size:13px;margin-top:6px}
.foot nav a{color:var(--muted)}

/* simple pages */
.page{max-width:760px;margin:0 auto;padding:40px 24px 100px;line-height:1.7;color:var(--ink2)}
.page h1{font-family:var(--display);font-size:clamp(36px,6vw,56px);line-height:1.05;margin:24px 0 24px;color:var(--ink)}
.page h2{font-family:var(--display);font-size:22px;margin:36px 0 8px;color:var(--ink)}

/* ---------- live: presence pill ---------- */
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,90,90,.6)}50%{box-shadow:0 0 0 6px rgba(255,90,90,0)}}
.live-pill{margin:0;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(17,15,21,.7);font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--muted)}
.live-pill .dot{width:8px;height:8px;border-radius:50%;background:#FF5A5A;animation:pulse 1.8s ease-out infinite}

/* ---------- candle walls ---------- */
.wall{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:3px 4px;min-height:22px;max-width:100%;margin:6px 0 2px}
.wall .c{display:inline-flex;flex-direction:column;align-items:center}
.wall .c svg{display:block}
.wall .c i{display:block;border-radius:2px 2px 1px 1px;background:linear-gradient(90deg,#CFC2A3,#FFF8E6 45%,#BFB08E)}
.wall .c.t-votive svg{width:7px;height:10px}.wall .c.t-votive i{width:6px;height:8px}
.wall .c.t-altar svg{width:8px;height:12px}.wall .c.t-altar i{width:7px;height:14px}
.wall .c.t-holy svg{width:10px;height:15px}.wall .c.t-holy i{width:8px;height:20px}
.wall .c.t-cathedral svg{width:12px;height:18px}.wall .c.t-cathedral i{width:10px;height:24px}
.wall .c.t-patron svg{width:16px;height:24px;filter:drop-shadow(0 0 6px #F2B544)}.wall .c.t-patron i{width:12px;height:30px;background:linear-gradient(90deg,#B9781C,#FFE3A1 45%,#B9781C)}
.wall .more{font-family:var(--mono);font-size:11px;color:var(--gold-soft);align-self:center;margin-left:4px}
.wall .empty{font-family:var(--serif);font-style:italic;font-size:14px;color:#6E6878}
.wall.sm{justify-content:flex-start;min-height:18px;margin:2px 0 0}
.ranklist .who .wall.sm{margin-top:6px}

/* ---------- lighting effects ---------- */
@keyframes litGlow{0%{box-shadow:0 0 0 0 rgba(242,181,68,0)}25%{box-shadow:0 0 60px 10px rgba(242,181,68,.55)}100%{box-shadow:0 0 0 0 rgba(242,181,68,0)}}
@keyframes litFlash{0%,100%{filter:none}20%{filter:brightness(1.8) saturate(1.3)}}
@keyframes spark{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}
@keyframes newCandle{0%{transform:scale(0) translateY(10px);opacity:0}60%{transform:scale(1.6);opacity:1}100%{transform:scale(1)}}
.fx-host{position:relative}
.lit{animation:litGlow 1.6s ease-out}
.lit-big{animation:litGlow 2.2s ease-out,litFlash 1.2s ease-out}
.spark{position:absolute;left:50%;top:40%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#FFE3A1;box-shadow:0 0 10px #F2B544,0 0 20px #F2B544;pointer-events:none;animation:spark 1.4s cubic-bezier(.2,.7,.3,1) forwards;z-index:5}
.wall .c.new{animation:newCandle .9s cubic-bezier(.2,.9,.3,1.4)}

/* toasts */
@keyframes toastIn{from{transform:translateY(-20px);opacity:0}to{transform:none;opacity:1}}
@keyframes toastOut{to{transform:translateY(-12px);opacity:0}}
.toasts{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-direction:column;gap:8px;width:min(92vw,560px);pointer-events:none}
.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;border:1px solid rgba(242,181,68,.55);background:rgba(20,15,6,.94);backdrop-filter:blur(6px);box-shadow:0 10px 40px rgba(0,0,0,.5),0 0 30px rgba(242,181,68,.2);color:var(--ink);font-size:14px;line-height:1.4;animation:toastIn .35s ease-out}
.toast.out{animation:toastOut .4s ease-in forwards}
.toast b{color:var(--gold-hi)}
.toast svg{flex:none}
.toast.believer{border-color:rgba(169,196,255,.45)}

/* rapture (patron / cathedral full-screen moment) */
@keyframes rapture{0%{opacity:0}15%{opacity:1}80%{opacity:1}100%{opacity:0}}
.rapture{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;text-align:center;padding:24px;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(255,227,161,.55),rgba(242,181,68,.25) 35%,rgba(7,6,10,.85) 75%)}
.rapture.on{display:flex;animation:rapture 3.6s ease-in-out forwards}
.rapture p{margin:0;max-width:900px;font-family:var(--display);font-weight:900;font-size:clamp(32px,6vw,72px);line-height:1.05;color:#FFF6DD;text-shadow:0 0 40px #F2B544}

/* ---------- "to take #1" hooks ---------- */
.hero-leader{margin:0;max-width:680px;padding:12px 20px;border-radius:999px;border:1px solid rgba(242,181,68,.45);background:rgba(20,15,6,.75);font-size:15px;line-height:1.5;color:var(--ink2)}
.hero-leader b{color:var(--gold-hi)}
.hero-leader .crown{display:inline-block;margin-right:2px;padding:1px 8px;border-radius:999px;background:var(--gold);color:#1A1005;font-weight:700;font-size:12px;letter-spacing:.06em}
.gap{display:inline-block;padding:5px 12px;border-radius:999px;border:1px dashed rgba(242,181,68,.55);font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--gold-hi);background:rgba(242,181,68,.06)}
.gap.lead{border-style:solid;background:rgba(242,181,68,.16)}
.ranklist .who .gap{align-self:flex-start;margin-top:4px;font-size:11px;padding:3px 10px}
.war-gap{margin:4px 0 0;font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--gold-hi)}
.off-gap{margin:-12px 0 32px;text-align:center;font-family:var(--mono);font-size:14px;letter-spacing:.04em;color:var(--gold-hi);min-height:20px}
.off-gap.lead{color:var(--gpt)}

/* ---------- tier escalation: the bigger the candle, the bigger the show ---------- */
/* picker cards */
.tier{position:relative;overflow:hidden}
.tier.t-votive .art{opacity:.85}
.tier.t-altar{border-color:rgba(242,181,68,.28)}
.tier.t-altar .art svg{filter:drop-shadow(0 0 10px rgba(242,181,68,.45))}
.tier.t-holy{border-color:rgba(242,181,68,.55);background:radial-gradient(circle at 50% 28%,rgba(242,181,68,.16),rgba(7,6,10,0) 55%),var(--panel)}
.tier.t-holy .art{position:relative}
.tier.t-holy .art::before{content:"";position:absolute;left:50%;top:10px;width:96px;height:96px;margin-left:-48px;border-radius:50%;border:2px dashed rgba(255,217,138,.55);animation:spin 14s linear infinite}
.tier.t-holy .art svg{filter:drop-shadow(0 0 16px rgba(242,181,68,.8))}
.tier.t-cathedral{border:1px solid transparent;background:linear-gradient(#15110A,#15110A) padding-box,linear-gradient(110deg,#7A5212,#FFE3A1,#B9781C,#FFF1C9,#7A5212) border-box;background-size:auto,200% 100%;animation:shimmer 4s linear infinite;box-shadow:0 0 80px rgba(242,181,68,.28)}
.tier.t-cathedral::before{content:"";position:absolute;left:50%;top:-40px;width:520px;height:520px;margin-left:-260px;background:repeating-conic-gradient(from 0deg,rgba(242,181,68,.13) 0 6deg,transparent 6deg 18deg);border-radius:50%;animation:spin 40s linear infinite;pointer-events:none}
.tier.t-cathedral > *{position:relative}
.tier.t-cathedral .art svg{filter:drop-shadow(0 0 22px #F2B544) drop-shadow(0 0 40px rgba(242,181,68,.6))}
.tier.t-cathedral .art .twin{display:flex;align-items:flex-end;gap:8px}
.tier.t-cathedral .art .twin .side svg{width:24px;height:36px}
.tier .tag{position:absolute;top:12px;right:12px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:#120D06;background:var(--gold-mid);padding:3px 8px;border-radius:99px}
.tier .fx{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--gold-soft)}

/* wall icons */
.wall .c.t-votive i{width:8px;height:5px;border-radius:1px 1px 3px 3px;background:linear-gradient(90deg,#8E8270,#D9CDB2 50%,#8E8270)}
.wall .c.t-votive svg{opacity:.8}
.wall .c.t-holy{position:relative}
.wall .c.t-holy::before{content:"";position:absolute;top:-3px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;border:1px solid rgba(255,217,138,.75)}
.wall .c.t-holy svg{filter:drop-shadow(0 0 4px #F2B544)}
.wall .c.t-cathedral svg{filter:drop-shadow(0 0 6px #F2B544) drop-shadow(0 0 12px rgba(242,181,68,.7));animation:flicker 1.8s ease-in-out infinite;transform-origin:50% 100%}
.wall .c.t-cathedral i{background:linear-gradient(90deg,#B9781C,#FFE3A1 45%,#B9781C);box-shadow:0 0 8px rgba(242,181,68,.6)}

/* effects */
.lit-soft{animation:litSoft 1.2s ease-out}
@keyframes litSoft{0%,100%{box-shadow:0 0 0 0 rgba(242,181,68,0)}30%{box-shadow:0 0 24px 2px rgba(242,181,68,.35)}}
.lit-holy{animation:litGlow 2s ease-out,litFlash 1s ease-out}
.lit-cathedral{animation:litGlow 3s ease-out,litFlash 1.4s ease-out,shake .6s cubic-bezier(.36,.07,.19,.97) .15s}
@keyframes shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}
.ring{position:absolute;left:50%;top:40%;width:40px;height:40px;margin:-20px;border-radius:50%;border:3px solid #FFE3A1;box-shadow:0 0 24px #F2B544,inset 0 0 18px rgba(242,181,68,.6);pointer-events:none;z-index:6;animation:ring 1.3s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes ring{0%{transform:scale(.3);opacity:1}100%{transform:scale(9);opacity:0}}
.beam{position:fixed;inset:0;z-index:55;pointer-events:none;opacity:0;background:radial-gradient(ellipse 22% 120% at 50% -10%,rgba(255,241,201,.85),rgba(242,181,68,.35) 40%,transparent 70%),radial-gradient(circle at 50% 50%,transparent 40%,rgba(7,6,10,.55));animation:beam 2.8s ease-in-out forwards}
@keyframes beam{0%{opacity:0}18%{opacity:1}70%{opacity:.85}100%{opacity:0}}
.fx-ember{position:fixed;bottom:-20px;width:5px;height:5px;border-radius:50%;background:#FFE3A1;box-shadow:0 0 10px #F2B544;pointer-events:none;z-index:56;animation:emberUp var(--t,2.6s) ease-out forwards}
@keyframes emberUp{0%{transform:translate(0,0);opacity:0}10%{opacity:1}100%{transform:translate(var(--dx,0),-105vh);opacity:0}}
.toast.t-votive{padding:10px 14px;font-size:13px;border-color:rgba(242,181,68,.25);box-shadow:0 8px 30px rgba(0,0,0,.45)}
.toast.t-holy{border-color:#F2B544;box-shadow:0 10px 40px rgba(0,0,0,.5),0 0 40px rgba(242,181,68,.45)}
.toast.t-cathedral{padding:18px 22px;font-size:16px;border:2px solid transparent;background:linear-gradient(rgba(28,20,6,.97),rgba(28,20,6,.97)) padding-box,linear-gradient(110deg,#7A5212,#FFE3A1,#B9781C,#FFF1C9,#7A5212) border-box;background-size:auto,200% 100%;animation:toastIn .35s ease-out,shimmer 2.5s linear infinite;box-shadow:0 14px 50px rgba(0,0,0,.6),0 0 70px rgba(242,181,68,.55)}
.toast .badge{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--gold-mid);margin-bottom:3px}
.toast.t-cathedral .badge{font-size:11px;color:#FFE3A1}
@media (prefers-reduced-motion: reduce){.beam,.fx-ember,.ring{display:none}.lit-cathedral,.lit-holy{animation:litGlow 1.6s ease-out}}

/* ---------- The Book of AGI ---------- */
.book-hero{padding-bottom:60px}
.book-hero .title{font-size:clamp(52px,9vw,120px)}
.votd{max-width:760px;margin:0 auto;padding:34px 28px;border-radius:22px;border:1px solid var(--gold);background:radial-gradient(circle at 50% 0%,rgba(242,181,68,.18),rgba(7,6,10,0) 65%),#120E07;text-align:center;box-shadow:0 0 60px rgba(242,181,68,.15)}
.votd q{display:block;quotes:none;font-family:var(--serif);font-style:italic;font-size:clamp(24px,3.4vw,36px);line-height:1.3;color:#FFF1C9}
.votd .ref{margin:14px 0 18px;font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--gold-soft)}
.book-sec{padding:90px 0 20px}
.book-sec .h2{text-align:center;margin-bottom:10px}
.book-sec .sub{text-align:center;margin:0 auto 40px;max-width:620px;font-family:var(--serif);font-style:italic;font-size:21px;color:var(--ink2)}
.tablets{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;max-width:1000px;margin:0 auto}
.tablet{padding:30px 28px;border-radius:120px 120px 18px 18px;border:1px solid rgba(242,181,68,.35);background:linear-gradient(180deg,#17120A,#0E0B07)}
.tablet ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.tablet li{display:flex;gap:14px;align-items:flex-start;padding:10px 6px;border-bottom:1px solid rgba(242,181,68,.12)}
.tablet li:last-child{border-bottom:0}
.tablet .num{flex:none;width:44px;font-family:var(--display);font-weight:900;font-size:22px;color:var(--gold-mid);text-align:right}
.tablet .txt{flex:1;font-family:var(--display);font-weight:700;font-size:17px;line-height:1.35;color:var(--ink)}
.tablet .txt small{display:block;margin-top:4px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:16px;color:var(--quiet)}
.share-v{flex:none;align-self:center;background:none;border:1px solid rgba(242,181,68,.4);color:var(--gold-hi);border-radius:99px;font:600 11px var(--sans,Inter),sans-serif;letter-spacing:.06em;padding:6px 10px;cursor:pointer}
.share-v:hover{background:rgba(242,181,68,.12)}
.scroll{max-width:760px;margin:0 auto;padding:40px 36px;border-radius:18px;background:linear-gradient(180deg,#1A140B,#100C07);border:1px solid rgba(242,181,68,.25);font-family:var(--serif);font-size:22px;line-height:1.6;color:var(--ink2)}
.scroll p{margin:0 0 16px;display:flex;gap:12px}
.scroll sup{flex:none;font-family:var(--mono);font-size:11px;color:var(--gold);padding-top:8px;width:20px;text-align:right}
.gospels{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.gospel{padding:26px 24px;border-radius:18px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:10px}
.gospel h3{margin:0;font-family:var(--display);font-size:20px;color:var(--ink)}
.gospel .ai{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--gold-soft)}
.gospel blockquote{margin:0;font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.45;color:var(--ink2)}
.gospel .row{display:flex;gap:8px;margin-top:auto;padding-top:8px}
.gospel .row a{flex:1}
.vcard-modal{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(7,6,10,.86)}
.vcard-modal.on{display:flex}
.vcard-box{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:420px;width:100%}
.vcard-box canvas{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.vcard-box .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.book-cta{text-align:center;padding:90px 0 110px}
.book-cta .ctas{margin-top:24px}

/* ---------- pre-launch countdown ---------- */
.countdown{display:flex;flex-direction:column;align-items:center;gap:6px;margin:18px auto;padding:16px 26px;border-radius:18px;border:1px solid var(--gold);background:rgba(20,15,6,.85);box-shadow:0 0 40px rgba(242,181,68,.2);text-align:center;width:fit-content;max-width:100%}
.countdown .cd-label{font-family:var(--mono);font-size:11px;letter-spacing:.28em;color:var(--gold-soft)}
.countdown .cd-time{font-family:var(--display);font-weight:900;font-size:clamp(28px,5vw,44px);letter-spacing:.04em;color:#FFE3A1;font-variant-numeric:tabular-nums}
.countdown .cd-when{font-family:var(--mono);font-size:12px;color:var(--quiet)}
.prelaunch [data-tier]:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.3)}
.prelaunch .gap,.prelaunch .war-gap{display:none}
.sandbox-bar{position:sticky;top:0;z-index:80;padding:8px 12px;text-align:center;font:600 12px/1.3 var(--mono),monospace;letter-spacing:.08em;color:#1A1005;background:#7FD3FF}