.kkloop{--l-bg:#fff8ec;--l-panel:#fffdf8;--l-ink:#2a2118;--l-soft:#8a7a63;--l-line:#ead9bd;--l-copper:#e0891f;--l-batt:#17a6a6;--l-good:#2fb673;--l-bad:#e0665a;--l-glow:#ffd23f;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--l-ink);background:var(--l-bg);border:1px solid var(--l-line);border-radius:18px;overflow:hidden}.kkloop *,.kkloop *:before,.kkloop *:after{box-sizing:border-box}.kkloop__top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem .95rem;border-bottom:1px solid var(--l-line)}.kkloop__badge{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback,system-ui,sans-serif;font-weight:800;font-size:.92rem}.kkloop__right{display:flex;align-items:center;gap:.7rem}.kkloop__pips{display:flex;gap:.28rem}.kkloop__pip{width:10px;height:10px;border-radius:50%;background:var(--l-line);transition:.25s}.kkloop__pip.done{background:var(--l-good)}.kkloop__pip.now{background:var(--l-copper);transform:scale(1.2)}.kkloop__snd{-webkit-appearance:none;appearance:none;border:1px solid var(--l-line);background:var(--l-panel);border-radius:8px;cursor:pointer;font-size:.82rem;line-height:1;padding:.2rem .4rem}.kkloop__skip{font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--l-soft);text-decoration:none;white-space:nowrap}.kkloop__skip:hover{color:var(--l-ink)}.kkloop__stage{position:relative;width:100%;aspect-ratio:420/240;background:var(--l-panel)}.kkloop__scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.kkloop__scene .wire{fill:none;stroke:var(--l-copper);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.kkloop__scene .bridge{opacity:0;transition:opacity .18s}.kkloop__scene .bridge.on{opacity:1}.kkloop__scene .batt-body{fill:var(--l-batt)}.kkloop__scene .batt-cap{fill:#0e7d7d}.kkloop__scene .term{font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:800;fill:#fff}.kkloop__scene .batt-lbl{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;fill:#0e7d7d}.kkloop__scene .out{display:none}.kkloop[data-out=bulb] .out--bulb,.kkloop[data-out=fan] .out--fan,.kkloop[data-out=buzzer] .out--buzzer{display:block}.kkloop__scene .bulb-halo{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .3s}.kkloop.closed .kkloop__scene .bulb-halo{opacity:1;animation:kklPulse 1.3s ease-in-out infinite}.kkloop.closed.weak .kkloop__scene .bulb-halo{opacity:.32;animation-duration:2.6s}.kkloop__scene .bulb-glass{fill:#fdf1cf;transition:fill .3s}.kkloop.closed .kkloop__scene .bulb-glass{fill:var(--l-glow)}.kkloop.closed.weak .kkloop__scene .bulb-glass{fill:#f6e7ac}.kkloop__scene .bulb-fil{stroke:#c9a54a;transition:stroke .3s}.kkloop.closed .kkloop__scene .bulb-fil{stroke:#e0651f}.kkloop.closed.weak .kkloop__scene .bulb-fil{stroke:#caa24a}.kkloop__scene .fan-blades{transform-box:fill-box;transform-origin:center}.kkloop.closed .kkloop__scene .fan-blades{animation:kklSpin .5s linear infinite}.kkloop.closed.weak .kkloop__scene .fan-blades{animation-duration:1.6s}.kkloop__scene .buzz-wave{opacity:0;transform-box:fill-box;transform-origin:left center}.kkloop.closed .kkloop__scene .buzz-wave{animation:kklWave 1s ease-out infinite}.kkloop.closed .kkloop__scene .buzz-wave:nth-of-type(2){animation-delay:.33s}.kkloop.closed .kkloop__scene .buzz-wave:nth-of-type(3){animation-delay:.66s}@keyframes kklPulse{50%{opacity:.5}}@keyframes kklSpin{to{transform:rotate(360deg)}}@keyframes kklWave{0%{opacity:.85;transform:scale(.5)}to{opacity:0;transform:scale(1.35)}}.kkloop__gap{position:absolute;top:5%;height:22%;width:13%;border:2.5px dashed var(--l-copper);border-radius:12px;display:grid;place-items:center;background:#e0891f0f;transition:.2s}.kkloop__gap[data-slot=L]{left:25%}.kkloop__gap[data-slot=C]{left:43.5%}.kkloop__gap[data-slot=R]{left:62%}.kkloop__gap[hidden]{display:none}.kkloop__gap.filled{border-style:solid;border-color:var(--l-good);background:#2fb6731f;cursor:pointer}.kkloop.closed .kkloop__gap.filled{pointer-events:none}.kkloop__gap-hint{font-family:IBM Plex Mono,monospace;font-size:.54rem;font-weight:700;color:var(--l-copper);text-transform:uppercase;letter-spacing:.05em;text-align:center}.kkloop__gap.filled .kkloop__gap-hint{display:none}.kkloop__switch{position:absolute;left:43%;width:14%;bottom:2%;height:20%;-webkit-appearance:none;appearance:none;cursor:pointer;border:0;padding:0;border-radius:999px;background:var(--l-line);transition:background .2s;display:flex;align-items:center}.kkloop__switch[hidden]{display:none}.kkloop__switch:after{content:"";position:absolute;left:6%;top:12%;width:34%;aspect-ratio:1;border-radius:50%;background:#fffdf8;box-shadow:0 1px 3px #00000040;transition:left .2s}.kkloop__switch .sl{position:absolute;right:9%;font-family:IBM Plex Mono,monospace;font-size:.5rem;font-weight:800;color:#fffdf8;letter-spacing:.04em}.kkloop.swon .kkloop__switch{background:var(--l-good)}.kkloop.swon .kkloop__switch:after{left:60%}.kkloop.swon .kkloop__switch .sl{right:auto;left:11%;color:#fffdf8}.kkloop__msg{position:absolute;left:50%;bottom:8px;transform:translate(-50%);max-width:93%;text-align:center;font-size:.8rem;font-weight:600;color:var(--l-soft);background:#fffdf8f0;border-radius:9px;padding:.24rem .7rem;transition:color .2s}.kkloop__msg.good{color:var(--l-good)}.kkloop__msg.bad{color:var(--l-bad)}.kkloop__flyer{position:absolute;z-index:5;width:60px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .34s cubic-bezier(.34,1.25,.6,1);pointer-events:none}.kkloop__flyer svg{width:34px;height:34px}.kkloop__flyer .nm{font-family:IBM Plex Mono,monospace;font-size:.48rem;font-weight:700;background:#fff;border:1px solid var(--l-line);border-radius:5px;padding:0 4px;white-space:nowrap}.kkloop__flyer.reject{animation:kklShake .36s}@keyframes kklShake{20%{transform:translate(-7px) rotate(-5deg)}60%{transform:translate(7px) rotate(5deg)}}.kkloop__tray{display:flex;flex-wrap:wrap;gap:.5rem;padding:.8rem;justify-content:center;background:var(--l-bg);border-top:1px solid var(--l-line)}.kkloop__obj{-webkit-appearance:none;appearance:none;cursor:pointer;border:2px solid var(--l-line);background:var(--l-panel);border-radius:13px;padding:.5rem .55rem .34rem;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:74px;transition:transform .12s,border-color .15s,opacity .2s}.kkloop__obj:hover{border-color:var(--l-copper);transform:translateY(-2px)}.kkloop__obj:active{transform:scale(.95)}.kkloop__obj[disabled]{opacity:0;pointer-events:none}.kkloop__obj svg{width:32px;height:32px}.kkloop__obj .on{font-family:IBM Plex Mono,monospace;font-size:.56rem;font-weight:700;color:var(--l-ink)}.kkloop__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% 38%,#fff8ecf2,#fff3defa)}.kkloop.is-intro .kkloop__intro,.kkloop.is-won .kkloop__win{display:grid;animation:kklFade .3s}@keyframes kklFade{0%{opacity:0}to{opacity:1}}.kkloop__overlay h3{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback,system-ui,sans-serif;font-weight:800;font-size:clamp(1.3rem,4vw,1.9rem);margin:0 0 .4rem}.kkloop__overlay p{margin:0 0 1rem;font-size:.9rem;color:var(--l-soft);max-width:34ch}.kkloop__overlay .row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.kkloop__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:.92rem;border-radius:12px;padding:.62rem 1.3rem;background:var(--l-copper);color:#3a2200}.kkloop__btn--ghost{background:transparent;color:var(--l-soft);border:2px solid var(--l-line)}.kkloop__btn[hidden]{display:none}@media(prefers-reduced-motion:reduce){.kkloop__flyer{transition:none!important}.kkloop__scene *,.kkloop__flyer.reject{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/kk-loop.css.map */