
.ninja-dialog-header[data-v-standard-match-ninjadialogheader] {
  position: relative;
  display: flex;
  flex: none;
  align-items: flex-start;
  gap: 18px;
  min-height: 160px;
  overflow: hidden;
  padding: 28px 30px;
  color: var(--primary-text-color, #fff);
  background: linear-gradient(115deg,
    color-mix(in srgb, var(--primary-color, #8f5d95) 73%, #241928) 0%,
    var(--primary-color, #8f5d95) 58%,
    color-mix(in srgb, var(--primary-color, #8f5d95) 76%, #fff) 100%);
}
.ninja-dialog-header--compact[data-v-standard-match-ninjadialogheader] { align-items: center; gap: 14px; min-height: 98px; padding: 22px 26px;
}
.ninja-dialog-header__watermark[data-v-standard-match-ninjadialogheader] {
  position: absolute;
  top: -76px;
  right: -54px;
  width: 330px;
  height: auto;
  opacity: .2;
  filter: grayscale(1) brightness(1.35);
  pointer-events: none;
  user-select: none;
}
.ninja-dialog-header__icon[data-v-standard-match-ninjadialogheader] {
  position: relative;
  z-index: 1;
  display: grid;
  flex: none;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 16px;
  background: rgba(255, 255, 255, .16);
}
.ninja-dialog-header__copy[data-v-standard-match-ninjadialogheader] { position: relative; z-index: 1; flex: 1 1 auto; min-width: 0;
}
.ninja-dialog-header__eyebrow[data-v-standard-match-ninjadialogheader] {
  margin-bottom: 4px;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  opacity: .82;
}
.ninja-dialog-header__title[data-v-standard-match-ninjadialogheader] {
  margin: 0;
  font-size: clamp(1.65rem, 3vw, 2.2rem);
  line-height: 1.2;
  font-weight: 750;
  overflow-wrap: anywhere;
}
.ninja-dialog-header__title-row[data-v-standard-match-ninjadialogheader] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px;
}
.ninja-dialog-header--compact .ninja-dialog-header__title[data-v-standard-match-ninjadialogheader] { font-size: clamp(1.35rem, 2.5vw, 1.65rem);
}
.ninja-dialog-header__meta[data-v-standard-match-ninjadialogheader] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px;
}
.ninja-dialog-header__meta[data-v-standard-match-ninjadialogheader] > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 999px;
  background: rgba(255, 255, 255, .12);
  font-size: .78rem;
  font-weight: 700;
}
.ninja-dialog-header__actions[data-v-standard-match-ninjadialogheader] { position: relative; z-index: 1; flex: none; margin-left: auto;
}
.ninja-dialog-header__close[data-v-standard-match-ninjadialogheader] { position: relative; z-index: 1; flex: none; margin: -6px -8px 0 0; color: inherit;
}
.ninja-dialog-header--compact .ninja-dialog-header__close[data-v-standard-match-ninjadialogheader] { margin-top: 0;
}
@media (max-width: 600px) {
.ninja-dialog-header[data-v-standard-match-ninjadialogheader], .ninja-dialog-header--compact[data-v-standard-match-ninjadialogheader] { gap: 12px; min-height: 132px; padding: 20px;
}
.ninja-dialog-header__watermark[data-v-standard-match-ninjadialogheader] { top: -48px; right: -80px; width: 230px;
}
.ninja-dialog-header__icon[data-v-standard-match-ninjadialogheader] { width: 44px; height: 44px; border-radius: 12px;
}
.ninja-dialog-header__title[data-v-standard-match-ninjadialogheader] { font-size: 1.45rem;
}
}
@media (max-width: 420px) {
.ninja-dialog-header__icon[data-v-standard-match-ninjadialogheader] { display: none;
}
.ninja-dialog-header__watermark[data-v-standard-match-ninjadialogheader] { opacity: .14;
}
}


.standard-match-board[data-v-standard-match-standardmatchboard]{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;color:#263238;container-type:inline-size}.standard-match-board__directions[data-v-standard-match-standardmatchboard]{margin:0;font-size:14px;line-height:1.4}.standard-match-board__headings[data-v-standard-match-standardmatchboard]{display:grid;grid-template-columns:1fr 1fr;gap:70px;text-align:center;font-size:15px}.standard-match-board__columns[data-v-standard-match-standardmatchboard]{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;margin:4px 16px;height:auto;max-height:none;overflow:visible}.standard-match-board__column[data-v-standard-match-standardmatchboard]{display:grid;gap:14px;grid-auto-rows:minmax(54px,1fr)}.standard-match-board__card[data-v-standard-match-standardmatchboard]{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;border:2px solid #c8d1d7;border-radius:999px;padding:0;background:white;font-size:clamp(15px,3.5cqw,22px);line-height:1.4;overflow-wrap:anywhere}.standard-match-board__dot[data-v-standard-match-standardmatchboard]{position:absolute;width:26px;height:26px;border:3px solid #607d8b;border-radius:50%;background:white;cursor:pointer;z-index:2}.standard-match-board__dot--left[data-v-standard-match-standardmatchboard]{right:-14px}.standard-match-board__dot--right[data-v-standard-match-standardmatchboard]{left:-14px}.standard-match-board__dot.is-connected[data-v-standard-match-standardmatchboard]{background:#607d8b}.standard-match-board__dot.is-selected[data-v-standard-match-standardmatchboard]{border-color:#ee9900;background:#fff0cc;box-shadow:0 0 0 4px #ffc85b55}.standard-match-board__lines[data-v-standard-match-standardmatchboard]{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.standard-match-board__lines line[data-v-standard-match-standardmatchboard]{stroke:#607d8b;stroke-width:3;stroke-linecap:round}.standard-match-board__footer[data-v-standard-match-standardmatchboard]{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#546e7a}.standard-match-board__clear[data-v-standard-match-standardmatchboard]{padding:6px 16px;border:1px solid #bcc8ce;border-radius:999px;background:#f5f5f5;color:inherit;font:inherit;cursor:pointer}.standard-match-board button[data-v-standard-match-standardmatchboard]:disabled{opacity:.65;cursor:default}.standard-match-board button[data-v-standard-match-standardmatchboard]:focus-visible{outline:3px solid #e69500;outline-offset:3px}
.standard-match-board__word[data-v-standard-match-standardmatchboard]{position:relative;flex:1 1 auto;align-self:stretch;min-width:0;width:100%;padding:10px 42px;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:center;overflow-wrap:anywhere;cursor:pointer}
.standard-match-board__word[data-v-standard-match-standardmatchboard]:hover{background:#607d8b0a}
.standard-match-board__word-speech[data-v-standard-match-standardmatchboard]{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:22px;color:#607d8b;opacity:0;pointer-events:none;transition:opacity .12s}
.standard-match-board__card--right .standard-match-board__word-speech[data-v-standard-match-standardmatchboard]{left:auto;right:12px}
.standard-match-board__word:hover .standard-match-board__word-speech[data-v-standard-match-standardmatchboard],.standard-match-board__word:focus-visible .standard-match-board__word-speech[data-v-standard-match-standardmatchboard]{opacity:1}
@media(hover:none){.standard-match-board__word-speech[data-v-standard-match-standardmatchboard]{opacity:1}}


.standard-match-editor[data-v-standard-match-standardmatcheditor]{display:grid;gap:12px;min-width:0}.standard-match-editor p[data-v-standard-match-standardmatcheditor]{margin:0;font-size:13px;line-height:1.5;color:#546e7a}.standard-match-editor__prompt[data-v-standard-match-standardmatcheditor]{display:block;padding:0;background:transparent;border-radius:30px;overflow:hidden}.standard-match-editor__labels[data-v-standard-match-standardmatcheditor],.standard-match-editor__pair[data-v-standard-match-standardmatcheditor]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px;align-items:center;gap:10px}.standard-match-editor__labels[data-v-standard-match-standardmatcheditor]{font-size:14px}.standard-match-editor__labels button[data-v-standard-match-standardmatcheditor]{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding:8px;border:0;border-radius:999px;background:#f5f5f5;font:inherit;font-weight:700;color:#263238;cursor:pointer;overflow-wrap:anywhere}.standard-match-editor__labels .material-icons[data-v-standard-match-standardmatcheditor]{font-size:16px;flex:none}.standard-match-editor__dialog[data-v-standard-match-standardmatcheditor]{width:480px;max-width:calc(100vw - 32px);border:1px solid white;border-radius:30px;overflow:hidden;background:white}.standard-match-editor__dialog-form[data-v-standard-match-standardmatcheditor]{padding:24px}.standard-match-editor__dialog-actions[data-v-standard-match-standardmatcheditor]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.standard-match-editor__dialog-actions button[data-v-standard-match-standardmatcheditor]{border:1px solid #c7d1d8;border-radius:999px;padding:8px 22px;font:inherit;background:#f5f5f5;cursor:pointer}.standard-match-editor__dialog-actions .standard-match-editor__save[data-v-standard-match-standardmatcheditor]{background:var(--primary-color,#8f5d95);color:white;border-color:transparent}.standard-match-editor input[data-v-standard-match-standardmatcheditor]{width:100%;min-width:0;padding:10px 12px;border:1px solid #b6c4ce;border-radius:999px;background:#fafafa;font:inherit;color:#263238}.standard-match-editor__remove[data-v-standard-match-standardmatcheditor]{width:30px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#c62828;cursor:pointer}.standard-match-editor__add[data-v-standard-match-standardmatcheditor]{width:fit-content;border:1px solid #c7d1d8;border-radius:999px;padding:7px 16px;background:#f5f5f5;color:#37474f;font:inherit;cursor:pointer}.standard-match-editor button[data-v-standard-match-standardmatcheditor]:disabled{opacity:.4;cursor:default}.standard-match-editor .standard-match-editor__validation[data-v-standard-match-standardmatcheditor]{color:#b3261e}.standard-match-editor input[data-v-standard-match-standardmatcheditor]:focus-visible,.standard-match-editor textarea[data-v-standard-match-standardmatcheditor]:focus-visible,.standard-match-editor button[data-v-standard-match-standardmatcheditor]:focus-visible{outline:3px solid #e69500;outline-offset:2px}


.match-picker[data-v-standard-match-matchpicker]{border:2px solid #c62828;border-radius:30px;overflow:hidden}.match-picker[data-v-standard-match-matchpicker] .q-item:hover{background:#ffebee}.match-picker__standard[data-v-standard-match-matchpicker]{display:block;width:100%;border:2px solid #c62828;border-radius:20px;padding:12px;background:white;text-align:left;font:inherit;cursor:pointer}.match-picker__standard[data-v-standard-match-matchpicker]:hover{background:#fff5f5}.match-picker__standard small[data-v-standard-match-matchpicker]{display:block;margin-top:8px;color:#c62828}.match-picker__mock[data-v-standard-match-matchpicker]{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px 40px;margin-top:10px;padding:12px;border-radius:18px;background:#f5f5f5}.match-picker__mock span[data-v-standard-match-matchpicker]{font-size:13px;text-align:center;background:white;border:1px solid #cfd8dc;border-radius:14px;padding:4px}.match-picker__mock svg[data-v-standard-match-matchpicker]{position:absolute;inset:10px 0;width:100%;height:calc(100% - 20px);pointer-events:none}.match-picker__mock path[data-v-standard-match-matchpicker]{fill:none;stroke:#c62828;stroke-width:1}.match-picker__standard[data-v-standard-match-matchpicker]:focus-visible{outline:3px solid #e69500;outline-offset:2px}


.book-tool__spread:has(.adjective-match) > .book-tool__paper--text{grid-column:1/-1;width:100%;padding:16px 28px;align-items:stretch;border-radius:10px 18px 18px 10px}
.book-tool__spread:has(.adjective-match) > .book-tool__paper--picture{display:none}
.adjective-match[data-v-adjective-match-BookAdjectiveMatch]{display:flex;flex-direction:column;gap:7px;width:100%;height:100%;min-height:0;overflow:hidden;container-type:inline-size;color:#263238}.adjective-match[data-v-adjective-match-BookAdjectiveMatch]>*{flex-shrink:0}.adjective-match__toolbar[data-v-adjective-match-BookAdjectiveMatch]{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}.adjective-match__toolbar strong[data-v-adjective-match-BookAdjectiveMatch]{font-size:clamp(16px,4cqw,21px)}.adjective-match__toolbar button[data-v-adjective-match-BookAdjectiveMatch]{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:24px;cursor:pointer}.adjective-match__toolbar button[data-v-adjective-match-BookAdjectiveMatch]:hover{background:#0000000d}.adjective-match__info.is-active[data-v-adjective-match-BookAdjectiveMatch]{color:var(--primary-color,#8f5d95);background:#8f5d9514}.adjective-match__prompt[data-v-adjective-match-BookAdjectiveMatch]{margin:0;text-align:center;font-size:clamp(13px,4cqw,17px);line-height:1.4}.adjective-match__headings[data-v-adjective-match-BookAdjectiveMatch]{display:grid;grid-template-columns:1fr 1fr;gap:60px;text-align:center;font-size:clamp(12px,3cqw,16px);line-height:1.3}.adjective-match__board[data-v-adjective-match-BookAdjectiveMatch]{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;margin:2px 16px;flex:1 1 auto;min-height:75px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.adjective-match__column[data-v-adjective-match-BookAdjectiveMatch]{display:grid;gap:10px;grid-auto-rows:minmax(44px,1fr)}.adjective-match__card[data-v-adjective-match-BookAdjectiveMatch]{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:0;border:2px solid #c8d1d7;border-radius:999px;background:#fff;font-size:clamp(17px,5cqw,25px);line-height:1.2;overflow-wrap:anywhere}.adjective-match__dot[data-v-adjective-match-BookAdjectiveMatch]{position:absolute;width:26px;height:26px;border:3px solid #607d8b;border-radius:50%;background:white;cursor:pointer;z-index:2}.adjective-match__dot--noun[data-v-adjective-match-BookAdjectiveMatch]{right:-14px}.adjective-match__dot--adjective[data-v-adjective-match-BookAdjectiveMatch]{left:-14px}.adjective-match__dot.is-connected[data-v-adjective-match-BookAdjectiveMatch]{background:#607d8b}.adjective-match__dot.is-selected[data-v-adjective-match-BookAdjectiveMatch]{border-color:#ee9900;background:#fff0cc;box-shadow:0 0 0 4px #ffc85b55}.adjective-match__lines[data-v-adjective-match-BookAdjectiveMatch]{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.adjective-match__lines line[data-v-adjective-match-BookAdjectiveMatch]{stroke:#607d8b;stroke-width:3;stroke-linecap:round}.adjective-match__footer[data-v-adjective-match-BookAdjectiveMatch]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.adjective-match__actions[data-v-adjective-match-BookAdjectiveMatch]{display:flex;justify-content:center;gap:10px}.adjective-match__actions button[data-v-adjective-match-BookAdjectiveMatch]{border:1px solid #bcc8ce;border-radius:999px;padding:5px 14px;background:#f5f5f5;color:inherit;font:inherit;cursor:pointer}.adjective-match__actions .adjective-match__done[data-v-adjective-match-BookAdjectiveMatch]{background:#27834b;color:white;border-color:#27834b}.adjective-match__actions button[data-v-adjective-match-BookAdjectiveMatch]:disabled{opacity:.45;cursor:default}.adjective-match__progress[data-v-adjective-match-BookAdjectiveMatch]{font-size:13px;text-align:center;margin:0;color:#546e7a}.adjective-match__instructions[data-v-adjective-match-BookAdjectiveMatch],.adjective-match__feedback[data-v-adjective-match-BookAdjectiveMatch]{margin:0;padding:10px 12px;border-radius:18px;background:#fff0e5;color:#8e3b1a;font-size:14px;line-height:1.4;text-align:center}.adjective-match__feedback.is-correct[data-v-adjective-match-BookAdjectiveMatch]{background:#e7f6ec;color:#236c3d}.adjective-match__instructions[data-v-adjective-match-BookAdjectiveMatch]{background:#edf3ff;color:#43536a;font-size:clamp(13px,4.5cqw,16px)}.adjective-match button[data-v-adjective-match-BookAdjectiveMatch]:focus-visible{outline:3px solid #e69500;outline-offset:3px}
.adjective-match__word[data-v-adjective-match-BookAdjectiveMatch]{position:relative;flex:1 1 auto;align-self:stretch;min-width:0;width:100%;padding:10px 42px;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:center;overflow-wrap:anywhere;cursor:pointer}
.adjective-match__word[data-v-adjective-match-BookAdjectiveMatch]:hover{background:#607d8b0a}
.adjective-match__word-speech[data-v-adjective-match-BookAdjectiveMatch]{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:22px;color:#607d8b;opacity:0;pointer-events:none;transition:opacity .12s}
.adjective-match__card--adjective .adjective-match__word-speech[data-v-adjective-match-BookAdjectiveMatch]{left:auto;right:12px}
.adjective-match__word:hover .adjective-match__word-speech[data-v-adjective-match-BookAdjectiveMatch],.adjective-match__word:focus-visible .adjective-match__word-speech[data-v-adjective-match-BookAdjectiveMatch]{opacity:1}
@media(hover:none){.adjective-match__word-speech[data-v-adjective-match-BookAdjectiveMatch]{opacity:1}}


.adjective-match-editor[data-v-adjective-match-BookAdjectiveMatchEditor]{display:grid;gap:16px}.adjective-match-editor p[data-v-adjective-match-BookAdjectiveMatchEditor]{margin:0;line-height:1.5}.adjective-match-editor__question[data-v-adjective-match-BookAdjectiveMatchEditor]{display:grid;gap:12px;padding:16px;border:1px solid #d8e1ea;border-radius:20px;background:#fafafa}.adjective-match-editor__heading[data-v-adjective-match-BookAdjectiveMatchEditor]{display:flex;align-items:center;justify-content:space-between}.adjective-match-editor label[data-v-adjective-match-BookAdjectiveMatchEditor]{display:grid;gap:6px;font-size:13px}.adjective-match-editor input[data-v-adjective-match-BookAdjectiveMatchEditor]{width:100%;min-width:0;padding:10px 12px;border:1px solid #b6c4ce;border-radius:18px;background:white;font:inherit;color:#263238}.adjective-match-editor__pair[data-v-adjective-match-BookAdjectiveMatchEditor],.adjective-match-editor__labels[data-v-adjective-match-BookAdjectiveMatchEditor]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;gap:12px;align-items:center}.adjective-match-editor__labels[data-v-adjective-match-BookAdjectiveMatchEditor]{font-size:14px}.adjective-match-editor button[data-v-adjective-match-BookAdjectiveMatchEditor]{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#c62828;cursor:pointer}.adjective-match-editor button[data-v-adjective-match-BookAdjectiveMatchEditor]:disabled{opacity:.4;cursor:default}.adjective-match-editor .adjective-match-editor__add[data-v-adjective-match-BookAdjectiveMatchEditor]{display:block;width:fit-content;height:auto;padding:8px 16px;border:1px solid #c7d1d8;border-radius:999px;color:#37474f;background:white;font:inherit}.adjective-match-editor__error[data-v-adjective-match-BookAdjectiveMatchEditor]{color:#b3261e;font-size:13px}.adjective-match-editor input[data-v-adjective-match-BookAdjectiveMatchEditor]:focus-visible,.adjective-match-editor button[data-v-adjective-match-BookAdjectiveMatchEditor]:focus-visible{outline:3px solid #e69500;outline-offset:2px}


/* Match grows with its rows. The assignment dialog owns the outer scroll. */
.assessment-builder-shell:has(:is(.standard-match-editor, .standard-match-board)) {
  height: auto;
}
.assessment-builder-shell:has(:is(.standard-match-editor, .standard-match-board)) :is(.assessment-shell-card, .assessment-shell-inner, .assessment-right-panel) {
  height: auto;
  max-height: none;
  overflow: visible;
}
.assessment-builder-shell:has(:is(.standard-match-editor, .standard-match-board)) .assessment-left-drawer {
  align-self: flex-start;
  max-height: calc(100vh - 210px);
}
:is(.assessment-builder-inline-wrap, .assessment-builder-tab-panel):has(:is(.standard-match-editor, .standard-match-board)) {
  height: auto;
  min-height: 0;
  overflow: visible;
}
.assignment-tab-panels:has(:is(.standard-match-editor, .standard-match-board)),
.assignment-tab-panels .q-panel:has(:is(.standard-match-editor, .standard-match-board)) {
  overflow: visible;
}
