.quiz-selector {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 26px;
}
.quiz-selector-label {
  margin-right: 12px;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .5px;
}
.quiz-choice {
  min-height: 42px;
  padding: 11px 20px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: transparent;
  color: var(--ink);
  font-size: 12px;
  transition: background .2s, border-color .2s;
}
.quiz-choice:hover { border-color: var(--teal); }
.quiz-choice[aria-pressed="true"] {
  background: var(--teal);
  border-color: var(--teal);
  color: #fffdf7;
}
.result-home { display: block; margin: 20px auto 0; }
.dog-theme {
  --paper: #f8f6ed;
  --teal: #69734b;
  --ink: #454a37;
  --coral: #bd8863;
  --line: #dfdfcf;
}
.dog-theme .hero-art {
  background: radial-gradient(ellipse at 50% 47%, #e5e6cc 0, #f0eddc 40%, transparent 69%);
}
.dog-theme .hero-fish { animation: none; }
.dog-theme .fish-large { transform: rotate(-3deg); }
.dog-theme .fish-small { transform: rotate(5deg); }
.dog-theme .fish-tiny { transform: rotate(-4deg); }
.dog-theme .bubble { border-color: #b7bc93; background: #d1d5b033; }
.dog-theme .button-primary:hover { background: #515b38; }
.dog-theme .result-illustration { background: radial-gradient(ellipse, #e5e6cc66, transparent 70%); }

.cat-theme {
  --paper: #faf5ee;
  --teal: #835c49;
  --ink: #4c403b;
  --coral: #bc856b;
  --line: #e5dacf;
}
.cat-theme .hero-art {
  background: radial-gradient(ellipse at 50% 47%, #ead8c6 0, #f4e9dc 40%, transparent 69%);
}
.cat-theme .hero-fish { animation: none; }
.cat-theme .fish-large { transform: rotate(-4deg); }
.cat-theme .fish-small { transform: rotate(5deg); }
.cat-theme .fish-tiny { transform: rotate(-3deg); }
.cat-theme .bubble { border-color: #c8ad93; background: #dfc6ad33; }
.cat-theme .button-primary:hover { background: #684737; }
.cat-theme .result-illustration { background: radial-gradient(ellipse, #ead8c655, transparent 70%); }
.fox-theme {
  --paper: #faf4ec;
  --teal: #b0602f;
  --ink: #5a3d28;
  --coral: #c97b45;
  --line: #ead9c8;
}
.fox-theme .hero-art {
  background: radial-gradient(ellipse at 50% 47%, #f2dcc2 0, #f7ead8 40%, transparent 69%);
}
.fox-theme .hero-fish { animation: none; }
.fox-theme .fish-large { transform: rotate(-3deg); }
.fox-theme .fish-small { transform: rotate(6deg); }
.fox-theme .fish-tiny { transform: rotate(-4deg); }
.fox-theme .bubble { border-color: #d3ab84; background: #e9cda733; }
.fox-theme .button-primary:hover { background: #8f4c22; }
.fox-theme .result-illustration { background: radial-gradient(ellipse, #f2dcc255, transparent 70%); }
.plant-theme {
  --paper: #f8f5ed;
  --teal: #536e48;
  --ink: #344932;
  --coral: #bd785d;
  --line: #e0dfd0;
}
.plant-theme .hero-art {
  background: radial-gradient(ellipse at 50% 47%, #e7ead7 0, #f0eddf 40%, transparent 69%);
}
.plant-theme .hero-fish { animation: none; }
.plant-theme .fish-large { transform: rotate(-5deg); }
.plant-theme .fish-small { transform: rotate(8deg); }
.plant-theme .fish-tiny { transform: rotate(4deg); }
.plant-theme .bubble { border-color: #b8bd92; background: #c8cead33; }
.plant-theme .button-primary:hover { background: #405b38; }
.plant-theme .result-illustration { background: radial-gradient(ellipse, #e7ead744, transparent 70%); }
@media (max-width: 700px) {
  .quiz-selector { gap: 8px; padding-top: 20px; }
  .quiz-selector-label { flex-basis: 100%; margin: 0 0 2px; }
  .quiz-choice { padding: 10px 12px; font-size: 11px; }
  .plant-theme nav a, .fox-theme nav a { max-width: 90px; }
}
@media (prefers-reduced-motion: reduce) {
  .quiz-choice { transition: none; }
}