.code-page{--c-paper:#fdf9f0;--c-paper-2:#fffdf8;--c-ink:#2a2733;--c-ink-soft:#5f5a6b;--c-ink-faint:#8e8899;--c-violet:#5546e4;--c-violet-deep:#3f32bc;--c-violet-tint:#eeebfd;--c-blue:#4a90d9;--c-orange:#e8973a;--c-orange-dark:#be7423;--c-green:#3fa45b;--c-green-dark:#2f7e45;--c-rule:#eae1cf;--c-sky:#dcf0fb;--c-sky-2:#f2fafe;--c-pond:#dbf0e3;--c-pond-2:#eff9f1;--c-lab:#e6eaf2;--c-lab-2:#f4f6fa;--c-rail:#ece4d6;--c-rail-2:#f8f3e9;--c-trail:#e2edd6;--c-trail-2:#f1f7e9;--c-line:#2a273314;--c-spring:cubic-bezier(.34,1.42,.58,1);--c-ease:cubic-bezier(.2,.8,.3,1);background:var(--c-paper);color:var(--c-ink);font-family:var(--font-nunito),"Nunito",system-ui,-apple-system,sans-serif;-webkit-text-size-adjust:100%;background-image:radial-gradient(circle at 18% 12%,#5546e40d,#0000 42%),radial-gradient(circle at 84% 4%,#e8973a12,#0000 38%);font-size:16px;line-height:1.55}.code-page *{box-sizing:border-box}.code-page .wrap{flex-direction:column;gap:18px;max-width:740px;margin:0 auto;padding:22px 14px 56px;display:flex}.code-page .crumb{color:var(--c-ink-faint);font-size:13.5px;font-weight:700}.code-page .crumb a{color:var(--c-ink-soft);text-decoration:none}.code-page .crumb a:hover{color:var(--c-violet-deep);text-decoration:underline}.code-page .crumb span{opacity:.5;margin:0 6px}.code-page .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--c-violet);margin:0;font-size:11px;font-weight:700}.code-page .backlink{background:var(--c-paper-2);border:2px solid var(--c-rule);box-shadow:0 3px 0 var(--c-rule);color:var(--c-ink-soft);min-height:44px;transition:transform .18s var(--c-spring),color .18s,border-color .18s;-webkit-tap-highlight-color:transparent;border-radius:999px;align-self:flex-start;align-items:center;gap:7px;padding:8px 15px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.code-page .backlink:hover{color:var(--c-violet-deep);border-color:var(--c-violet);transform:translateY(-2px)}.code-page .hub-hero{text-align:center;flex-direction:column;align-items:center;gap:11px;padding:4px 0 2px;display:flex}.code-page .hub-title{font-family:var(--font-baloo),"Baloo 2","Trebuchet MS",system-ui,sans-serif;letter-spacing:-.025em;margin:0;font-size:clamp(34px,10.2vw,52px);font-weight:700;line-height:1}.code-page .hub-sub{color:var(--c-ink-soft);text-wrap:balance;max-width:44ch;margin:0;font-size:16.5px}.code-page .hub-chip{background:var(--c-violet-tint);color:var(--c-violet-deep);text-align:left;border-radius:999px;align-items:center;gap:8px;margin:3px 0 0;padding:7px 15px;font-size:13px;font-weight:700;line-height:1.3;display:inline-flex}.code-page .hub-chip .dot{background:var(--c-green);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #3fa45b2e}.code-page .worlds{flex-direction:column;gap:22px;display:flex}.code-page .world{flex-direction:column;gap:13px;display:flex}.code-page .world+.world{border-top:1px solid var(--c-rule);padding-top:22px}.code-page .world-head{align-items:flex-start;gap:12px;display:flex}.code-page .world-num{background:var(--c-violet);color:#fff;width:38px;height:38px;box-shadow:0 3px 0 var(--c-violet-deep);font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;border-radius:13px;flex:none;justify-content:center;align-items:center;font-size:19px;font-weight:700;display:flex}.code-page .world-text{flex-direction:column;gap:1px;min-width:0;display:flex}.code-page .world-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink-faint);margin:0;font-size:10.5px;font-weight:700}.code-page .world-name{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;letter-spacing:-.01em;margin:0;font-size:21px;font-weight:700;line-height:1.15}.code-page .world-promise{color:var(--c-ink-soft);margin:1px 0 0;font-size:15px}.code-page .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.code-page .cards>li{min-width:0;display:flex}.code-page .card{text-align:left;background:var(--c-paper-2);border:2px solid var(--c-rule);width:100%;min-width:0;min-height:132px;color:var(--c-ink);-webkit-tap-highlight-color:transparent;border-radius:18px;flex-direction:column;align-items:stretch;gap:7px;padding:12px 12px 11px;text-decoration:none;display:flex}.code-page .card-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.code-page .card-emoji{font-size:26px;line-height:1}.code-page .card-n{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;color:var(--c-ink-faint);opacity:.65;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.code-page .card-title{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;overflow-wrap:break-word;margin:0;font-size:14.5px;font-weight:600;line-height:1.22}.code-page .card-foot{align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}.code-page .card-cta{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;line-height:1.4}.code-page .card-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--c-orange-dark);margin:0;font-size:9.5px;font-weight:700}.code-page .card.live{border-color:var(--c-violet);transition:transform .18s var(--c-spring),box-shadow .18s;box-shadow:0 4px #5546e438}.code-page .card.live:hover{transform:translateY(-3px);box-shadow:0 7px #5546e438}.code-page .card.live:active{transform:translateY(2px);box-shadow:0 2px #5546e438}.code-page .card.live .card-cta{background:var(--c-violet);color:#fff}.code-page .card.soon{background:#fbf7ec;border-style:dashed;border-color:#efe5d0}.code-page .card.soon .card-emoji{opacity:.7;filter:saturate(.75)}.code-page .card.soon .card-title{color:var(--c-ink-soft)}.code-page .card.soon .card-cta{color:#9c9179;background:#f2e9d6}.code-page .card.make{background:linear-gradient(#fffcf3,#fdf3e2)padding-box,linear-gradient(125deg,var(--c-orange),var(--c-violet))border-box;border-style:solid;border-color:#0000}.code-page .card.make .card-emoji{opacity:.9;filter:none}.code-page .card.make .card-title{color:var(--c-ink)}.code-page .card.make .card-cta{color:var(--c-orange-dark);background:#e8973a33}.code-page .guide-head{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.code-page .guide-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink-faint);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:700;display:flex}.code-page .chip{letter-spacing:.1em;background:var(--c-violet-tint);color:var(--c-violet-deep);border-radius:999px;padding:3px 9px;font-size:11px}.code-page .guide-title{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(29px,8.4vw,42px);font-weight:700;line-height:1.05}.code-page .guide-sub{color:var(--c-ink-soft);max-width:48ch;margin:0;font-size:16.5px}.code-page .step{flex-direction:column;gap:11px;display:flex}.code-page .step+.step{border-top:1px solid var(--c-rule);padding-top:20px}.code-page .step-head{align-items:center;gap:11px;display:flex}.code-page .step-num{background:var(--c-violet);color:#fff;width:34px;height:34px;font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;box-shadow:0 3px 0 var(--c-violet-deep);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.code-page .step-name{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;letter-spacing:-.01em;margin:0;font-size:21px;font-weight:700;line-height:1.15}.code-page .step-text{color:var(--c-ink-soft);max-width:54ch;margin:0;font-size:16.5px}.code-page .step-text b{color:var(--c-ink)}.code-page .step-note{color:var(--c-ink-faint);max-width:54ch;margin:0;font-size:14.5px;font-weight:700}.code-page .anatomy{flex-direction:column;gap:17px;width:100%;max-width:300px;margin:2px auto 0;display:flex}.code-page .anatomy.solo{padding-top:30px}.code-page .callout{background:var(--c-paper-2);border:2px solid var(--c-rule);text-align:center;color:var(--c-ink-soft);border-radius:13px;padding:7px 10px;font-size:13px;font-weight:700;line-height:1.35;position:relative}.code-page .callout b{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;color:var(--c-violet-deep);font-weight:700}.code-page .callout:before,.code-page .callout:after{content:"";left:var(--px,50%);border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;margin-left:-9px;position:absolute}.code-page .callout.top:before{border-top:10px solid var(--c-rule);top:100%}.code-page .callout.top:after{border-top:9px solid var(--c-paper-2);border-left-width:8px;border-right-width:8px;margin-left:-8px;top:calc(100% - 3px)}.code-page .callout.bot:before{border-bottom:10px solid var(--c-rule);bottom:100%}.code-page .callout.bot:after{border-bottom:9px solid var(--c-paper-2);border-left-width:8px;border-right-width:8px;margin-left:-8px;bottom:calc(100% - 3px)}.code-page .ana-block{justify-content:center;align-items:center;padding:8px 0;display:flex}.code-page .mat{background:var(--c-paper-2);border:1px solid var(--c-rule);border-radius:22px;flex-direction:column;gap:14px;padding:16px 14px 18px;display:flex;box-shadow:inset 0 1px #ffffffe6,0 10px 28px -18px #2a27336b}.code-page .act-head{flex-direction:column;gap:5px;display:flex}.code-page .act-title{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:19px;font-weight:700;line-height:1.2}.code-page .act-goal{color:var(--c-ink-soft);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font-size:14.5px;display:flex}.code-page .meter{color:var(--c-orange-dark);font-weight:700}.code-page .count-live{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;color:var(--c-ink-soft);font-variant-numeric:tabular-nums;background:#f4efe2;border-radius:999px;padding:1px 10px;font-weight:600}.code-page .stage-wrap{width:100%;max-width:600px;margin:0 auto;position:relative}.code-page .stage{--cell:calc(100cqw/var(--cols));border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2a273317,inset 0 2px #ffffffb3;container-type:inline-size}.code-page .stage.mini{border-radius:13px;max-width:380px;margin:0 auto}.code-page .stage[data-tint=sky]{background:linear-gradient(to bottom,var(--c-sky-2),var(--c-sky));--c-line:#34608c1a}.code-page .stage[data-tint=pond]{background:linear-gradient(to bottom,var(--c-pond-2),var(--c-pond));--c-line:#2b6e461a}.code-page .stage[data-tint=lab]{background:linear-gradient(to bottom,var(--c-lab-2),var(--c-lab));--c-line:#323c5a1c}.code-page .stage[data-tint=rail]{background:linear-gradient(to bottom,var(--c-rail-2),var(--c-rail));--c-line:#6e542e1c}.code-page .stage[data-tint=trail]{background:linear-gradient(to bottom,var(--c-trail-2),var(--c-trail));--c-line:#466e2b1f}.code-page .stage:after{content:"";pointer-events:none;background-image:linear-gradient(to right,var(--c-line)1px,transparent 1px),linear-gradient(to bottom,var(--c-line)1px,transparent 1px);background-size:calc(100%/var(--cols))calc(100%/var(--rows));position:absolute;inset:0}.code-page .bank{width:calc(100%/var(--cols));z-index:1;background:linear-gradient(90deg,#cfe4b6,#dcedc6);border-right:2px dashed #2b6e462e;position:absolute;top:0;bottom:0;left:0}.code-page .cell-item{pointer-events:none;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%)}.code-page .decor{font-size:calc(var(--cell)*.48);opacity:.72;z-index:2}.code-page .pickup{font-size:calc(var(--cell)*.52);z-index:3;transition:transform .28s var(--c-spring),opacity .28s}.code-page .pickup.taken{opacity:0;transform:translate(-50%,-50%)scale(1.9)}.code-page .goal{font-size:calc(var(--cell)*.56);z-index:3}.code-page .goal:before{content:"";width:calc(var(--cell)*.92);height:calc(var(--cell)*.92);border:3px solid #5546e452;border-radius:50%;animation:2s ease-in-out infinite code-pulse;position:absolute}.code-page .sprite{z-index:5;transition:left .3s var(--c-spring),top .3s var(--c-spring);filter:drop-shadow(0 3px 3px #2a273338);justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.code-page .sprite-body{font-size:calc(var(--cell)*.66);transform-origin:50% 70%;line-height:1;display:block}.code-page .anim-hop{animation:code-hop .34s var(--c-ease)}.code-page .anim-walk{animation:code-walk .34s var(--c-ease)}.code-page .anim-thrust{animation:.32s ease-out code-thrust}.code-page .anim-bump{animation:.32s ease-in-out code-bump}.code-page .anim-sad{animation:.7s ease-in-out code-sad}.code-page .anim-cheer{animation:code-cheer .6s var(--c-spring)}.code-page .fx{pointer-events:none;z-index:7;border-radius:16px;position:absolute;inset:0;overflow:hidden}.code-page .confetti{border-radius:2px;width:9px;height:13px;animation:1.05s cubic-bezier(.25,.7,.5,1) forwards code-fall;position:absolute;top:-14px}.code-page .scrim{z-index:8;background:#fdf9f0cc;border-radius:16px;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.code-page .success{background:var(--c-paper-2);border:2px solid var(--c-green);text-align:center;max-width:340px;animation:code-popin .5s var(--c-spring);border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:16px 18px;display:flex;box-shadow:0 14px 30px -16px #2a273380}.code-page .success h3{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;color:var(--c-green-dark);margin:0;font-size:22px;font-weight:700;line-height:1.15}.code-page .success p{color:var(--c-ink-soft);margin:0;font-size:14px}.code-page .stars{letter-spacing:2px;font-size:22px;line-height:1}.code-page .success-btns{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.code-page .predict{border:2px dashed var(--c-violet);background:var(--c-violet-tint);border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex}.code-page .predict-q{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;color:var(--c-violet-deep);margin:0;font-size:17px;font-weight:600}.code-page .predict-opts{flex-wrap:wrap;gap:8px;display:flex}.code-page .guess{border:2px solid var(--c-violet);background:var(--c-paper-2);min-height:52px;color:var(--c-violet-deep);cursor:pointer;transition:transform .18s var(--c-spring),background .18s,color .18s;border-radius:14px;flex:150px;padding:8px 10px;font-family:inherit;font-size:14.5px;font-weight:700}.code-page .guess:hover{transform:translateY(-2px)}.code-page .guess.picked{background:var(--c-violet);color:#fff}.code-page .predict.nudge{animation:.4s ease-in-out code-shakex}.code-page .tray{flex-direction:column;gap:6px;display:flex}.code-page .tray-label{letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink-faint);margin:0;font-size:11px;font-weight:700}.code-page .palette{background:#f5f0e4;border-radius:16px;flex-wrap:wrap;gap:12px;padding:18px 12px 12px;display:flex}.code-page .program-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.code-page .strip-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;background:#f5f0e4;border-radius:16px;flex:210px;min-width:0;max-width:100%;padding:4px 10px 8px;overflow:auto hidden}.code-page .strip{align-items:center;gap:10px;width:max-content;min-height:74px;padding:14px 2px 4px;display:flex}.code-page .strip.locked{pointer-events:none;opacity:.86}.code-page .palette.locked{pointer-events:none;opacity:.55}.code-page .strip.static{pointer-events:none}.code-page .block{min-width:56px;height:56px;font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;color:#fff;cursor:pointer;transition:transform .16s var(--c-spring),box-shadow .16s;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0 8px;font-size:28px;font-weight:700;line-height:1;display:flex;position:relative;box-shadow:0 4px #14102838}.code-page .block:active{transform:translateY(3px);box-shadow:0 1px #14102838}.code-page .block.motion{background:var(--c-blue)}.code-page .block.control{background:var(--c-orange)}.code-page .block.start{background:var(--c-green);cursor:default;font-size:22px}.code-page .block.start:active{transform:none;box-shadow:0 4px #14102838}.code-page .block .svg-glyph{width:30px;height:30px;display:block}.code-page .block.pop{animation:code-blockpop .38s var(--c-spring)}.code-page .block.running{outline:3px solid var(--c-violet);outline-offset:3px;animation:.35s ease-in-out infinite alternate code-beat}.code-page .badge{min-width:28px;height:28px;color:var(--c-ink);font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;cursor:pointer;font-variant-numeric:tabular-nums;background:#fff;border:2px solid #14102829;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:15px;font-weight:700;display:flex;position:absolute;top:-9px;right:-9px;box-shadow:0 2px #14102824}.code-page .badge:after{content:"";position:absolute;inset:-9px}.code-page .badge .x{opacity:.55;margin-right:1px;font-size:11px}.code-page .badge.bump{animation:code-badgepop .28s var(--c-spring)}.code-page .block.repeat{min-width:0;height:auto;box-shadow:none;cursor:default;border:3px solid var(--c-orange);background:#e8973a24;border-radius:16px;align-items:stretch;gap:0;padding:0;display:flex}.code-page .block.repeat:active{transform:none}.code-page .rep-cap{background:var(--c-orange);cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;border:none;border-radius:11px 0 0 11px;flex:none;justify-content:center;align-items:center;width:54px;padding:0;font-size:24px;display:flex;position:relative}.code-page .rep-slot{flex:none;align-items:center;gap:6px;min-height:68px;padding:6px 8px 6px 14px;display:flex}.code-page .empty-slot{background:#ffffff80;border:3px dashed #be74238c;border-radius:11px;flex:none;width:52px;height:52px}.code-page .block.repeat.running{animation:none}.code-page .ana-block .block{cursor:default;border-radius:19px;min-width:84px;height:84px;padding:0 10px;font-size:44px}.code-page .ana-block .block .svg-glyph{width:46px;height:46px}.code-page .ana-block .badge{cursor:default;min-width:34px;height:34px;font-size:19px;top:-12px;right:-12px}.code-page .ana-block .badge .x{font-size:13px}.code-page .ana-block .block.repeat{border-radius:19px;min-width:0;height:auto;padding:0}.code-page .ana-block .rep-cap{cursor:default;border-radius:14px 0 0 14px;width:66px;font-size:34px}.code-page .ana-block .rep-slot{min-height:84px;padding:8px 10px 8px 16px}.code-page .ana-block .rep-slot .block{border-radius:14px;min-width:60px;height:60px;font-size:31px}.code-page .ana-block .rep-slot .block .svg-glyph{width:33px;height:33px}.code-page .hint-slot{height:56px;color:var(--c-ink-faint);white-space:nowrap;border:3px dashed #dcd2be;border-radius:12px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;display:flex}.code-page .hint-slot .plus{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;color:#c9bfa9;font-size:22px}.code-page .controls{flex:none;align-items:center;gap:10px;padding-top:6px;display:flex}.code-page .rbtn{cursor:pointer;color:#fff;font-size:22px;font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;transition:transform .16s var(--c-spring),box-shadow .16s,background .2s;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.code-page .rbtn:active{transform:translateY(3px);box-shadow:0 1px #1410283d}.code-page .play{background:var(--c-green);width:64px;height:64px;box-shadow:0 5px 0 var(--c-green-dark);font-size:26px}.code-page .play.stopping{background:#d8534f;box-shadow:0 5px #a63d3a}.code-page .play.locked{background:#c6bfb0;box-shadow:0 5px #a9a192}.code-page .reset{background:var(--c-paper-2);width:52px;height:52px;color:var(--c-ink-soft);border:2px solid var(--c-rule);box-shadow:0 4px 0 var(--c-rule);font-size:20px}.code-page .feedback{min-height:24px;color:var(--c-ink-soft);text-align:center;margin:0;font-size:15px;font-weight:700}.code-page .feedback.good{color:var(--c-green-dark)}.code-page .feedback.warm{color:var(--c-orange-dark)}.code-page .demo-pair{flex-direction:column;gap:12px;display:flex}.code-page .demo{border:1px solid var(--c-rule);background:#fbf6ea;border-radius:18px;flex-direction:column;gap:9px;min-width:0;padding:10px 10px 12px;display:flex}.code-page .demo-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.code-page .demo-tag{letter-spacing:.13em;text-transform:uppercase;color:var(--c-ink-faint);background:#efe7d5;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700}.code-page .demo-name{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;color:var(--c-ink-soft);font-size:15px;font-weight:600}.code-page .demo .strip-scroll{background:#f1ebdd;flex:auto}.code-page .demo .strip{min-height:70px}.code-page .demo-note{min-height:20px;color:var(--c-green-dark);text-align:center;margin:0;font-size:13.5px;font-weight:700}.code-page .watch{background:var(--c-violet);color:#fff;box-shadow:0 4px 0 var(--c-violet-deep);align-self:flex-start;align-items:center;gap:7px;display:flex}.code-page .watch.on{background:#d8534f;box-shadow:0 4px #a63d3a}.code-page .further{border:2px dashed var(--c-orange);background:#e8973a1a;border-radius:18px;flex-direction:column;gap:6px;padding:15px 16px;display:flex}.code-page .further-q{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;color:var(--c-orange-dark);margin:0;font-size:19px;font-weight:700;line-height:1.2}.code-page .further p{color:var(--c-ink-soft);max-width:52ch;margin:0;font-size:15.5px}.code-page .btn{cursor:pointer;min-height:44px;transition:transform .16s var(--c-spring),box-shadow .16s;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;justify-content:center;align-items:center;padding:11px 18px;font-family:inherit;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex}.code-page .btn:active{transform:translateY(2px)}.code-page .btn-primary{background:var(--c-violet);color:#fff;box-shadow:0 4px 0 var(--c-violet-deep)}.code-page .btn-primary:active{box-shadow:0 2px 0 var(--c-violet-deep)}.code-page .btn-ghost{background:var(--c-paper-2);color:var(--c-ink-soft);border:2px solid var(--c-rule);box-shadow:0 3px 0 var(--c-rule)}.code-page .keepgoing{border-top:1px solid var(--c-rule);flex-direction:column;gap:10px;padding-top:20px;display:flex}.code-page .keep-head{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;letter-spacing:-.01em;margin:0;font-size:19px;font-weight:700;line-height:1.2}.code-page .keep-row{text-align:left;border-radius:16px;align-items:center;gap:11px;width:100%;padding:11px 13px;text-decoration:none;display:flex}.code-page .keep-emoji{flex:none;font-size:23px;line-height:1}.code-page .keep-text{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.code-page .keep-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink-faint);margin:0;font-size:10px;font-weight:700}.code-page .keep-name{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;overflow-wrap:break-word;margin:0;font-size:15.5px;font-weight:600;line-height:1.2}.code-page .keep-pill{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;padding:4px 10px;font-size:10.5px;font-weight:700;line-height:1.4}.code-page .keep-row.soon{background:#fbf7ec;border:2px dashed #efe5d0}.code-page .keep-row.soon .keep-emoji{opacity:.7;filter:saturate(.75)}.code-page .keep-row.soon .keep-name{color:var(--c-ink-soft)}.code-page .keep-row.soon .keep-pill{color:#9c9179;background:#f2e9d6}.code-page .keep-row.live{background:var(--c-paper-2);border:2px solid var(--c-violet);color:var(--c-ink);transition:transform .18s var(--c-spring),box-shadow .18s;-webkit-tap-highlight-color:transparent;box-shadow:0 4px #5546e438}.code-page .keep-row.live:hover{transform:translateY(-3px);box-shadow:0 7px #5546e438}.code-page .keep-row.live:active{transform:translateY(2px);box-shadow:0 2px #5546e438}.code-page .keep-row.live .keep-name{color:var(--c-ink);font-weight:700}.code-page .keep-row.live .keep-pill{background:var(--c-violet);color:#fff}.code-page .grownups{border:1px solid var(--c-rule);border-left:5px solid var(--c-violet);background:var(--c-violet-tint);border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.code-page .grownups h4{letter-spacing:.14em;text-transform:uppercase;color:var(--c-violet-deep);margin:0;font-size:11px;font-weight:700}.code-page .grownups p{color:var(--c-ink);max-width:62ch;margin:0;font-size:15px}.code-page .cta{border-top:1px solid var(--c-rule);flex-direction:column;gap:10px;padding-top:20px;display:flex}.code-page .cta h2{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700;line-height:1.2}.code-page .cta>p{color:var(--c-ink-soft);max-width:54ch;margin:0;font-size:15.5px}.code-page .ctabox{background:var(--c-paper-2);border:2px solid var(--c-rule);border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 18px 20px;display:flex}.code-page .ctabox .m1{font-family:var(--font-baloo),"Baloo 2",system-ui,sans-serif;color:var(--c-ink);max-width:46ch;font-size:18px;font-weight:600;line-height:1.3}.code-page .ctabox .m2{color:var(--c-ink-faint);font-size:14px;font-weight:700}.code-page .ctabox .btn{gap:8px}.code-page .ctabox .altlink{color:var(--c-ink-soft);font-size:14px}.code-page .foot{text-align:center;border-top:1px solid var(--c-rule);flex-direction:column;gap:6px;padding-top:16px;display:flex}.code-page .foot p{color:var(--c-ink-faint);margin:0;font-size:13.5px}.code-page :focus-visible{outline:3px solid var(--c-violet);outline-offset:3px;border-radius:6px}@keyframes code-pulse{0%,to{opacity:.5;transform:scale(.86)}50%{opacity:1;transform:scale(1.04)}}@keyframes code-hop{0%{transform:translateY(0)scale(1)}45%{transform:translateY(-42%)scale(1.08)}to{transform:translateY(0)scale(1)}}@keyframes code-walk{0%{transform:translateY(0)rotate(0)}40%{transform:translateY(-14%)rotate(-5deg)}to{transform:translateY(0)rotate(0)}}@keyframes code-thrust{0%{transform:scale(1)}40%{transform:scale(1.13)}to{transform:scale(1)}}@keyframes code-bump{0%,to{transform:translate(0)}22%{transform:translate(-16%)rotate(-6deg)}62%{transform:translate(9%)rotate(4deg)}}@keyframes code-sad{0%,to{transform:rotate(0)translateY(0)}20%{transform:rotate(-9deg)translateY(6%)}45%{transform:rotate(8deg)translateY(6%)}70%{transform:rotate(-5deg)translateY(3%)}}@keyframes code-cheer{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-26%)scale(1.16)}to{transform:translateY(0)scale(1)}}@keyframes code-fall{0%{opacity:1;transform:translate(0,0)rotate(0)}to{transform:translate3d(var(--dx),420px,0)rotate(var(--dr));opacity:0}}@keyframes code-popin{0%{opacity:0;transform:scale(.6)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes code-blockpop{0%{opacity:0;transform:scale(.35)rotate(-8deg)}60%{transform:scale(1.12)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes code-beat{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes code-badgepop{0%{transform:scale(1)}45%{transform:scale(1.34)}to{transform:scale(1)}}@keyframes code-shakex{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@media (min-width:520px){.code-page .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.code-page .card-title{font-size:15px}}@media (min-width:620px){.code-page .demo-pair{flex-direction:row;align-items:stretch}.code-page .demo-pair>.demo{flex:1 1 0;min-width:0}}@media (min-width:700px){.code-page .cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.code-page .card-title{font-size:14px}}@media (max-width:430px){.code-page .wrap{padding:16px 12px 44px}.code-page .card{border-radius:16px;min-height:126px;padding:11px 10px 10px}.code-page .card-title{font-size:14px}.code-page .card-emoji{font-size:24px}.code-page .world-name{font-size:19px}.code-page .mat{border-radius:18px;padding:14px 12px 16px}.code-page .block{min-width:52px;height:52px;font-size:25px}.code-page .rep-cap{width:50px}.code-page .empty-slot{width:48px;height:48px}.code-page .rep-slot{min-height:62px}.code-page .program-row{gap:10px}.code-page .controls{justify-content:center;width:100%;padding-top:2px}.code-page .step-name{font-size:19px}.code-page .keep-row{border-radius:14px;gap:9px;padding:10px 11px}.code-page .keep-name{font-size:14.5px}.code-page .ana-block .block{min-width:78px;height:78px;font-size:40px}.code-page .ana-block .rep-cap{width:60px;font-size:31px}.code-page .ana-block .rep-slot .block{min-width:56px;height:56px;font-size:29px}}@media (prefers-reduced-motion:reduce){.code-page *,.code-page :before,.code-page :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}