:root{
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cg fill='%23fff' fill-opacity='.10'%3E%3Ccircle cx='7' cy='12' r='1.2'/%3E%3Ccircle cx='41' cy='6' r='.8'/%3E%3Ccircle cx='70' cy='22' r='1.4'/%3E%3Ccircle cx='22' cy='48' r='.9'/%3E%3Ccircle cx='58' cy='55' r='1.1'/%3E%3Ccircle cx='84' cy='70' r='.7'/%3E%3Ccircle cx='12' cy='80' r='1.3'/%3E%3Ccircle cx='46' cy='84' r='.8'/%3E%3C/g%3E%3C/svg%3E");
  --strata:repeating-linear-gradient(176deg,rgba(255,255,255,.035) 0 2px,transparent 2px 22px,rgba(0,0,0,.12) 22px 24px,transparent 24px 46px);
}
[class*="mat-"]{position:relative;isolation:isolate;background-color:var(--ink-2)}
[class*="mat-"]::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background-image:var(--noise);opacity:.07;mix-blend-mode:overlay;
}
.mat-twomoons{background:
  radial-gradient(60% 50% at 82% 12%,rgba(247,216,143,.30),transparent 60%),
  radial-gradient(28% 24% at 64% 22%,rgba(111,240,200,.22),transparent 70%),
  radial-gradient(120% 90% at 20% 110%,#1d1338 0%,transparent 60%),
  linear-gradient(170deg,#0a0820 0%,#1b1145 46%,#0b0814 100%)}
.mat-sand{background:
  var(--strata),
  radial-gradient(80% 60% at 10% 0%,rgba(236,189,92,.30),transparent 60%),
  linear-gradient(165deg,#3a2a12 0%,#2a1d10 48%,#160f0b 100%)}
.mat-loam{background:
  var(--strata),
  radial-gradient(70% 60% at 100% 0%,rgba(106,74,214,.42),transparent 62%),
  linear-gradient(160deg,#2a1a5c 0%,#1d1338 55%,#110b22 100%)}
.mat-clay{background:
  radial-gradient(90% 70% at 0% 100%,rgba(156,111,30,.38),transparent 60%),
  radial-gradient(60% 50% at 100% 0%,rgba(75,49,160,.4),transparent 60%),
  linear-gradient(200deg,#2b1a24 0%,#1c1220 50%,#0f0a14 100%)}
.mat-torch{background:
  radial-gradient(42% 46% at 18% 92%,rgba(255,138,76,.55),transparent 62%),
  radial-gradient(30% 30% at 18% 96%,rgba(247,216,143,.55),transparent 70%),
  radial-gradient(90% 80% at 100% 0%,rgba(75,49,160,.38),transparent 60%),
  linear-gradient(180deg,#1a0f22 0%,#25132a 60%,#3a1a14 100%)}
.mat-embers{background:
  radial-gradient(3px 3px at 20% 30%,rgba(255,170,90,.9),transparent 60%),
  radial-gradient(2px 2px at 70% 60%,rgba(255,210,120,.9),transparent 60%),
  radial-gradient(2px 2px at 45% 80%,rgba(255,140,70,.8),transparent 60%),
  radial-gradient(70% 55% at 50% 110%,rgba(217,90,40,.45),transparent 60%),
  linear-gradient(180deg,#120b16 0%,#1f0f12 70%,#2d130c 100%)}
.mat-quicksand{background:
  repeating-radial-gradient(circle at 70% 120%,rgba(236,189,92,.07) 0 10px,transparent 10px 26px),
  radial-gradient(80% 60% at 70% 110%,rgba(156,111,30,.4),transparent 62%),
  linear-gradient(175deg,#1d1338 0%,#21182a 55%,#2a2214 100%)}
.mat-fog{background:
  radial-gradient(120% 50% at 50% 0%,rgba(214,204,255,.14),transparent 60%),
  radial-gradient(100% 40% at 50% 100%,rgba(23,165,127,.18),transparent 70%),
  linear-gradient(180deg,#171229 0%,#0f0c1b 100%)}
.mat-limestone{background:
  linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.05) 46% 47%,transparent 47% 100%),
  linear-gradient(65deg,transparent 0 62%,rgba(255,255,255,.04) 62% 63%,transparent 63% 100%),
  radial-gradient(80% 60% at 0% 0%,rgba(180,162,255,.18),transparent 60%),
  linear-gradient(160deg,#25223a 0%,#191728 60%,#0e0d18 100%)}
.mat-rust{background:
  radial-gradient(60% 60% at 90% 10%,rgba(255,138,76,.30),transparent 60%),
  linear-gradient(135deg,#3a1d14 0%,#2a1520 45%,#160d18 100%)}
.mat-aquifer{background:
  repeating-linear-gradient(180deg,rgba(111,240,200,.05) 0 1px,transparent 1px 14px),
  radial-gradient(80% 70% at 50% 120%,rgba(47,209,162,.45),transparent 62%),
  radial-gradient(60% 50% at 0% 0%,rgba(75,49,160,.35),transparent 60%),
  linear-gradient(180deg,#0a2420 0%,#062a23 60%,#04201b 100%)}
.mat-gold{background:
  radial-gradient(70% 70% at 80% 20%,rgba(247,216,143,.38),transparent 60%),
  linear-gradient(140deg,#4a3410 0%,#2f210c 50%,#1a1209 100%)}
.mat-h2s{background:
  radial-gradient(70% 60% at 20% 30%,rgba(198,220,90,.18),transparent 60%),
  radial-gradient(60% 50% at 90% 90%,rgba(106,74,214,.28),transparent 60%),
  linear-gradient(170deg,#1a1d14 0%,#141220 100%)}
.mat-gravel{background:
  radial-gradient(9px 7px at 12% 70%,rgba(255,255,255,.07),transparent 70%),
  radial-gradient(12px 9px at 38% 86%,rgba(255,255,255,.06),transparent 70%),
  radial-gradient(10px 8px at 66% 76%,rgba(255,255,255,.07),transparent 70%),
  radial-gradient(14px 10px at 88% 88%,rgba(255,255,255,.05),transparent 70%),
  radial-gradient(80% 60% at 50% 120%,rgba(47,209,162,.22),transparent 60%),
  linear-gradient(180deg,#191626 0%,#121019 100%)}
.mat-ink{background:
  radial-gradient(60% 60% at 0% 0%,rgba(106,74,214,.22),transparent 60%),
  linear-gradient(180deg,#0d0a18 0%,#07060d 100%)}
.mat-paper{background:
  radial-gradient(80% 60% at 100% 0%,rgba(236,189,92,.22),transparent 60%),
  linear-gradient(160deg,#f7f2e6 0%,#efe6d2 100%);color:#16111f}
.mat-paper h2,.mat-paper h3,.mat-paper h4,.mat-paper strong{color:#140d22}
.mat-paper p,.mat-paper li{color:#2b2238}
.mat-paper a{color:#4b31a0}