.kkwire{--w-bg:#0f1720;--w-panel:#152030;--w-panel-2:#0b1220;--w-ink:#e7edf6;--w-soft:#93a3bd;--w-line:#27384f;--w-acc:#4a8cff;--w-pwm:#ffb03a;--w-analog:#3ecf8e;--w-i2c:#c07bff;--w-good:#3ecf8e;--w-bad:#ff5d5d;--w-copper:#e0913f;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--w-ink);background:var(--w-bg);border:1px solid var(--w-line);border-radius:16px;overflow:hidden}.kkwire *,.kkwire *:before,.kkwire *:after{box-sizing:border-box}.kkwire__top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem .95rem;border-bottom:1px solid rgba(255,255,255,.07)}.kkwire__badge{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.62rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--w-soft)}.kkwire__hud{display:flex;align-items:center;gap:.7rem;font-family:IBM Plex Mono,monospace;font-size:.7rem}.kkwire__chipboard{border:1px solid var(--w-acc);color:#bcd3ff;border-radius:6px;padding:.1rem .4rem;font-weight:700}.kkwire__rounds b{color:var(--w-ink)}.kkwire__skip{font-family:IBM Plex Mono,monospace;font-size:.58rem;font-weight:600;color:var(--w-soft);text-decoration:none;border:1px solid var(--w-line);border-radius:6px;padding:.2rem .45rem;white-space:nowrap}.kkwire__skip:hover{color:var(--w-ink);border-color:var(--w-copper)}.kkwire__body{position:relative;padding:.9rem}.kkwire__spec{margin:0 0 .6rem}.kkwire__spec b{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback,system-ui,sans-serif;font-size:1rem}.kkwire__spec span{display:block;font-size:.8rem;color:var(--w-soft);margin-top:.12rem}.kkwire__scenewrap{position:relative;border:1px solid var(--w-line);border-radius:12px;overflow:hidden;background:radial-gradient(circle at 30% 15%,rgba(74,140,255,.08),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 20px),repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 20px),var(--w-panel-2)}.kkwire__scene{display:block;width:100%;height:auto;touch-action:manipulation}.kkwire__scene .brd{fill:#0f7a6d;stroke:#0a5850;stroke-width:2}.kkwire__scene .brd-usb{fill:#c9ccd1;stroke:#8a8d92;stroke-width:1.5}.kkwire__scene .brd-mcu{fill:#14100c}.kkwire__scene .brd-txt{fill:#d8fff7;font-family:IBM Plex Mono,monospace;font-weight:700;opacity:.6}.kkwire__scene .brd-led{fill:#3a4a48}.kkwire.uploaded .kkwire__scene .brd-led{fill:#8effe0;animation:kkwBlink .5s steps(1,end) infinite}.kkwire__scene .pin{cursor:pointer}.kkwire__scene .pin .hole{fill:#0b1220;stroke:#c9a227;stroke-width:2}.kkwire__scene .pin .plbl{fill:#9fb0c8;font-family:IBM Plex Mono,monospace;font-weight:700}.kkwire__scene .pin.k-pwm .hole{stroke:var(--w-pwm)}.kkwire__scene .pin.k-analog .hole{stroke:var(--w-analog)}.kkwire__scene .pin.k-i2c .hole{stroke:var(--w-i2c)}.kkwire__scene .pin.reserved{cursor:not-allowed}.kkwire__scene .pin.reserved .hole{stroke:#5b6577}.kkwire__scene .pin.reserved .plbl{opacity:.4}.kkwire__scene .pin.used .hole{fill:var(--w-good);stroke:var(--w-good)}.kkwire__scene .pin.ok .ring{animation:kkwOkRing .5s ease-out}.kkwire__scene .pin.bad .ring{animation:kkwBadRing .45s ease-out}.kkwire__scene .pin .ring{fill:none;stroke:var(--w-bad);stroke-width:0}.kkwire__scene .part{cursor:default}.kkwire__scene .plabel{fill:var(--w-soft);font-family:IBM Plex Mono,monospace;font-weight:700;font-size:9px;text-anchor:middle}.kkwire__scene .lead{stroke:#9aa3ad;stroke-width:2.5;stroke-linecap:round;fill:none}.kkwire__scene .term{cursor:pointer}.kkwire__scene .term .tdot{fill:#0b1220;stroke:#9aa3ad;stroke-width:2}.kkwire__scene .term.done .tdot{fill:var(--w-good);stroke:var(--w-good)}.kkwire__scene .term.sel .tdot{fill:var(--w-copper);stroke:var(--w-copper)}.kkwire__scene .term.sel .tsel{opacity:1}.kkwire__scene .term .tsel{fill:none;stroke:var(--w-copper);stroke-width:2;opacity:0}.kkwire.sel-on .kkwire__scene .pin:not(.used):not(.reserved) .hole{stroke-dasharray:3 2}.kkwire__scene .jw{fill:none;stroke-width:3.5;stroke-linecap:round;opacity:.95}.kkwire.uploaded .kkwire__scene .jw{stroke-dasharray:7 6;animation:kkwFlow .5s linear infinite}.kkwire__scene .fx{opacity:0}.kkwire__scene .buz-wave{transform-box:fill-box;transform-origin:center}.kkwire.uploaded .kkwire__scene .led-glow{opacity:1;animation:kkwBlink 1s steps(1,end) infinite}.kkwire.uploaded .kkwire__scene .led-dome{fill:#ffdf6b}.kkwire.uploaded .kkwire__scene .buz-wave{animation:kkwPing 1s ease-out infinite}.kkwire.uploaded .kkwire__scene .buz-wave:nth-of-type(2){animation-delay:.33s}.kkwire.uploaded .kkwire__scene .buz-wave:nth-of-type(3){animation-delay:.66s}.kkwire.uploaded .kkwire__scene .mot-blades{transform-box:fill-box;transform-origin:center;animation:kkwSpin .45s linear infinite}.kkwire.uploaded .kkwire__scene .srv-horn{transform-box:fill-box;transform-origin:20% 50%;animation:kkwServo 1.4s ease-in-out infinite}.kkwire.uploaded .kkwire__scene .ldr-ray{animation:kkwRay 1.5s ease-in-out infinite}.kkwire.uploaded .kkwire__scene .ldr-ray:nth-of-type(2){animation-delay:.15s}.kkwire.uploaded .kkwire__scene .ldr-ray:nth-of-type(3){animation-delay:.3s}.kkwire.uploaded .kkwire__scene .ldr-ray:nth-of-type(4){animation-delay:.45s}.kkwire.uploaded .kkwire__scene .ldr-ray:nth-of-type(5){animation-delay:.6s}.kkwire.uploaded .kkwire__scene .ir-beam{animation:kkwBeam 1s ease-in-out infinite}.kkwire.uploaded .kkwire__scene .oled-on{opacity:1}.kkwire.uploaded .kkwire__scene .oled-trace{opacity:1;stroke-dasharray:40 40;animation:kkwScroll 1.6s linear infinite}.kkwire.uploaded .kkwire__scene .btn-press{animation:kkwPress 1.6s ease-in-out infinite}.kkwire.uploaded .kkwire__scene .chip-dot{opacity:1;animation:kkwRay 1.3s ease-in-out infinite}@keyframes kkwBlink{0%,48%{opacity:1}50%,to{opacity:0}}@keyframes kkwSpin{to{transform:rotate(360deg)}}@keyframes kkwServo{0%,to{transform:rotate(-32deg)}50%{transform:rotate(32deg)}}@keyframes kkwPing{0%{opacity:.85;transform:scale(.4)}to{opacity:0;transform:scale(1.35)}}@keyframes kkwRay{0%,to{opacity:.15}50%{opacity:1}}@keyframes kkwBeam{0%,to{opacity:0}50%{opacity:.85}}@keyframes kkwFlow{to{stroke-dashoffset:-26}}@keyframes kkwScroll{to{stroke-dashoffset:-80}}@keyframes kkwPress{0%,to{opacity:0}50%{opacity:.7}}@keyframes kkwOkRing{0%{stroke:var(--w-good);stroke-width:3;r:6;opacity:1}to{stroke-width:0;r:16;opacity:0}}@keyframes kkwBadRing{0%{stroke:var(--w-bad);stroke-width:3;r:6;opacity:1}to{stroke-width:0;r:15;opacity:0}}.kkwire__list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.kkwire__conn{-webkit-appearance:none;appearance:none;cursor:pointer;display:flex;align-items:center;gap:.4rem;background:var(--w-panel);border:1.5px solid var(--w-line);border-radius:8px;color:var(--w-ink);padding:.3rem .5rem;font-size:.74rem;transition:border-color .15s,background .15s}.kkwire__conn:hover{border-color:var(--w-soft)}.kkwire__conn.sel{border-color:var(--w-copper);background:#1c2637}.kkwire__conn.done{border-color:var(--w-good);color:var(--w-soft)}.kkwire__conn .dotc{width:9px;height:9px;border-radius:50%;flex:none;background:currentColor}.kkwire__conn .ct{font-family:IBM Plex Mono,monospace;font-size:.52rem;font-weight:700;letter-spacing:.03em;padding:.05rem .28rem;border-radius:4px;border:1px solid currentColor}.kkwire__conn .ct.t-pwm{color:var(--w-pwm)}.kkwire__conn .ct.t-analog{color:var(--w-analog)}.kkwire__conn .ct.t-i2c{color:var(--w-i2c)}.kkwire__conn .ct.t-digital,.kkwire__conn .ct.t-out{color:var(--w-soft)}.kkwire__conn .cs{font-family:IBM Plex Mono,monospace;font-weight:700;color:var(--w-good)}.kkwire__msg{margin:.7rem 0 0;font-size:.8rem;color:var(--w-soft);min-height:2.4em;line-height:1.4}.kkwire__msg.bad{color:var(--w-bad)}.kkwire__msg.good{color:var(--w-good)}.kkwire__act{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.kkwire__go,.kkwire__next{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;font-family:Bricolage Grotesque,Bricolage Grotesque Fallback,system-ui,sans-serif;font-weight:800;font-size:.85rem;border-radius:10px;padding:.55rem 1.2rem;background:var(--w-copper);color:#241200}.kkwire__go[disabled]{opacity:.35;cursor:not-allowed}.kkwire__next{display:none;background:var(--w-good)}.kkwire.uploaded .kkwire__next{display:inline-block}.kkwire.uploaded .kkwire__go{display:none}.kkwire__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;text-align:center;padding:1.4rem;background:radial-gradient(circle at 50% 40%,#121a28f2,#0b1220fa)}.kkwire.is-intro .kkwire__intro,.kkwire.is-won .kkwire__won{display:grid;animation:kkwFade .3s}@keyframes kkwFade{0%{opacity:0}to{opacity:1}}.kkwire__overlay h3{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback,system-ui,sans-serif;font-weight:800;font-size:clamp(1.2rem,3.4vw,1.7rem);margin:0 0 .4rem}.kkwire__overlay p{margin:0 0 1rem;font-size:.86rem;color:var(--w-soft);max-width:38ch}.kkwire__overlay .row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.kkwire__btn{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;font-family:Bricolage Grotesque,Bricolage Grotesque Fallback,system-ui,sans-serif;font-weight:800;font-size:.9rem;border-radius:11px;padding:.6rem 1.3rem;background:var(--w-copper);color:#241200}.kkwire__btn--ghost{background:transparent;color:var(--w-soft);border:1.5px solid var(--w-line);font-weight:700}.kkwire__btn[hidden]{display:none}@media(prefers-reduced-motion:reduce){.kkwire.uploaded .kkwire__scene [class*="-"],.kkwire.uploaded .kkwire__scene .jw,.kkwire.uploaded .kkwire__scene .brd-led{animation:none!important}.kkwire.uploaded .kkwire__scene .fx,.kkwire.uploaded .kkwire__scene .led-glow,.kkwire.uploaded .kkwire__scene .oled-on,.kkwire.uploaded .kkwire__scene .oled-trace,.kkwire.uploaded .kkwire__scene .chip-dot{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/kk-wire.css.map */