[data-quiz-theme="grossquiz"]{
  --gross-ink: var(--quiz-text);
  --gross-plum: var(--quiz-primary);
  --gross-lime: var(--quiz-border);
  --quiz-flow-border: 2px solid color-mix(in srgb, var(--gross-lime) 78%, transparent);
  --quiz-flow-radius: 22px;
  --quiz-flow-shadow: 10px 12px 0 rgba(39,14,29,.19), 0 28px 64px rgba(39,14,29,.28);
  --quiz-flow-background: radial-gradient(circle at 50% 0%, #fffdf5 0%, var(--quiz-surface) 58%, #e8dac9 100%);
  background: radial-gradient(circle at 50% 5%, #74445f 0%, var(--quiz-page) 56%, #24101c 100%);
}

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

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

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

[data-quiz-theme="grossquiz"] .quiz-engine__landing-badge{
  display: grid !important;
  width: 112px;
  height: 112px;
  place-items: center;
  margin: 0 auto 5px;
  overflow: hidden;
  border: 3px solid var(--gross-lime);
  border-radius: 24px;
  background: var(--gross-plum);
  box-shadow: 0 0 0 6px rgba(168,200,63,.13), 5px 7px 0 rgba(39,14,29,.17);
  transform: rotate(-1.5deg);
}

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

[data-quiz-theme="grossquiz"] .quiz-engine__landing h1{
  max-width: 760px;
  margin: 8px auto 10px;
  color: var(--gross-ink);
  font-size: clamp(42px, 5.2vw, 60px);
  font-weight: 950;
  line-height: .96;
  letter-spacing: -.045em;
  text-wrap: balance;
}

[data-quiz-theme="grossquiz"] .quiz-engine__landing .quiz-engine__quick-start{
  max-width: 680px;
  margin: 13px auto 0;
  padding-bottom: 20px;
  font-size: 17px;
  line-height: 1.45;
}

[data-quiz-theme="grossquiz"] .quiz-engine__primary{
  border: 2px solid #8cae2d;
  background: linear-gradient(180deg, #963567, var(--gross-plum));
  color: var(--quiz-primary-text);
  box-shadow: 0 6px 0 #4d1437, 0 12px 22px rgba(67,18,46,.25);
}

[data-quiz-theme="grossquiz"] .quiz-engine__answer{
  border: 2px solid rgba(101,51,77,.6);
  background: var(--quiz-surface-raised);
  color: var(--gross-ink);
  box-shadow: 4px 4px 0 rgba(39,14,29,.1);
}

[data-quiz-theme="grossquiz"] .quiz-engine__answer > span{
  background: linear-gradient(180deg, #c6df68, var(--gross-lime));
  color: #26320a;
}

[data-quiz-theme="grossquiz"] .quiz-engine__progress i{
  background: linear-gradient(90deg, var(--gross-plum), var(--gross-lime));
}

@media(max-width:640px){
  [data-quiz-theme="grossquiz"] .quiz-engine__landing-badge{width:84px;height:84px;border-radius:19px}
  [data-quiz-theme="grossquiz"] .quiz-engine__landing h1{font-size:clamp(37px,10.5vw,47px)}
  [data-quiz-theme="grossquiz"] .quiz-engine__landing .quiz-engine__quick-start{margin-top:13px;padding-bottom:18px;font-size:15px;line-height:1.42}
}