[data-quiz-theme="personality"]{
  --personality-ink: var(--quiz-text);
  --personality-gold: var(--quiz-border);
  --personality-coral: var(--quiz-primary);
  --quiz-flow-border: 2px solid color-mix(in srgb, var(--quiz-border) 78%, transparent);
  --quiz-flow-radius: 22px;
  --quiz-flow-shadow: 10px 12px 0 rgba(14,48,52,.2), 0 28px 64px rgba(14,48,52,.3);
  --quiz-flow-background: radial-gradient(circle at 50% 0%, #fffdf7 0%, var(--quiz-surface) 55%, #e8d6b8 100%);
  background: radial-gradient(circle at 50% 4%, #5d918d 0%, var(--quiz-page) 57%, #0d292f 100%);
}

[data-quiz-theme="personality"] .quiz-engine__landing,
[data-quiz-theme="personality"] .quiz-engine__continuous-shell,
[data-quiz-theme="personality"] .quiz-engine__about{
  color: var(--personality-ink);
  background: var(--quiz-flow-background);
  box-shadow: var(--quiz-flow-shadow);
}

[data-quiz-theme="personality"] .quiz-engine__landing-copy{
  align-content: start;
  justify-items: center;
  width: 100%;
  max-width: 790px;
  margin-inline: auto;
  text-align: center;
}

[data-quiz-theme="personality"] .quiz-engine__landing-art,
[data-quiz-theme="personality"] .quiz-engine__landing-symbol{
  display: none !important;
}

[data-quiz-theme="personality"] .quiz-engine__landing-badge{
  display: grid !important;
  width: 108px;
  height: 108px;
  place-items: center;
  margin: 0 auto 4px;
  overflow: hidden;
  border: 3px solid var(--personality-gold);
  border-radius: 50%;
  background: #d8e4df;
  box-shadow: 0 0 0 6px rgba(191,91,61,.14), 5px 7px 0 rgba(25,52,56,.16);
}

[data-quiz-theme="personality"] .quiz-engine__landing:not(.quiz-engine__landing--start-instruction) .quiz-engine__landing-badge span{
  display: block;
  width: 100%;
  height: 100%;
  background: url("./assets/items/personality-icon.webp") center / cover no-repeat;
  color: transparent;
  font-size: 0;
}

[data-quiz-theme="personality"] .quiz-engine__landing h1{
  max-width: 790px;
  margin: 7px auto 10px;
  color: var(--personality-ink);
  font-size: clamp(39px, 5.2vw, 58px);
  font-weight: 950;
  line-height: .98;
  letter-spacing: -.045em;
  text-wrap: balance;
}

[data-quiz-theme="personality"] .quiz-engine__landing .quiz-engine__quick-start{
  max-width: 660px;
  margin: 9px auto 0;
}

[data-quiz-theme="personality"] .quiz-engine__primary{
  border: 2px solid #8c3d29;
  background: linear-gradient(180deg, #d66c4d, var(--personality-coral));
  color: var(--quiz-primary-text);
  box-shadow: 0 6px 0 #783321, 0 12px 22px rgba(68,49,37,.2);
}

[data-quiz-theme="personality"] .quiz-engine__question-image{
  overflow: hidden;
  margin: 0 0 22px;
  border: 3px solid var(--personality-ink);
  border-radius: 12px;
  background: #dce6e1;
  box-shadow: 7px 8px 0 rgba(25,52,56,.14);
}

[data-quiz-theme="personality"] .quiz-engine__question-image img{
  display: block;
  width: 100%;
  aspect-ratio: 900 / 506;
  object-fit: cover;
}

[data-quiz-theme="personality"] .quiz-engine__answer{
  border: 2px solid rgba(57,101,103,.55);
  background: var(--quiz-surface-raised);
  color: var(--personality-ink);
  box-shadow: 4px 4px 0 rgba(25,52,56,.11);
}

[data-quiz-theme="personality"] .quiz-engine__answer > span{
  background: linear-gradient(180deg, #e7bf71, var(--personality-gold));
  color: #253f40;
}

[data-quiz-theme="personality"] .quiz-engine__progress i{
  background: linear-gradient(90deg, var(--personality-coral), var(--personality-gold));
}

@media(max-width:640px){
  [data-quiz-theme="personality"] .quiz-engine__landing-badge{width:80px;height:80px}
  [data-quiz-theme="personality"] .quiz-engine__landing h1{font-size:clamp(32px,9vw,42px)}
  [data-quiz-theme="personality"] .quiz-engine__landing .quiz-engine__quick-start{font-size:15px;line-height:1.38}
  [data-quiz-theme="personality"] .quiz-engine__question-image{margin-bottom:18px;border-width:2px}
}