/* v41 — styles are scoped to the two expanded activities only. */
#ll41Screen {position:fixed;inset:0;z-index:30;box-sizing:border-box;padding:14px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;background:radial-gradient(ellipse at 0 0,#fff5dc,transparent 45%),linear-gradient(140deg,#edf8f7,#f1f7fc);font-family:Arial,Helvetica,sans-serif;color:#234555;isolation:isolate;}
#ll41Screen * {box-sizing:border-box;min-width:0;}
#ll41Screen button,#ll41Screen select {font-family:inherit;cursor:pointer;touch-action:manipulation;}
#ll41Screen button {border:1px solid #cddfe5;border-radius:12px;background:#fff;color:#294f63;font-weight:750;padding:9px 13px;line-height:1.25;white-space:normal;}
#ll41Screen button:focus-visible,#ll41Screen select:focus-visible,#ll41Screen input:focus-visible {outline:3px solid #366eac;outline-offset:3px;}
#ll41Screen button:disabled {cursor:default;opacity:.60;}
#ll41Screen button:hover:not(:disabled) {border-color:#70a7ad;background:#f4fafb;}
#ll41Screen .ll41-head {display:grid;grid-template-columns:auto minmax(230px,1fr) auto;align-items:center;gap:17px;background:#ffffffef;border:1px solid #d9e8eb;border-radius:18px;padding:10px 14px;box-shadow:0 7px 22px #3658690b;}
#ll41Screen .ll41-back {background:#edf6fa;border:0;font-size:14px;}
#ll41Screen .ll41-kicker {font-size:10px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;color:#5c7a82;margin-bottom:3px;}
#ll41Screen h1 {font-size:clamp(22px,2vw,30px);line-height:1.1;margin:0;color:#244e60;letter-spacing:-.025em;}
#ll41Screen .ll41-subtitle {font-size:12px;line-height:1.3;color:#587682;margin:4px 0 0;}
#ll41Screen .ll41-tracker {display:grid;grid-template-columns:minmax(110px,150px) auto;gap:5px 8px;align-items:center;}
#ll41Screen .ll41-tracker select {border:1px solid #c6dfe1;background:#eaf7f2;color:#245b4b;font-weight:800;border-radius:10px;padding:8px;font-size:13px;max-width:150px;}
#ll41Screen .ll41-tracker button {font-size:12px;padding:8px;}
#ll41Screen .ll41-stats {grid-column:1/-1;font-size:11px;color:#56727c;text-align:right;font-weight:700;line-height:1.3;}
#ll41Screen .ll41-toolbar {display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 11px;border-radius:16px;background:#ffffffdf;border:1px solid #d7e7ec;}
#ll41Screen .ll41-field {display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#587580;}
#ll41Screen .ll41-field select {border:1px solid #c7dfe6;background:white;border-radius:10px;padding:8px 9px;color:#294d5d;font-size:13px;font-weight:750;}
#ll41Screen .ll41-mode {width:199px;}
#ll41Screen .ll41-bank-count {font-size:11px;color:#587782;padding:0 4px;}
#ll41Screen .ll41-toolbar .ll41-spacer {flex:1;}
#ll41Screen .ll41-toolbar button {padding:8px 10px;font-size:12px;}
#ll41Screen .ll41-check {display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.15;font-weight:700;color:#5c7682;}
#ll41Screen .ll41-check input {accent-color:#397f83;}
#ll41Screen .ll41-main {min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:12px;}
#ll41Screen.is-phono .ll41-main {grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);}
#ll41Screen .ll41-picture-panel,#ll41Screen .ll41-work {background:#fff;border:1px solid #d8e6eb;border-radius:21px;padding:14px;box-shadow:0 9px 26px #254c610a;min-height:0;}
#ll41Screen .ll41-picture-panel {display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;}
#ll41Screen .ll41-panel-label {display:flex;align-items:center;justify-content:space-between;gap:8px;color:#587882;text-transform:uppercase;letter-spacing:.075em;font-size:11px;font-weight:800;line-height:1.2;}
#ll41Screen .ll41-photo-frame {position:relative;display:flex;align-items:center;justify-content:center;min-height:0;border-radius:14px;background:#fff;}
#ll41Screen .ll41-photo-frame img {display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:50% 50%;border:0;border-radius:0;padding:0;margin:auto;}
#ll41Screen .ll41-caption {font-size:13px;line-height:1.3;text-align:center;color:#5b7682;}
#ll41Screen .ll41-target-word {display:block;font-size:clamp(21px,2vw,28px);line-height:1.15;color:#294e60;font-weight:800;margin-bottom:4px;}
#ll41Screen .ll41-work {display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;}
#ll41Screen .ll41-prompt {margin:0;padding:14px 16px;border-radius:14px;background:#fff5d7;color:#66551e;font-size:clamp(20px,1.7vw,27px);line-height:1.2;font-weight:800;overflow-wrap:break-word;}
#ll41Screen .ll41-story {font-size:clamp(15px,1.2vw,18px);line-height:1.45;color:#3d6070;padding:0 4px;}
#ll41Screen .ll41-story:empty {display:none;}
#ll41Screen .ll41-story strong {font-size:10px;display:block;letter-spacing:.08em;text-transform:uppercase;color:#61828c;margin-bottom:4px;}
#ll41Screen .ll41-answers {display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;min-height:0;}
#ll41Screen .ll41-answers.two {grid-template-rows:repeat(2,minmax(0,1fr));}
#ll41Screen .ll41-answer {width:100%;padding:12px 16px;display:flex;align-items:center;gap:14px;text-align:left;border:2px solid #dbe8ed;background:#fff;box-shadow:0 4px 0 #e3edf0;min-height:0;transition:background .15s,border-color .15s;}
#ll41Screen .ll41-answer .ll41-number {width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#eff6f8;color:#567b8c;display:grid;place-items:center;font-size:14px;font-weight:800;}
#ll41Screen .ll41-answer .ll41-answer-text {font-size:clamp(17px,1.4vw,23px);font-weight:750;line-height:1.3;overflow-wrap:anywhere;}
#ll41Screen .ll41-answer.correct {border-color:#6cb48a;background:#ecf8ef;box-shadow:0 4px 0 #bfdfca;}
#ll41Screen .ll41-answer.wrong {border-color:#d5a475;background:#fff6e9;box-shadow:0 4px 0 #ecd8bc;}
#ll41Screen .ll41-feedback {background:#f0f7fa;border-radius:12px;padding:11px 13px;min-height:50px;color:#466777;font-size:clamp(13px,1vw,15px);line-height:1.4;overflow-wrap:break-word;}
#ll41Screen .ll41-feedback.correct {background:#edf8f0;color:#315f47;}
#ll41Screen .ll41-feedback.hint {background:#fff5d8;color:#6b5921;}
#ll41Screen .ll41-answers.pictures {grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));}
#ll41Screen .ll41-answers.pictures.two {grid-template-columns:repeat(2,minmax(0,1fr));}
#ll41Screen .ll41-answer.picture {display:grid;grid-template-rows:minmax(0,1fr) auto;padding:8px;gap:8px;align-items:stretch;text-align:center;border-radius:17px;}
#ll41Screen .ll41-answer.picture .ll41-option-photo {position:relative;min-height:0;display:flex;align-items:center;justify-content:center;background:white;border-radius:10px;}
#ll41Screen .ll41-answer.picture img {width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block;margin:auto;border:0;padding:0;}
#ll41Screen .ll41-answer.picture .ll41-answer-text {font-size:clamp(16px,1.4vw,23px);padding:4px 3px;}
#ll41Screen .ll41-answer.picture .ll41-answer-text[hidden] {display:none;}
#ll41Screen .ll41-answer.picture.no-label {grid-template-rows:minmax(0,1fr);}
#ll41Screen .ll41-answers.counts {grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;}
#ll41Screen .ll41-answer.count {height:min(100%,175px);min-height:100px;display:grid;grid-template-rows:auto auto;gap:7px;text-align:center;justify-items:center;padding:14px 8px;}
#ll41Screen .ll41-count-number {font-size:clamp(32px,4vw,60px);line-height:1;font-weight:850;color:#2b6072;}
#ll41Screen .ll41-count-label {font-size:12px;font-weight:750;}
#ll41Screen .ll41-listen-target {align-self:center;text-align:center;padding:20px 24px;background:linear-gradient(150deg,#f0faf8,#edf6fc);border-radius:24px;max-width:360px;margin:auto;}
#ll41Screen .ll41-listen-target h3 {font-size:clamp(24px,3vw,38px);margin:0 0 12px;color:#2b6372;line-height:1.1;}
#ll41Screen .ll41-listen-target p {font-size:16px;line-height:1.5;margin:0;color:#527483;}
#ll41Screen .ll41-sound-model {margin-top:15px;font-size:22px;font-weight:800;letter-spacing:.04em;color:#2f5d6c;line-height:1.5;}
#ll41Screen .ll41-tapping {display:flex;align-items:center;justify-content:center;gap:7px;margin-top:5px;}
#ll41Screen .ll41-tapping button {padding:5px 9px;font-size:11px;}
#ll41Screen .ll41-taps {font-size:13px;min-width:32px;color:#3f7377;}
#ll41Screen .ll41-footer {display:grid;grid-template-columns:minmax(190px,1fr) auto auto;align-items:center;gap:16px;padding:11px 14px;background:#ffffffef;border:1px solid #d4e5e9;border-radius:17px;}
#ll41Screen .ll41-progress-title {font-size:13px;font-weight:800;color:#3b6171;line-height:1.3;}
#ll41Screen .ll41-progress-track {height:5px;max-width:300px;border-radius:9px;background:#e5eef1;margin-top:7px;overflow:hidden;}
#ll41Screen .ll41-progress-track i {display:block;background:#599e9a;height:100%;border-radius:9px;transition:width .2s;}
#ll41Screen .ll41-cues {display:flex;gap:5px;align-items:center;}
#ll41Screen .ll41-cues span {font-size:11px;font-weight:800;color:#5b7480;margin-right:4px;}
#ll41Screen .ll41-cues button {font-size:13px;min-width:63px;background:#edf3f6;}
#ll41Screen .ll41-cues button.active {background:#d7eeee;border-color:#6a9b9f;box-shadow:inset 0 0 0 1px #6a9b9f;}
#ll41Screen .ll41-score {display:flex;gap:7px;}
#ll41Screen .ll41-score button {min-width:112px;font-size:14px;border:0;padding:13px 15px;}
#ll41Screen .ll41-score .ll41-good {background:#dff2e7;color:#256246;}
#ll41Screen .ll41-score .ll41-help {background:#fcebe3;color:#885442;}
#ll41Screen .ll41-score .ll41-skip {background:#e9eff8;color:#405f82;}
#ll41Screen .ll41-dialog-shade {position:absolute;inset:0;background:#18394b75;backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px;z-index:50;}
#ll41Screen .ll41-dialog {width:min(660px,100%);max-height:90vh;overflow:auto;border-radius:20px;background:white;border:1px solid #d3e4e9;padding:24px;box-shadow:0 15px 60px #102f4044;font-size:16px;line-height:1.5;}
#ll41Screen .ll41-dialog h2 {font-size:24px;margin:0 0 13px;color:#2c5f73;}
#ll41Screen .ll41-dialog h3 {font-size:14px;color:#2f6672;text-transform:uppercase;letter-spacing:.05em;margin:18px 0 5px;}
#ll41Screen .ll41-dialog p {margin:6px 0 12px;}
#ll41Screen .ll41-dialog button {float:right;}
#ll41Screen .ll41-finish {grid-column:1/-1;display:grid;align-content:center;justify-items:center;text-align:center;background:white;border-radius:20px;padding:25px;gap:13px;}
#ll41Screen .ll41-finish h2 {font-size:32px;margin:0;color:#2a6474;}
#ll41Screen .ll41-finish p {font-size:17px;margin:0;line-height:1.5;max-width:650px;}
#ll41Screen .ll41-finish button {background:#dff3ea;padding:14px 20px;font-size:17px;}
#ll41Screen .ll41-error {padding:18px;color:#843d38;font-size:15px;}
@media(min-width:1500px) {#ll41Screen {padding:18px;gap:12px;}#ll41Screen .ll41-picture-panel,#ll41Screen .ll41-work {padding:18px;gap:13px;}#ll41Screen .ll41-head {padding:12px 17px;}}
@media(max-width:1200px) {#ll41Screen .ll41-subtitle {display:none;}#ll41Screen .ll41-head {gap:10px;}#ll41Screen .ll41-bank-count {display:none;}#ll41Screen .ll41-toolbar {gap:6px;}#ll41Screen .ll41-footer {gap:10px;}#ll41Screen .ll41-score button {min-width:96px;padding:12px 10px;}#ll41Screen .ll41-field {gap:4px;}#ll41Screen .ll41-mode {width:178px;} }
@media(max-height:720px) {#ll41Screen {padding:10px;gap:8px;}#ll41Screen .ll41-head {padding:8px 11px;}#ll41Screen .ll41-subtitle {display:none;}#ll41Screen h1 {font-size:24px;}#ll41Screen .ll41-toolbar {padding:6px 9px;}#ll41Screen .ll41-work,#ll41Screen .ll41-picture-panel {padding:10px;gap:8px;}#ll41Screen .ll41-prompt {padding:10px 12px;font-size:21px;}#ll41Screen .ll41-story {font-size:15px;line-height:1.35;}#ll41Screen .ll41-answer {padding:9px 12px;gap:9px;}#ll41Screen .ll41-answer .ll41-answer-text {font-size:18px;}#ll41Screen .ll41-feedback {font-size:13px;min-height:40px;padding:8px 10px;}#ll41Screen .ll41-footer {padding:8px 11px;}#ll41Screen .ll41-caption {font-size:11px;} }
@media(max-height:625px) and (min-width:801px) {#ll41Screen {padding:8px;gap:6px;}#ll41Screen h1 {font-size:21px;}#ll41Screen .ll41-head {padding:6px 10px;}#ll41Screen .ll41-prompt {font-size:18px;padding:9px 11px;}#ll41Screen .ll41-story {font-size:14px;line-height:1.3;}#ll41Screen .ll41-answer .ll41-answer-text {font-size:16px;line-height:1.23;}#ll41Screen .ll41-answer {padding:7px 10px;}#ll41Screen .ll41-answers {gap:7px;}#ll41Screen .ll41-feedback {font-size:12px;line-height:1.3;}#ll41Screen .ll41-work {gap:7px;}#ll41Screen .ll41-footer {padding:7px 10px;}#ll41Screen .ll41-score button {padding:10px;}#ll41Screen .ll41-count-number {font-size:36px;} }
/* Narrow devices get accessible vertical flow rather than hidden text. Laptop/tablet landscape remains one screen. */
@media(max-width:800px) {#ll41Screen {overflow-y:auto;grid-template-rows:auto auto minmax(690px,1fr) auto;min-height:100%;}#ll41Screen .ll41-head {grid-template-columns:auto 1fr;}#ll41Screen .ll41-tracker {grid-column:1/-1;grid-template-columns:1fr auto 1fr;}#ll41Screen .ll41-stats {grid-column:auto;}#ll41Screen .ll41-main,#ll41Screen.is-phono .ll41-main {grid-template-columns:1fr;grid-template-rows:260px minmax(390px,1fr);}#ll41Screen .ll41-footer {grid-template-columns:1fr;}#ll41Screen .ll41-score {justify-content:space-between;}#ll41Screen .ll41-picture-panel {padding:10px;}#ll41Screen .ll41-caption {font-size:11px;}#ll41Screen .ll41-target-word {font-size:21px;}#ll41Screen .ll41-work {min-height:390px;}#ll41Screen .ll41-toolbar .ll41-spacer {display:none;}}
@media(prefers-reduced-motion:reduce) {#ll41Screen * {transition:none!important;animation:none!important;}}
/* Explicit rows keep an optional empty story from shifting answers/feedback into the wrong track. */
#ll41Screen .ll41-work > .ll41-prompt {grid-row:1;}
#ll41Screen .ll41-work > .ll41-story {grid-row:2;}
#ll41Screen .ll41-work > .ll41-answers {grid-row:3;}
#ll41Screen .ll41-work > .ll41-feedback {grid-row:4;}
#ll41Screen .ll41-answer.correct:hover:not(:disabled) {background:#ecf8ef;border-color:#6cb48a;}
#ll41Screen .ll41-answer.wrong:hover:not(:disabled) {background:#fff6e9;border-color:#d5a475;}