.mm-game {
    --mm-ink: #183a43;
    --mm-teal: #23675f;
    --mm-orange: #d5af67;
    --mm-paper: #faf6ed;
    --mm-border: #dfd8c7;
    --mm-muted: #63736f;
    --mm-night: #102c41;
    --mm-gold: #a77c32;
    direction: rtl;
    color: var(--mm-ink);
    background: var(--mm-paper);
    border: 1px solid var(--mm-border);
    border-radius: 18px;
    overflow: hidden;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.9;
    text-align: right;
    max-width: 1100px;
    margin: 24px auto;
    box-shadow: 0 14px 45px #173e4b0a;
}
.mm-game *, .mm-game *::before, .mm-game *::after { box-sizing: border-box; }
.mm-game [hidden] { display: none !important; }
.mm-game h2, .mm-game h3, .mm-game p, .mm-game ol, .mm-game dl, .mm-game dd { margin: 0; padding: 0; }
.mm-game h2, .mm-game h3 { color: inherit; font-family: inherit; font-weight: 700; }
.mm-game .mm-header {
    padding: 28px 36px;
    color: #fffdf8;
    background: var(--mm-teal);
    border-bottom: 5px solid var(--mm-orange);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.mm-game .mm-eyebrow { color: #d7e5e7; font-size: 12px; }
.mm-game .mm-header h2 { font-size: clamp(24px, 4vw, 34px); margin: 3px 0 5px; line-height: 1.6; }
.mm-game .mm-header p { color: #e3eceb; font-size: 14px; }
.mm-game .mm-ornament {
    display: grid;
    place-items: center;
    width: 78px;
    height: 78px;
    border: 1px solid #f2a04480;
    border-radius: 50% 50% 12% 50%;
    color: var(--mm-orange);
    font-family: Georgia, serif;
    font-size: 52px;
    flex-shrink: 0;
}
.mm-game .mm-welcome { text-align: center; padding: 36px 24px; max-width: 760px; margin: auto; }
.mm-game .mm-kicker { color: var(--mm-muted); font-size: 13px; }
.mm-game .mm-welcome h3 { font-size: 32px; margin: 10px 0 15px; }
.mm-game .mm-welcome > p { margin: 0 0 24px; }
.mm-game .mm-welcome .mm-caption { font-size: 12px; margin-top: 18px; margin-bottom: 0; }
.mm-game .mm-player-fields { border: 0; padding: 0; margin: 24px 0; min-inline-size: 0; text-align: right; }
.mm-game .mm-player-fields legend { width: auto; float: none; font-size: 15px; font-weight: 700; padding: 0; margin: 0 0 12px; }
.mm-game .mm-player-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mm-game .mm-player-grid label { font-size: 12px; font-weight: 600; margin: 0; }
.mm-game .mm-player-grid input { display: block; appearance: auto; position: static; width: 100%; min-width: 0; min-height: 46px; margin: 6px 0 0; padding: 10px 12px; border: 1px solid #aebdbe; border-radius: 8px; background: #fff; color: var(--mm-ink); font: inherit; font-size: 16px; line-height: 1.8; box-shadow: none; }
.mm-game .mm-player-grid input:disabled { opacity: .65; }
.mm-game .mm-player-name { font-size: 13px; font-weight: 700; margin-bottom: 16px; overflow-wrap: anywhere; }
.mm-game .mm-leaderboard { border-top: 1px solid var(--mm-border); padding: 26px 28px; background: #fffdf8; }
.mm-game .mm-leaderboard-heading { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 8px; }
.mm-game .mm-leaderboard-heading h3 { font-size: 21px; }
.mm-game .mm-leaderboard-heading .mm-button { font-size: 12px; }
.mm-game .mm-leaders-table { width: 100%; border-collapse: collapse; margin: 18px 0 0; text-align: right; table-layout: fixed; }
.mm-game .mm-leaders-table th, .mm-game .mm-leaders-table td { border: 0; border-bottom: 1px solid var(--mm-border); padding: 12px; font-size: 14px; overflow-wrap: anywhere; }
.mm-game .mm-leaders-table th { background: #edf5f2; color: var(--mm-muted); font-size: 12px; }
.mm-game .mm-leaders-table th:first-child { width: 65px; }
.mm-game .mm-leaders-table th:last-child { width: 95px; }
.mm-game .mm-leaders-table td:last-child { font-weight: 700; color: var(--mm-teal); }
.mm-game .mm-leaders-table tbody tr:first-child { background: #fff5e3; }
.mm-game .mm-save-status { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin-top: 10px; font-size: 12px; color: var(--mm-muted); }
.mm-game .mm-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.mm-game .mm-poet-picker { border: 0; padding: 0; margin: 26px 0 12px; min-inline-size: 0; text-align: right; }
.mm-game .mm-poet-picker legend { float: none; width: auto; font-size: 15px; font-weight: 700; margin: 0; padding: 0; }
.mm-game .mm-poet-picker .mm-caption { margin: 6px 0 14px; }
.mm-game .mm-poet-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.mm-game .mm-poet-card { display: flex; align-items: center; gap: 9px; padding: 15px 12px; margin: 0; border: 1px solid var(--mm-border); background: #fff; border-radius: 10px; cursor: pointer; }
.mm-game .mm-poet-card:has(input:checked) { background: #edf5f2; border-color: #81aaa5; }
.mm-game .mm-poet-card input { appearance: auto; position: static; width: 19px; height: 19px; min-width: 19px; margin: 0; opacity: 1; accent-color: var(--mm-teal); }
.mm-game .mm-poet-card strong { display: block; font-size: 15px; }
.mm-game .mm-poet-card small { display: block; font-size: 11px; color: var(--mm-muted); font-weight: normal; white-space: nowrap; }
.mm-game .mm-poet-picker:disabled { opacity: .6; }
.mm-game .mm-poet-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.mm-game .mm-welcome .mm-selection-summary { font-size: 13px; margin: 0 0 18px; color: var(--mm-teal); }
.mm-game .mm-selected-poets { font-size: 11px; color: var(--mm-muted); margin-bottom: 16px; overflow-wrap: anywhere; }
.mm-game .mm-sidebar .mm-change-poets { margin-top: 7px; font-size: 11px; }
.mm-game .mm-options { margin: 18px 28px 0; padding: 10px 16px 14px; min-inline-size: 0; border: 1px solid var(--mm-border); border-radius: 10px; background: #fafbf7; }
.mm-game .mm-options legend { width: auto; padding: 0 8px; margin: 0; color: var(--mm-muted); font-size: 12px; font-weight: 600; }
.mm-game .mm-options-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 24px; }
.mm-game .mm-option { display: flex; align-items: flex-start; gap: 10px; margin: 0; cursor: pointer; }
.mm-game .mm-option input { appearance: auto; position: static; width: 20px; height: 20px; min-width: 20px; margin: 4px 0 0; opacity: 1; accent-color: var(--mm-teal); cursor: pointer; }
.mm-game .mm-option strong { display: block; font-size: 13px; color: var(--mm-ink); }
.mm-game .mm-option small { display: block; color: var(--mm-muted); font-size: 11px; line-height: 1.8; font-weight: normal; }
.mm-game .mm-button {
    appearance: none;
    width: auto;
    min-height: 44px;
    padding: 10px 20px;
    border: 1px solid transparent;
    border-radius: 8px;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
    text-transform: none;
    cursor: pointer;
    box-shadow: none;
    margin: 0;
    transition: background-color .15s, border-color .15s;
}
.mm-game .mm-primary { background: var(--mm-teal); color: #fff; }
.mm-game .mm-primary:hover { background: #0b3e51; }
.mm-game .mm-welcome .mm-primary { min-width: 180px; background: var(--mm-orange); color: #233f45; }
.mm-game .mm-welcome .mm-primary:hover { background: #e99534; }
.mm-game .mm-secondary { background: #fff; border-color: #b6c4c7; color: var(--mm-teal); }
.mm-game .mm-secondary:hover { background: #edf4f4; border-color: var(--mm-teal); }
.mm-game .mm-quiet { background: transparent; border-color: #b6c4c7; color: var(--mm-ink); }
.mm-game .mm-quiet:hover { background: #e8efee; }
.mm-game .mm-text { color: var(--mm-muted); background: transparent; padding-inline: 8px; font-size: 12px; }
.mm-game .mm-text:hover { color: var(--mm-ink); text-decoration: underline; }
.mm-game .mm-button:disabled { opacity: .6; cursor: wait; }
.mm-game :is(button, input, textarea, summary, a, [tabindex]):focus-visible { outline: 3px solid #c57922; outline-offset: 4px; }
.mm-game .mm-arena { display: grid; grid-template-columns: 195px minmax(0, 1fr); margin-top: 20px; border-top: 1px solid var(--mm-border); }
.mm-game .mm-sidebar { padding: 28px 20px; background: #f1f3ed; border-left: 1px solid var(--mm-border); text-align: center; }
.mm-game .mm-next { display: flex; flex-direction: column; align-items: center; font-size: 12px; }
.mm-game .mm-letter { display: block; color: var(--mm-teal); font-size: 72px; line-height: 1.55; margin: 8px 0; }
.mm-game .mm-next-caption { color: var(--mm-muted); font-size: 11px; }
.mm-game .mm-stats { border-top: 1px solid var(--mm-border); margin: 25px 0 15px; padding-top: 20px; }
.mm-game .mm-stats > div { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 9px; }
.mm-game .mm-stats dt { font-size: 12px; color: var(--mm-muted); }
.mm-game .mm-stats dd { font-size: 22px; font-weight: bold; line-height: 1.5; }
.mm-game .mm-scoring { color: var(--mm-muted); font-size: 11px; margin-bottom: 22px; }
.mm-game .mm-sidebar .mm-button { font-size: 12px; width: 100%; }
.mm-game .mm-main { min-width: 0; padding: 24px; }
.mm-game .mm-conversation-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.mm-game .mm-conversation-heading h3 { font-size: 15px; }
.mm-game .mm-conversation-heading > span { color: var(--mm-muted); font-size: 11px; }
.mm-game .mm-history { list-style: none; max-height: 380px; min-height: 145px; overflow-y: auto; overscroll-behavior: contain; padding: 4px 4px 12px; scrollbar-width: thin; }
.mm-game .mm-move { list-style: none; margin: 0 0 16px 24px; padding: 15px 18px; border: 1px solid #d9e4e3; border-radius: 12px 2px 12px 12px; background: #f0f6f5; }
.mm-game .mm-move-user { margin: 0 24px 16px 0; background: #fff7e9; border-color: #eaddc3; border-radius: 2px 12px 12px 12px; }
.mm-game .mm-move-heading { font-size: 11px; display: flex; justify-content: space-between; color: var(--mm-muted); margin-bottom: 8px; gap: 10px; }
.mm-game .mm-verse { white-space: pre-line; font-size: 17px; line-height: 2.1; overflow-wrap: anywhere; }
.mm-game .mm-verse-typing { min-height: 4.2em; }
.mm-game .mm-verse-typing::after { content: ''; display: inline-block; width: 2px; height: 1em; margin-inline-start: 3px; background: var(--mm-teal); vertical-align: -.12em; animation: mm-caret .75s step-end infinite; }
@keyframes mm-caret { 50% { opacity: 0; } }
.mm-game .mm-correction { border-top: 1px dashed #c6bb9f; margin-top: 12px; padding-top: 10px; }
.mm-game .mm-correction-label { display: block; color: #4b634f; font-size: 11px; font-weight: 600; margin-bottom: 6px; }
.mm-game .mm-correction .mm-verse { color: var(--mm-ink); }
.mm-game .mm-correction-caption { font-size: 11px; color: var(--mm-muted); margin-top: 5px; }
.mm-game .mm-accepted-variant { background: #f0f6ec; border: 1px solid #c3d4bb; border-radius: 9px; padding: 12px 16px; margin: 8px 0 18px; }
.mm-game .mm-accepted-variant > strong { font-size: 13px; }
.mm-game .mm-accepted-variant .mm-verse { margin: 8px 0; font-size: 15px; }
.mm-game .mm-source { display: inline-block; margin-top: 8px; font-size: 11px; color: var(--mm-teal); text-decoration: underline; text-underline-offset: 4px; }
.mm-game .mm-form { border-top: 1px solid var(--mm-border); padding-top: 18px; }
.mm-game .mm-form label { display: block; font-size: 14px; font-weight: 700; margin-bottom: 8px; }
.mm-game .mm-form textarea { display: block; width: 100%; min-height: 100px; max-height: 320px; padding: 14px; border: 1px solid #aebdbe; border-radius: 8px; background: #fff; color: var(--mm-ink); font: inherit; font-size: 16px; line-height: 1.8; resize: vertical; box-shadow: none; }
.mm-game .mm-form textarea::placeholder { color: var(--mm-muted); opacity: 1; }
.mm-game .mm-form textarea[aria-invalid="true"] { border-color: #a63236; }
.mm-game .mm-input-help { color: var(--mm-muted); font-size: 11px; margin-top: 6px; }
.mm-game .mm-suggestions { margin-top: 12px; padding: 12px; border: 1px solid #b9cfce; border-radius: 10px; background: #f4f9f8; }
.mm-game .mm-suggestions-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12px; }
.mm-game .mm-suggestions-heading .mm-button { min-height: 32px; padding-block: 2px; }
.mm-game .mm-suggestions-status { color: var(--mm-muted); font-size: 11px; margin-bottom: 8px; }
.mm-game .mm-suggestion-list { list-style: none; margin: 0; padding: 0; max-height: 330px; overflow-y: auto; scrollbar-width: thin; overscroll-behavior: contain; }
.mm-game .mm-suggestion-list li { list-style: none; margin: 0 0 8px; padding: 0; }
.mm-game .mm-suggestion { display: block; width: 100%; padding: 10px 12px; background: #fff; color: var(--mm-ink); border: 1px solid #ccdcd9; border-radius: 8px; cursor: pointer; font: inherit; text-align: right; line-height: 1.8; white-space: normal; box-shadow: none; }
.mm-game .mm-suggestion:hover, .mm-game .mm-suggestion:focus-visible { background: #e8f1ef; border-color: var(--mm-teal); }
.mm-game .mm-suggestion .mm-verse { display: block; font-size: 14px; }
.mm-game .mm-suggestion-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; font-size: 11px; color: var(--mm-teal); margin-top: 6px; }
.mm-game .mm-suggestions > .mm-caption { font-size: 10px; margin-top: 8px; }
.mm-game .mm-error { color: #a1292e; font-size: 13px; }
.mm-game .mm-error:not(:empty) { margin: 9px 0; }
.mm-game .mm-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 16px; }
.mm-game .mm-hint { background: #fff4dd; border: 1px solid #e8d3a8; border-radius: 10px; padding: 16px; margin-top: 18px; }
.mm-game .mm-hint > strong { font-size: 12px; }
.mm-game .mm-hint .mm-verse { margin: 8px 0; }
.mm-game .mm-hint > span { display: block; font-size: 12px; margin-bottom: 12px; }
.mm-game .mm-hint .mm-button { font-size: 12px; }
.mm-game .mm-result { background: #eef5ef; border: 1px solid #bfd3c3; border-radius: 10px; padding: 22px; margin-top: 10px; }
.mm-game .mm-result h3 { font-size: 20px; }
.mm-game .mm-result p { margin: 8px 0 16px; font-size: 14px; }
.mm-game .mm-status { font-size: 12px; color: var(--mm-muted); padding: 0 24px; }
.mm-game .mm-status:not(:empty) { padding-block: 12px; border-top: 1px solid var(--mm-border); }
.mm-game .mm-rules { border-top: 1px solid var(--mm-border); padding: 16px 28px; background: #faf9f4; font-size: 13px; }
.mm-game .mm-rules summary { cursor: pointer; color: var(--mm-teal); font-weight: 600; min-height: 28px; }
.mm-game .mm-rules ol { padding: 14px 20px 8px 0; }
.mm-game .mm-rules li { padding: 0 0 7px; }
.mm-game .mm-rules p { margin-top: 10px; }
.mm-game .mm-caption { font-size: 12px; color: var(--mm-muted); }
@media (max-width: 640px) {
    .mm-game { margin: 12px auto; border-radius: 12px; font-size: 14px; }
    .mm-game .mm-header { padding: 22px 20px; gap: 12px; }
    .mm-game .mm-header p { font-size: 12px; }
    .mm-game .mm-ornament { width: 52px; height: 52px; font-size: 36px; }
    .mm-game .mm-eyebrow { font-size: 10px; }
    .mm-game .mm-welcome { padding: 32px 22px; }
    .mm-game .mm-welcome h3 { font-size: 27px; }
    .mm-game .mm-player-grid { grid-template-columns: 1fr; }
    .mm-game .mm-player-fields legend { font-size: 13px; }
    .mm-game .mm-player-name { grid-column: 1 / -1; margin: 0; }
    .mm-game .mm-leaderboard { padding: 22px 18px; }
    .mm-game .mm-leaderboard-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
    .mm-game .mm-leaders-table th, .mm-game .mm-leaders-table td { padding: 10px 8px; }
    .mm-game .mm-poet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mm-game .mm-poet-card { padding: 12px 10px; }
    .mm-game .mm-poet-picker legend { font-size: 13px; }
    .mm-game .mm-options { margin: 14px 14px 0; padding: 6px 12px 12px; }
    .mm-game .mm-options-grid { grid-template-columns: 1fr; gap: 10px; }
    .mm-game .mm-option strong { font-size: 12px; }
    .mm-game .mm-option small { font-size: 10px; }
    .mm-game .mm-suggestions { padding: 10px; }
    .mm-game .mm-suggestion { padding: 8px 10px; }
    .mm-game .mm-arena { grid-template-columns: minmax(0, 1fr); }
    .mm-game .mm-sidebar { padding: 14px 18px; border-left: 0; border-bottom: 1px solid var(--mm-border); display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; align-items: center; }
    .mm-game .mm-next { grid-row: span 2; font-size: 11px; }
    .mm-game .mm-letter { font-size: 48px; margin: 0; line-height: 1.45; }
    .mm-game .mm-next-caption { font-size: 10px; }
    .mm-game .mm-stats { margin: 0; padding: 0; border: 0; }
    .mm-game .mm-stats > div { margin-bottom: 2px; }
    .mm-game .mm-stats dd { font-size: 19px; }
    .mm-game .mm-scoring { display: none; }
    .mm-game .mm-selected-poets { grid-column: 1 / -1; margin: 0; }
    .mm-game .mm-sidebar .mm-change-poets { margin: 0; }
    .mm-game .mm-sidebar .mm-button { padding: 6px 10px; }
    .mm-game .mm-main { padding: 18px 14px; }
    .mm-game .mm-history { max-height: 330px; }
    .mm-game .mm-move { margin-left: 12px; padding: 12px; }
    .mm-game .mm-move-user { margin-right: 12px; margin-left: 0; }
    .mm-game .mm-verse { font-size: 16px; }
    .mm-game .mm-actions { gap: 8px; }
    .mm-game .mm-actions .mm-primary, .mm-game .mm-actions .mm-secondary { flex: 1; padding-inline: 12px; }
    .mm-game .mm-actions .mm-text { width: 100%; }
    .mm-game .mm-rules { padding: 15px 20px; }
}
@media (prefers-reduced-motion: reduce) { .mm-game .mm-button { transition: none; } .mm-game .mm-verse-typing::after { animation: none; display: none; } }

/* An illuminated poetry notebook. Ornament remains outside reading surfaces. */
.mm-game { max-width: 1120px; border-radius: 4px; border-color: #c9bfa9; background: var(--mm-paper) url('art/arabesque-tile.svg') repeat; background-size: 240px; box-shadow: 0 25px 80px #102c4114; }
.mm-game .mm-header { position: relative; isolation: isolate; overflow: hidden; min-height: 340px; padding: 44px 64px 36px; border-bottom: 3px solid var(--mm-orange); background: radial-gradient(ellipse at 18% 50%, #205159 0, transparent 55%), var(--mm-night); }
.mm-game .mm-header::before { content: ''; position: absolute; inset: 13px; border: 1px solid #d5af675c; pointer-events: none; z-index: -1; }
.mm-game .mm-header::after { content: ''; position: absolute; inset: 20px; border: 1px solid #d5af6724; background: url('art/corner.svg') right top / 94px no-repeat; pointer-events: none; z-index: -1; }
.mm-game .mm-hero-copy { position: relative; z-index: 1; flex: 1; min-width: 0; }
.mm-game .mm-eyebrow { display: inline-flex; align-items: center; gap: 12px; color: #ddc99d; font-size: 12px; letter-spacing: .1px; }
.mm-game .mm-eyebrow > span { color: var(--mm-orange); font-size: 20px; }
.mm-game .mm-header h2 { font-family: 'Traditional Arabic', 'Noto Naskh Arabic', 'Times New Roman', serif; font-size: clamp(52px, 6.4vw, 82px); line-height: 1.25; font-weight: 700; margin: 10px 0 14px; letter-spacing: -1px; }
.mm-game .mm-header h2 > span { color: #dfbd7a; white-space: nowrap; }
.mm-game .mm-header p { color: #d8e4e0; font-size: 15px; line-height: 2.1; }
.mm-game .mm-hero-meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 24px; color: #b4ccca; font-size: 10px; }
.mm-game .mm-hero-meta i { color: #b39151; font-style: normal; font-size: 5px; }
.mm-game .mm-hero-art { width: 240px; height: 282px; flex: 0 0 240px; position: relative; display: grid; place-items: center; background: url('art/toranj.svg') center / contain no-repeat; }
.mm-game .mm-seal { font-family: 'Traditional Arabic', 'Times New Roman', serif; font-size: 70px; line-height: 1; color: #ead5a8; transform: translateY(-4px); }
.mm-game .mm-art-caption { position: absolute; bottom: -16px; font-size: 10px; color: #d6c396; white-space: nowrap; }
.mm-game .mm-companion { display: flex; align-items: center; gap: 16px; padding: 20px 32px; background: #f3ecdbeF; border-bottom: 1px solid var(--mm-border); min-height: 100px; }
.mm-game .mm-companion-icon { flex: 0 0 46px; display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid #bda470; border-radius: 50%; color: var(--mm-gold); font-size: 26px; background: #fcf8ef; }
.mm-game .mm-companion-copy { flex: 1; min-width: 0; }
.mm-game .mm-companion-copy > strong { display: block; font-size: 14px; color: var(--mm-teal); }
.mm-game .mm-companion-copy > p { font-size: 12px; color: #52635e; line-height: 1.95; margin-top: 2px; overflow-wrap: anywhere; }
.mm-game .mm-pep-talk { font-size: 11px; color: #68542e; background: transparent; border-color: #ccb991; border-radius: 3px; padding: 8px 12px; flex-shrink: 0; }
.mm-game .mm-pep-talk span { padding-inline-start: 6px; font-size: 17px; }
.mm-game .mm-pep-talk:hover { background: #e9ddc5; }
.mm-game .mm-companion:is([data-mood='success'], [data-mood='milestone'], [data-mood='won']) { background: #e8f1e9; }
.mm-game .mm-companion:is([data-mood='success'], [data-mood='milestone'], [data-mood='won']) .mm-companion-icon { background: #f8fbf2; color: var(--mm-teal); border-color: #91afa0; }
.mm-game .mm-companion[data-mood='retry'] { background: #fbf0e1; }
.mm-game .mm-options { margin: 24px 36px 0; border-radius: 4px; background: #fffdf8eF; border-color: var(--mm-border); padding: 8px 20px 16px; }
.mm-game .mm-options legend { color: #6c725f; font-size: 11px; }
.mm-game .mm-options-grid { gap: 24px; }
.mm-game .mm-option strong { font-size: 12px; }
.mm-game .mm-option small { font-size: 10px; }
.mm-game .mm-option input { width: 17px; height: 17px; min-width: 17px; }
.mm-game .mm-welcome { max-width: none; padding: 28px 36px 32px; text-align: right; }
.mm-game .mm-welcome-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.mm-game .mm-kicker { font-size: 10px; color: #797056; }
.mm-game .mm-welcome h3 { margin: 4px 0 0; font-size: 25px; line-height: 1.8; }
.mm-game .mm-section-mark { font-size: 44px; color: #ab925f; line-height: 1; }
.mm-game .mm-setup-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.25fr); gap: 32px; background: #fffdf8; padding: 26px 24px; border: 1px solid var(--mm-border); border-radius: 4px; }
.mm-game .mm-player-fields, .mm-game .mm-poet-picker { margin: 0; }
.mm-game .mm-player-fields { padding-inline-end: 28px; border-inline-end: 1px solid var(--mm-border); }
.mm-game .mm-player-fields legend, .mm-game .mm-poet-picker legend { font-size: 13px; margin-bottom: 12px; line-height: 2; }
.mm-game .mm-step { display: inline-block; font-family: 'Traditional Arabic', 'Times New Roman', serif; font-size: 22px; font-weight: 400; color: var(--mm-gold); margin-inline-end: 8px; }
.mm-game .mm-player-grid { grid-template-columns: 1fr; gap: 13px; }
.mm-game .mm-player-grid input { background: #fdfcf8; border: 1px solid #cecbbb; border-radius: 3px; font-size: 14px; min-height: 44px; padding: 8px 12px; }
.mm-game .mm-player-grid input:focus { border-color: var(--mm-teal); background: #fff; }
.mm-game .mm-welcome .mm-caption { font-size: 10px; line-height: 1.9; margin-top: 12px; }
.mm-game .mm-poet-picker .mm-caption { margin: 0 0 14px; }
.mm-game .mm-poet-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.mm-game .mm-poet-card { flex: 1 1 calc(50% - 5px); min-width: 0; position: relative; overflow: hidden; padding: 13px 12px; min-height: 90px; border-radius: 3px; border-color: #d5cfc0; background: #fcfaf5; gap: 10px; transition: border-color .18s, background-color .18s; }
.mm-game .mm-poet-card:hover { border-color: var(--mm-gold); }
.mm-game .mm-poet-card:has(input:checked) { background: #edf3ed; border-color: #88a494; box-shadow: inset 0 -2px #668d7b; }
.mm-game .mm-poet-card strong { font-family: 'Traditional Arabic', 'Noto Naskh Arabic', 'Times New Roman', serif; font-size: 27px; line-height: 1.4; }
.mm-game .mm-poet-card small { font-size: 10px; }
.mm-game .mm-poet-card input { width: 17px; height: 17px; min-width: 17px; }
.mm-game .mm-poet-flower { margin-inline-start: auto; color: #b99d62; font-size: 32px; opacity: .7; }
.mm-game .mm-poet-actions { margin-top: 6px; justify-content: flex-end; gap: 4px; }
.mm-game .mm-poet-actions .mm-button { font-size: 10px; min-height: 36px; padding: 4px 8px; }
.mm-game .mm-start-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 24px; }
.mm-game .mm-welcome .mm-selection-summary { margin: 0; font-size: 12px; color: var(--mm-teal); }
.mm-game .mm-start-row .mm-caption { margin-top: 4px; }
.mm-game .mm-start-actions { display: flex; flex-direction: column; align-items: center; gap: 8px; flex-shrink: 0; }
.mm-game .mm-button { border-radius: 4px; }
.mm-game .mm-primary { background: var(--mm-teal); color: #fffdf7; box-shadow: 0 3px 0 #15483f; }
.mm-game .mm-primary:hover { background: #184f49; }
.mm-game .mm-welcome .mm-primary { background: var(--mm-night); color: #f4ddb0; box-shadow: 0 3px 0 #b29357; min-width: 200px; padding: 13px 22px; }
.mm-game .mm-welcome .mm-primary:hover { background: #214a59; }
.mm-game .mm-secondary, .mm-game .mm-quiet { border-color: #b8c4b9; color: var(--mm-teal); }
.mm-game .mm-arena { margin: 26px 36px 30px; grid-template-columns: 210px minmax(0, 1fr); border: 1px solid #cfc7b2; border-radius: 4px; overflow: hidden; background: #fffdf8; }
.mm-game .mm-sidebar { position: relative; padding: 26px 20px; background: linear-gradient(#102c41ed, #173e47f5), url('art/arabesque-tile.svg'); color: #f2e8d4; border: 0; }
.mm-game .mm-player-name { color: #e4cf9f; padding-bottom: 12px; border-bottom: 1px solid #b79d603d; font-size: 12px; }
.mm-game .mm-next { position: relative; padding: 18px 4px; background: url('art/corner.svg') right top / 45px no-repeat; }
.mm-game .mm-letter { display: grid; place-items: center; width: 110px; height: 110px; margin: 14px 0; border: 1px solid #c8ae6b8c; border-radius: 50% 50% 4px 4px; color: #f2d397; background: #f7db9310; font-family: 'Traditional Arabic', 'Times New Roman', serif; font-size: 82px; line-height: 1; }
.mm-game .mm-next-caption, .mm-game .mm-stats dt, .mm-game .mm-scoring, .mm-game .mm-selected-poets { color: #b3c9c6; }
.mm-game .mm-stats { margin: 16px 0; border-color: #c2ac7240; padding-top: 16px; }
.mm-game .mm-stats dd { color: #efd69c; font-size: 24px; }
.mm-game .mm-sidebar .mm-quiet { color: #f0dfb9; border-color: #b99f5e80; }
.mm-game .mm-sidebar .mm-quiet:hover { background: #d2b87520; }
.mm-game .mm-sidebar .mm-text { color: #c6d8d1; }
.mm-game .mm-main { padding: 22px 26px; background: url('art/corner.svg') left bottom / 70px no-repeat; }
.mm-game .mm-conversation-heading { padding-bottom: 13px; border-bottom: 1px solid var(--mm-border); }
.mm-game .mm-conversation-heading h3 { font-size: 16px; }
.mm-game .mm-conversation-heading h3 span { color: var(--mm-gold); padding-inline-end: 8px; }
.mm-game .mm-conversation-heading > span { font-size: 11px; background: #f3eee0; padding: 3px 10px; border-radius: 3px; }
.mm-game .mm-history { max-height: 380px; scrollbar-color: #adbdac #f4f1e9; }
.mm-game .mm-move { background: #eef4ee; border-color: #c8d8c8; border-radius: 10px 0 10px 10px; padding: 16px 20px; }
.mm-game .mm-move-user { background: #f9f1df; border-color: #e1d1ae; border-radius: 0 10px 10px 10px; }
.mm-game .mm-move-heading { color: #63705a; }
.mm-game .mm-verse { font-size: 17px; line-height: 2.2; }
.mm-game .mm-form textarea { border-radius: 4px; background: #fdfbf5; border-color: #c5ccb9; padding: 16px; }
.mm-game .mm-form textarea:focus { border-color: var(--mm-teal); background: #fff; }
.mm-game .mm-hint { border-radius: 4px; background: #fbf2dc; border-color: #d8bd7e; }
.mm-game .mm-suggestions { border-radius: 4px; background: #f0f5ee; border-color: #b9cbb9; }
.mm-game .mm-suggestion { border-radius: 3px; }
.mm-game .mm-result { position: relative; text-align: center; border: 1px solid #b8c5aa; border-radius: 4px; background: #f0f5e8 url('art/corner.svg') top right / 65px no-repeat; padding: 28px 22px; }
.mm-game .mm-result h3 { font-size: 24px; }
.mm-game .mm-status { color: #647363; font-size: 11px; background: #faf7f0; }
.mm-game .mm-status:not(:empty) { padding: 10px 36px; }
.mm-game .mm-leaderboard { padding: 28px 36px; background: #faf7efed; border-top: 1px solid #d2c6a8; }
.mm-game .mm-leaderboard-title { display: flex; align-items: center; gap: 14px; }
.mm-game .mm-laurel { width: 50px; height: 50px; flex: 0 0 50px; display: grid; place-items: center; border: 1px solid #c5af7b; color: #967431; font-size: 35px; border-radius: 50%; }
.mm-game .mm-leaderboard-heading h3 { font-size: 22px; margin-top: 2px; }
.mm-game .mm-leaderboard-heading .mm-button { font-size: 10px; }
.mm-game .mm-leaderboard > .mm-caption { font-size: 10px; }
.mm-game [data-mm='leaders-status']:not(:empty) { text-align: center; padding: 20px; margin-top: 12px; border: 1px dashed #cbbd9b; background: #fffdf6; border-radius: 4px; }
.mm-game .mm-leaders-table th { background: #e9eee3; color: #4d6957; }
.mm-game .mm-leaders-table tbody tr:first-child { background: #f4e7c9; }
.mm-game .mm-rules { background: #f0eddf; padding: 17px 36px; font-size: 12px; }
.mm-game .mm-footer { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 18px; font-size: 10px; color: #736648; border-top: 1px solid #d9ceaf; background: #f6f1e4; }
.mm-game .mm-footer span { color: #a9915d; }
.mm-game:is([data-phase='playing'], [data-phase='finished']) .mm-header { min-height: 0; padding: 22px 36px; }
.mm-game:is([data-phase='playing'], [data-phase='finished']) .mm-header::after { background: none; }
.mm-game:is([data-phase='playing'], [data-phase='finished']) .mm-header h2 { font-size: 40px; margin: 0; }
.mm-game:is([data-phase='playing'], [data-phase='finished']) .mm-header :is(.mm-eyebrow, .mm-hero-meta, .mm-hero-copy > p, .mm-art-caption) { display: none; }
.mm-game:is([data-phase='playing'], [data-phase='finished']) .mm-hero-art { width: 65px; height: 80px; flex-basis: 65px; margin-block: -12px; }
.mm-game:is([data-phase='playing'], [data-phase='finished']) .mm-seal { font-size: 24px; transform: none; }

@media (max-width: 850px) {
    .mm-game .mm-header { padding: 36px 38px; min-height: 310px; gap: 12px; }
    .mm-game .mm-header h2 { font-size: 58px; }
    .mm-game .mm-hero-art { width: 190px; height: 245px; flex-basis: 190px; }
    .mm-game .mm-hero-meta { gap: 8px; font-size: 9px; }
    .mm-game .mm-setup-grid { padding: 20px; gap: 22px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
    .mm-game .mm-player-fields { padding-inline-end: 20px; }
    .mm-game .mm-poet-card { padding: 12px 9px; gap: 6px; }
    .mm-game .mm-poet-flower { display: none; }
    .mm-game .mm-arena { grid-template-columns: 180px minmax(0, 1fr); margin-inline: 24px; }
    .mm-game .mm-main { padding: 20px 16px; }
}
@media (max-width: 640px) {
    .mm-game { margin: 0 auto; border-radius: 3px; font-size: 14px; }
    .mm-game .mm-header { min-height: 300px; padding: 35px 24px 30px; align-items: center; }
    .mm-game .mm-header::before { inset: 9px; }
    .mm-game .mm-header::after { inset: 14px; background-size: 52px; }
    .mm-game .mm-eyebrow { font-size: 10px; gap: 6px; }
    .mm-game .mm-eyebrow > span { font-size: 15px; }
    .mm-game .mm-header h2 { font-size: 55px; margin: 12px 0; line-height: 1.15; }
    .mm-game .mm-header h2 > span { display: block; }
    .mm-game .mm-header p { font-size: 11px; }
    .mm-game .mm-hero-art { position: absolute; width: 140px; height: 218px; left: 16px; top: 42px; opacity: .8; }
    .mm-game .mm-hero-copy { padding-inline-end: 98px; }
    .mm-game .mm-seal { font-size: 48px; }
    .mm-game .mm-art-caption { display: none; }
    .mm-game .mm-hero-meta { margin-top: 18px; font-size: 9px; gap: 6px; }
    .mm-game .mm-hero-meta span:last-child, .mm-game .mm-hero-meta i:last-of-type { display: none; }
    .mm-game .mm-companion { padding: 16px 18px; gap: 10px; flex-wrap: wrap; }
    .mm-game .mm-companion-icon { width: 34px; height: 34px; flex-basis: 34px; font-size: 22px; }
    .mm-game .mm-companion-copy { flex-basis: calc(100% - 50px); }
    .mm-game .mm-companion-copy > strong { font-size: 12px; }
    .mm-game .mm-companion-copy > p { font-size: 11px; }
    .mm-game .mm-pep-talk { margin-inline-start: 44px; min-height: 36px; padding: 5px 10px; font-size: 10px; }
    .mm-game .mm-options { margin: 20px 18px 0; padding: 6px 14px 14px; }
    .mm-game .mm-options-grid { gap: 13px; }
    .mm-game .mm-option strong { font-size: 12px; }
    .mm-game .mm-option small { font-size: 10px; }
    .mm-game .mm-welcome { padding: 24px 18px; }
    .mm-game .mm-welcome-heading { gap: 10px; margin-bottom: 20px; }
    .mm-game .mm-welcome h3 { font-size: 20px; }
    .mm-game .mm-section-mark { font-size: 32px; }
    .mm-game .mm-setup-grid { grid-template-columns: minmax(0, 1fr); padding: 20px 16px; gap: 24px; }
    .mm-game .mm-player-fields { padding: 0 0 20px; border-inline-end: 0; border-bottom: 1px solid var(--mm-border); }
    .mm-game .mm-player-grid input { font-size: 16px; }
    .mm-game .mm-poet-grid { gap: 8px; }
    .mm-game .mm-poet-card { min-height: 83px; padding: 12px 10px; }
    .mm-game .mm-poet-card strong { font-size: 27px; }
    .mm-game .mm-poet-card small { font-size: 10px; }
    .mm-game .mm-start-row { flex-direction: column; align-items: stretch; gap: 16px; text-align: center; padding-top: 20px; }
    .mm-game .mm-start-actions, .mm-game .mm-start-actions .mm-primary { width: 100%; }
    .mm-game .mm-arena { margin: 20px 18px; grid-template-columns: minmax(0, 1fr); }
    .mm-game .mm-sidebar { display: grid; grid-template-columns: 1fr 1fr; padding: 16px; gap: 8px 18px; }
    .mm-game .mm-player-name { grid-column: 1 / -1; padding-bottom: 8px; margin: 0; }
    .mm-game .mm-next { grid-row: span 3; padding: 8px 0; font-size: 10px; background-size: 32px; }
    .mm-game .mm-letter { width: 75px; height: 80px; font-size: 63px; margin: 8px 0; }
    .mm-game .mm-stats { margin: 0; padding: 0; border: 0; }
    .mm-game .mm-stats dt { font-size: 10px; }
    .mm-game .mm-stats dd { font-size: 20px; }
    .mm-game .mm-selected-poets { grid-column: 1 / -1; font-size: 9px; margin: 0; }
    .mm-game .mm-sidebar .mm-button { min-height: 38px; font-size: 10px; padding: 6px; }
    .mm-game .mm-sidebar .mm-change-poets { grid-column: 1 / -1; margin: 0; }
    .mm-game .mm-main { padding: 18px 12px; }
    .mm-game .mm-history { max-height: 350px; }
    .mm-game .mm-move { padding: 13px; margin-inline-end: 10px; }
    .mm-game .mm-move-user { margin-inline-start: 10px; margin-inline-end: 0; }
    .mm-game .mm-verse { font-size: 15px; }
    .mm-game .mm-form textarea { padding: 12px; }
    .mm-game .mm-status:not(:empty) { padding: 10px 20px; }
    .mm-game .mm-leaderboard { padding: 24px 18px; }
    .mm-game .mm-leaderboard-heading { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 15px; }
    .mm-game .mm-leaderboard-heading h3 { font-size: 19px; }
    .mm-game .mm-laurel { width: 38px; height: 38px; flex-basis: 38px; font-size: 28px; }
    .mm-game .mm-rules { padding: 16px 20px; }
    .mm-game .mm-footer { font-size: 9px; padding: 16px 10px; gap: 10px; }
    .mm-game:is([data-phase='playing'], [data-phase='finished']) .mm-header { padding: 16px 24px; }
    .mm-game:is([data-phase='playing'], [data-phase='finished']) .mm-header h2 { font-size: 36px; }
    .mm-game:is([data-phase='playing'], [data-phase='finished']) .mm-header h2 > span { display: inline; }
    .mm-game:is([data-phase='playing'], [data-phase='finished']) .mm-hero-copy { padding: 0; }
    .mm-game:is([data-phase='playing'], [data-phase='finished']) .mm-hero-art { display: none; }
}
@media (max-width: 380px) {
    .mm-game .mm-header { min-height: 285px; }
    .mm-game .mm-header h2 { font-size: 48px; }
    .mm-game .mm-hero-art { width: 100px; height: 180px; left: 18px; top: 50px; }
    .mm-game .mm-seal { font-size: 34px; }
    .mm-game .mm-hero-copy { padding-inline-end: 95px; }
    .mm-game .mm-hero-meta { gap: 4px; }
    .mm-game .mm-header p { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) { .mm-game .mm-poet-card { transition: none; } }

.mm-game .mm-score-guide { margin: 14px 36px 0; padding: 12px 18px; border: 1px solid #d4c393; border-radius: 4px; background: #f7efdb; font-size: 12px; }
.mm-game .mm-score-guide summary { cursor: pointer; color: #66512a; font-weight: 700; line-height: 2; }
.mm-game .mm-score-guide summary span { display: inline-block; margin-inline-start: 12px; font-size: 10px; font-weight: 400; }
.mm-game .mm-score-guide dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 18px 0 8px; }
.mm-game .mm-score-guide dl > div { border: 1px solid #d9caaa; background: #fffaf0; text-align: center; padding: 10px; }
.mm-game .mm-score-guide dt { font-size: 11px; }
.mm-game .mm-score-guide dd { font-size: 25px; font-weight: 700; color: var(--mm-teal); }
.mm-game .mm-score-guide p { margin-top: 10px; font-size: 11px; line-height: 2; color: #655f4c; }
.mm-game .mm-turn-scoring { padding: 8px 12px; margin: 0 0 12px; border: 1px solid #c9d6c2; background: #f0f5e9; color: #38624b; font-size: 11px; border-radius: 4px; }
.mm-game .mm-award { margin-top: 9px; font-size: 11px; color: #4c633e; border-top: 1px dashed #c5c7a7; padding-top: 8px; overflow-wrap: anywhere; }
.mm-game .mm-streak { padding: 14px 0; border-block: 1px solid #c2ac7240; margin-bottom: 16px; font-size: 10px; color: #c3d6cd; }
.mm-game .mm-streak > strong { display: block; color: #f0d49c; font-size: 24px; }
.mm-game .mm-streak progress { display: block; width: 100%; height: 6px; margin: 7px 0 10px; accent-color: #d5af67; border: 0; border-radius: 4px; background: #e5ecdb24; }
.mm-game .mm-streak progress::-webkit-progress-bar { background: #e5ecdb24; border-radius: 4px; }
.mm-game .mm-streak progress::-webkit-progress-value { background: #d5af67; border-radius: 4px; }
.mm-game .mm-streak progress::-moz-progress-bar { background: #d5af67; }
.mm-game .mm-streak p { line-height: 1.8; font-size: 10px; }
.mm-game .mm-ranking-periods { display: flex; gap: 8px; flex-wrap: wrap; margin: 16px 0 10px; }
.mm-game .mm-ranking-periods .mm-button { font-size: 11px; min-height: 38px; padding: 7px 12px; }
.mm-game .mm-ranking-periods [aria-pressed='true'] { background: var(--mm-teal); color: #fff; border-color: var(--mm-teal); }
.mm-game [data-mm='leaders-period'] { margin-bottom: 6px; color: #3f624e; }
.mm-game .mm-audio { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 12px; margin-top: 10px; padding-top: 10px; border-top: 1px solid #82998040; }
.mm-game .mm-audio-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 3px 10px 3px 5px; border: 1px solid #a5b8a3; border-radius: 24px; background: #fffdf4; color: #295f57; font: inherit; font-size: 11px; cursor: pointer; }
.mm-game .mm-audio-icon { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #285f58; color: #fff7df; font-size: 15px; line-height: 1; direction: ltr; }
.mm-game .mm-audio-toggle:hover:not(:disabled) { background: #e7efe4; border-color: #638d78; }
.mm-game .mm-audio-toggle:focus-visible { outline: 3px solid #aa823c; outline-offset: 3px; }
.mm-game .mm-audio-toggle:disabled { cursor: default; opacity: .65; }
.mm-game .mm-audio[data-mm-audio='playing'] .mm-audio-toggle { border-color: #b38d42; background: #fbf0d6; }
.mm-game .mm-audio[data-mm-audio='playing'] .mm-audio-icon { background: #8b682a; }
.mm-game .mm-audio-status { flex: 1 1 140px; font-size: 10px; line-height: 1.9; color: #607362; overflow-wrap: anywhere; }
.mm-game .mm-audio[data-mm-audio='error'] .mm-audio-status { color: #934f32; }
.mm-game .mm-audio-credit { flex-basis: 100%; font-size: 10px; color: #66765f; line-height: 1.9; overflow-wrap: anywhere; }
.mm-game .mm-audio-credit:empty { display: none; }
.mm-game[data-feature-live_suggestions='false'] [data-mm-feature='live_suggestions'],
.mm-game[data-feature-tolerant_match='false'] [data-mm-feature='tolerant_match'],
.mm-game[data-feature-hints='false'] [data-mm-feature='hints'],
.mm-game[data-feature-audio='false'] [data-mm-feature='audio'] { display: none; }
.mm-game > .mm-save-status { margin: 0 36px 16px; }
.mm-game .mm-unavailable { padding: 24px; border: 1px solid #cabb99; border-radius: 14px; background: #fffaf0; text-align: center; }
.mm-game .mm-unavailable h3 { color: #294f4a; }
.mm-game .mm-unavailable p { margin: 12px 0; color: #56624e; }
.mm-game .mm-audio-source { color: #306853; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 640px) {
    .mm-game .mm-score-guide { margin: 14px 18px 0; padding: 10px 12px; font-size: 11px; }
    .mm-game .mm-score-guide summary span { display: block; margin: 0; }
    .mm-game .mm-score-guide dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mm-game .mm-streak { grid-column: 1 / -1; margin: 6px 0 0; padding: 12px 0; }
    .mm-game .mm-streak > strong { display: inline; margin-inline-start: 8px; font-size: 20px; }
    .mm-game .mm-streak progress { margin: 8px 0; }
    .mm-game .mm-turn-scoring, .mm-game .mm-award { font-size: 10px; }
}

/* Administrator presentation settings. Every selector stays inside the shortcode. */
.mm-game.mm-customized {
    max-width: min(100%, var(--mm-max-width)); border-radius: var(--mm-radius);
    border-color: var(--mm-border); color: var(--mm-ink); background-color: var(--mm-paper);
    background-image: var(--mm-background-image, url('art/arabesque-tile.svg'));
    font-family: var(--mm-font-body); font-size: var(--mm-body-size);
    overflow-wrap: anywhere;
}
.mm-customized[data-custom-background='true'] { background-size: cover; background-position: center; }
.mm-game.mm-customized h2, .mm-game.mm-customized h3, .mm-customized .mm-poet-card strong { font-family: var(--mm-font-heading); }
.mm-game.mm-customized .mm-header {
    background: radial-gradient(ellipse at 18% 50%, var(--mm-teal), transparent 65%), var(--mm-night);
    color: var(--mm-header-text); gap: 28px;
}
.mm-game.mm-customized .mm-header h2 { font-size: clamp(28px, 5vw, var(--mm-heading-size)); letter-spacing: normal; }
.mm-game.mm-customized .mm-header h2 > span { white-space: normal; color: var(--mm-orange); }
.mm-game.mm-customized .mm-header p, .mm-customized .mm-hero-meta, .mm-customized .mm-art-caption, .mm-customized .mm-eyebrow { color: var(--mm-header-text); }
.mm-customized .mm-intro { white-space: pre-line; }
.mm-customized .mm-brand-logo { display: block; max-width: min(100%, 160px); max-height: 76px; object-fit: contain; margin-bottom: 14px; }
.mm-customized .mm-header-image { display: block; width: 100%; height: 100%; max-height: 280px; object-fit: contain; border-radius: var(--mm-radius); }
.mm-customized .mm-hero-art:has(.mm-header-image) { background: none; }
.mm-customized .mm-art-caption { white-space: normal; text-align: center; left: 0; right: 0; }
.mm-game.mm-customized .mm-verse, .mm-game.mm-customized .mm-form textarea { font-family: var(--mm-font-poem); font-size: var(--mm-poem-size); line-height: 2; }
.mm-game.mm-customized :is(.mm-caption,.mm-input-help,.mm-kicker,.mm-option small,.mm-companion-copy > p,.mm-selected-poets,.mm-turn-scoring,.mm-score-guide,.mm-rules,.mm-status,.mm-save-status,.mm-footer,.mm-hero-meta,.mm-poet-card small,.mm-art-caption) { font-size: .875em; }
.mm-game.mm-customized :is(.mm-button,.mm-option strong,.mm-player-grid label,.mm-player-fields legend,.mm-poet-picker legend,.mm-options legend,.mm-selection-summary,.mm-companion-copy > strong,.mm-move-heading,.mm-stats dt) { font-size: .9em; }
.mm-game.mm-customized :is(.mm-player-grid input,.mm-header p) { font-size: 1em; }
.mm-game.mm-customized :is(.mm-setup-grid,.mm-options,.mm-arena,.mm-leaderboard,.mm-form textarea,.mm-player-grid input,.mm-suggestion,.mm-score-guide dl > div) { background-color: var(--mm-surface); color: var(--mm-ink); border-color: var(--mm-border); }
.mm-game.mm-customized :is(.mm-companion,.mm-move,.mm-suggestions,.mm-result,.mm-leaders-table th,.mm-rules,.mm-status,.mm-poet-card) { background-color: var(--mm-tint); color: var(--mm-ink); border-color: var(--mm-border); }
.mm-game.mm-customized :is(.mm-move-user,.mm-hint,.mm-score-guide,.mm-leaders-table tbody tr:first-child,.mm-footer) { background-color: var(--mm-accent-tint); color: var(--mm-ink); border-color: var(--mm-border); }
.mm-game.mm-customized :is(.mm-options legend,.mm-caption,.mm-input-help,.mm-kicker,.mm-option small,.mm-companion-copy > p,.mm-move-heading,.mm-poet-card small,.mm-art-caption) { color: var(--mm-muted); }
.mm-game.mm-customized .mm-header .mm-art-caption { color: var(--mm-header-text); }
.mm-game.mm-customized :is(.mm-primary,.mm-welcome .mm-primary) { color: var(--mm-header-text); background: var(--mm-teal); box-shadow: 0 3px 0 var(--mm-night); }
.mm-game.mm-customized .mm-primary:hover { background: var(--mm-night); }
.mm-game.mm-customized :is(.mm-secondary,.mm-quiet,.mm-text,.mm-pep-talk,.mm-score-guide summary,.mm-companion-copy > strong) { color: var(--mm-teal); border-color: var(--mm-border); }
.mm-game.mm-customized :is(.mm-poet-card:has(input:checked),.mm-suggestion:hover) { background: var(--mm-tint); border-color: var(--mm-teal); box-shadow: inset 0 -2px var(--mm-teal); }
.mm-game.mm-customized .mm-sidebar { background: var(--mm-night); color: var(--mm-header-text); }
.mm-game.mm-customized .mm-sidebar :is(.mm-next-caption,.mm-player-name,.mm-stats dt,.mm-scoring,.mm-selected-poets,.mm-button) { color: var(--mm-header-text); }
.mm-game.mm-customized :is(.mm-letter,.mm-stats dd,.mm-seal,.mm-step,.mm-poet-flower,.mm-section-mark,.mm-laurel) { color: var(--mm-orange); }
.mm-game.mm-customized :is(.mm-audio,.mm-accepted-variant,.mm-turn-scoring,.mm-streak) { border-color: var(--mm-border); }
.mm-game.mm-customized :is(.mm-score-guide p,.mm-rules li,.mm-rules p,.mm-caption) { white-space: pre-line; }
.mm-game.mm-customized[data-ornaments='subtle'] .mm-hero-art { opacity: .65; }
.mm-game.mm-customized[data-ornaments='subtle'] :is(.mm-poet-flower,.mm-section-mark,.mm-laurel) { opacity: .4; }
.mm-game.mm-customized[data-ornaments='none'] { background-image: var(--mm-background-image, none); }
.mm-game.mm-customized[data-ornaments='none'] :is(.mm-hero-art,.mm-next,.mm-main,.mm-result) { background-image: none; }
.mm-game.mm-customized[data-ornaments='none'] :is(.mm-header::before,.mm-header::after,.mm-poet-flower,.mm-section-mark,.mm-laurel,.mm-footer > span,.mm-hero-art:has(.mm-seal)) { display: none; }
.mm-game.mm-customized[data-layout='compact'] .mm-header { min-height: 0; padding: 24px 32px; }
.mm-game.mm-customized[data-layout='compact'] .mm-hero-art { height: 160px; width: 150px; flex-basis: 150px; }
.mm-game.mm-customized[data-layout='compact'] :is(.mm-welcome,.mm-leaderboard) { padding: 20px 24px; }
.mm-game.mm-customized[data-layout='compact'] .mm-setup-grid { padding: 20px; gap: 20px; }
.mm-game.mm-customized[data-layout='compact'] .mm-arena { margin: 20px 24px; }
.mm-game.mm-customized[data-layout='centered'] .mm-header { flex-direction: column; text-align: center; padding: 32px; }
.mm-game.mm-customized[data-layout='centered'] .mm-hero-copy { padding: 0; width: 100%; }
.mm-game.mm-customized[data-layout='centered'] .mm-brand-logo { margin-inline: auto; }
.mm-game.mm-customized[data-layout='centered'] .mm-hero-meta { justify-content: center; }
.mm-game.mm-customized[data-layout='centered'] .mm-hero-art { flex-basis: auto; width: 160px; height: 185px; }
.mm-game.mm-customized[data-layout='centered'] .mm-arena { grid-template-columns: minmax(0,1fr); }
.mm-game.mm-customized[data-layout='centered'] .mm-sidebar { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.mm-game.mm-customized[data-layout='centered'] .mm-next { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; flex: 1 1 260px; }
.mm-game.mm-customized[data-layout='centered'] .mm-letter { width: 64px; height: 64px; font-size: 46px; margin: 0; }
.mm-game.mm-customized[data-layout='centered'] .mm-history { max-height: 450px; }
@media(max-width:700px) {
    .mm-game.mm-customized .mm-header { padding: 26px 20px; min-height: 0; align-items: center; flex-direction: column; }
    .mm-game.mm-customized .mm-hero-copy { padding: 0; width: 100%; }
    .mm-game.mm-customized .mm-header h2 { line-height: 1.4; }
    .mm-game.mm-customized .mm-hero-art { position: relative; top: auto; left: auto; right: auto; width: 130px; height: 155px; flex: 0 0 auto; margin: 6px 0 18px; }
    .mm-game.mm-customized :is(.mm-options,.mm-score-guide) { margin-inline: 14px; }
    .mm-game.mm-customized .mm-arena { margin: 18px 12px; }
    .mm-game.mm-customized :is(.mm-welcome,.mm-leaderboard,.mm-rules) { padding-inline: 16px; }
    .mm-game.mm-customized .mm-setup-grid { padding: 18px 14px; }
    .mm-game.mm-customized .mm-primary { min-width: 0; white-space: normal; }
    .mm-game.mm-customized .mm-companion { padding: 16px; flex-wrap: wrap; }
    .mm-game.mm-customized .mm-companion-copy { flex-basis: calc(100% - 70px); }
    .mm-game.mm-customized .mm-companion .mm-pep-talk { margin-inline-start: auto; }
}