.mm-load { padding:70px 0; color:#aec2d4; text-align:center; }
.mm-game { width:min(100%,980px); margin:0 auto; }
.mm-game[hidden],#playAgainBtn[hidden],.mm-answer[hidden] { display:none; }
.mm-meta { display:flex; justify-content:space-between; gap:12px; margin-bottom:12px; color:#85c8fb; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.mm-meta span:last-child { color:#ffad73; }
.mm-legend { display:flex; flex-wrap:wrap; gap:8px 18px; margin:0 0 16px; color:#a9bfd1; font-size:12px; }
.mm-legend span::before { content:""; display:inline-block; width:10px; height:10px; margin-right:7px; border:1px solid; border-radius:3px; vertical-align:-1px; }
.mm-legend .is-correct::before { border-color:#3f8f68; background:#16372d; }
.mm-legend .is-close::before { border-color:#b8923a; background:#3c3216; }
.mm-legend .is-wrong::before { border-color:#3f5775; background:#17263c; }
.mm-scroll { overflow-x:auto; margin-bottom:22px; padding-bottom:6px; }
.mm-board { display:grid; gap:6px; min-width:780px; }
.mm-row { display:grid; grid-template-columns:minmax(150px,1.5fr) repeat(6,minmax(86px,1fr)); gap:6px; }
.mm-head span { padding:0 4px; color:#85c8fb; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.mm-cell,.mm-film { min-width:0; min-height:64px; border:1px solid; border-radius:9px; }
.mm-cell { display:flex; flex-direction:column; justify-content:center; gap:2px; padding:8px 9px; font-size:12px; line-height:1.3; overflow-wrap:anywhere; animation:mm-flip .35s ease-out both; }
.mm-cell[data-status="correct"] { border-color:#3f8f68; background:#16372d; color:#d1f8e2; }
.mm-cell[data-status="close"] { border-color:#b8923a; background:#3c3216; color:#ffe9b3; }
.mm-cell[data-status="wrong"] { border-color:#3f5775; background:#17263c; color:#c9d7e4; }
.mm-cell .is-shared { color:#7ff0b6; font-weight:700; }
.mm-cell[data-status="close"] .is-shared { color:#ffd479; }
.mm-cell-empty { border:1px dashed #2f4560; background:transparent; animation:none; }
.mm-arrow { font-size:18px; font-weight:800; line-height:1; }
.mm-film { display:flex; align-items:center; gap:9px; padding:6px 9px; border-color:#476687; background:#1a2d46; color:#f0f6fb; font-size:12px; font-weight:700; line-height:1.3; }
.mm-film img { flex:none; width:34px; aspect-ratio:2/3; border-radius:4px; object-fit:cover; background:#223a58; }
.mm-answer { display:flex; align-items:center; gap:16px; max-width:520px; margin:0 auto 22px; padding:14px 16px; border:1px solid #476687; border-radius:12px; background:#15283f; text-align:left; }
.mm-answer img { flex:none; width:64px; aspect-ratio:2/3; border-radius:6px; object-fit:cover; }
.mm-answer strong { display:block; font-size:17px; }
.mm-answer small { color:#a9bfd1; font-size:12px; }
@keyframes mm-flip { from { opacity:0; transform:rotateX(70deg); } to { opacity:1; transform:none; } }
@media(prefers-reduced-motion:reduce) { .mm-cell { animation:none; } }