body {
  background-color:#08060a;
  background-image:
    radial-gradient(ellipse at top, rgba(122,59,143,0.16), transparent 55%),
    radial-gradient(ellipse at bottom, rgba(139,0,0,0.10), transparent 60%),
    radial-gradient(circle at 50% 125%, rgba(60,20,72,0.30), transparent 52%);
  background-attachment:fixed;
}
.skull-bg::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:0.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 24 24' fill='%23b06fce'%3E%3Cpath d='M12 2C7 2 4 5.5 4 10c0 2.4 1.1 4 2.5 5.2V18a1.5 1.5 0 0 0 1.5 1.5h.5V21h2v-1.5h3V21h2v-1.5h.5A1.5 1.5 0 0 0 20 18v-2.8C18.9 14 20 12.4 20 10c0-4.5-3-8-8-8zM9 11a1.6 1.6 0 1 1 0-3.2A1.6 1.6 0 0 1 9 11zm6 0a1.6 1.6 0 1 1 0-3.2A1.6 1.6 0 0 1 15 11z'/%3E%3C/svg%3E");
  background-size:80px 80px;
}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#08060a}
::-webkit-scrollbar-thumb{background:#3a1240;border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:#7a3b8f}
input[type=range]{ -webkit-appearance:none; appearance:none; height:6px; border-radius:9999px; background:linear-gradient(90deg,#7a3b8f,#e23b3b); }
input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; width:24px;height:24px;border-radius:50%; background:#08060a;border:3px solid #b06fce; cursor:pointer; box-shadow:0 0 10px rgba(176,111,206,.8); }
input[type=range]::-moz-range-thumb{ width:22px;height:22px;border-radius:50%; background:#08060a;border:3px solid #b06fce; cursor:pointer; }
.heading-glow{ text-shadow:0 0 18px rgba(178,34,34,0.55), 0 0 26px rgba(122,59,143,0.4), 0 2px 6px rgba(0,0,0,0.9); }
.fraktur-glow{ text-shadow:0 0 22px rgba(176,111,206,0.6), 0 0 10px rgba(178,34,34,0.45), 0 2px 6px rgba(0,0,0,.9); }
.card-edge{ border:1px solid rgba(150,52,120,0.28); box-shadow:0 0 0 1px rgba(122,59,143,0.06) inset; }
.opt-selected{ border-color:#e23b3b !important; background:rgba(139,0,0,0.22) !important; box-shadow:0 0 0 1px rgba(226,59,59,.5) inset; }
.ornament{ color:#7a3b8f; }
.dropcap::first-letter{ font-family:"UnifrakturMaguntia", serif; font-size:3.2rem; line-height:.78; float:left; padding:.06em .12em 0 0; color:#b06fce; text-shadow:0 0 14px rgba(176,111,206,.55); }
.fog{ position:fixed; left:0; right:0; bottom:0; height:36vh; pointer-events:none; z-index:0; background:linear-gradient(to top, rgba(42,16,48,0.55), rgba(42,16,48,0.12) 45%, transparent); }
.candle{ animation:flicker 3s infinite; }
.ritual-skull{ filter:drop-shadow(0 0 24px rgba(176,111,206,.85)); animation:spin 1.4s linear infinite, flicker 2s infinite; }
@keyframes spin{ to{ transform:rotate(360deg);} }
@keyframes flicker{ 0%,100%{opacity:1} 45%{opacity:0.85} 50%{opacity:0.4} 55%{opacity:0.9} }
.ash-bit{ position:fixed; top:-20px; pointer-events:none; z-index:60; will-change:transform; }
.fade-section{ animation:rise .5s ease-out both; }
@keyframes rise{ 0%{opacity:0;transform:translateY(20px)} 100%{opacity:1;transform:translateY(0)} }
.headstone{ background:linear-gradient(180deg,#2c2336 0%, #1c1626 60%, #141019 100%); border-radius:110px 110px 14px 14px / 150px 150px 14px 14px; box-shadow:inset 0 4px 24px rgba(0,0,0,.7), 0 18px 44px rgba(40,12,52,.6); border:1px solid #3a2c46; }
.engrave{ color:#cfc7da; text-shadow:0 1px 0 #000, 0 -1px 0 #3a3148; }
a.txtlink{ color:#b06fce; } a.txtlink:hover{ color:#e23b3b; text-decoration:underline; }
/* stat bar mini-graphs used on question pages */
.statbar-track{ background:#1d1426; border-radius:9999px; height:14px; overflow:hidden; border:1px solid rgba(150,52,120,0.28); }
.statbar-fill{ height:100%; border-radius:9999px; background:linear-gradient(90deg,#7a3b8f,#e23b3b); }
.myth-card{ border-left:3px solid #b06fce; }
.fact-card{ border-left:3px solid #e23b3b; }