:root{--bg:#1a1c2c;--panel:#333c57;--panel-dark:#29366f;--text:#f4f4f4;--bit1:#ffcd75;--bit0:#566c86;--primary:#38b764;--info:#41a6f6;--wrong:#b13e53;--f-pixel:"Pixelify Sans", ui-monospace, monospace;--f-body:"Atkinson Hyperlegible", system-ui, sans-serif;--f-num:"Silkscreen", ui-monospace, monospace;--px:4px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--f-body);margin:0;font-size:18px;line-height:1.5}h1,h2,h3,p{margin:0}:focus-visible{outline:var(--px) solid var(--info);outline-offset:var(--px)}.num{font-family:var(--f-num)}.muted{color:var(--bit0)}.screen{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;padding:24px 16px 64px;display:flex}.screen--center{text-align:center;justify-content:center;align-items:center;min-height:100vh}.row{flex-wrap:wrap;gap:12px;display:flex}.screen--center .row{justify-content:center}.title{font-family:var(--f-pixel);color:var(--bit1);text-shadow:var(--px) var(--px) 0 var(--panel-dark);font-size:clamp(2.5rem,9vw,4rem);font-weight:700;line-height:1}.title--small{color:var(--text);font-size:clamp(1.75rem,6vw,2.5rem)}.kicker{font-family:var(--f-pixel);color:var(--info);text-transform:uppercase;letter-spacing:.08em;font-size:1rem}.lead{max-width:32ch;font-size:1.15rem}.panel{background:var(--panel);border:var(--px) solid var(--panel-dark);box-shadow:calc(var(--px) * 2) calc(var(--px) * 2) 0 var(--panel-dark);flex-direction:column;align-items:flex-start;gap:16px;padding:20px;display:flex}.screen--center .panel{align-items:center}@media (width<=480px){.panel{padding:16px 12px}}.btn{--btn-bg:var(--bit0);--btn-edge:var(--panel-dark);min-height:48px;font-family:var(--f-pixel);color:var(--text);background:var(--btn-bg);border:var(--px) solid var(--bg);box-shadow:0 var(--px) 0 var(--btn-edge);cursor:pointer;justify-content:center;align-items:center;padding:8px 20px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:transform 60ms step-end,box-shadow 60ms step-end;display:inline-flex}.btn:active:not(:disabled){transform:translateY(var(--px));box-shadow:0 0 0 var(--btn-edge)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{--btn-bg:var(--primary);color:var(--bg)}.btn--info{--btn-bg:var(--info);color:var(--bg)}.btn--danger{--btn-bg:var(--wrong)}.btn--small{min-height:40px;padding:4px 14px;font-size:1rem}.back{font-family:var(--f-pixel);color:var(--info);align-self:flex-start;text-decoration:none}.input{font:inherit;color:var(--text);background:var(--bg);border:var(--px) solid var(--panel-dark);text-align:center;width:100%;padding:8px 12px;font-size:1.25rem}.name-panel{width:100%;max-width:420px}.name-form{flex-direction:column;gap:12px;width:100%;display:flex}.name-form label{font-weight:700}.home-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.home-head__robot{align-items:center;gap:16px;display:flex}.robot-name{font-family:var(--f-pixel);font-size:1.5rem;font-weight:600}.total-stars{font-family:var(--f-num);align-items:center;gap:8px;font-size:1.1rem;display:flex}.stars{gap:4px;display:inline-flex}.route{flex-direction:column;gap:24px;margin:8px 0 0;padding:0;list-style:none;display:flex;position:relative}.route:before{content:"";width:var(--px);background:repeating-linear-gradient(var(--bit0) 0 8px, transparent 8px 16px);position:absolute;top:28px;bottom:28px;left:26px}.route__step{align-items:flex-start;gap:16px;display:flex;position:relative}.route__nr{width:56px;height:56px;font-family:var(--f-num);background:var(--bit0);color:var(--bg);border:var(--px) solid var(--bg);box-shadow:0 0 0 var(--px) var(--panel-dark);z-index:1;flex:none;place-items:center;font-size:1.5rem;font-weight:700;display:grid}.route__step--done .route__nr{background:var(--bit1)}.route__step--open .route__nr{background:var(--primary)}.route__body{background:var(--panel);border:var(--px) solid var(--panel-dark);min-width:0;box-shadow:calc(var(--px) * 2) calc(var(--px) * 2) 0 var(--panel-dark);flex-direction:column;flex:1;gap:12px;padding:12px 16px;display:flex}.route__title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.route__title h2{font-family:var(--f-pixel);font-size:1.35rem;font-weight:600;line-height:1.2}.route__step.is-current .route__body{border-color:var(--info);box-shadow:calc(var(--px) * 2) calc(var(--px) * 2) 0 var(--info)}.route__marker{margin:-24px 0 0 auto}.route__step--locked .route__body{background:var(--bg)}.route__step--locked h2{color:var(--bit0)}.route__fase{z-index:1;font-family:var(--f-pixel);text-transform:uppercase;letter-spacing:.08em;color:var(--bit1);background:var(--bg);border:var(--px) solid var(--panel-dark);align-self:flex-start;margin-left:8px;padding:4px 12px;font-size:.95rem;position:relative}.teacher-bar{z-index:10;background:var(--panel-dark);border-bottom:var(--px) solid var(--bg);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 16px;display:flex;position:sticky;top:0}.teacher-bar__label{font-family:var(--f-pixel);color:var(--bit1);text-transform:uppercase;letter-spacing:.08em;margin-right:auto}.bob{animation:1.2s steps(2,end) infinite bob}@keyframes bob{50%{transform:translateY(calc(var(--px) * -1))}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes drive-in{0%{transform:translate(-120px)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.note{border-left:var(--px) solid var(--info);padding-left:12px}.lamps{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.lamps__row{justify-content:center;gap:clamp(4px,1.5vw,8px);width:100%;display:grid}.lamp{background:var(--bg);border:var(--px) solid var(--panel-dark);color:var(--text);font-family:var(--f-num);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:8px 2px;display:flex}.lamp:disabled{cursor:default}.lamp:not(:disabled):active{transform:translateY(var(--px))}.lamp--on{border-color:var(--bit1)}.lamp--new{border-color:var(--info);animation:.3s steps(3,end) both pop}.lamp__value{color:var(--info);font-size:clamp(.7rem,3vw,1.25rem)}.lamp__bulb{width:100%;max-width:54px;height:auto}.lamp--on .lamp__bulb{animation:.16s steps(2,end) flick}.lamp__bit{color:var(--bit0);font-size:clamp(1.25rem,5vw,1.75rem);font-weight:700;line-height:1}.lamp--on .lamp__bit{color:var(--bit1)}.lamps__sum{font-family:var(--f-num);flex-wrap:wrap;justify-content:center;gap:4px 16px;font-size:clamp(1.1rem,4.5vw,1.5rem);display:flex}.lamps__total{color:var(--bit1);font-weight:700}@keyframes flick{0%{opacity:.3}}.task{align-items:stretch}.question{font-family:var(--f-pixel);font-size:clamp(1.35rem,5vw,1.75rem);font-weight:600;line-height:1.2}.answer{justify-content:center;gap:12px;display:flex}.answer__input{width:5em;font-family:var(--f-num);font-size:1.5rem}.feedback-slot:empty{display:none}.feedback{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-weight:700;display:flex}.feedback--goed{background:var(--bg);border:var(--px) solid var(--primary);color:var(--primary)}.feedback--fout{background:var(--bg);border:var(--px) solid var(--wrong);animation:.24s steps(4,end) shake}@keyframes shake{25%{transform:translateX(calc(var(--px) * -1))}75%{transform:translateX(var(--px))}}.streak{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.streak__cells{gap:4px;display:flex}.streak__cell{background:var(--bit0);border:var(--px) solid var(--panel-dark);width:20px;height:20px}.streak__cell--on{background:var(--bit1);animation:.2s steps(2,end) both pop}.streak__label{flex:1;min-width:12em}.streak__lamps{font-family:var(--f-num);color:var(--info)}.stepper{align-items:center;gap:12px;display:flex}.stepper__value{font-family:var(--f-num);text-align:center;min-width:6em;font-size:1.25rem}.home-head__robot{color:inherit;text-decoration:none}.garage-link{font-family:var(--f-pixel);color:var(--info);font-size:.95rem}.garage-stage{background:repeating-linear-gradient(90deg, transparent 0 31px, var(--panel-dark) 31px 32px), repeating-linear-gradient(0deg, transparent 0 31px, var(--panel-dark) 31px 32px), var(--bg);border:var(--px) solid var(--panel-dark);place-items:center;padding:24px 16px 32px;display:grid}.garage-stage__robot{max-width:100%;height:auto}.parts{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.part-row{background:var(--panel);border:var(--px) solid var(--panel-dark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.part-row__name{font-family:var(--f-pixel);font-size:1.2rem;font-weight:600}.part-row__from{font-size:.95rem}.part-row__tiers{gap:8px;display:flex}.tier{font:inherit;color:inherit;cursor:pointer;background:var(--bg);border:var(--px) solid var(--panel-dark);flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;width:76px;min-height:88px;padding:8px 4px 4px;display:flex}.tier svg{max-width:100%;height:auto;max-height:52px}.tier__label{font-family:var(--f-pixel);color:var(--bit0);font-size:.8rem}.tier--have .tier__label{color:var(--text)}.tier:disabled{cursor:default}.tier--now{border-color:var(--bit1)}.step-head{justify-content:space-between;align-items:center;display:flex}.linkish{font-family:var(--f-pixel);color:var(--info);cursor:pointer;background:0 0;border:0;padding:0;font-size:1rem}.stack{flex-direction:column;gap:16px;display:flex}.teacher-demo{border:var(--px) dashed var(--panel-dark);flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;padding:12px;font-size:.95rem;display:flex}.pop{animation:.3s steps(3,end) both pop}.sound-toggle{z-index:20;background:var(--panel);border:var(--px) solid var(--panel-dark);cursor:pointer;place-items:center;width:48px;height:48px;display:grid;position:fixed;bottom:12px;right:12px}.reward{text-align:center;background:repeating-linear-gradient(0deg, transparent 0 3px, #0000002e 3px 4px), radial-gradient(circle at 50% 45%, var(--panel-dark), var(--bg) 70%);flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding:32px 16px 64px;display:flex;position:relative;overflow:hidden}.reward__title{font-family:var(--f-pixel);color:var(--bit1);text-shadow:var(--px) var(--px) 0 var(--wrong), calc(var(--px) * 2) calc(var(--px) * 2) 0 var(--panel-dark);font-size:clamp(2rem,8vw,3.5rem);font-weight:700;line-height:1.05;animation:.5s steps(5,end) both slam}.reward__stars{gap:12px;min-height:49px;display:flex}.reward__stars svg{max-width:28vw;height:auto}.reward__stage{place-items:end center;width:100%;min-height:480px;display:grid;position:relative}.reward__robot{max-width:70vw;height:auto}.reward--klaar .reward__stage{min-height:0}.reward--klik .reward__stage{animation:.4s steps(8,end) shake}.reward--klaar .reward__robot{animation:.7s steps(7,end) hop}.reward__part{z-index:2;place-items:center;animation:.7s steps(7,end) both float-in;display:grid;position:absolute;top:56px}.reward--klik .reward__part{animation:.35s steps(4,end) forwards snap}.reward__part svg{max-width:50vw;height:auto;position:relative}.reward__rays,.reward__rays:before,.reward__rays:after{border:var(--px) solid var(--bit1);content:"";animation:.9s steps(6,end) infinite ring;position:absolute;inset:-24px}.reward__rays:before{border-color:var(--info);animation-delay:.3s;inset:-16px}.reward__rays:after{border-color:var(--text);animation-delay:.6s;inset:-16px}.reward__flash{background:var(--text);opacity:0;pointer-events:none;z-index:5;position:absolute;inset:0}.reward--klik .reward__flash{animation:.4s steps(4,end) flash}.particles{z-index:3;pointer-events:none;position:absolute;top:70%;left:50%}.particles span{animation:.9s steps(9,end) forwards burst;position:absolute}.reward__text{flex-direction:column;align-items:center;gap:16px;animation:.3s steps(3,end) both pop;display:flex}.reward__text .title{color:var(--bit1)}.reward__next{background:var(--bg);border:var(--px) dashed var(--bit0);text-align:left;align-items:center;gap:12px;padding:10px 16px;display:flex}.reward__skip{position:absolute;bottom:16px;left:16px}@keyframes slam{0%{opacity:0;transform:scale(2.2)}60%{opacity:1;transform:scale(.95)}}@keyframes float-in{0%{opacity:0;transform:translateY(-120px)scale(.3)}}@keyframes snap{to{opacity:0;transform:translateY(240px)scale(.2)}}@keyframes ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}@keyframes flash{0%{opacity:.85}to{opacity:0}}@keyframes burst{0%{opacity:1;transform:translate(0)}to{transform:translate(var(--dx), var(--dy));opacity:0}}@keyframes hop{30%{transform:translateY(-24px)}60%{transform:translateY(0)}80%{transform:translateY(-8px)}}.pips{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.pips__row{gap:4px;display:flex}.pip{background:var(--bg);border:var(--px) solid var(--panel-dark);width:20px;height:20px}.pip--now{border-color:var(--info)}.pip--goed{background:var(--primary);animation:.2s steps(2,end) both pop}.pip--fout{background:var(--wrong);animation:.2s steps(2,end) both pop}.pips__label{font-family:var(--f-num);color:var(--info);font-size:.95rem}.feedback__head{font-family:var(--f-pixel);font-size:1.25rem}.feedback--fout .feedback__head{color:var(--wrong);filter:brightness(1.5)}.feedback__why{color:var(--text);font-weight:400}.bit{min-width:1.6em;height:1.6em;font-family:var(--f-num);color:var(--bg);vertical-align:middle;place-items:center;margin:0 2px;font-weight:700;line-height:1;display:inline-grid}.bit--1{background:var(--bit1)}.bit--0{background:var(--bit0)}.bit--q{background:var(--panel-dark);color:var(--text)}.bit-choice{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bit-choice__btn{min-height:72px;font-family:var(--f-pixel);color:var(--text);background:var(--bg);border:var(--px) solid var(--panel-dark);box-shadow:0 var(--px) 0 var(--panel-dark);cursor:pointer;justify-content:center;align-items:center;gap:12px;padding:8px 12px;font-size:1.25rem;font-weight:600;display:flex}.bit-choice__btn:active:not(:disabled){transform:translateY(var(--px));box-shadow:none}.bit-choice__btn:disabled{cursor:default;opacity:.6}.bit-choice__btn.is-chosen{opacity:1;border-color:var(--info)}.bit-choice__bit{width:44px;height:44px;font-family:var(--f-num);color:var(--bg);place-items:center;font-size:1.5rem;display:grid}.bit-choice__btn--1 .bit-choice__bit{background:var(--bit1)}.bit-choice__btn--0 .bit-choice__bit{background:var(--bit0)}.bit-toggle{width:56px;height:56px;font-family:var(--f-num);color:var(--bg);border:var(--px) solid var(--bg);box-shadow:0 var(--px) 0 var(--panel-dark);cursor:pointer;font-size:1.75rem;font-weight:700}.bit-toggle--1{background:var(--bit1)}.bit-toggle--0{background:var(--bit0)}.bit-toggle:disabled{cursor:default}.scene{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sensor{background:var(--bg);border:var(--px) solid var(--panel-dark);width:132px;color:var(--text);font:inherit;text-align:center;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}button.sensor{cursor:pointer;box-shadow:0 var(--px) 0 var(--panel-dark)}button.sensor:active{transform:translateY(var(--px));box-shadow:none}.sensor--on{border-color:var(--bit1)}.sensor--goed{border-color:var(--primary);box-shadow:0 0 0 var(--px) var(--primary)}.sensor--fout{border-color:var(--wrong);box-shadow:0 0 0 var(--px) var(--wrong)}.sensor__name{font-family:var(--f-pixel);font-weight:600}.sensor__state{font-size:.9rem;line-height:1.25}.claim{background:var(--bg);border-left:calc(var(--px) * 2) solid var(--bit1);margin:0;padding:16px;font-size:1.35rem;font-weight:700}.measure{flex-direction:column;gap:8px;display:flex}.measure__row{background:var(--bg);border:var(--px) solid var(--panel-dark);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-weight:700;display:flex}.measure__row.is-goed{border-color:var(--primary)}.measure__row.is-fout{border-color:var(--wrong)}.robot-screen{background:repeating-linear-gradient(0deg, transparent 0 3px, #00000040 3px 4px), var(--bg);border:var(--px) solid var(--info);flex-wrap:wrap;justify-content:center;gap:8px;width:100%;padding:16px;display:flex}.robot-screen__cell{flex-direction:column;align-items:center;gap:4px;font-size:1.5rem;display:flex}.robot-screen__label{font-size:.75rem}.circuit{width:100%;max-width:560px;height:auto;margin:0 auto;display:block}.circ-in__box{fill:var(--bg);stroke:var(--panel-dark);stroke-width:3px}.circ-in--click{cursor:pointer}.circ-in--click .circ-in__box{stroke:var(--info)}.circ-in--click:focus-visible{outline:none}.circ-in--click:focus-visible .circ-in__box{stroke:var(--text)}.circ-in__label{font-family:var(--f-body);fill:var(--text);font-size:9.5px;font-weight:700}.circ-bit--1{fill:var(--bit1)}.circ-bit--0{fill:var(--bit0)}.circ-bit--q{fill:var(--panel-dark)}.circ-bit__text,.circ-out__text{font-family:var(--f-num);fill:var(--bg);font-size:16px;font-weight:700}.circ-out__text{font-size:22px}.circ-bit--q+.circ-out__text{fill:var(--text)}.circ-gate__text{font-family:var(--f-pixel);fill:var(--text);font-size:13px;font-weight:700}.wire--1{fill:var(--bit1)}.wire--0{fill:var(--bit0)}.wire--q{fill:var(--panel-dark)}.wire--reveal rect{animation:.24s steps(3,end) .2s both wire-on}.circ-out--reveal{transform-box:fill-box;transform-origin:50%;animation:.24s steps(3,end) .42s both pop}@keyframes wire-on{0%{fill:var(--panel-dark)}}.road-wrap{width:100%}.road{background:linear-gradient(transparent 76px, var(--bit0) 76px 80px, transparent 80px), repeating-linear-gradient(90deg, var(--panel-dark) 0 16px, transparent 16px 32px) 0 90px / 100% 4px no-repeat, var(--bg);border:var(--px) solid var(--panel-dark);height:104px;position:relative;overflow:hidden}.road__robot{position:absolute;bottom:24px;left:8px}.road--go .road__robot{animation:1.3s steps(13,end) .6s forwards drive}.road--go{animation:1.3s steps(13,end) .6s road-scroll}.road--stop .road__robot{animation:.3s steps(4,end) .6s shake}.road__stop{font-family:var(--f-pixel);color:var(--text);background:var(--wrong);border:var(--px) solid var(--text);padding:4px 8px;font-weight:700;animation:.2s steps(2,end) .6s both pop;position:absolute;top:16px;left:88px}.road__label{min-height:1.5em;font-family:var(--f-pixel);text-align:center;margin-top:6px}@keyframes drive{to{left:calc(100% + 8px)}}@keyframes road-scroll{to{background-position:0 0,-64px 90px,0 0}}.demo{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;width:100%;display:grid}.demo__circuit{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}@media (width<=600px){.demo{grid-template-columns:1fr;justify-items:center}}.kernzin{font-family:var(--f-pixel);color:var(--bit1);font-size:clamp(1.5rem,6vw,2.25rem);font-weight:700;animation:.4s steps(4,end) both slam}.muted-strong{font-family:var(--f-pixel);color:var(--info)}.truth{border-collapse:collapse;font-family:var(--f-num)}.truth th{font-family:var(--f-body);text-align:center;padding:4px 8px;font-size:.85rem}.truth td{text-align:center;border-top:var(--px) solid var(--panel-dark);padding:4px 8px}.truth tr.is-now td{background:var(--panel-dark)}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@media (width<=480px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:var(--bg);border:var(--px) solid var(--panel-dark);box-shadow:0 var(--px) 0 var(--panel-dark);color:var(--text);cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;font-size:1.25rem;display:flex}.card:disabled{cursor:default}.card.is-on{border-color:var(--info);background:var(--panel-dark)}.card.is-goed{box-shadow:0 0 0 var(--px) var(--primary)}.card.is-fout{box-shadow:0 0 0 var(--px) var(--wrong)}.combo{margin:0 4px;display:inline-flex}.gate-badge{font-family:var(--f-pixel);background:var(--bg);border:var(--px) solid var(--panel-dark);align-items:center;gap:6px;margin-right:8px;padding:2px 8px;display:inline-flex}.tests{font-family:var(--f-pixel);flex-direction:column;gap:6px;display:flex}.snel-intro{text-align:center;align-items:center}.snel-title{font-family:var(--f-pixel);color:var(--bit1);text-shadow:var(--px) var(--px) 0 var(--wrong);font-size:clamp(2rem,8vw,3rem);font-weight:700;animation:.4s steps(4,end) both slam}.snel-score{font-family:var(--f-pixel);font-size:1.5rem}.snel-score .num{color:var(--bit1);font-size:3rem}.snel-bar{align-items:center;gap:12px;display:flex}.timer{flex:1;gap:3px;display:flex}.timer__seg{background:var(--panel-dark);flex:1;height:20px}.timer__seg.is-on{background:var(--primary)}.timer__seg.is-low{background:var(--wrong);animation:.4s step-end infinite blink}.snel-secs{min-width:3ch;font-size:1.25rem}.snel-status{justify-content:space-between;align-items:center;gap:12px;display:flex}.snel-flash{font-family:var(--f-pixel);font-size:1.25rem;font-weight:700;animation:.2s steps(2,end) both pop}.snel-flash--goed{color:var(--primary)}.snel-flash--fout{color:var(--wrong);filter:brightness(1.5)}@keyframes blink{50%{opacity:.4}}.why-line{display:block}.snel-count{font-family:var(--f-pixel);align-items:baseline;gap:16px;font-size:1.25rem;display:flex}.snel-count .num{color:var(--bit1);font-size:1.5rem}.snel-streak{color:var(--info);font-size:1rem}.snel-record{font-family:var(--f-pixel);color:var(--info)}.snel-record--new{color:var(--bit1);font-size:1.5rem;animation:.4s steps(4,end) both slam}.not-block rect{fill:var(--wrong);stroke:var(--text);stroke-width:1.5px}.not-block text{font-family:var(--f-pixel);fill:var(--text);font-size:6.5px;font-weight:700}.not-block--click{cursor:pointer}.not-block--click:not(.not-block--on) rect{fill:var(--bg);stroke:var(--bit0);stroke-dasharray:2 2}.not-block--click:not(.not-block--on) text{fill:var(--bit0)}.circ-gate--click{cursor:pointer}.not-block--click:focus-visible,.circ-gate--click:focus-visible{outline:none}.not-block--click:focus-visible rect{stroke:var(--info);stroke-width:3px}.circuit--3{max-width:640px}.missions{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.mission{text-align:left;font:inherit;color:var(--text);background:var(--panel);border:var(--px) solid var(--panel-dark);box-shadow:0 var(--px) 0 var(--panel-dark);cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;display:flex}.mission:disabled{cursor:default;background:var(--bg);color:var(--bit0)}.mission.is-cur{border-color:var(--info)}.mission.is-done{border-color:var(--primary)}.mission.is-cur.is-done{border-color:var(--info);box-shadow:0 var(--px) 0 var(--primary)}.mission__title{font-family:var(--f-pixel);font-weight:600;line-height:1.2}.mission__meta{align-items:center;gap:8px;display:flex}.mission__done{font-family:var(--f-pixel);color:var(--primary);font-size:.85rem}.story{font-size:1.1rem}.small-note{font-size:.95rem}.test-table tr.is-pending td{opacity:.4}.test-table tr.is-ok td{background:#38b76440}.test-table tr.is-no td{background:#b13e5373}.maze-lab{gap:16px;display:grid}.maze-lab__board{align-items:stretch}.board{background:var(--bg);width:100%;max-width:440px;height:auto;margin:0 auto;display:block}.board--bump{animation:.3s steps(4,end) shake}.board__cell{fill:var(--panel)}.board__cell.is-solid{fill:var(--bg)}.board__cell.is-click{cursor:pointer}.board__cell.is-click:hover{fill:var(--panel-dark)}.board__cell.is-predict,.board__walls{fill:var(--info)}.board__door{fill:var(--wrong)}.board__door.is-open{fill:var(--primary)}.board__trail{fill:var(--bit1);opacity:.6}.board__bot{transition-property:transform;transition-timing-function:steps(4,end)}.hud{flex-wrap:wrap;gap:8px;display:flex}.hud__box{background:var(--bg);border:var(--px) solid var(--panel-dark);font-family:var(--f-num);flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px;font-size:.9rem;display:flex}.hud__label{font-family:var(--f-pixel);color:var(--info);margin-right:4px}.rules{flex-direction:column;gap:6px;width:100%;display:flex}.rule{background:var(--bg);border:var(--px) solid var(--panel-dark);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 8px;display:flex}.rule.is-active{border-color:var(--bit1)}.rule.is-need{border-color:var(--wrong);animation:.5s step-end infinite blink}.rule__bits{font-family:var(--f-num);font-size:.85rem}.rule__acts{gap:4px;margin-left:auto;display:flex}.rule__act{background:var(--panel);border:var(--px) solid var(--panel-dark);cursor:pointer;place-items:center;width:40px;height:40px;display:grid}.rule__act svg rect{fill:var(--bit0)}.rule__act.is-sel{background:var(--primary)}.rule__act.is-sel svg rect{fill:var(--bg)}.rule__act:disabled{cursor:default}.rule__act--L svg{transform:rotate(-90deg)}.rule__act--R svg{transform:rotate(90deg)}.rule__act--T svg{transform:rotate(180deg)}.rule-demo{align-items:center;gap:16px;display:flex}.door-gate{border-bottom:var(--px) solid var(--panel-dark);flex-direction:column;gap:8px;width:100%;padding-bottom:12px;display:flex}