:root{font-family:Nunito,system-ui,sans-serif;color:#e9fff9;background:#0b1725;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;overflow-x:hidden}a,button{font:inherit}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:4px solid #fdd565!important;outline-offset:4px}.robot-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 50% -20%,#284865 0,#14283e 45%,#091522 100%)}.robot-backdrop:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#b3e7ff99 1px,transparent 2px);background-size:65px 70px;opacity:.25}.beam{position:absolute;top:-18vh;width:50vw;height:112vh;opacity:.3;filter:blur(12px);transform-origin:top center;clip-path:polygon(42% 0,58% 0,100% 100%,0 100%)}.beam-left{left:-16vw;background:linear-gradient(#5eecb8aa,#31d49a08);transform:rotate(-22deg)}.beam-right{right:-16vw;background:linear-gradient(#c7a5ff99,#7b48dd06);transform:rotate(22deg)}.floor-glow{position:absolute;bottom:-30vh;left:7%;width:86%;height:45vh;border-radius:50%;background:#27c9a655;filter:blur(70px)}.robot-shell{width:min(1100px,calc(100% - 32px));margin:auto;padding:22px 0 48px}.robot-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.back-link,.level-chip{display:inline-flex;align-items:center;min-height:45px;padding:10px 17px;border:1px solid #83e1cc75;border-radius:99px;background:#123449dd;color:#eafff7;text-decoration:none;font-weight:900;box-shadow:0 7px 20px #0003}.back-link:hover{background:#1b5261}.level-chip{background:#efe4a8;color:#354638;border-color:#fff4bb}.robot-layout{display:grid;grid-template-columns:minmax(280px,0.82fr) minmax(0,1.18fr);gap:28px;align-items:start}.dance-stage{position:relative;min-height:610px;border:2px solid #6de0bd80;border-radius:34px;background:radial-gradient(circle at 50% 35%,#387f7f 0,#224755 43%,#172c45 78%,#112339 100%);box-shadow:inset 0 0 50px #46edc627,0 22px 60px #0006;overflow:hidden;text-align:center;padding:25px 20px 22px}.dance-stage:after,.dance-stage:before{content:'';position:absolute;top:60px;width:150px;height:420px;opacity:.22;clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);pointer-events:none}.dance-stage:before{left:-40px;background:#a5ffe2;transform:rotate(17deg)}.dance-stage:after{right:-40px;background:#cba7ff;transform:rotate(-17deg)}.stage-title{position:relative;z-index:2;color:#bafbe3;letter-spacing:.27em;font-size:.78rem;font-weight:1000}.stage-title span{color:#f7dc76}.robot-figure{position:relative;width:220px;height:300px;margin:60px auto 0;z-index:2;filter:drop-shadow(0 14px 10px #06212a88);transform-origin:center 88%}.robot-head{position:absolute;top:12px;left:55px;width:110px;height:105px;border:5px solid #a2c9c7;border-radius:28px;background:linear-gradient(135deg,#c7e5df,#6dabb4 80%);box-shadow:inset -12px -8px #3e84945e,0 4px 0 #295673}.robot-antenna{position:absolute;top:-22px;left:105px;width:10px;height:40px;background:#a9d9d2;border:2px solid #427889;border-radius:6px}.robot-antenna:before{content:'';position:absolute;top:-13px;left:-7px;width:20px;height:20px;border-radius:50%;background:#ffe27f;box-shadow:0 0 20px #ffe27f}.robot-eyes{display:flex;justify-content:center;gap:17px;margin:28px 0 0}.robot-eyes span{width:24px;height:27px;border:5px solid #163b4e;background:#4ff2ce;border-radius:50%;box-shadow:0 0 12px #67f9d4}.robot-mouth{width:38px;height:11px;margin:14px auto 0;border-radius:0 0 16px 16px;background:#265161}.robot-body{position:absolute;top:115px;left:44px;width:132px;height:120px;border:5px solid #a2c9c7;border-radius:20px 20px 29px 29px;background:linear-gradient(130deg,#a9d7d3,#4f9bab);box-shadow:inset -16px -10px #266c856b}.robot-display{display:flex;align-items:center;justify-content:center;width:84px;height:62px;margin:20px auto;border:4px solid #2f6073;border-radius:12px;background:#142a40;color:#9af8d9;font-size:.9rem;font-weight:1000;letter-spacing:.07em}.robot-arm{position:absolute;top:125px;width:27px;height:105px;border:4px solid #8dbabd;border-radius:16px;background:linear-gradient(#9fd4d0,#4c899d);transform-origin:top center}.arm-left{left:8px;transform:rotate(13deg)}.arm-right{right:8px;transform:rotate(-13deg)}.robot-leg{position:absolute;top:228px;width:35px;height:70px;border:4px solid #8dbabd;border-radius:12px;background:linear-gradient(#94cbd0,#427f95);transform-origin:top center}.leg-left{left:65px}.leg-right{right:65px}.stage-shadow{position:relative;margin:-4px auto 42px;width:170px;height:22px;border-radius:50%;background:#07192399;filter:blur(6px)}.robot-figure.dance{animation:robot-hop .8s ease-in-out both}.robot-figure.dance .arm-left{animation:robot-wave-left .8s ease-in-out}.robot-figure.dance .arm-right{animation:robot-wave-right .8s ease-in-out}.robot-figure.dance .leg-left{animation:robot-step-left .8s ease-in-out}.robot-figure.dance .leg-right{animation:robot-step-right .8s ease-in-out}.robot-figure.thinking .robot-display{color:#ffe3a2}.robot-figure.dance .robot-display{color:#8affdb}@keyframes robot-hop{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-15px) rotate(-6deg)}70%{transform:translateY(-8px) rotate(6deg)}}@keyframes robot-wave-left{40%{transform:rotate(-42deg)}70%{transform:rotate(22deg)}}@keyframes robot-wave-right{40%{transform:rotate(42deg)}70%{transform:rotate(-22deg)}}@keyframes robot-step-left{45%{transform:rotate(20deg)}}@keyframes robot-step-right{65%{transform:rotate(-20deg)}}.stage-progress{position:relative;z-index:2;margin-top:24px}.stage-progress-head{display:flex;justify-content:space-between;color:#d4ffee;font-weight:900;margin-bottom:10px}.step-track{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}.step-light{height:16px;border-radius:5px;background:#335b6a;border:1px solid #8bd9c36b;box-shadow:inset 0 2px 3px #071b2a}.step-light.done{background:#ffe18b;border-color:#fff0a8;box-shadow:0 0 13px #ffd858aa}.step-light.current{border-color:#fff5ce;box-shadow:0 0 0 2px #fff2b077}.locked-card,.robot-card{border:2px solid #82e8c697;border-radius:30px;background:#f8fffb;box-shadow:0 25px 60px #0006;color:#173c49;padding:clamp(24px,3.5vw,42px)}.robot-card{margin-top:36px}.eyebrow{margin:0 0 8px;color:#188367;font-size:.8rem;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}h1{font-family:Fredoka,system-ui,sans-serif;font-weight:600;line-height:1.1;margin:0;color:#164f54}.robot-card h1{font-size:clamp(2rem, 4.1vw, 3.4rem)}.robot-card p{line-height:1.55}.welcome-screen>p:not(.eyebrow){font-size:1.1rem;color:#405c63}.intro-pills{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.intro-pills span{border-radius:11px;background:#e4f4ee;color:#216653;padding:8px 11px;font-size:.89rem;font-weight:900}.intro-pills span span{padding:0;background:0 0}.level-note{border-left:4px solid #6cb9a2;padding-left:12px;font-size:.95rem}.robot-example{margin:1rem 0;padding:.85rem;border:1px solid #c7b7ef;border-radius:12px;background:#f5f0ff;color:#302149;line-height:1.55}.robot-example summary{cursor:pointer;padding:.65rem 0;font-weight:800}.robot-level-choice{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0}.robot-level-choice select{min-height:44px;padding:.5rem;border:2px solid #7454ab;border-radius:8px;background:#fff;color:#302149;font:inherit}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border-radius:14px;padding:11px 22px;text-decoration:none;font-size:1rem;font-weight:1000;transition:transform .18s,background .18s}.primary-button{border:2px solid #0b6f62;background:linear-gradient(180deg,#15ad8b,#087d72);color:#fff;box-shadow:0 5px 0 #07594f,0 12px 20px #065c5230}.primary-button:hover{transform:translateY(-2px)}.primary-button:active{transform:translateY(2px)}.secondary-button{border:2px solid #71ac9c;background:#fff;color:#175a54}.play-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.play-screen h1{font-size:clamp(1.8rem, 3vw, 2.5rem)}.first-try-count{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:15px;background:#e8f8ed;color:#207357;font-size:1.3rem;font-weight:1000}.sentence{margin:21px 0 12px;padding:20px;border-radius:18px;background:#ecf8f4;font-family:Fredoka,system-ui,sans-serif;font-size:clamp(1.35rem, 2.7vw, 1.85rem);line-height:1.48;color:#133e49}.sentence mark{padding:2px 7px;border-radius:8px;background:#ffdf85;color:#4f3b12;box-decoration-break:clone;-webkit-box-decoration-break:clone}.task-prompt{font-size:1.12rem;font-weight:1000;margin:0 0 8px}.method-note{color:#557275;font-size:.95rem;margin:0 0 15px}.hint-button{border:2px solid #94d6c3;background:#e5f6ee;color:#155e50;border-radius:12px;min-height:45px;padding:7px 14px;font-weight:900}.hint-button:hover{background:#d2f0e4}.hint-text{border-radius:12px;background:#fff2c9;border-left:4px solid #e6aa49;color:#654819;padding:11px 13px;margin:10px 0 0;font-size:.92rem}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:19px}.answer-choice{min-height:64px;padding:9px 12px;border:2px solid #9bd3c2;border-radius:14px;background:#fff;color:#205c59;font-size:.99rem;font-weight:1000;line-height:1.25;box-shadow:0 4px 0 #b5ddd1}.answer-choice:hover:not(:disabled){background:#e9f9f0;transform:translateY(-2px)}.answer-choice:disabled{cursor:default}.answer-choice.correct{border-color:#288f6b;background:#d9f4e4;color:#15583e}.answer-choice.wrong{border-color:#ce7c65;background:#fff0e9;color:#8a3e26}.answer-feedback{margin-top:19px;padding:17px;border:2px solid #9bdaa9;border-radius:17px;background:#eaf9e7}.answer-feedback.error{border-color:#f0c176;background:#fff3db}.feedback-title{font-weight:1000;color:#165f46;margin:0 0 5px}.answer-feedback.error .feedback-title{color:#8d4a1e}.feedback-explanation{color:#314e52;margin:0 0 14px}.continue-button{width:100%}.end-screen>p:not(.eyebrow){color:#425f63}.end-result{display:flex;align-items:center;justify-content:center;gap:16px;background:#e6f7ee;border-radius:17px;padding:17px;margin:20px 0;color:#185f4d;font-weight:900}.end-result strong{font-family:Fredoka,system-ui,sans-serif;font-size:3.1rem;color:#087c73}.end-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.locked-card{max-width:700px;margin:10vh auto;text-align:center}.locked-icon{font-size:5rem;margin-bottom:9px}.locked-card h1{font-size:clamp(2rem, 5vw, 3rem)}.locked-card p:not(.eyebrow){line-height:1.6;margin:20px auto;max-width:530px;color:#426069}@media (max-width:760px){.robot-shell{width:min(100% - 20px,580px);padding-top:12px}.robot-header{padding-right:47px;margin-bottom:12px}.back-link,.level-chip{font-size:.83rem;padding:6px 9px;white-space:nowrap}.robot-layout{grid-template-columns:1fr;gap:13px}.dance-stage{min-height:0;height:267px;padding:13px 15px}.robot-figure{transform:scale(.5);transform-origin:top center;margin:14px auto 0;height:155px}.robot-figure.dance{animation:robot-hop-small .8s ease-in-out}.stage-shadow{margin:-20px auto 0}.stage-progress{margin-top:-2px}.stage-progress-head{font-size:.82rem;margin-bottom:5px}.step-track{gap:4px}.step-light{height:11px}.robot-card{margin-top:0}.robot-card h1{font-size:2.1rem}.sentence{padding:15px;margin:14px 0 10px}}@keyframes robot-hop-small{0%,100%{transform:scale(.5) translateY(0) rotate(0)}35%{transform:scale(.5) translateY(-20px) rotate(-7deg)}70%{transform:scale(.5) translateY(-10px) rotate(7deg)}}@media (max-width:380px){.locked-card,.robot-card{padding:19px}.answer-grid{gap:7px}.answer-choice{font-size:.85rem;min-height:58px;padding:7px}.play-screen h1{font-size:1.65rem}.first-try-count{font-size:1.05rem;padding:5px 8px}.intro-pills{margin:15px 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}