/* Mastery II (M13, track AC): the recipe book, moonflower ink (writing it, and the letters in it
   warmed by the candle), and the button into the book from a crafting panel. */
.ms-bookbtn { display: block; width: 100%; margin-top: 8px; font-size: 13px; }
.ms-book .list { max-height: none; }
.ms-rec { align-items: flex-start; gap: 8px; }
.ms-rec .ico { width: 32px; height: 32px; image-rendering: pixelated; flex: none; margin-top: 2px; }
.ms-rec.dim .ico { opacity: .55; filter: saturate(.6); }
.ms-rec .ms-need { color: var(--ink2); }
.ms-rec .ms-src { font-style: italic; color: #8a6a3a; }
.ms-rec .ms-src.ok { color: var(--good); font-style: normal; }
.ms-ink .ms-who { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0; }
.ms-ink-text { min-height: 96px; resize: vertical; background: linear-gradient(180deg, #fbfaff 0%, #f1ecff 100%); border-color: #9a8ad8; font-style: italic; }
.ms-inkbox { margin-top: 10px; padding: 8px 10px; border-radius: 8px; background: linear-gradient(180deg, #f4f0ff 0%, #ece4ff 100%); border: 2px solid #b8a8e8; }
.ms-inkbox h4 { margin: 0 0 6px; color: #5a4a9a; font-size: 14px; }
.ms-inkrow { display: flex; flex-direction: column; gap: 4px; padding: 6px 0; border-top: 1px dashed #c8b8f0; }
.ms-inkrow:first-of-type { border-top: 0; }
.ms-secret { padding: 6px 8px; border-radius: 6px; background: #fffaf0; color: #3a2a5a; box-shadow: inset 0 0 12px rgba(255, 200, 120, .55); animation: ms-warm 2.4s ease-out; }
.ms-secret p { margin: 0 0 4px; font-style: italic; }
@keyframes ms-warm { from { opacity: 0; filter: blur(3px); color: #fffaf0; } 40% { opacity: .5; } to { opacity: 1; filter: none; } }
body.touch .ms-rec .ico { width: 28px; height: 28px; }
.ms-sheet { display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 6px; }
.ms-cell { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; font-size: 11px; line-height: 1.15; }
.ms-cell .ms-big { width: 48px; height: 48px; image-rendering: pixelated; }