/* Wilffs Temple 2.9.1 - End dimension visual system */
:root{
  --end-void:#08050f;
  --end-night:#10091d;
  --end-panel:#171022;
  --end-panel-hi:#21152f;
  --end-violet:#9d5cf2;
  --end-lilac:#d5b6ff;
  --end-cyan:#65d9f2;
  --end-line:rgba(185,137,245,.25);
}
html{background:var(--end-void)}
body{
  position:relative;isolation:isolate;
  background-color:var(--end-void)!important;
  background-image:
    radial-gradient(ellipse 62% 42% at 78% -2%,rgba(111,52,183,.24),transparent 72%),
    radial-gradient(ellipse 36% 34% at 8% 36%,rgba(74,34,118,.18),transparent 72%),
    radial-gradient(ellipse 48% 38% at 82% 72%,rgba(91,36,145,.12),transparent 72%),
    linear-gradient(180deg,#090511 0%,#10091a 42%,#0b0713 100%)!important;
  background-attachment:fixed!important;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.42;
  background-image:
    radial-gradient(1px 1px at 7% 13%,rgba(238,215,255,.9) 99%,transparent),
    radial-gradient(1px 1px at 18% 42%,rgba(185,131,255,.8) 99%,transparent),
    radial-gradient(1px 1px at 33% 19%,rgba(214,192,255,.7) 99%,transparent),
    radial-gradient(1px 1px at 51% 31%,rgba(162,112,245,.8) 99%,transparent),
    radial-gradient(1px 1px at 69% 12%,rgba(229,216,255,.8) 99%,transparent),
    radial-gradient(1px 1px at 83% 39%,rgba(178,126,255,.8) 99%,transparent),
    radial-gradient(1px 1px at 94% 18%,rgba(218,196,255,.8) 99%,transparent),
    radial-gradient(1px 1px at 42% 74%,rgba(171,119,255,.7) 99%,transparent),
    radial-gradient(1.5px 1.5px at 76% 84%,rgba(130,224,255,.75) 99%,transparent);
  background-size:100% 100%;
}
body:after{opacity:.018!important;background-size:82px 82px!important}
.ambient{position:fixed!important;pointer-events:none!important;filter:blur(80px)!important;opacity:.27!important}
.ambient-one{background:radial-gradient(circle,rgba(144,75,221,.48),transparent 68%)!important}
.ambient-two{background:radial-gradient(circle,rgba(75,115,171,.26),transparent 70%)!important}
.site-header{
  background:rgba(8,5,15,.9)!important;
  border-bottom:1px solid rgba(159,107,220,.25)!important;
  box-shadow:0 12px 48px rgba(0,0,0,.32)!important;
  backdrop-filter:blur(22px) saturate(1.2)!important;
}
.site-header:after{
  height:2px!important;
  background:linear-gradient(90deg,transparent,#6f3eaa 16%,#b06df7 42%,#68d5ef 67%,#8b50d4 88%,transparent)!important;
  opacity:.95!important;
}
.brand-copy small{color:#b7a2d4!important}
.nav-link.active{color:#fff!important;text-shadow:0 0 18px rgba(182,126,255,.24)}
.nav-link:after{background:linear-gradient(90deg,var(--end-violet),var(--end-cyan))!important}
.page-hero{
  position:relative;isolation:isolate;
  border:1px solid rgba(173,125,228,.18)!important;border-radius:18px!important;
  background:
    radial-gradient(ellipse at 72% 8%,rgba(120,61,190,.18),transparent 48%),
    linear-gradient(130deg,rgba(22,13,36,.88),rgba(11,7,20,.94))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025)!important;
}
.page-hero:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:.32;
  background:
    linear-gradient(90deg,transparent 0 7%,rgba(4,3,8,.55) 7% 9%,transparent 9% 22%,rgba(6,4,10,.45) 22% 24%,transparent 24% 73%,rgba(4,3,8,.35) 73% 75%,transparent 75%),
    radial-gradient(ellipse at 75% 100%,rgba(134,75,198,.22),transparent 58%);
  mask-image:linear-gradient(180deg,#000,transparent 92%);
}
.page-hero-row{position:relative;z-index:1;align-items:center!important;gap:clamp(24px,4vw,54px)!important}
.section-hero-copy{min-width:0;max-width:660px}
.section-hero-copy .hero-lede{max-width:620px}
.section-hero-media{
  position:relative;display:block;flex:0 1 440px;width:min(100%,440px);min-width:290px;
  aspect-ratio:1/0.92;margin:0;overflow:hidden;isolation:isolate;
  border:1px solid rgba(196,151,255,.5);border-radius:16px;
  background:#10091b;box-shadow:0 0 0 5px rgba(150,87,222,.08),0 22px 55px rgba(0,0,0,.45),0 0 55px rgba(120,57,181,.14);
}
.section-hero-media:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(6,3,12,.03) 30%,rgba(7,4,13,.08) 52%,rgba(8,4,15,.92) 100%);
}
.section-hero-media:after{
  content:"";position:absolute;inset:10px;z-index:1;pointer-events:none;
  border:1px solid rgba(232,211,255,.22);border-radius:10px;
}
.section-hero-media img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center center;
  transform:scale(1.015);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s ease;
  filter:saturate(1.05) contrast(1.03);
}
.section-hero-media:hover img{transform:scale(1.055);filter:saturate(1.14) contrast(1.04)}
.section-hero-media figcaption{
  position:absolute;z-index:2;left:28px;right:28px;bottom:25px;
  display:flex;flex-direction:column;gap:5px;text-align:left;
}
.section-hero-media figcaption>span{
  color:#d7b8ff;font:850 9px/1.4 Inter,system-ui,sans-serif;letter-spacing:.16em;
}
.section-hero-media figcaption>strong{
  color:#fff;font:900 clamp(20px,2.2vw,28px)/1.08 Inter,system-ui,sans-serif;letter-spacing:-.04em;
  text-shadow:0 2px 18px rgba(0,0,0,.5);
}
.section-hero-media figcaption>small{color:#e0d2ef;font-size:11px;line-height:1.5}
.section-hero-media figcaption b{color:#fff;font-size:15px;font-weight:900}
.hero-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hero-benefits span{
  padding:7px 10px;border:1px solid rgba(177,126,231,.28);border-radius:7px;
  background:rgba(116,68,163,.13);color:#d4c3e9;font-size:10px;font-weight:750;
}
.creator-project-grid{gap:18px!important}
.creator-project{
  background:linear-gradient(180deg,rgba(29,19,45,.98),rgba(13,9,21,.98))!important;
  border:1px solid rgba(170,119,224,.24)!important;box-shadow:0 10px 34px rgba(0,0,0,.24)!important;
}
.creator-project-art{
  position:relative!important;min-height:215px!important;aspect-ratio:1.5/1!important;
  overflow:hidden!important;background:#0d0717!important;
}
.creator-project-art:after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(180deg,rgba(8,5,15,.08) 0%,transparent 42%,rgba(8,5,15,.28) 100%);
}
.creator-project-image{
  position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 44%;
  transform:scale(1.01);transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s ease;
}
.creator-project:hover .creator-project-image{transform:scale(1.055);filter:saturate(1.15)}
.creator-project .art-stamp{
  position:absolute;z-index:2;top:15px;left:15px;bottom:auto;
  padding:7px 10px;border:1px solid rgba(217,190,255,.32);border-radius:6px;
  background:rgba(13,7,22,.76);backdrop-filter:blur(8px);
  color:#eadbff;font:850 9px/1.2 Inter,system-ui,sans-serif;letter-spacing:.12em;
}
.creator-project-info{padding:23px!important}
.creator-project-info h3{margin-top:6px!important}
.project-link{color:#d4b5ff!important;font-weight:800!important}
.project-link:after{content:"  ->";color:var(--end-cyan);transition:transform .18s ease}
.creator-project:hover .project-link:after{display:inline-block;transform:translateX(4px)}
.creator-stats,.creator-project,.capability-card,.community-banner,.workshop-bottom,.release-callout,.empty-state,.workshop-counter,.library-stats,.bot-console{
  border-color:rgba(177,125,228,.22)!important;
  background:linear-gradient(160deg,rgba(30,19,47,.96),rgba(13,9,22,.98))!important;
}
.workshop-feed-section,.library-section{position:relative}
.workshop-feed-heading{align-items:end}
.workshop-feed-heading h2{letter-spacing:-.04em}
.workshop-controls{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin:24px 0 20px;padding:14px;border:1px solid rgba(171,120,225,.2);
  border-radius:12px;background:linear-gradient(120deg,rgba(27,17,43,.93),rgba(14,9,24,.92));
  box-shadow:0 10px 34px rgba(0,0,0,.17);
}
.workshop-search{display:block;flex:1 1 260px;min-width:220px}
.workshop-search input{
  width:100%;height:44px;padding:0 14px;border:1px solid rgba(171,128,219,.3);
  border-radius:8px;outline:none;background:rgba(8,5,15,.78);color:#f6efff;
  font:500 13px/1.4 Inter,system-ui,sans-serif;
}
.workshop-search input::placeholder{color:#8f829f}
.workshop-search input:focus{border-color:#b78af0;box-shadow:0 0 0 3px rgba(157,92,242,.14)}
.workshop-results-count{color:#b9a9ca;font-size:11px;font-weight:750;white-space:nowrap}
.workshop-clear{
  border:1px solid rgba(173,126,226,.34);border-radius:7px;padding:9px 12px;
  background:rgba(104,61,151,.16);color:#e5d3fb;font:750 11px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
}
.workshop-filters{display:flex;flex-wrap:wrap;gap:7px;width:100%;padding-top:3px}
.workshop-filter{
  border:1px solid rgba(173,126,226,.26)!important;border-radius:7px!important;
  padding:8px 11px!important;background:rgba(255,255,255,.025)!important;
  color:#cfc2df!important;font:750 10px/1.2 Inter,system-ui,sans-serif!important;cursor:pointer;
}
.workshop-filter.active{border-color:#ad78ed!important;background:rgba(129,76,190,.23)!important;color:#fff!important}
.workshop-filter:after{
  content:attr(data-count);display:inline-grid;place-items:center;margin-left:7px;min-width:17px;height:17px;
  border-radius:5px;background:rgba(255,255,255,.08);color:#cbb2ea;font-size:9px;
}
.workshop-feed{gap:14px!important}
.update-card{
  background:linear-gradient(145deg,rgba(29,19,46,.97),rgba(13,9,22,.97))!important;
  border:1px solid rgba(173,126,226,.2)!important;box-shadow:0 12px 34px rgba(0,0,0,.19)!important;
}
.update-card:hover{border-color:rgba(174,121,239,.47)!important;transform:translateY(-2px)}
.update-index{color:#9a78be!important}
.update-type{color:#caa6f4!important}
.update-footer{border-top-color:rgba(174,126,226,.18)!important}
.library-toolbar{
  padding:15px;border:1px solid rgba(171,120,225,.2);border-radius:12px;
  background:linear-gradient(120deg,rgba(27,17,43,.93),rgba(14,9,24,.92));
}
.library-footnote{max-width:820px;margin:20px auto 0;color:#a99bb8;line-height:1.7}
.mods-grid{gap:16px!important}
.mod-card{
  background:linear-gradient(155deg,rgba(32,21,49,.98),rgba(13,9,22,.98))!important;
  border:1px solid rgba(176,126,228,.22)!important;box-shadow:0 12px 36px rgba(0,0,0,.2)!important;
}
.mod-card:hover{border-color:rgba(171,113,239,.48)!important;transform:translateY(-3px)}
.mod-download:not(.disabled){background:linear-gradient(110deg,#8a4bd6,#5e369b)!important}
.mod-tag{border-color:rgba(172,126,223,.23)!important;background:rgba(142,94,192,.09)!important}
.release-callout{border:1px solid rgba(167,111,225,.28)!important;background:radial-gradient(ellipse at 85% 10%,rgba(136,70,199,.22),transparent 50%),linear-gradient(140deg,#1b112b,#0d0917)!important}
.site-footer{border-top-color:rgba(174,124,226,.19)!important;background:linear-gradient(180deg,transparent,rgba(11,7,17,.45))}
.button-primary,.button-discord{box-shadow:0 0 22px rgba(141,77,211,.13),0 4px 0 rgba(0,0,0,.3)!important}
.button-primary:hover,.button-discord:hover{box-shadow:0 0 30px rgba(141,77,211,.27),0 6px 0 rgba(0,0,0,.3)!important}
.mods-content-grid{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:20px;align-items:start;margin-top:4px;
}
.mods-content-grid .mods-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  align-content:start;gap:16px;min-width:0;
}
.mod-install-guide{
  position:sticky;top:104px;min-width:0;padding:25px 24px 22px;
  border:1px solid rgba(178,125,230,.28);border-radius:14px;overflow:hidden;
  background:
    radial-gradient(ellipse at 88% 0%,rgba(146,78,207,.2),transparent 48%),
    linear-gradient(155deg,rgba(31,20,48,.98),rgba(12,8,20,.98));
  box-shadow:0 14px 42px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);
}
.mod-install-guide:before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#7544aa,#b46cf2,#6bd9ed);
}
.install-guide-kicker{
  color:#caa7f4;font:850 9px/1.4 Inter,system-ui,sans-serif;letter-spacing:.16em;
}
.mod-install-guide h2{
  margin:9px 0 7px;color:#fff;font:900 25px/1.1 Inter,system-ui,sans-serif;letter-spacing:-.04em;
}
.mod-install-guide>p{margin:0;color:#b9adca;font-size:12px;line-height:1.7}
.mod-install-guide ol{display:grid;gap:17px;margin:23px 0 20px;padding:0;list-style:none}
.mod-install-guide li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;align-items:start}
.mod-install-guide li>span{
  display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(177,128,227,.38);
  border-radius:7px;background:rgba(130,75,183,.16);color:#e1c9ff;
  font:850 9px/1 Inter,system-ui,sans-serif;
}
.mod-install-guide li strong{display:block;color:#f3ebfb;font-size:12px;font-weight:850;line-height:1.4}
.mod-install-guide li p{margin:4px 0 0;color:#aa9cb9;font-size:11px;line-height:1.6}
.install-guide-link{
  display:inline-flex;align-items:center;gap:7px;margin-top:2px;padding-top:14px;
  border-top:1px solid rgba(176,127,225,.18);width:100%;
  color:#d5b4fb;font-size:11px;font-weight:800;text-decoration:none;
}
.install-guide-link:after{content:"->";color:#70d5ed;transition:transform .18s ease}
.install-guide-link:hover:after{transform:translateX(4px)}
@media(max-width:900px){
  .page-hero-row{grid-template-columns:1fr!important}
  .section-hero-media{width:100%;min-width:0;max-width:560px;justify-self:center;aspect-ratio:1/0.78}
  .creator-project-art{aspect-ratio:1.45/1!important}
  .mods-content-grid{grid-template-columns:minmax(0,1fr)}
  .mod-install-guide{position:relative;top:auto}
}
@media(max-width:600px){
  .page-hero{padding:22px!important;border-radius:13px!important}
  .section-hero-media{aspect-ratio:1/0.95;border-radius:12px}
  .section-hero-media figcaption{left:22px;right:22px;bottom:20px}
  .hero-benefits{gap:6px}
  .hero-benefits span{font-size:9px;padding:6px 8px}
  .creator-project-art{min-height:190px!important}
  .workshop-controls{padding:10px;gap:9px}
  .workshop-search{flex-basis:100%;min-width:0}
  .workshop-results-count{flex:1}
}