/* mischief: styles for this game only (loaded after /css/core.css). */
.mm-card { display: flex; flex-direction: column; gap: 16px; }
.mm-q { font-family: var(--display); font-size: clamp(20px, 4.2vw, 26px); font-weight: 800; line-height: 1.35; }
.mm-form { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.mm-input { flex: 0 1 180px; min-width: 0; font-size: 22px; font-weight: 800; font-family: var(--display); text-align: center; }
.mm-unit { color: var(--muted); font-weight: 700; }
.mm-explain { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.mm-explain .good { color: var(--ok); font-weight: 800; font-size: 19px; }
.mm-explain .bad { color: var(--warn); font-weight: 800; font-size: 19px; }
.mm-card { border: 0; }
.mm-q { text-shadow: 0 1px 0 rgba(255, 255, 255, .4); }
.mm-q { text-shadow: none; }