:root{--bg:#06192e;--card:#10314d;--text:#eefaff;--muted:#b1d1df;--mint:#6bf5d9;--line:#34627c;--gold:#ffd87b;--err:#ff9da7;font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 900px 430px at 85% 0%,#205a80 0,transparent 85%),var(--bg);color:var(--text);line-height:1.55}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip{position:absolute;left:4px;top:-50px;background:#fff;color:#001;padding:10px}.skip:focus{top:2px;z-index:100}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(14px,calc((100% - 1120px)/2));background:#061e35e6;border-bottom:1px solid #3c6377}.header img{object-fit:contain;max-height:52px}.head-right{display:flex;gap:14px;align-items:center}.session-chip{font-size:11px;font-weight:900;letter-spacing:.11em;color:#72e6d6}.back{font-size:12px;font-weight:800;border:1px solid var(--line);border-radius:10px;padding:8px 12px}.shell{max-width:1130px;margin:auto;padding:0 18px}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:43px 0 32px}.eyebrow{font-weight:950;font-size:11px;letter-spacing:.13em;color:#7ae3dc}.heading h1{font-size:clamp(31px,5vw,54px);letter-spacing:-.045em;line-height:1.13;margin:12px 0 14px}.heading em{font-style:normal;color:var(--mint)}.heading p{max-width:670px;color:var(--muted)}.robo-bubble{display:flex;align-items:center;max-width:320px;gap:12px;padding:10px 16px;background:#153c56;border:1px solid var(--line);border-radius:18px;font-size:15px;font-weight:800;color:#bdf9f3}.robo-bubble img{max-width:78px;max-height:95px;object-fit:contain}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}.mode,.tabs{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.mode span{font-size:12px;color:var(--muted);margin-right:5px}.toolbar button,.subtle{border:1px solid #47738b;background:#0b2a46;border-radius:11px;color:#dceef9;padding:10px 13px;font-weight:850;font-size:12px}.toolbar button.chosen,.toolbar button[aria-selected=true]{background:var(--mint);color:#0a2d38;border-color:#a0ffee}.stage{border:1px solid var(--line);border-radius:23px;background:linear-gradient(135deg,#123e59,#0b2945);padding:27px;min-height:390px}.stage h2{margin:4px 0 12px;font-size:clamp(22px,3vw,30px)}.stage p{color:var(--muted)}.learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0}.learn-card{background:#0c2942;border:1px solid #37647e;border-radius:16px;padding:19px}.learn-card .emoji{font-size:30px}.learn-card h3{font-size:17px;margin:8px 0}.learn-card .phrase{font-size:17px;font-weight:850;color:#85fff0;margin:9px 0}.learn-card p{margin:5px 0;color:#bddeed;font-size:13px}.learn-card button,.primary,.alt{border-radius:11px;padding:11px 15px;font-weight:900;border:1px solid #69b3b5}.learn-card button{background:#123f51;color:#d7fff6;margin-top:8px}.primary{background:var(--mint);color:#03373b;border-color:#a7ffef}.alt{background:#153b5b;color:#f2ffff}.outline{background:transparent;color:#f0ffff;border:1px solid #47768f;border-radius:11px;padding:11px 15px;font-weight:850}.activity-cta{display:flex;gap:10px;flex-wrap:wrap}.scene{border:1px solid #478ca3;border-radius:19px;background:radial-gradient(circle at 50% 7%,#2a6481,#0d3c58 65%,#0a263c);min-height:185px;display:flex;align-items:center;justify-content:space-around;position:relative;overflow:hidden;margin:17px 0}.scene:before{content:'';position:absolute;bottom:0;height:43px;background:#2b6a61;width:100%}.actor{font-size:65px;z-index:1;filter:drop-shadow(0 6px 6px #0005)}.robo{width:74px;height:95px;object-fit:contain;z-index:1;transition:transform .2s}.scene.solved .robo{transform:translateX(16px) rotate(6deg)}.location{position:absolute;top:12px;left:16px;background:#061d33b8;padding:5px 11px;border-radius:99px;font-size:11px;color:#c8f7ea}.speech{z-index:1;max-width:34%;padding:11px;border-radius:14px;border:1px solid #74bfc5;background:#0c243ced;font-size:12px;font-weight:850}.choices{display:grid;gap:9px;margin:17px 0}.choice{display:flex;text-align:left;gap:10px;align-items:center;border:1px solid #4d7c94;color:#eafdff;background:#0b2743;padding:13px 16px;border-radius:12px;font-size:15px;font-weight:750}.choice:disabled{cursor:default;opacity:.78}.choice:not(:disabled):hover{border-color:var(--mint);background:#184461}.choice.correct{border-color:#78edc3;background:#17443f}.choice.wrong{border-color:#ff9b9f;background:#513345}.choice .letter{background:#204d68;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:none}.robo-coach{display:flex;gap:13px;border:1px solid #4e8f87;background:#123c45;border-radius:16px;padding:13px 16px;margin:15px 0}.robo-coach img{width:59px;height:80px;object-fit:contain}.robo-coach strong{color:#91ffe0}.robo-coach p{font-size:14px;margin:5px 0;color:#ddf1f1}.feedback-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.speak-gate{border:1px dashed #dfbb78;background:#3f3435;border-radius:13px;padding:15px;margin:14px 0}.speak-gate strong{color:#ffe5a3}.speak-gate p{color:#fff3da;margin:6px 0}.speak-gate small{color:#ead7bd}.counter{font-size:12px;color:#77e8d7;font-weight:850;letter-spacing:.08em}.quiz-grid{display:grid;gap:13px}.quiz-item{background:#0c2b45;border-radius:15px;border:1px solid #3c617b;padding:17px}.quiz-item h3{font-size:16px;margin:0 0 12px}.quiz-item label{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #305878;border-radius:9px;margin-top:6px;cursor:pointer;font-size:14px}.quiz-item input{accent-color:#69e8d9}.quiz-item label:has(input:checked){border-color:#7ef3da;background:#164c54}.quiz-item p{font-size:13px;color:#d6e6ec}.result-score{font-size:33px;color:#94ffe9;font-weight:950;letter-spacing:-.03em}.result-small{font-size:13px;color:#acd3dc}.result-details{display:grid;gap:9px}.result-line{border:1px solid #35687c;border-radius:12px;padding:13px;background:#0a2c42;font-size:13px}.result-line strong{color:#eafff9}.result-line .wrongline{color:#ffb1b7}.result-line p{margin:5px 0}.progress-note{margin:23px 0 38px;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px;border:1px solid #406c7d;background:#092b40;border-radius:15px}.progress-note p{font-size:13px;color:#a7d2dd;margin:3px 0}.progress-note button{white-space:nowrap}footer{text-align:center;background:#041421;border-top:1px solid #294958;padding:22px 14px;font-size:12px;color:#9cbccc}footer p{margin:5px}footer a{color:#8ff7e1}@media(max-width:770px){.heading{padding:25px 0 15px}.robo-bubble{display:none}.learn-grid{grid-template-columns:1fr}.stage{padding:18px}.head-right .session-chip{display:none}.toolbar{align-items:stretch}.tabs{width:100%}.tabs button{flex:1;padding:10px 5px;font-size:11px}.speech{font-size:10px}.actor{font-size:48px}.robo{width:60px}.mode{margin-bottom:2px}}@media(max-width:400px){.header img{width:105px}.scene{min-height:155px}.actor{font-size:38px}.robo{width:54px}.speech{max-width:38%}.progress-note{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.robo{transition:none}}