.door-lesson[data-v-9642a8e7]{background:var(--bg)}.lesson-head[data-v-9642a8e7]{left:6vw;position:absolute;right:6vw;top:7vh}.steps[data-v-9642a8e7]{display:flex;gap:2.2vw;list-style:none;margin:0 0 1.8vh;padding:0}.step[data-v-9642a8e7]{align-items:center;color:var(--text-muted);display:flex;font-size:clamp(.65rem,1.35vh,.9rem);font-weight:700;gap:.7vw;letter-spacing:.14em;text-transform:uppercase}.step-dot[data-v-9642a8e7]{border:2px solid var(--border);border-radius:999px;display:grid;height:2.8vh;letter-spacing:0;place-items:center;width:2.8vh}.step-done[data-v-9642a8e7]{color:var(--text-dim)}.step-done .step-dot[data-v-9642a8e7]{border-color:var(--text-dim)}.step-now[data-v-9642a8e7]{color:var(--text)}.step-now .step-dot[data-v-9642a8e7]{background:var(--text);border-color:var(--text);color:var(--bg)}.step-new[data-v-9642a8e7]{animation:step-in-9642a8e7 .45s cubic-bezier(.22,1,.36,1) .1s both}.lesson-title[data-v-9642a8e7]{color:var(--text);font-size:clamp(1.8rem,6vh,4.2rem);font-weight:900;letter-spacing:-.03em;line-height:1}.lanes[data-v-9642a8e7]{display:flex;flex-direction:column;gap:2.4vh;left:6vw;position:absolute;right:6vw;top:25vh;transform-origin:top center}.lane[data-v-9642a8e7]{align-items:center;background:var(--bg-off);border:2px solid transparent;border-radius:2.2vh;display:grid;gap:2vw;grid-template-columns:24vh 1fr;padding:1.6vh 2vw;transition:border-color .2s ease}.lane-lit[data-v-9642a8e7]{border-color:var(--lavender)}.lane-label[data-v-9642a8e7]{align-items:flex-start;display:flex;flex-direction:column;gap:1vh}.chip[data-v-9642a8e7],.cond[data-v-9642a8e7]{display:inline-grid}.chip-face[data-v-9642a8e7],.cond-face[data-v-9642a8e7]{grid-area:1/1}.chip-face[data-v-9642a8e7]{align-self:center;justify-self:start;padding:calc(.5vh + .38em) 1.2vh;text-box:trim-both cap alphabetic;border-radius:999px;color:#fff;font-size:clamp(.65rem,1.4vh,.95rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.chip-q[data-v-9642a8e7]{background:var(--text)}.lane-yes .chip-case[data-v-9642a8e7]{background:var(--mint)}.lane-no .chip-case[data-v-9642a8e7]{background:var(--coral)}.chip-code[data-v-9642a8e7]{background:var(--lavender);font-size:clamp(.8rem,1.8vh,1.2rem);letter-spacing:0;text-transform:none}.cond-face[data-v-9642a8e7]{color:var(--text);font-size:clamp(.9rem,2.3vh,1.6rem);font-weight:800;white-space:nowrap}.track[data-v-9642a8e7]{--walk-end: calc(97% - 18.5vh) ;height:19vh;position:relative}.road[data-v-9642a8e7]{background:var(--border);border-radius:999px;bottom:1.6vh;height:1vh;left:0;position:absolute;right:0}.sprite-fill[data-v-9642a8e7]{height:100%;width:100%}.home[data-v-9642a8e7]{border-radius:1.2vh;bottom:2.1vh;height:16vh;position:absolute;right:3%;width:16vh}.door-light[data-v-9642a8e7],.door-mark[data-v-9642a8e7]{border-radius:1px;height:21.6%;left:45%;position:absolute;top:62%;width:13.4%}.door-light[data-v-9642a8e7]{background:var(--sun);transform:scaleX(0);transform-origin:left center}.walker[data-v-9642a8e7]{border-radius:1.2vh;bottom:2.1vh;height:12vh;left:2%;position:absolute;width:12vh;z-index:2}.bob[data-v-9642a8e7]{height:100%;width:100%}.carried-key[data-v-9642a8e7]{border-radius:1vh;height:5vh;position:absolute;right:1.4vh;top:-3.6vh;transform:rotate(-24deg);width:5vh}.key-question[data-v-9642a8e7]{background:var(--bg);border:2px solid var(--text);border-radius:999px;color:var(--text);display:grid;font-size:clamp(.7rem,1.8vh,1.2rem);font-weight:900;height:3.2vh;place-items:center;position:absolute;right:-1.8vh;top:-5.4vh;width:3.2vh}.sleeper[data-v-9642a8e7]{border-radius:1.2vh;bottom:1.2vh;height:12vh;left:calc(97% - 23vh);width:12vh;z-index:2}.outcome[data-v-9642a8e7],.sleeper[data-v-9642a8e7]{opacity:0;position:absolute}.outcome[data-v-9642a8e7]{padding:calc(.6vh + .38em) 1.3vh;right:calc(3% + 17.5vh);top:.6vh;text-box:trim-both cap alphabetic;border-radius:999px;color:#fff;font-size:clamp(.7rem,1.6vh,1.1rem);font-weight:800;white-space:nowrap}.outcome-yes[data-v-9642a8e7]{background:var(--mint)}.outcome-no[data-v-9642a8e7]{background:var(--coral)}.is-lit[data-v-9642a8e7]{outline:2px solid var(--lavender);outline-offset:.5vh}.prompt[data-v-9642a8e7]{color:var(--text-dim);font-size:clamp(1rem,2.6vh,1.8rem);left:6vw;line-height:1.55;max-width:56vw;position:absolute;top:52vh}.prompt strong[data-v-9642a8e7]{color:var(--text);display:block;font-weight:800;margin-top:1.4vh}.code-dock[data-v-9642a8e7]{left:18.32vw;position:absolute;top:60.5vh;width:63.36vw}.stage-1 .code-dock[data-v-9642a8e7],.stage-1 .lane-no[data-v-9642a8e7]{display:none}.stage-1 .chip-case[data-v-9642a8e7],.stage-1 .chip-code[data-v-9642a8e7],.stage-1 .cond-a[data-v-9642a8e7]{opacity:0}.stage-1 .key-question[data-v-9642a8e7]{animation:pop-9642a8e7 .4s cubic-bezier(.22,1,.36,1) .55s both}.stage-2 .code-dock[data-v-9642a8e7]{display:none}.stage-2 .chip-code[data-v-9642a8e7]{opacity:0}.stage-2 .chip-q[data-v-9642a8e7],.stage-2 .cond-q[data-v-9642a8e7],.stage-2 .key-question[data-v-9642a8e7],.stage-2 .prompt[data-v-9642a8e7]{animation:vanish-9642a8e7 .25s ease both;pointer-events:none}.stage-2 .chip-case[data-v-9642a8e7],.stage-2 .cond-a[data-v-9642a8e7]{animation:appear-9642a8e7 .3s ease .2s both}.stage-2 .lane-no[data-v-9642a8e7]{animation:rise-9642a8e7 .5s cubic-bezier(.22,1,.36,1) .25s both}.stage-2 .bob[data-v-9642a8e7]{animation:bob-9642a8e7 .25s ease-in-out .9s 6 alternate}.stage-2 .walker-yes[data-v-9642a8e7]{animation:walk-9642a8e7 1.5s cubic-bezier(.45,0,.4,1) .9s both,into-door-9642a8e7 .45s ease-in 2.95s both}.stage-2 .lane-yes .door-light[data-v-9642a8e7]{animation:door-open-9642a8e7 .45s cubic-bezier(.22,1,.36,1) 2.45s both}.stage-2 .outcome-yes[data-v-9642a8e7]{animation:pop-9642a8e7 .4s cubic-bezier(.22,1,.36,1) 3.4s both}.stage-2 .walker-no[data-v-9642a8e7]{animation:walk-9642a8e7 1.5s cubic-bezier(.45,0,.4,1) .9s both,bump-9642a8e7 .45s ease-in-out 2.45s both,vanish-9642a8e7 .3s ease 3s both}.stage-2 .sleeper[data-v-9642a8e7]{animation:appear-9642a8e7 .45s ease 3.05s both}.stage-2 .outcome-no[data-v-9642a8e7]{animation:pop-9642a8e7 .4s cubic-bezier(.22,1,.36,1) 3.55s both}.stage-3 .chip-q[data-v-9642a8e7],.stage-3 .cond-q[data-v-9642a8e7],.stage-3 .key-question[data-v-9642a8e7],.stage-4 .chip-q[data-v-9642a8e7],.stage-4 .cond-q[data-v-9642a8e7],.stage-4 .key-question[data-v-9642a8e7]{opacity:0}.stage-3 .prompt[data-v-9642a8e7],.stage-4 .prompt[data-v-9642a8e7]{display:none}.stage-3 .walker[data-v-9642a8e7],.stage-4 .walker[data-v-9642a8e7]{left:var(--walk-end)}.stage-3 .walker-yes[data-v-9642a8e7],.stage-4 .walker-yes[data-v-9642a8e7]{opacity:0;transform:translate(3vh) scale(.35)}.stage-3 .walker-no[data-v-9642a8e7],.stage-4 .walker-no[data-v-9642a8e7]{opacity:0}.stage-3 .outcome[data-v-9642a8e7],.stage-3 .sleeper[data-v-9642a8e7],.stage-4 .outcome[data-v-9642a8e7],.stage-4 .sleeper[data-v-9642a8e7]{opacity:1}.stage-3 .lane-yes .door-light[data-v-9642a8e7],.stage-4 .lane-yes .door-light[data-v-9642a8e7]{transform:scaleX(1)}.stage-3 .lanes[data-v-9642a8e7]{animation:lift-9642a8e7 .7s cubic-bezier(.22,1,.36,1) .05s both}.stage-3 .chip-case[data-v-9642a8e7]{animation:vanish-9642a8e7 .25s ease .5s both}.stage-3 .chip-code[data-v-9642a8e7]{animation:appear-9642a8e7 .3s ease .7s both}.stage-3 .code-dock[data-v-9642a8e7]{animation:rise-far-9642a8e7 .6s cubic-bezier(.22,1,.36,1) .4s both}.python-dock[data-v-9642a8e7],.to-python[data-v-9642a8e7]{display:none}.to-python[data-v-9642a8e7]{align-items:center;gap:1.1vh;left:50%;position:absolute;top:calc(26.7vh + 193px);translate:-50% 0}.to-python-arrow[data-v-9642a8e7]{background:var(--text);border-radius:999px;color:var(--bg);display:grid;height:4.6vh;place-items:center;width:4.6vh}.to-python-arrow svg[data-v-9642a8e7]{height:2.6vh;width:2.6vh}.to-python-label[data-v-9642a8e7]{color:var(--text-muted);font-size:clamp(.65rem,1.4vh,.95rem);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.python-dock[data-v-9642a8e7]{left:13.04vw;position:absolute;top:calc(32.5vh + 193px);width:73.92vw}.stage-4 .chip-case[data-v-9642a8e7]{opacity:0}.stage-4 .lanes[data-v-9642a8e7]{animation:lanes-out-9642a8e7 .45s cubic-bezier(.4,0,1,1) both;pointer-events:none}.stage-4 .code-dock[data-v-9642a8e7]{animation:dock-up-9642a8e7 .7s cubic-bezier(.22,1,.36,1) .15s both}.stage-4 .to-python[data-v-9642a8e7]{animation:pop-9642a8e7 .4s cubic-bezier(.22,1,.36,1) .75s both;display:flex}.stage-4 .python-dock[data-v-9642a8e7]{animation:rise-far-9642a8e7 .6s cubic-bezier(.22,1,.36,1) .9s both;display:block}@keyframes lanes-out-9642a8e7{0%{opacity:1;transform:translateY(-2vh) scale(.72)}to{opacity:0;transform:translateY(-8vh) scale(.72)}}@keyframes dock-up-9642a8e7{0%{transform:none}to{transform:translateY(-35vh)}}@keyframes rise-9642a8e7{0%{opacity:0;transform:translateY(2.5vh)}to{opacity:1;transform:none}}@keyframes rise-far-9642a8e7{0%{opacity:0;transform:translateY(8vh)}to{opacity:1;transform:none}}@keyframes appear-9642a8e7{0%{opacity:0}to{opacity:1}}@keyframes vanish-9642a8e7{0%{opacity:1}to{opacity:0}}@keyframes pop-9642a8e7{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes step-in-9642a8e7{0%{opacity:0;transform:translate(-1.4vw)}to{opacity:1;transform:none}}@keyframes walk-9642a8e7{0%{left:2%}to{left:var(--walk-end)}}@keyframes bob-9642a8e7{0%{transform:translateY(0)}to{transform:translateY(-.9vh)}}@keyframes into-door-9642a8e7{0%{opacity:1;transform:none}to{opacity:0;transform:translate(3vh) scale(.35)}}@keyframes door-open-9642a8e7{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bump-9642a8e7{0%,to{transform:none}20%{transform:translate(1.2vh)}40%{transform:translate(-.6vh)}60%{transform:translate(.8vh)}80%{transform:translate(-.3vh)}}@keyframes lift-9642a8e7{0%{transform:none}to{transform:translateY(-2vh) scale(.72)}}@media (orientation:portrait) and (max-width:760px){.door-lesson[data-v-9642a8e7]{display:flex;flex-direction:column;gap:1.25rem;overflow-x:hidden;overflow-y:auto;padding:3.5rem 1rem 5rem}.code-dock[data-v-9642a8e7],.lanes[data-v-9642a8e7],.lesson-head[data-v-9642a8e7],.prompt[data-v-9642a8e7],.python-dock[data-v-9642a8e7],.to-python[data-v-9642a8e7]{inset:auto;position:static;width:auto}.steps[data-v-9642a8e7]{flex-wrap:wrap;gap:.6rem 1rem;margin-bottom:1rem}.lesson-title[data-v-9642a8e7]{font-size:clamp(1.6rem,7vw,2.4rem)}.lane[data-v-9642a8e7]{gap:1.4vh;grid-template-columns:minmax(0,1fr)}.prompt[data-v-9642a8e7]{max-width:none}.to-python[data-v-9642a8e7]{justify-content:center;left:auto;translate:none}.code-dock[data-v-9642a8e7] .code-panel,.python-dock[data-v-9642a8e7] .code-panel{overflow-x:auto}[data-v-9642a8e7] .code-tabbar .ml-auto span{font-size:.72rem}.stage-3 .lanes[data-v-9642a8e7]{animation:appear-9642a8e7 .4s ease both}.stage-4 .lanes[data-v-9642a8e7]{display:none}.stage-4 .code-dock[data-v-9642a8e7]{animation:appear-9642a8e7 .4s ease both}}