/* Per-Mori pages, the Mori index, the quiz and the invitation page (APP-061). */
.mori-page { max-width: 46rem; margin: 0 auto; padding: 0 1rem 3rem; }
.mori-portrait { margin: 1rem auto 0; text-align: center; }
.mori-portrait img { max-width: 100%; height: auto; }
.eyebrow { letter-spacing: .12em; text-transform: uppercase; font-size: .85rem; margin-bottom: 0; }
.mori-names { font-size: 1.05rem; }
.mori-links { display: flex; flex-wrap: wrap; gap: .5rem 1rem; padding: 0; list-style: none; }
.mori-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); gap: 1rem; padding: 0; list-style: none; }
.mori-grid a { display: flex; flex-direction: column; align-items: center; text-decoration: none; gap: .25rem; }
.mori-grid img { width: 100%; height: auto; }
.quiz-options { display: grid; gap: .75rem; padding: 0; list-style: none; }
.quiz-options button { width: 100%; text-align: start; padding: .9rem 1rem; border-radius: 1rem; font: inherit; cursor: pointer; }
.quiz-options .meaning { display: block; font-size: .9rem; opacity: .8; margin-top: .25rem; }
.invite-code { font-size: 2rem; letter-spacing: .25em; text-align: center; margin: 1rem 0; }
.small { font-size: .9rem; }
.button { display: inline-block; padding: .75rem 1.25rem; border-radius: 999px; text-decoration: none; }