:root{--bg:#07090f;--bg-raised:#0c101a;--bg-panel:#0e131e;--ink:#eef2f6;--ink-dim:#8a94a6;--line:#eef2f61a;--line-soft:#eef2f60f;--accent:#a3e635;--accent-soft:#a3e63524;--accent-line:#a3e6356b;--wire-on:#a3e635;--wire-off:#3a4150;--wire-glow:#a3e6358c;--pin:#8b98a5;--pin-on:#a3e635;--gate:#141a26;--gate-line:#eef2f629;--danger:#fb7185;--display:"Bricolage Grotesque", sans-serif;--game:"Fredoka", sans-serif;--mono:"Martian Mono", monospace;--code:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(120% 90% at 80% -10%, #a3e6351a, transparent 55%), linear-gradient(transparent 0 0) 0 0, var(--bg);color:var(--ink);font-family:var(--game);-webkit-font-smoothing:antialiased;touch-action:manipulation;min-height:100vh}::selection{background:var(--accent);color:var(--bg)}a{color:inherit}.shell{flex-direction:column;min-height:100vh;display:flex}.shell:before{content:"";z-index:-1;background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 100% at 50% 0,#000 30%,#0000 85%);mask-image:radial-gradient(120% 100% at 50% 0,#000 30%,#0000 85%)}.topbar{justify-content:space-between;align-items:center;padding:1.4rem clamp(1.2rem,4vw,3.5rem);display:flex}.wordmark{font-family:var(--mono);letter-spacing:.08em;font-size:.85rem;font-weight:700;text-decoration:none}.wordmark span{color:var(--accent)}.status{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line);border-radius:99px;align-items:center;gap:.55rem;padding:.45rem .9rem;font-size:.62rem;display:inline-flex}.dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.6)}}.hero{flex-direction:column;flex:1;justify-content:center;max-width:1100px;padding:clamp(2rem,8vh,6rem) clamp(1.2rem,4vw,3.5rem);display:flex}.kicker{font-family:var(--mono);letter-spacing:.2em;color:var(--accent);margin-bottom:1.4rem;font-size:.7rem}.title{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(2.4rem,7vw,5.5rem);font-weight:750;line-height:1.02}.title em{color:var(--accent);font-style:normal}.caret{color:var(--accent);font-weight:400;animation:1.05s step-end infinite blink}@keyframes blink{50%{opacity:0}}.sub{max-width:34rem;color:var(--ink-dim);margin-top:1.8rem;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.6}.soon{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-top:2.2rem;font-size:.7rem}.footer{border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.12em;color:var(--ink-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:1.6rem clamp(1.2rem,4vw,3.5rem);font-size:.6rem;display:flex}.footer a{text-decoration:none;transition:color .2s}.footer a:hover{color:var(--accent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.dot,.caret{opacity:1;animation:none}}.btn{font-family:var(--game);border:1px solid var(--line);background:var(--bg-raised);color:var(--ink);cursor:pointer;border-radius:12px;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;transition:all .15s}.btn:hover{border-color:var(--accent-line)}.btn.primary{background:var(--accent);color:#08120a;border-color:var(--accent);font-weight:700}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:0 0}.btn.small{padding:.45rem .8rem;font-size:.82rem}.btn.big{align-self:flex-start;margin-top:1.6rem;padding:.8rem 1.4rem;font-size:1.05rem}.map{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:clamp(1.4rem,5vh,3rem) clamp(1.2rem,4vw,3.5rem)}.map .title{font-size:clamp(2rem,6vw,4rem)}.stage{margin-top:2.4rem}.stage-h{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:.82rem;display:flex}.stage-emoji{font-size:1.15rem}.lvl-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;display:grid}.lvl{text-align:left;background:var(--bg-raised);border:1px solid var(--line);cursor:pointer;color:var(--ink);font-family:var(--game);border-radius:14px;flex-direction:column;gap:.35rem;padding:.8rem .9rem;transition:all .15s;display:flex}.lvl:hover{border-color:var(--accent-line);transform:translateY(-2px)}.lvl.done{background:var(--accent-soft);border-color:var(--accent-line)}.lvl-id{font-family:var(--mono);letter-spacing:.1em;color:var(--accent);font-size:.62rem}.lvl-title{font-size:.95rem;font-weight:600}.lvl-stars i{color:var(--wire-off);font-size:.85rem;font-style:normal}.lvl-stars i.on{color:var(--accent)}.wb{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.wb-top{border-bottom:1px solid var(--line);align-items:center;gap:.8rem;padding:.7rem clamp(.8rem,3vw,1.6rem);display:flex}.icon-btn{border:1px solid var(--line);background:var(--bg-raised);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:10px;flex:none;font-size:1.1rem}.icon-btn.solved{background:var(--accent);color:#08120a;border-color:var(--accent)}.wb-title{flex:1;min-width:0;font-size:1rem;font-weight:600;line-height:1.2}.wb-id{font-family:var(--mono);color:var(--accent);margin-right:.3rem;font-size:.66rem}.wb-blurb{color:var(--ink-dim);margin-top:.15rem;font-size:.78rem;font-weight:400;display:block}.hint{background:var(--accent-soft);border:1px solid var(--accent-line);cursor:pointer;border-radius:12px;align-items:flex-start;gap:.5rem;margin:.6rem clamp(.8rem,3vw,1.6rem) 0;padding:.6rem .8rem;font-size:.86rem;line-height:1.35;display:flex}.hint-bulb{flex:none}.hint-x{color:var(--ink-dim);margin-left:auto}.canvas-wrap{border:1px solid var(--line);background:linear-gradient(var(--line-soft) 1px, transparent 1px) 0 0 / 26px 26px, linear-gradient(90deg, var(--line-soft) 1px, transparent 1px) 0 0 / 26px 26px, var(--bg-panel);touch-action:none;border-radius:16px;flex:1;min-height:0;margin:.6rem clamp(.6rem,2vw,1.4rem);position:relative;overflow:hidden}.canvas-stage{position:absolute;top:0;left:0}.wires{pointer-events:none;width:1000px;height:600px;position:absolute;inset:0;overflow:visible}.wire-hit{pointer-events:stroke;cursor:pointer}.wire-grab{fill:none;stroke:#0000;stroke-width:16px}.wire{fill:none;stroke:var(--wire-off);stroke-width:3.5px;stroke-linecap:round}.wire.on{stroke:var(--wire-on);stroke-width:4.5px;filter:drop-shadow(0 0 4px var(--wire-glow))}.wire.pending{stroke:var(--accent);stroke-dasharray:7 7;stroke-width:3.5px;opacity:.8}.node{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute}.node-label{color:var(--ink-dim);white-space:nowrap;pointer-events:none;margin-top:4px;font-size:12px;font-weight:600;position:absolute;top:100%;left:50%;transform:translate(-50%)}.pin{background:var(--pin);cursor:pointer;z-index:3;border:2px solid #0b0f17;border-radius:50%;width:20px;height:20px;padding:0;position:absolute;transform:translate(-50%,-50%)}.pin:after{content:"";border-radius:50%;position:absolute;inset:-12px}.pin.pin-on{background:var(--pin-on);box-shadow:0 0 8px var(--wire-glow)}.pin.pin-armed{outline:3px solid var(--accent);outline-offset:2px}.node-del{background:var(--danger);color:#1a0509;cursor:pointer;z-index:4;border:none;border-radius:50%;width:24px;height:24px;font-weight:700;position:absolute;top:-12px;right:-12px}.node-input .switch,.node-output .lamp{border:2px solid var(--gate-line);border-radius:16px;width:100%;height:100%}.switch{background:var(--gate);transition:background .15s;position:relative}.switch.on{background:var(--accent);border-color:var(--accent)}.switch .knob{background:#0b0f17;border-radius:10px;width:calc(50% - 8px);height:calc(100% - 12px);transition:left .15s;position:absolute;top:6px;left:6px}.switch.on .knob{left:calc(50% + 2px)}.lamp{background:radial-gradient(circle at 50% 40%,#2a3140,#12161f);transition:all .15s}.lamp.on{background:radial-gradient(circle at 50% 40%, var(--accent), #5c8a16);border-color:var(--accent);box-shadow:0 0 18px var(--wire-glow)}.node .gate-label{background:var(--gate);border:2px solid var(--gate-line);width:100%;height:100%;font-family:var(--mono);letter-spacing:.02em;border-radius:12px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.node-chip .gate-label{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.node.selected .gate-label,.node.selected .switch,.node.selected .lamp{outline:2px solid var(--accent);outline-offset:2px}.numbus{background:var(--gate);border:2px solid var(--accent-line);border-radius:12px;justify-content:space-between;align-items:center;gap:4px;width:100%;height:100%;padding:0 8px;display:flex}.numbus .num{font-family:var(--mono);color:var(--accent);text-align:center;min-width:28px;font-size:24px;font-weight:700}.numbus .step{border:1px solid var(--line);background:var(--bg-raised);width:26px;height:30px;color:var(--ink);cursor:pointer;border-radius:8px;font-size:18px}.display{border:2px solid var(--gate-line);background:#060a0e;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.display .seg{font-family:var(--code);color:var(--accent);text-shadow:0 0 10px var(--wire-glow);font-size:38px;font-weight:700}.wb-panel{max-height:32vh;padding:0 clamp(.6rem,2vw,1.4rem);overflow:auto}.panel{background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem}.panel-head{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-size:.64rem}.panel-head .dim,.panel-foot.dim,.dim{color:var(--ink-dim)}.tbl{border-collapse:collapse;width:100%;font-size:.8rem}.tbl th{font-family:var(--mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;padding:.2rem .4rem;font-size:.6rem;font-weight:400}.tbl th.doel,.tbl td.doel{color:var(--ink-dim)}.tbl th.out{color:var(--accent)}.tbl td{text-align:center;border-top:1px solid var(--line-soft);padding:.2rem .4rem}.tb-bit{background:var(--wire-off);border-radius:50%;width:13px;height:13px;display:inline-block}.tb-bit.on{background:var(--accent);box-shadow:0 0 6px var(--wire-glow)}.tbl td.out.bad{background:#fb71852e;border-radius:6px}.tbl td.out.ok{background:var(--accent-soft);border-radius:6px}.guess{border:1px dashed var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:3px 6px}.panel-foot{align-items:center;gap:.6rem;margin-top:.5rem;font-size:.74rem;display:flex}.ok-msg{color:var(--accent)}.bad-msg{color:var(--danger)}.status-line{padding:.5rem .2rem;font-size:.95rem}.status-line b{color:var(--ink)}.status-line .hit{color:var(--accent)}.status-line .miss{color:var(--danger)}.wb-bottom{padding:.7rem clamp(.6rem, 2vw, 1.4rem) calc(.7rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);align-items:center;gap:.6rem;display:flex}.tray{flex:1;gap:.5rem;padding-bottom:2px;display:flex;overflow-x:auto}.tray-item{background:var(--bg-raised);border:1px solid var(--accent-line);cursor:pointer;min-width:64px;color:var(--ink);border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:1px;padding:.45rem .6rem;display:flex}.tray-tag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-size:.52rem}.tray-label{font-size:.9rem;font-weight:700}.tray-plus{color:var(--accent);font-size:.8rem}.modal-scrim{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060ac7;justify-content:center;align-items:center;padding:1.4rem;display:flex;position:fixed;inset:0}.modal{background:var(--bg-raised);border:1px solid var(--accent-line);text-align:center;border-radius:20px;width:100%;max-width:26rem;padding:1.8rem 1.6rem}.stars{justify-content:center;gap:.4rem;margin-bottom:.4rem;font-size:2.4rem;display:flex}.star{color:#4b5563}.star.lit{color:var(--accent);text-shadow:0 0 14px var(--wire-glow);animation:.4s cubic-bezier(.2,1.4,.4,1) backwards pop}.star.lit:nth-child(2){animation-delay:.1s}.star.lit:nth-child(3){animation-delay:.2s}@keyframes pop{0%{opacity:0;transform:scale(.2)}}.modal-title{font-family:var(--display);text-transform:uppercase;font-size:1.8rem}.reveal{color:var(--ink);margin-top:.9rem;font-size:1rem;line-height:1.5}.reveal.soft{color:var(--ink-dim);font-size:.9rem}.modal-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.4rem;display:flex}@media (prefers-reduced-motion:reduce){.star.lit,.lvl:hover{animation:none;transform:none}}@media (width>=720px){.wb-panel{max-height:26vh}}.doelbar{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin:.6rem clamp(.8rem,3vw,1.6rem) 0;padding:.6rem .85rem;display:flex}.doel-main{flex:1;align-items:baseline;gap:.55rem;min-width:0;display:flex}.doel-tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);flex:none;font-size:.6rem}.doel-text{font-size:.98rem;font-weight:600;line-height:1.25}.doel-side{flex:none;align-items:center;gap:.6rem;display:flex}.doel-progress{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-dim);white-space:nowrap;font-size:.66rem}.doel-progress.hit{color:var(--accent)}.hint-btn{font-family:var(--game);color:var(--ink);background:var(--bg-raised);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:99px;padding:.35rem .7rem;font-size:.78rem;font-weight:600}.hint-btn:hover{border-color:var(--accent-line)}.goaldemo{background:var(--bg-panel);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.7rem;min-height:2.4rem;margin:.5rem clamp(.8rem,3vw,1.6rem) 0;padding:.45rem .8rem;display:flex}.goaldemo-tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);flex:none;font-size:.58rem}.demo-io,.demo-row{align-items:center;gap:6px;display:inline-flex}.demo-io{gap:12px}.demo-arrow{color:var(--ink-dim)}.demo-sw{background:var(--gate);border:1.5px solid var(--gate-line);border-radius:5px;width:15px;height:15px}.demo-sw.on{background:var(--accent);border-color:var(--accent)}.demo-lamp{border:1.5px solid var(--gate-line);background:#20262f;border-radius:50%;width:15px;height:15px}.demo-lamp.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--wire-glow)}.demo-calc{font-family:var(--code);font-size:1.05rem}.demo-calc b{color:var(--ink)}.demo-calc .demo-sum{color:var(--accent)}.demo-target{font-family:var(--code);color:var(--accent);text-shadow:0 0 10px var(--wire-glow);font-size:1.6rem;font-weight:700}.goaldemo-dots{gap:4px;margin-left:auto;display:inline-flex}.goaldemo-dots i{background:var(--wire-off);border-radius:50%;width:5px;height:5px}.goaldemo-dots i.on{background:var(--accent)}.nu-k{color:var(--accent)}.doel-k{color:var(--ink);border-bottom:2px solid var(--ink-dim)}.tbl-explain{color:var(--ink-dim);background:var(--bg-panel);border:1px solid var(--line);border-radius:10px;margin-bottom:.5rem;padding:.5rem .7rem;font-size:.8rem;line-height:1.4}.tbl-explain .btn{margin-left:.5rem}.tbl.grouped .grp th{color:var(--ink-dim);border-bottom:1px solid var(--line);padding-bottom:.25rem;font-size:.56rem}.tbl.grouped .grp th.doel{color:var(--ink)}.tbl.grouped .grp th.out{color:var(--accent)}.tbl .grp-start{border-left:1px solid var(--line)}.tbl tbody tr.active{background:#a3e63512}.tbl tbody tr.active td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.gate-intro{max-width:22rem}.gi-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem;font-size:.6rem}.gi-tbl{margin:1rem auto 0}.gi-tbl th,.gi-tbl td{padding:.25rem .7rem}@media (prefers-reduced-motion:reduce){.demo-lamp.on{box-shadow:none}}