/* Results as an open list with restrained celestial ornaments. */
.results-oracle {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 72px 24px 78px;
  background:
    radial-gradient(circle at 0% 34%, #33203d55, transparent 43%),
    radial-gradient(circle at 105% 78%, #33203d4a, transparent 45%),
    #0d0913;
}
.results-oracle::before,
.results-oracle::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 300px;
  height: 300px;
  background: url("assets/arcane-wheel.svg") center / contain no-repeat;
  opacity: .31;
  pointer-events: none;
}
.results-oracle::before {
  left: -194px;
  top: 190px;
  transform: rotate(-18deg);
}
.results-oracle::after {
  right: -195px;
  top: 610px;
  transform: rotate(24deg);
}
.results-oracle > * { position: relative; z-index: 1; }
.results-oracle h2 {
  margin: 0 auto 29px;
  max-width: 390px;
  color: #f0dcaf;
  font-size: clamp(48px, 12.5vw, 61px);
  line-height: .95;
  text-align: center;
}
.results-oracle h2 em { color: #d7b486; }
.results-oracle .results-intro {
  max-width: 320px;
  margin: 0 0 29px;
  color: #e5d7e9;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 24px;
  line-height: 1.13;
}
.result-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.result-list li {
  position: relative;
  margin: 0 0 25px;
  padding-left: 22px;
  color: #ede5ee;
  font-size: 14px;
  line-height: 1.65;
  text-shadow: 0 1px 5px #08050c9c;
}
.result-list li::before {
  content: "•";
  position: absolute;
  top: -3px;
  left: 0;
  color: #dfb97c;
  font-size: 21px;
  line-height: 1.2;
}
.result-list li:last-child { margin-bottom: 0; }
.results-oracle .result-shift {
  margin: 36px 0 0;
  padding: 27px 0 0;
  border: 0;
  border-top: 1px solid #c09d6d6b;
  background: none;
}
.results-oracle .result-shift .shift-rule {
  background: linear-gradient(90deg, #d2aa6d, #d2aa6d33);
}
.results-oracle .result-shift .shift-rule::after {
  border-color: #d2aa6d;
}
.results-oracle .outcome {
  margin: 34px 0 0;
  padding: 23px 0 0;
  border: 0;
  border-top: 1px solid #c09d6d6b;
  border-radius: 0;
  background: none;
}
.results-oracle .outcome h3 {
  margin: 0 0 12px;
  color: #dfbe89;
  font-size: 27px;
  line-height: 1;
}
.results-oracle .outcome p {
  margin: 0;
  color: #e5dbe8;
  font-family: Manrope, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.75;
}
.results-oracle .outcome strong {
  color: inherit;
  font-weight: 500;
}
@media (max-width: 350px) {
  .results-oracle { padding-left: 21px; padding-right: 21px; }
  .results-oracle::before { left: -204px; }
  .results-oracle::after { right: -205px; }
  .result-list li { font-size: 13px; margin-bottom: 22px; }
}