.mwm-game{font-family:inherit;color:#202124;width:100%;max-width:1100px;margin:1rem auto;padding:12px;box-sizing:border-box;overflow:visible}
.mwm-game *{box-sizing:border-box}
.mwm-top{display:flex;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.mwm-activity-title{font-size:1.1rem}
.mwm-timer{font-size:1.4rem;font-variant-numeric:tabular-nums;min-width:60px}
.mwm-instructions{font-size:.95rem;color:#555}
.mwm-board{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:18px;align-items:stretch;min-width:0}
.mwm-bank{display:flex;flex-direction:column;gap:7px;padding:0;border:0;border-radius:5px;min-height:100px;min-width:0;align-self:start;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:4px}
.mwm-word{display:flex;align-items:center;justify-content:center;width:100%;border:0;border-radius:4px;background:var(--mwm-tile,#258de0);color:#fff;font:inherit;font-weight:700;text-align:center;line-height:1.2;padding:10px 8px;min-height:48px;cursor:grab;box-shadow:inset 0 -4px 0 #00000016;touch-action:none;user-select:none;-webkit-user-select:none;overflow-wrap:anywhere;white-space:normal}
.mwm-word:focus-visible,.mwm-drop-slot:focus-visible{outline:3px solid #111;outline-offset:2px}
.mwm-word.is-selected{outline:3px solid #202124;outline-offset:2px;filter:brightness(.9)}
.mwm-definitions{display:flex;flex-direction:column;gap:7px;min-width:0;align-self:stretch}
.mwm-definition-row{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:10px;align-items:stretch;min-height:48px;min-width:0}
.mwm-drop-slot{min-height:48px;height:100%;min-width:0;border:1px solid #aaa;background:#fff;border-radius:2px;display:flex;align-items:center;justify-content:center;padding:3px;transition:background .15s,border-color .15s}
.mwm-drop-slot .mwm-word{font-size:.94rem;min-height:40px;padding:8px 5px;cursor:pointer}
.mwm-placeholder{font-size:.85rem;color:#999;text-align:center;padding:6px}
.mwm-drop-slot.is-over{background:#eaf5ff!important;border-color:#1686d9!important;box-shadow:0 0 0 2px #1686d933}
.mwm-definition-text{font-size:1rem;line-height:1.35;align-self:center;overflow-wrap:anywhere;min-width:0}
.mwm-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px 0 8px}
.mwm-controls button{font:inherit;font-size:1.05rem;border:2px solid #888;border-radius:6px;background:#fff;color:#333;padding:8px 24px;cursor:pointer}
.mwm-controls button:hover{background:#f3f5f7}
.mwm-controls button:disabled{opacity:.6;cursor:default}
.mwm-controls .mwm-restart[hidden]{display:none}
.mwm-result{padding:12px 14px;border-radius:5px;background:#f1f5f9;margin-top:12px;line-height:1.5}
.mwm-result.mwm-notice{background:#fff5d8}
.mwm-drop-slot.is-correct{border:2px solid #178446;background:#e9f8ef}
.mwm-drop-slot.is-wrong{border:2px solid #c93636;background:#fff0f0}
.mwm-finished .mwm-word{cursor:default}
.mwm-word.mwm-pointer-dragging{opacity:.7;outline:3px dashed #202124;outline-offset:2px;pointer-events:none;position:relative;z-index:10}
@media(max-width:640px){
 .mwm-game{padding:8px;margin:.4rem auto;width:100%;max-width:100%}
 .mwm-top{gap:6px;margin-bottom:12px;align-items:center}
 .mwm-activity-title{font-size:1rem}
 .mwm-timer{font-size:1.2rem;min-width:auto}
 .mwm-instructions{flex-basis:100%;font-size:.88rem;line-height:1.35}
 .mwm-board{grid-template-columns:minmax(0,1fr);gap:14px}
 .mwm-bank{position:static;top:auto;max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto;padding-right:7px;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;align-items:stretch;gap:5px;padding:7px;border:1px solid #ccc;border-radius:3px;min-height:0;width:100%}
 .mwm-bank>.mwm-word{flex:0 1 auto;width:auto;max-width:100%;min-width:88px;min-height:44px!important;padding:8px 10px;font-size:.9rem;white-space:normal;overflow-wrap:anywhere}
 .mwm-definitions{gap:8px;width:100%}
 .mwm-definition-row{grid-template-columns:minmax(92px,31%) minmax(0,1fr);gap:8px;min-height:50px;width:100%}
 .mwm-drop-slot{min-height:50px;padding:3px}
 .mwm-drop-slot .mwm-word{width:100%;min-width:0;min-height:42px!important;font-size:.86rem;padding:7px 3px;overflow-wrap:anywhere}
 .mwm-placeholder{font-size:.75rem;line-height:1.15;padding:4px 2px}
 .mwm-definition-text{font-size:.92rem;line-height:1.3;min-width:0}
 .mwm-controls{gap:8px;margin:14px 0 8px}
 .mwm-controls button{flex:1 1 130px;padding:10px 12px;min-width:0;font-size:.98rem}
}
@media(max-width:380px){
 .mwm-game{padding:5px}
 .mwm-bank{padding:5px;gap:4px}
 .mwm-bank>.mwm-word{min-width:76px;padding:7px 6px;font-size:.84rem}
 .mwm-definition-row{grid-template-columns:minmax(82px,30%) minmax(0,1fr);gap:6px}
 .mwm-definition-text{font-size:.86rem}
 .mwm-drop-slot .mwm-word{font-size:.8rem}
}

/* v2.0.5: centered, clear header and high-contrast answer review */
.mwm-top{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;margin:0 auto 22px;padding:18px 14px;background:linear-gradient(135deg,#eef7ff,#f4f0ff);border:1px solid #d7e5f5;border-radius:14px}
.mwm-activity-title{display:block;width:100%;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:800;line-height:1.25;color:#17365d;text-align:center}
.mwm-instructions{display:block;width:100%;font-size:1rem;font-weight:700;line-height:1.45;color:#334155;text-align:center}
.mwm-timer-wrap{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#17365d;color:#fff;font-size:1.05rem;font-weight:800}
.mwm-timer-label{color:#fff}.mwm-timer{font-size:1.2rem;font-weight:800;color:#fff;min-width:48px}
.mwm-drop-slot.is-correct{border:3px solid #08783e!important;background:#d7f8e5!important;box-shadow:inset 0 0 0 1px #08783e}
.mwm-drop-slot.is-correct:after{content:'✓ Correct';display:block;color:#075b30;font-size:.72rem;font-weight:800;margin-left:4px}
.mwm-drop-slot.is-wrong{border:3px solid #b42318!important;background:#ffe1df!important;box-shadow:inset 0 0 0 1px #b42318}
.mwm-drop-slot.is-wrong:after{content:'✕ Incorrect';display:block;color:#8f1710;font-size:.72rem;font-weight:800;margin-left:4px}
.mwm-result.mwm-results{background:#f8fafc;border:2px solid #cbd5e1;padding:18px;margin-top:18px;color:#172033}
.mwm-results-heading{margin:0 0 12px;text-align:center;font-size:1.35rem;color:#17365d}
.mwm-result-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:650px;margin:0 auto 18px}
.mwm-result-stat{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:7px;background:#fff;border:1px solid #d5dde7}
.mwm-result-stat:nth-child(2){background:#e0f7e9;border-color:#72c995}.mwm-result-stat:nth-child(3){background:#ffebe9;border-color:#f0a19a}.mwm-result-stat:nth-child(4){background:#e8f1ff;border-color:#9bbcf1}
.mwm-corrections-title{margin:14px 0 8px;font-size:1.05rem;color:#8f1710}
.mwm-corrections{margin:0;padding-left:26px}.mwm-corrections li{padding:9px 12px;margin:7px 0;border-left:4px solid #178446;background:#e9f8ef;border-radius:4px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.mwm-correction-definition{flex:1}.mwm-correction-answer{color:#075b30;white-space:normal}.mwm-result-time{text-align:center;font-weight:700;margin-top:14px}
@media(max-width:640px){.mwm-top{padding:14px 10px;gap:8px}.mwm-activity-title{font-size:1.3rem}.mwm-instructions{font-size:.9rem}.mwm-timer-wrap{font-size:.95rem}.mwm-result-stats{grid-template-columns:minmax(0,1fr)}.mwm-corrections li{flex-direction:column;gap:4px}.mwm-drop-slot.is-correct:after,.mwm-drop-slot.is-wrong:after{font-size:.65rem}}


/* v2.0.6: transparent multicolour header, red timer, compact transparent answer feedback */
.mwm-game .mwm-top{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:8px 4px 14px!important;
}
.mwm-game .mwm-activity-title{
  color:#e11d48;
  background:linear-gradient(90deg,#e11d48 0%,#ea580c 22%,#ca8a04 42%,#16a34a 62%,#0891b2 80%,#7c3aed 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:900;
  text-shadow:none;
}
.mwm-game .mwm-instructions{
  color:#2563eb;
  font-weight:800;
}
.mwm-game .mwm-timer-wrap{
  background:#dc2626!important;
  color:#fff!important;
  border:2px solid #991b1b;
  box-shadow:0 3px 0 #991b1b;
}
.mwm-game .mwm-timer-label,
.mwm-game .mwm-timer{color:#fff!important}
.mwm-game .mwm-drop-slot.is-correct,
.mwm-game .mwm-drop-slot.is-wrong{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:3px;
  background:transparent!important;
  box-shadow:none!important;
}
.mwm-game .mwm-drop-slot.is-correct{border:2px solid #16803c!important}
.mwm-game .mwm-drop-slot.is-wrong{border:2px solid #c62828!important}
.mwm-game .mwm-drop-slot.is-correct:after,
.mwm-game .mwm-drop-slot.is-wrong:after{
  display:block!important;
  width:100%;
  margin:2px 0 0!important;
  padding:0 2px 2px;
  text-align:center;
  line-height:1.2;
  font-size:.75rem;
  font-weight:900;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.mwm-game .mwm-drop-slot.is-correct:after{color:#08783e!important}
.mwm-game .mwm-drop-slot.is-wrong:after{color:#b42318!important}
@media(max-width:640px){
  .mwm-game .mwm-top{padding:6px 2px 12px!important}
  .mwm-game .mwm-activity-title{font-size:1.3rem}
  .mwm-game .mwm-instructions{font-size:.9rem}
  .mwm-game .mwm-timer-wrap{font-size:.95rem}
  .mwm-game .mwm-drop-slot.is-correct:after,
  .mwm-game .mwm-drop-slot.is-wrong:after{font-size:.68rem}
}


/* v2.0.7: uniform rounded answer tiles, Admiral-blue feedback and transparent results */
.mwm-game .mwm-word,
.mwm-game .mwm-drop-slot .mwm-word {
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px;
  border-radius: 9px !important;
  overflow: hidden;
}
.mwm-game .mwm-word { flex: 0 0 auto; }
.mwm-game .mwm-drop-slot {
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px;
  border-radius: 9px !important;
  padding: 3px !important;
  overflow: visible;
  background: transparent;
}
.mwm-game .mwm-definition-row {
  grid-template-columns: minmax(120px, 190px) minmax(0, 1fr);
  align-items: center;
}
/* Feedback is shown below the tile, in Admiral blue, never at its right side. */
.mwm-game .mwm-drop-slot.is-correct,
.mwm-game .mwm-drop-slot.is-wrong {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: 56px !important;
  max-height: none !important;
}
.mwm-game .mwm-drop-slot.is-correct .mwm-word,
.mwm-game .mwm-drop-slot.is-wrong .mwm-word {
  flex: 0 0 56px;
}
.mwm-game .mwm-drop-slot.is-correct:after,
.mwm-game .mwm-drop-slot.is-wrong:after {
  display: block !important;
  width: 100%;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  color: #2f4f6f !important; /* Admiral blue */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center;
  font-size: .75rem;
  line-height: 1.2;
  font-weight: 900;
}
/* Keep the results sheet transparent. Correct-answer rows use Admiral blue with white text. */
.mwm-game .mwm-result.mwm-results,
.mwm-game .mwm-result.mwm-notice {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.mwm-game .mwm-result-stat,
.mwm-game .mwm-result-stat:nth-child(2),
.mwm-game .mwm-result-stat:nth-child(3),
.mwm-game .mwm-result-stat:nth-child(4) {
  background: transparent !important;
  border-color: #2f4f6f !important;
}
.mwm-game .mwm-corrections-title { color: #2f4f6f !important; }
.mwm-game .mwm-corrections li {
  background: #2f4f6f !important;
  border-left: 4px solid #1d344a !important;
  border-radius: 8px !important;
  color: #fff !important;
}
.mwm-game .mwm-correction-definition,
.mwm-game .mwm-correction-answer {
  color: #fff !important;
}
@media(max-width:640px) {
  .mwm-game .mwm-definition-row {
    grid-template-columns: minmax(92px, 31%) minmax(0, 1fr);
    align-items: center;
  }
  .mwm-game .mwm-bank > .mwm-word {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px;
    border-radius: 9px !important;
  }
  .mwm-game .mwm-drop-slot,
  .mwm-game .mwm-drop-slot .mwm-word {
    min-height: 50px !important;
    height: 50px !important;
    max-height: 50px;
    border-radius: 8px !important;
  }
  .mwm-game .mwm-drop-slot.is-correct,
  .mwm-game .mwm-drop-slot.is-wrong {
    min-height: 50px !important;
    height: auto !important;
    max-height: none !important;
  }
  .mwm-game .mwm-drop-slot.is-correct .mwm-word,
  .mwm-game .mwm-drop-slot.is-wrong .mwm-word { flex-basis: 50px; }
  .mwm-game .mwm-drop-slot.is-correct:after,
  .mwm-game .mwm-drop-slot.is-wrong:after { color: #2f4f6f !important; font-size: .68rem; }
}


/* v2.0.8: navy feedback labels, distinct bold status symbols, navy correction rows */
.mwm-game .mwm-drop-slot.is-correct:before,
.mwm-game .mwm-drop-slot.is-wrong:before {
  display: block !important;
  width: 100%;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center;
  font-size: .9rem;
  line-height: 1.1;
  font-weight: 1000 !important;
}
.mwm-game .mwm-drop-slot.is-correct:before {
  content: "✓" !important;
  color: #008000 !important;
}
.mwm-game .mwm-drop-slot.is-wrong:before {
  content: "✕" !important;
  color: #e00000 !important;
}
.mwm-game .mwm-drop-slot.is-correct:after { content: "Correct" !important; }
.mwm-game .mwm-drop-slot.is-wrong:after { content: "Incorrect" !important; }
.mwm-game .mwm-drop-slot.is-correct:after,
.mwm-game .mwm-drop-slot.is-wrong:after {
  color: #000080 !important; /* Navy blue labels */
  font-weight: 800 !important;
}
.mwm-game .mwm-corrections li {
  background: #000080 !important; /* Navy blue answer-review rows */
  border-left: 4px solid #00004d !important;
  color: #fff !important;
}
.mwm-game .mwm-correction-definition,
.mwm-game .mwm-correction-answer { color: #fff !important; }
@media(max-width:640px) {
  .mwm-game .mwm-drop-slot.is-correct:before,
  .mwm-game .mwm-drop-slot.is-wrong:before { font-size: .82rem; }
}


/* v2.0.9: heavier inline feedback symbols and compact, separated answer review */
.mwm-game .mwm-drop-slot.is-correct,
.mwm-game .mwm-drop-slot.is-wrong {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-content:center !important;
  align-items:center !important;
  justify-content:center !important;
  column-gap:4px !important;
  row-gap:2px !important;
}
.mwm-game .mwm-drop-slot.is-correct .mwm-word,
.mwm-game .mwm-drop-slot.is-wrong .mwm-word {
  flex:0 0 100% !important;
  width:100% !important;
}
.mwm-game .mwm-drop-slot.is-correct:before,
.mwm-game .mwm-drop-slot.is-wrong:before {
  display:inline-block !important;
  width:auto !important;
  flex:0 0 auto !important;
  margin:0 !important;
  font-size:1.05rem !important;
  line-height:1 !important;
  font-weight:1000 !important;
  -webkit-text-stroke:.6px currentColor;
  text-align:right !important;
}
.mwm-game .mwm-drop-slot.is-correct:after,
.mwm-game .mwm-drop-slot.is-wrong:after {
  display:inline-block !important;
  width:auto !important;
  flex:0 0 auto !important;
  margin:0 !important;
  font-size:.76rem !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  text-align:left !important;
}
.mwm-game .mwm-corrections li {
  display:block !important;
  padding:6px 10px !important;
  margin:5px 0 !important;
  font-size:.88rem !important;
  line-height:1.35 !important;
  font-weight:400 !important;
  border-radius:5px !important;
}
.mwm-game .mwm-correction-definition {
  display:inline !important;
  flex:none !important;
  color:#e8efff !important;
  font-size:.88rem !important;
  font-weight:400 !important;
}
.mwm-game .mwm-correction-separator {
  display:inline !important;
  color:#ffffff !important;
  font-size:.88rem !important;
  font-weight:400 !important;
  white-space:pre-wrap !important;
}
.mwm-game .mwm-correction-answer {
  display:inline !important;
  color:#ffe082 !important;
  font-size:.88rem !important;
  font-weight:600 !important;
  white-space:normal !important;
}
@media(max-width:640px) {
  .mwm-game .mwm-drop-slot.is-correct:before,
  .mwm-game .mwm-drop-slot.is-wrong:before { font-size:1rem !important; }
  .mwm-game .mwm-drop-slot.is-correct:after,
  .mwm-game .mwm-drop-slot.is-wrong:after { font-size:.7rem !important; }
  .mwm-game .mwm-corrections li,
  .mwm-game .mwm-correction-definition,
  .mwm-game .mwm-correction-separator,
  .mwm-game .mwm-correction-answer { font-size:.82rem !important; }
}


/* v2.1.0: ensure the feedback symbol and label sit together on one line below the word tile */
.mwm-game .mwm-drop-slot.is-correct,
.mwm-game .mwm-drop-slot.is-wrong {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-content: center !important;
  align-items: center !important;
  justify-content: center !important;
  column-gap: 4px !important;
  row-gap: 3px !important;
}
.mwm-game .mwm-drop-slot.is-correct .mwm-word,
.mwm-game .mwm-drop-slot.is-wrong .mwm-word {
  order: 0 !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}
.mwm-game .mwm-drop-slot.is-correct:before,
.mwm-game .mwm-drop-slot.is-wrong:before {
  order: 1 !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.08rem !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  -webkit-text-stroke: .8px currentColor !important;
  text-align: right !important;
}
.mwm-game .mwm-drop-slot.is-correct:after,
.mwm-game .mwm-drop-slot.is-wrong:after {
  order: 2 !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: .76rem !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  text-align: left !important;
}
.mwm-game .mwm-drop-slot.is-correct:before { content: "✓" !important; color: #008000 !important; }
.mwm-game .mwm-drop-slot.is-wrong:before { content: "✕" !important; color: #e00000 !important; }
.mwm-game .mwm-drop-slot.is-correct:after,
.mwm-game .mwm-drop-slot.is-wrong:after { color: #000080 !important; }
@media(max-width:640px) {
  .mwm-game .mwm-drop-slot.is-correct:before,
  .mwm-game .mwm-drop-slot.is-wrong:before { font-size: 1rem !important; }
  .mwm-game .mwm-drop-slot.is-correct:after,
  .mwm-game .mwm-drop-slot.is-wrong:after { font-size: .7rem !important; }
}


/* v2.1.1: compact mobile word-bank tiles; preserve the bank position and prioritize unanswered definitions */
@media (max-width: 640px) {
  .mwm-game .mwm-bank > .mwm-word {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 5px 7px !important;
    font-size: .82rem !important;
    line-height: 1.1 !important;
    border-radius: 8px !important;
  }
}
@media (max-width: 380px) {
  .mwm-game .mwm-bank > .mwm-word {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 4px 6px !important;
    font-size: .78rem !important;
  }
}

/* v2.1.2: stronger results contrast and larger red answer-review heading */
.mwm-game .mwm-corrections-title {
  color: #d00000 !important;
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}
.mwm-game .mwm-result-stat:nth-child(1) strong,
.mwm-game .mwm-result-stat:nth-child(1) span { color: #17365d !important; }
.mwm-game .mwm-result-stat:nth-child(2) strong,
.mwm-game .mwm-result-stat:nth-child(2) span { color: #008000 !important; }
.mwm-game .mwm-result-stat:nth-child(3) strong,
.mwm-game .mwm-result-stat:nth-child(3) span { color: #d00000 !important; }
.mwm-game .mwm-result-stat:nth-child(4) strong,
.mwm-game .mwm-result-stat:nth-child(4) span { color: #7030a0 !important; }
@media(max-width:640px) {
  .mwm-game .mwm-corrections-title { font-size: 1.15rem !important; }
}