/* NOLIQO V5.7 — accessible assessment states & richer illustration stage. */
:root{--v57-good-bg:#1d543b;--v57-good-edge:#9eee94;--v57-bad-bg:#663f42;--v57-bad-edge:#ffa89a;--v57-ink:#f9fff5}
.quiz-v6 .choices .choice{color:#f4fff9;background:#173441;border:1.5px solid #497480;opacity:1;box-shadow:inset 0 1px 0 #ffffff0a}
.quiz-v6 .choices .choice:disabled{opacity:1!important;cursor:default}
.quiz-v6 .choices .choice.correct,.quiz-v6 .choices .choice.correct:disabled{color:#fffef1!important;background:var(--v57-good-bg)!important;border:2px solid var(--v57-good-edge)!important;box-shadow:inset 0 0 0 1px #d9ffb82d}
.quiz-v6 .choices .choice.wrong,.quiz-v6 .choices .choice.wrong:disabled{color:#fff4ef!important;background:var(--v57-bad-bg)!important;border:2px solid var(--v57-bad-edge)!important}
.quiz-v6 .choice.correct .choice-letter,.quiz-v6 .choice.correct:disabled .choice-letter{background:#ccffa4!important;color:#123c2b!important}
.quiz-v6 .choice.wrong .choice-letter,.quiz-v6 .choice.wrong:disabled .choice-letter{background:#ffc4b5!important;color:#452424!important}
.quiz-v6 .choice .option-tick{font-size:21px;flex-shrink:0;color:#c7ff9f;filter:drop-shadow(0 0 4px #081a14)}
.quiz-v6 .choice span:not(.choice-letter):not(.option-tick){color:inherit!important;overflow-wrap:anywhere}
.quiz-v6 .feedback-noli{background:#17443a!important;border:1.5px solid #79bd8a!important;color:#f6fff4!important;box-shadow:0 7px 24px #030e0d35}
.quiz-v6 .feedback-noli.wrong{background:#493932!important;border:1.5px solid #d5977f!important;color:#fffaf1!important}
.quiz-v6 .feedback-noli .reaction-layout h3{color:#daffaf!important}
.quiz-v6 .feedback-noli.wrong .reaction-layout h3{color:#ffccb6!important}
.quiz-v6 .feedback-noli .reaction-layout p,.quiz-v6 .feedback-noli.wrong .reaction-layout p{color:#f3f9f1!important}
.quiz-v6 .feedback-noli .feedback-answer{margin:12px 0 0;padding:12px 13px;border-radius:12px;background:#0d2f2b;border:1px solid #54876c;display:flex;flex-direction:column;gap:6px;color:#f3fff0}
.quiz-v6 .feedback-noli.wrong .feedback-answer{background:#332b29;border-color:#926d61}
.quiz-v6 .feedback-answer span{font-size:11px;letter-spacing:.02em;color:#ddf1e2}
.quiz-v6 .feedback-answer strong{font-size:14px;font-weight:850;line-height:1.5;color:#d4ffac!important;overflow-wrap:anywhere;white-space:normal}
.quiz-v6 .feedback-noli.wrong .feedback-answer strong{color:#fff1d8!important}
.quiz-v6 .feedback-explanation{color:#e6f7ef!important;font-size:12px;line-height:1.7;overflow-wrap:anywhere;border-top:1px solid #729f8755!important;padding:12px 1px 0;margin-top:11px;white-space:normal}
.quiz-v6 .feedback-noli.wrong .feedback-explanation{color:#fff1e6!important;border-color:#b38d7855!important}
.quiz-v6 .feedback-explanation-label{display:block;color:#c1e2d1!important;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:900;margin-bottom:5px}
.quiz-v6 .feedback-noli.wrong .feedback-explanation-label{color:#ffe4ca!important}
.quiz-v6 .sentence-builder{background:#17353c!important;border:2px dashed #64aca0!important;color:#d5eee2!important}
.quiz-v6 .sentence-word,.quiz-v6 .spelling-game .sentence-word{background:#beff81!important;color:#143725!important;box-shadow:0 3px 0 #82bd4c;opacity:1!important}
.quiz-v6 .word-chip{background:#214651!important;color:#f5fff6!important;border:1px solid #6a9498!important}
.quiz-v6 .word-chip:disabled{opacity:.66!important;color:#e3f4e7!important;background:#23434a!important;border:1px dashed #547579!important;text-decoration:line-through}
.quiz-v6 .task-label,.quiz-v6 .pair-guide{color:#c5e7dd!important}
.quiz-v6 .pair-card.connected{color:#f6fff7!important}
.quiz-v6 .picture-stage{background:radial-gradient(circle at 50% 42%,#84bf9e99 0%,#315b5f 50%,#163440 95%)!important;min-height:245px;padding:13px 10px 28px;border:2px solid #72afa0;box-shadow:inset 0 2px 17px #05231d55,0 11px 24px #06111d55}
.quiz-v6 .picture-subject{width:min(100%,375px)!important;max-height:230px!important;height:215px!important;object-fit:contain!important;image-rendering:auto;filter:drop-shadow(0 9px 11px #10282566)}
.quiz-v6 .picture-ambient{background:#e0ffcf50;filter:blur(29px)}
.quiz-v6 .picture-label{background:#143c3c!important;border-color:#88c2a7!important;color:#edfff0!important;font-size:10px}
.quiz-v6 .quiz-task-hint{color:#bedad3}
@media(max-width:360px){.quiz-v6 .picture-stage{min-height:210px}.quiz-v6 .picture-subject{height:190px!important;max-height:195px!important}.quiz-v6 .feedback-answer strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.quiz-v6 .choice,.quiz-v6 .picture-subject{transition:none!important}}


/* NOLIQO V5.7.1 hotfix — isolate answer text from inherited .feedback strong.
   Answer remains readable even when old V2/V3/V5 rules are loaded. */
.quiz-v6 .feedback-noli .feedback-answer {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:9px!important;margin-top:14px!important;padding:13px 14px!important;
  background:#102e30!important;border:1px solid #648a83!important;
  border-radius:14px!important;color:#f5fff8!important;
}
.quiz-v6 .feedback-noli.wrong .feedback-answer {
  background:#332b2c!important;border-color:#a78b86!important;
}
.quiz-v6 .feedback-noli .feedback-answer .feedback-answer-label {
  display:block!important;font-size:12px!important;line-height:1.45!important;
  color:#f3fff5!important;font-weight:750!important;letter-spacing:0!important;
}
.quiz-v6 .feedback-noli .feedback-answer .feedback-answer-value,
.quiz-v6 .feedback-noli.wrong .feedback-answer .feedback-answer-value {
  align-self:flex-start!important;display:inline-block!important;
  width:auto!important;max-width:100%!important;
  margin:0!important;padding:8px 13px!important;border-radius:10px!important;
  background:#d1ff9f!important;color:#153325!important;
  border:1px solid #e4ffbe!important;box-shadow:none!important;
  font-size:15px!important;line-height:1.45!important;font-weight:850!important;
  overflow-wrap:anywhere!important;white-space:normal!important;
  -webkit-text-fill-color:#153325!important;opacity:1!important;
}
.quiz-v6 .feedback-noli .feedback-explanation {
  display:block!important;padding:13px 1px 0!important;margin-top:13px!important;
  color:#f2fff6!important;line-height:1.65!important;
}
.quiz-v6 .feedback-noli .feedback-explanation-label {
  display:block!important;margin-bottom:8px!important;font-weight:850!important;
  font-size:11px!important;letter-spacing:.05em!important;
  color:#dcf4e6!important;
}
.quiz-v6 .feedback-noli.wrong .feedback-explanation-label {color:#ffe6da!important}
.quiz-v6 .feedback-noli .feedback-explanation-text {
  display:block!important;margin:0!important;color:#f7fff6!important;
  font-size:12px!important;line-height:1.7!important;overflow-wrap:anywhere!important;
  -webkit-text-fill-color:#f7fff6!important;
}
.quiz-v6 .feedback-noli.wrong .feedback-explanation-text {
  color:#fff4ee!important;-webkit-text-fill-color:#fff4ee!important;
}
/* Match pairs: neutral surface + distinct outline/index; NEVER hue the entire card.
   Pair numbers are visible on both sides, independent of colour perception. */
.quiz-v6 .pair-game .pair-card,
.quiz-v6 .pair-game .pair-card:disabled {
  color:#f7fff8!important;-webkit-text-fill-color:#f7fff8!important;
  background:#17313e!important;opacity:1!important;
  border:1.5px solid #5c858a!important;
  box-shadow:none!important;
  font-weight:760!important;text-shadow:none!important;
  transition:border-color .15s,box-shadow .15s,background .15s!important;
}
.quiz-v6 .pair-game .pair-card.connected,
.quiz-v6 .pair-game .pair-card.connected:disabled {
  color:#fafff9!important;-webkit-text-fill-color:#fafff9!important;
  background:#183340!important;opacity:1!important;
  border:2px solid var(--pair-accent,#9feeb4)!important;
  box-shadow:inset 4px 0 0 var(--pair-accent,#9feeb4)!important;
}
.quiz-v6 .pair-game .pair-card.connected span:not(.pair-index) {
  color:#fafff9!important;-webkit-text-fill-color:#fafff9!important;
  opacity:1!important;
}
.quiz-v6 .pair-game .pair-card.connected .pair-index,
.quiz-v6 .pair-game .pair-card.connected:disabled .pair-index {
  background:var(--pair-accent,#9feeb4)!important;color:#12262b!important;
  -webkit-text-fill-color:#12262b!important;opacity:1!important;
  font-weight:900!important;
}
.quiz-v6 .pair-game .pair-card.pair-tone-0 {--pair-accent:#b7ff85}
.quiz-v6 .pair-game .pair-card.pair-tone-1 {--pair-accent:#ffbf70}
.quiz-v6 .pair-game .pair-card.pair-tone-2 {--pair-accent:#b8a0ff}
.quiz-v6 .pair-game .pair-card.pair-tone-3 {--pair-accent:#75d5ff}
.quiz-v6 .pair-game .pair-card.pair-tone-4 {--pair-accent:#ff9a82}
.quiz-v6 .pair-game .pair-card.pair-tone-5 {--pair-accent:#74e9c6}
.quiz-v6 .pair-game .pair-card.left.picked:not(.connected) {
  border:2px solid #d1ff91!important;background:#244e49!important;
  box-shadow:0 0 0 2px #c7ff9035!important;
}
.quiz-v6 .pair-game .pair-card:focus-visible {outline:3px solid #fff0b6!important;outline-offset:2px!important}
/* Safeguard answers across all question types. */
.quiz-v6 .choices .choice.correct:disabled,
.quiz-v6 .choices .choice.wrong:disabled {opacity:1!important}
.quiz-v6 .choices .choice.correct span:not(.choice-letter),
.quiz-v6 .choices .choice.wrong span:not(.choice-letter) {
  color:#fffdf8!important;-webkit-text-fill-color:#fffdf8!important;
}
@media(max-width:360px) {
  .quiz-v6 .feedback-noli .feedback-answer .feedback-answer-value {font-size:14px!important}
  .quiz-v6 .pair-game .pair-card {font-size:11px!important}
}


/* NOLIQO V5.7.1 — slightly larger, clearer type across main tabs.
   Preserve large headings and compact chrome; allow wrapping at 320 px. */
.app-frame .v5-hero .hero-topic-label {font-size:10.5px!important;letter-spacing:.08em!important;line-height:1.4!important}
.app-frame .v5-hero .hero-copy strong {font-size:14.5px!important;line-height:1.35!important;max-width:100%!important}
.app-frame .v5-hero .hero-copy small {font-size:12px!important;line-height:1.5!important;color:#e2f4ec!important}
.app-frame .v5-hero .hero-copy {max-width:220px!important;gap:6px!important;min-height:100px!important}
.app-frame .home-action strong {font-size:14.5px!important;line-height:1.35!important;font-weight:850!important}
.app-frame .home-action small {font-size:12px!important;line-height:1.5!important;color:#d5eae3!important}
.app-frame .home-action {min-height:145px!important}
.app-frame .resume-ribbon {font-size:13px!important;line-height:1.45!important}
.app-frame .mission-row strong,.app-frame .next-lesson strong {font-size:14px!important;line-height:1.4!important}
.app-frame .mission-row small,.app-frame .next-lesson small {font-size:12px!important;line-height:1.5!important}
.app-frame .daily-path-title p {font-size:12.5px!important;line-height:1.55!important}
.app-frame .path-node-main strong {font-size:13.5px!important;line-height:1.35!important}
.app-frame .path-node-main small {font-size:11.5px!important;line-height:1.45!important;color:#d0e6e1!important}
.app-frame .path-node-tail {font-size:10.5px!important}
.app-frame .path-footnote,.app-frame .path-world-intro {font-size:12px!important;line-height:1.55!important}
.app-frame .lesson-path-header h3 {font-size:15.5px!important;line-height:1.36!important}
.app-frame .lesson-path-header .eyebrow,.app-frame .path-lesson-theory {font-size:11px!important;line-height:1.5!important}
.app-frame .world-status,.app-frame .world-level {font-size:11.5px!important}
.app-frame .world p,.app-frame .world-desc,.app-frame .world-sub {font-size:12.5px!important;line-height:1.5!important}
.app-frame .mode strong,.app-frame .tile-name,.app-frame .topic-card strong {font-size:15px!important;line-height:1.4!important}
.app-frame .mode small,.app-frame .tile-desc,.app-frame .topic-card small {font-size:12.5px!important;line-height:1.5!important}
.app-frame .page-sub,.app-frame .story-card small,.app-frame .lesson-card small {font-size:12.5px!important;line-height:1.55!important}
.app-frame .quiz-v6 .quiz-task-hint,.app-frame .quiz-v6 .pair-guide {font-size:13px!important;line-height:1.5!important}
.app-frame .quiz-v6 .question-caption,.app-frame .quiz-v6 .pair-col-name {font-size:11.5px!important;line-height:1.4!important}
.app-frame .quiz-v6 .pair-card {font-size:13px!important;line-height:1.4!important}
.app-frame .quiz-v6 .feedback-noli .feedback-answer .feedback-answer-label {font-size:13px!important}
.app-frame .quiz-v6 .feedback-noli .feedback-explanation-label {font-size:12px!important}
.app-frame .quiz-v6 .feedback-noli .feedback-explanation-text {font-size:13px!important;line-height:1.65!important}
.app-frame .quiz-v6 .feedback-noli .feedback-answer .feedback-answer-value {font-size:15px!important}
.app-frame .localisation-note,.app-frame .premium-teaser small,.app-frame .school-task small,.app-frame .language-dialog-limit {font-size:12px!important;line-height:1.55!important}
.app-frame .school-task strong {font-size:13.5px!important;line-height:1.4!important}
.app-frame .school-page .page-sub {font-size:12.5px!important}
.app-frame .language-dialog-head p,.app-frame .language-dialog-notice p {font-size:13px!important;line-height:1.55!important}
/* Compact widths: taller cards instead of reducing legibility. */
@media (max-width:365px){
  .app-frame .v5-hero .hero-copy {max-width:176px!important}
  .app-frame .v5-hero .hero-copy strong {font-size:13.5px!important}
  .app-frame .v5-hero .hero-copy small {font-size:11.5px!important}
  .app-frame .path-node-main strong {font-size:12.5px!important}
  .app-frame .path-node-main small {font-size:11px!important}
  .app-frame .path-node-tail {font-size:10px!important;flex-basis:51px!important}
  .app-frame .quiz-v6 .pair-card {font-size:12px!important}
}

/* Very narrow Telegram WebView: keep profile button inside viewport. */
@media (max-width:365px){
 .app-frame .topbar {padding-inline:10px!important;gap:4px!important}
 .app-frame .topbar .top-meta {gap:4px!important;min-width:0!important}
 .app-frame .topbar .wordmark {font-size:19px!important}
 .app-frame .topbar .logo {gap:5px!important}
 .app-frame .topbar .logo-box {width:33px!important;height:33px!important;font-size:21px!important;line-height:33px!important}
 .app-frame .topbar .pill {padding:6px!important;gap:3px!important;font-size:11px!important;min-height:31px!important}
 .app-frame .topbar .pill svg {width:14px!important;height:14px!important}
 .app-frame .topbar .avatar {width:32px!important;height:32px!important;font-size:15px!important;border-radius:10px!important;flex-shrink:0!important}
 .app-frame .topbar .language-cycle {min-width:35px!important;padding:4px!important}
 .app-frame .v5-hero .noli-hero {right:-25px!important}
}
/* Navigation captions: small but easier to read without crowding five tabs. */
.app-frame .bottom-nav .nav-link {font-size:10.8px!important;line-height:1.35!important}
.app-frame .quiz-v6 .feedback-copy p {font-size:12.5px!important;line-height:1.5!important}