body{background:#e6f1f5;color:#213b48}main{max-width:1000px;margin:auto;padding:10px 30px}h1{font-size:clamp(34px,5vw,48px);margin:12px 0}button{font:inherit;cursor:pointer;background:#285b77;color:white;border:0;border-radius:16px;padding:12px 22px}.secondary{background:#fff;color:#285b77;border:2px solid #a8c5d4}[hidden]{display:none!important}.intro{padding:20px;text-align:center}.intro>img{width:95px;height:145px;object-fit:contain}.intro>p{max-width:620px;margin:14px auto;font-size:17px}.intro h2{font-size:clamp(28px,4vw,37px)}.sample{max-width:520px;margin:20px auto;padding:18px;background:#fff;border-radius:20px}.sample div{display:flex;gap:14px;justify-content:center;margin-top:12px}.sample span{background:#e6f1f5;padding:10px;border-radius:10px}.progress{display:flex;justify-content:space-between;gap:12px;margin:20px 0;font-weight:bold}.field{position:relative;aspect-ratio:3/2;max-height:420px;border-radius:24px;overflow:hidden;background:#c8e2ee}.background{position:absolute;width:100%;height:100%;object-fit:cover}.reporter{position:absolute;left:12%;bottom:2%;width:30%;height:88%}.reporter>img{width:100%;height:100%;object-fit:contain}.tv{position:absolute;right:4%;top:18%;width:42%;height:59%;background:#142b39;border:8px solid #3d4c54;border-radius:12px;padding:14px;color:white;overflow:auto;box-shadow:0 10px 20px #0003}.live{color:#ffc1b6;font-size:12px;font-weight:bold}.tv h2{font-size:20px;margin:10px 0}.tv p{font-size:17px;line-height:1.5}.tv small{color:#bddbe9}#sweat{position:absolute;left:32%;top:16%;width:48%;display:grid;grid-template-columns:repeat(4,1fr);font-size:clamp(12px,2vw,20px);line-height:1.05;filter:drop-shadow(0 1px 1px white)}.script{background:#fff;border-radius:22px;padding:24px;margin:18px 0}.script h2{margin:10px 0;font-size:24px}#article{font-size:20px;line-height:2.15;margin:0}.gap{display:inline-block;min-width:65px;padding:0 8px;border-bottom:3px solid #91adbb;text-align:center;line-height:1.7;white-space:nowrap}.gap.current{background:#fff0ba;border-color:#d59917;border-radius:8px}.gap.correct{color:#177441;background:#e9f8ed}.gap.wrong{color:#bb2434;background:#ffe7e9;font-weight:bold}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choices button{background:white;border:2px solid #aac4d3;color:#213b48;text-align:left;min-height:60px;font-size:19px}.choices b{background:#285b77;color:white;border-radius:8px;padding:4px 8px;margin-right:12px}.choices button:disabled{cursor:default;opacity:.65}.choices button.selected.correct{background:#dcf5e3;border-color:#2c9759;opacity:1}.choices button.selected.wrong{background:#ffe5e7;border-color:#bf3c4c;opacity:1}#feedback{min-height:32px;font-size:22px;text-align:center;font-weight:bold}#result{text-align:center;background:#fff;padding:24px;border-radius:24px;margin:20px 0}#result-image{display:block;width:100%;max-height:460px;object-fit:contain;border-radius:18px}#failure img{max-height:280px;max-width:100%;border-radius:16px}#complete{text-align:left;background:#eff7fb;border-radius:16px;padding:20px;margin:20px 0}#full-article{font-size:20px;line-height:1.8}.reading{display:flex;gap:10px;flex-wrap:wrap}#voice-status{font-size:15px}#review{text-align:left;margin-top:24px;padding:20px;border-top:2px solid #d7e7ef}#review li{padding:15px 0;border-bottom:1px solid #d7e7ef}#review strong{color:#187343}#review .chosen{color:#b92e42}.practice{font-size:13px;text-align:center;margin-top:26px}#restart{margin-top:20px}button:focus-visible,a:focus-visible{outline:4px solid #e7aa30;outline-offset:4px}@media(max-width:600px){main{padding:10px 15px}.intro>img{width:80px;height:120px}.field{aspect-ratio:1.25}.reporter{left:3%;width:38%}.tv{right:2%;width:55%;top:12%;height:74%;padding:9px;border-width:5px}.tv h2{font-size:16px}.tv p{font-size:14px;line-height:1.35}.live{font-size:10px}.script{padding:18px}#article{font-size:18px}.choices button{font-size:16px;padding:12px}.choices b{margin-right:7px}#result{padding:15px}#full-article{font-size:18px}}

.qc-link{font-size:14px;color:#285b77}
/* Anchor feedback to the image’s own 1024×1536 coordinates, including on mobile. */
.reporter{height:auto;aspect-ratio:2 / 3}.reporter>img{display:block;width:100%;height:auto;object-fit:fill}#sweat{inset:0;width:100%;height:100%;display:block;filter:none;pointer-events:none}#sweat>svg{display:block;width:100%;height:100%}@media(max-width:600px){.reporter{height:auto;width:113.333px;aspect-ratio:2 / 3}}

/* Original compact field scene; sprite and feedback share one image rectangle. */
.reporter{width:auto;height:88%;aspect-ratio:2 / 3;left:12%;bottom:2%}.reporter>img{width:100%;height:100%;object-fit:fill}@media(max-width:600px){.reporter{width:auto;height:88%;left:3%;top:auto;bottom:2%;aspect-ratio:2 / 3}}