.class-picture{--bg:#F3F6FA;--surface:#FFFFFF;--ink:#16223B;--muted:#56637D;--line:#D5DDEA;--accent:#B07A00;--sq-light:#F7FAFD;--sq-dark:#7F9FCB;--board-edge:#2B436E;--glow:#F5B800;--glow-edge:#E09A00;--pin:#1C3F8F;--code-bg:#14213A;--code-ink:#E8EEF9;--code-dim:#8FA0BF;--blk-ev:#C98A00;--blk-ctl:#2F5FB8;--blk-mv:#3E7C6A;--blk-var:#8A4FB0;--blk-say:#5A6B8C;--display:var(--font-home-heading),Georgia,serif;--body:var(--font-home-body),system-ui,sans-serif;--mono:ui-monospace,Menlo,monospace;margin:0;width:100%;content-visibility:auto;contain-intrinsic-size:auto 360px;.art{border-radius:8px;overflow:hidden;background:var(--code-bg);aspect-ratio:1/1;display:grid;place-items:center;max-width:100%}.board{width:100%;height:100%;display:block;background:var(--sq-light)}.coord{font:600 9px var(--body);fill:var(--board-edge)}.caption{font-family:var(--display);font-size:1.18rem;font-weight:500;line-height:1.25}.code-art{width:100%;height:100%;padding:8%;display:flex;flex-direction:column;gap:7%;justify-content:center;color:var(--code-ink)}.scene{display:flex;align-items:center;gap:6px;background:#1D2D4E;border-radius:8px;padding:10px 12px;min-height:54px;position:relative}.bot{width:26px;height:26px;border-radius:7px;background:#F7FAFD;box-shadow:inset 0 -8px 0 #7F9FCB;flex:none}.tile{flex:1;height:8px;border-radius:4px;background:#34486F}.star{color:#F5B800;font-size:26px;line-height:1;text-shadow:0 0 12px #F5B800}.game{justify-content:space-between}.score{font:600 .85rem var(--mono);color:var(--code-dim)}.score b{color:var(--code-ink)}.ball{background:#F7FAFD;margin-left:auto;margin-right:-4px}.ball,.coin{width:22px;height:22px;border-radius:50%}.coin{background:#F5B800;box-shadow:inset 0 0 0 3px #E09A00;opacity:.35}.stack{display:flex;flex-direction:column;gap:5px}.blk{font:600 .9rem var(--body);color:#fff;padding:9px 13px;border-radius:7px;width:fit-content;max-width:100%}.blk.in{margin-left:22px}.blk i{font-style:normal;background:#ffffff2e;padding:1px 7px;border-radius:5px}.ev{background:var(--blk-ev)}.ctl{background:var(--blk-ctl)}.mv{background:var(--blk-mv)}.var{background:var(--blk-var)}.say{background:var(--blk-say)}.slot{background:transparent;border:2px dashed #f5b800;color:#F5B800;min-width:150px;text-align:center;box-shadow:0 0 18px #F5B80088,inset 0 0 14px #F5B80033;position:relative}.orbit{position:absolute;inset:-9px;border-radius:12px;pointer-events:none}.orbit:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#F5B800;box-shadow:0 0 10px #F5B800;offset-path:inset(0 round 12px)}.bug{background:#F5B800;color:#14213A;padding:1px 9px;border-radius:5px;box-shadow:0 0 16px #F5B800}.py pre{margin:0;width:100%;font:400 clamp(.78rem,2.4vw,.95rem)/1.5 var(--mono);white-space:pre;overflow-x:auto}.ln{color:var(--code-dim);display:inline-block;width:1.6em;user-select:none}.kw{color:#9CC0FF}.st{color:#A8D8B9}.bugline{background:#F5B80026;outline:2px solid #F5B800;border-radius:4px;padding:2px 6px;box-shadow:0 0 18px #F5B80077}.out{font:400 .82rem var(--mono);color:var(--code-dim);border-top:1px solid #34486f;padding-top:10px}@media (prefers-reduced-motion:reduce){.orbit:before{animation:none}}.anim{position:relative}.pp{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:1px solid #ffffff55;background:#0b142799;color:#fff;font-size:10px;cursor:pointer;display:grid;place-items:center;z-index:2}.pp:hover{background:#0b1427}.pp:focus-visible{outline:3px solid #F5B800;outline-offset:2px}.track{justify-content:space-between;padding-inline:22px}.track .bot{position:absolute;top:50%;left:12px;transform:translate(calc(var(--i) * (100cqw - 66px) / 3),-50%);transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:1}.dot{width:8px;height:8px;border-radius:50%;background:#4A6190}.star{transition:transform .3s}.star.hit{transform:scale(1.35) rotate(12deg)}.bubble{position:absolute;right:44px;top:-10px;background:#F7FAFD;color:#14213A;font:700 .78rem var(--body);padding:3px 9px;border-radius:9px}.slot .slot-t{display:none}.slot .cnt{font-style:normal;font-weight:500;opacity:.85;margin-left:8px;font-size:.8rem}.slot.filled{background:var(--blk-ctl);border:2px solid transparent;color:#fff;box-shadow:none;min-width:0;text-align:left;animation:drop .45s ease-out}.slot.filled .orbit,.slot.filled .slot-q{display:none}.slot.filled .slot-t{display:inline}@keyframes drop{0%{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}.blk{transition:opacity .3s}.blk.on{box-shadow:0 0 0 2px #F5B800,0 0 18px #F5B800aa;filter:brightness(1.12)}.lane{position:relative;flex:1;height:26px;margin-left:14px}.lane .ball{position:absolute;top:2px;left:0;margin:0;transform:translateX(calc(var(--p) * (100cqw - 48px)));transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.lane.snap .ball{transition:none}.lane .coin{position:absolute;right:0;top:2px;opacity:1;transition:opacity .35s,transform .35s}.lane .coin.gone{opacity:0;transform:scale(.4)}.sv{display:inline-block;transition:transform .25s}.sv.pop{transform:scale(1.6);color:#F5B800}.sv.stuck{color:#FF9A8A}.val{transition:opacity .3s}.val.hot{box-shadow:0 0 0 3px #fff,0 0 26px 6px #F5B800}.val.fixed{background:#A8E6B8;box-shadow:0 0 14px #A8E6B8}.l{display:block;border-radius:4px;padding-inline:4px;margin-inline:-4px}.l.cur{background:#ffffff1f}.l4{transition:opacity .3s}.l4.hot{box-shadow:0 0 0 2px #fff,0 0 26px 4px #F5B800}.l4.fixed{background:#A8E6B822;outline:2px solid #A8E6B8;border-radius:4px;padding:2px 6px}.out{min-height:2.6em;margin-top:auto}.code-art.py{gap:4%;padding-block:7% 6%}@media (prefers-reduced-motion:reduce){.pp{display:none}.slot.filled{animation:none}}.sv{padding:0}.sv svg{width:100%;height:100%;display:block}.f-s{fill:#1D2D4E}.f-b{fill:#7F9FCB}.f-w{fill:#F7FAFD}.f-g{fill:#F5B800}.f-n{fill:none}.k-l{stroke:#4A6190}.k-g{stroke:#F5B800}.k-w{stroke:#E8EEF9}.sv text{font-family:var(--body);font-size:13px;font-weight:600;fill:#E8EEF9}.sv text.td{fill:#8FA0BF;font-size:11px;font-weight:500}.sv .tgx,.sv text.tg{fill:#F5B800;font-weight:700}.sv text.tk{fill:#14213A;font-size:12px;font-weight:700}.sv text.tkw{fill:#E8EEF9;font-size:10.5px;font-weight:700}.sv text.tk2{fill:#A8E6B8;font-weight:700}.sv text.tr{fill:#FF9A8A;font-weight:700}.sv text.big{font-size:17px}.sv text.huge{font-size:28px}.sv text.sm{font-size:11px}.gl{filter:drop-shadow(0 0 5px #F5B800)}.ap1,.ap2,.ap3,.ap4,.ap5,.ap6,.ap7,.ap8{opacity:0;transition:opacity .5s}.dm2,.go1,.go2,.go3,.go4,.go5,.go6,.go7,.go8{transition:opacity .4s}.mv{transition:transform var(--d,1s) var(--e,ease-in-out),opacity .4s}.s1 .ap1,.s2 .ap2,.s3 .ap3,.s4 .ap4,.s5 .ap5,.s6 .ap6,.s7 .ap7,.s8 .ap8{opacity:1}.s1 .go1,.s2 .go2,.s3 .go3,.s4 .go4,.s5 .go5,.s6 .go6,.s7 .go7,.s8 .go8{opacity:0}.s2 .dm2{opacity:.25}.s1 .m1{transform:translate(var(--x1),var(--y1))}.s2 .m2{transform:translate(var(--x2),var(--y2))}.s3 .m3{transform:translate(var(--x3),var(--y3))}.s4 .m4{transform:translate(var(--x4),var(--y4))}.s5 .m5{transform:translate(var(--x5),var(--y5))}.s6 .m6{transform:translate(var(--x6),var(--y6))}.s7 .m7{transform:translate(var(--x7),var(--y7))}.gA{transform-origin:85px 160px}.gB{transform-origin:176px 160px}.s1 .gA{animation:spin 3s linear infinite}.s1 .gB{animation:spinr 5.25s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes spinr{to{transform:rotate(-1turn)}}.beam{transform-origin:256px 95px;transition:transform 2.4s linear}.s2 .beam{transform:scaleX(.167)}.s1 .bar{animation:grow .9s ease-out}@keyframes grow{0%{transform:scaleX(0)}}.tx{gap:5%;justify-content:center}.tx .line{font:500 1.02rem/1.45 var(--body);color:var(--code-ink)}.tx .line.xl{font-family:var(--display);font-size:1.35rem;line-height:1.3}.tx ins{text-decoration:none;color:#F5B800}.tx .note{font:500 .82rem var(--body);color:var(--code-dim)}.glt{text-shadow:0 0 14px #F5B800aa}.tx b.glt{color:#F5B800}.in1,.in2,.in3{display:none}.s1 .in1,.s2 .in2,.s3 .in3{display:inline;animation:fadein .6s}.tx p.in2{display:none}.s2 p.in2{display:block}.s1 .out1{display:none}@keyframes fadein{0%{opacity:0}}.strike1{transition:opacity .4s}.s1 .strike1{text-decoration:line-through;opacity:.5;text-shadow:none}.blank{color:#F5B800;text-shadow:0 0 12px #F5B800}.lab{font:700 .66rem var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--code-dim);display:block}.pov{background:#1D2D4E;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wcard{background:#1D2D4E;border-radius:8px;padding:9px 11px;display:flex;flex-direction:column;gap:2px;min-width:0}.wcard b{font:600 1.15rem var(--display);color:var(--code-ink)}.glb{box-shadow:0 0 0 2px #F5B800,0 0 16px #F5B80077}.sw{display:inline-block;width:.7em;height:.7em;border-radius:3px;background:#E0564F;margin-right:.4em}.bub{font:500 .98rem/1.35 var(--body);padding:9px 13px;border-radius:14px;max-width:88%;width:fit-content}.bub.q{background:#1D2D4E;color:var(--code-ink);border-bottom-left-radius:4px}.bub.a{background:#F7FAFD;color:#14213A;align-self:flex-end;border-bottom-right-radius:4px}.bub.a .blank,.bub.a ins{color:#9A6A00;font-weight:700}.bub.a .blank{text-shadow:none}@media (prefers-reduced-motion:reduce){.s1 .bar,.s1 .gA,.s1 .gB{animation:none}}.art{container-type:inline-size}.tx .line{font-size:clamp(.95rem,4.6cqw,1.5rem)}.tx .line.xl{font-size:clamp(1.2rem,6.2cqw,2rem)}.tx .note{font-size:clamp(.78rem,3.3cqw,1.05rem)}.wcard b{font-size:clamp(1.05rem,5.6cqw,1.8rem)}.bub{font-size:clamp(.9rem,4.4cqw,1.4rem)}.tx .lab{font-size:clamp(.62rem,2.6cqw,.85rem)}.blocks .blk{font-size:clamp(.9rem,3.5cqw,1.35rem);padding:.55em .8em}.blocks .scene{min-height:clamp(54px,13cqw,84px)}.py pre{font-size:clamp(.78rem,3.3cqw,1.3rem)}.py .out{font-size:clamp(.8rem,2.8cqw,1.05rem)}.lane,.track{container-type:inline-size}.orbit{display:none}.pp{width:auto;min-width:44px;height:44px;padding:0 10px;border-radius:8px;font:600 12px inherit}.blk{font-size:clamp(.65rem,3.5cqw,1.35rem)}.code-art{min-height:0}.art{width:100%;aspect-ratio:1;contain:layout paint}.anim{height:100%;width:100%}}.class-picture[data-still] *{animation:none!important;transition:none!important}.class-picture[data-still] .pp{display:none}.class-picture figcaption{font-size:15px;line-height:1.45;margin-top:10px;color:#334155}.picture-status{font-size:12px;font-weight:700;color:#765000;margin:6px 0}.class-picture[data-paused] *{animation-play-state:paused!important;transition:none!important}@media(prefers-reduced-motion:reduce){.class-picture *{animation:none!important;transition:none!important}.class-picture .pp{display:none!important}}.class-picture .code-art .ev{background:#986500}.class-picture .code-art .ctl{background:#2F5FB8}.picture-pause{margin-top:8px;min-width:72px;min-height:44px;border-radius:8px;background:#1E2A44;color:white;font-weight:700}.picture-pause[hidden]{display:none}@media(prefers-reduced-motion:reduce){.picture-pause{display:none!important}}.approved-class-picture{content-visibility:visible;contain-intrinsic-size:none;min-width:0}.approved-class-picture .approved-art{aspect-ratio:1/1;width:100%;overflow:hidden;border-radius:8px;background:#F3F6FA}.approved-class-picture .approved-picture-footer{height:44px;display:flex;align-items:center;font-size:11px;line-height:1.3;margin:0}.approved-class-picture .picture-pause{position:static;min-height:40px;margin:0}@media(prefers-reduced-motion:reduce){.approved-class-picture *,.approved-class-picture :after,.approved-class-picture :before{animation:none!important;transition:none!important}}