.kkbab{--kkb-bg:#f4f1ea;--kkb-card:#ffffff;--kkb-mat:#eef4f8;--kkb-ink:#242b31;--kkb-muted:#6b7681;--kkb-hair:#e2ddd2;--kkb-line:#cfd9e2;--kkb-slot:#b9c7d3;--kkb-accent:#ffab1a;--kkb-accent-d:#b9760d;--kkb-cyan:#2bb7cb;--kkb-green:#2fae6a;--kkb-red:#e8654a;--kkb-shadow:0 1px 2px rgba(36,43,49,.05), 0 14px 40px -18px rgba(36,43,49,.22);--kkb-disp:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--kkb-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;color:var(--kkb-ink)}@media(prefers-color-scheme:dark){.kkbab{--kkb-bg:#12161a;--kkb-card:#1a2027;--kkb-mat:#161f27;--kkb-ink:#eef2f5;--kkb-muted:#93a1ad;--kkb-hair:#2a333d;--kkb-line:#33414d;--kkb-slot:#3d4b57;--kkb-shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 44px -18px rgba(0,0,0,.7)}}.kkbab *,.kkbab *:before,.kkbab *:after{box-sizing:border-box}.kkbab .kkb-wrap{max-width:1080px;margin:0 auto;padding:clamp(1.2rem,4vw,2.4rem) clamp(1rem,4vw,2rem)}.kkbab .kkb-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;margin:0 auto 1.6rem;max-width:880px}.kkbab .kkb-ey{font-family:var(--kkb-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--kkb-accent-d);margin:0 0 .6rem}.kkbab .kkb-h{font-family:var(--kkb-disp);font-weight:800;line-height:1.08;letter-spacing:-.02em;font-size:clamp(1.9rem,4.6vw,3rem);margin:0;text-wrap:balance}.kkbab .kkb-what{color:var(--kkb-muted);margin:1rem auto 0;max-width:44ch;font-size:.98rem;line-height:1.5}.kkbab .kkb-hook{font-family:var(--kkb-disp);font-weight:700;color:var(--kkb-ink);font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.36;letter-spacing:-.01em;margin:1.4rem auto 0;max-width:min(96%,62ch);padding-top:1.3rem;position:relative;text-wrap:pretty}.kkbab .kkb-hook:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:44px;height:3px;border-radius:2px;background:var(--kkb-accent)}.kkbab .kkb-reveal{margin:1.5rem 0 0}.kkbab .kkb-reveal span{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--kkb-mono);font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#3a2600;background:var(--kkb-accent);border-radius:999px;padding:.62rem 1.15rem;box-shadow:0 8px 22px -6px color-mix(in srgb,var(--kkb-accent) 65%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--kkb-accent-d) 30%,transparent)}.kkbab .kkb-reveal span:before{content:"\1f513";font-size:.95em}.kkbab .kkb-shelf{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:1.7rem}.kkbab .kkb-shelf .kkb-lab{font-family:var(--kkb-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--kkb-muted)}.kkbab .kkb-head>*{opacity:0;transform:translateY(16px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.kkbab .kkb-head.kkb-in>*{opacity:1;transform:none}.kkbab .kkb-head.kkb-in .kkb-ey{transition-delay:.05s}.kkbab .kkb-head.kkb-in .kkb-h{transition-delay:.35s}.kkbab .kkb-head.kkb-in .kkb-what{transition-delay:1.3s}.kkbab .kkb-head.kkb-in .kkb-hook{transition-delay:2.6s}.kkbab .kkb-head.kkb-in .kkb-reveal{transition-delay:3.9s}.kkbab .kkb-head.kkb-in .kkb-shelf{transition-delay:4.5s}@media(prefers-reduced-motion:reduce){.kkbab .kkb-head>*{opacity:1!important;transform:none!important;transition:none!important}}.kkbab .kkb-boti{width:42px;height:42px;border-radius:11px;background:var(--kkb-card);border:1px solid var(--kkb-hair);display:grid;place-items:center;font-size:1.05rem;color:var(--kkb-slot);box-shadow:var(--kkb-shadow)}.kkbab .kkb-boti.got{color:var(--kkb-accent-d);border-color:var(--kkb-accent)}.kkbab .kkb-boti.badge{background:var(--kkb-accent);color:#3a2600;border-color:var(--kkb-accent)}.kkbab .kkb-game{background:var(--kkb-card);border:1px solid var(--kkb-hair);border-radius:20px;padding:clamp(1rem,3vw,1.5rem);box-shadow:var(--kkb-shadow)}.kkbab .kkb-bar{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap;font-family:var(--kkb-mono);font-size:.8rem;margin-bottom:1rem}.kkbab .kkb-bar .k{color:var(--kkb-muted);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.kkbab .kkb-bar .v{font-size:1.02rem;font-weight:600;font-variant-numeric:tabular-nums}.kkbab .kkb-prog{display:flex;gap:4px;margin-left:auto}.kkbab .kkb-prog i{width:24px;height:6px;border-radius:99px;background:var(--kkb-line)}.kkbab .kkb-prog i.on{background:var(--kkb-accent)}.kkbab .kkb-prog i.cur{background:var(--kkb-accent-d)}.kkbab .kkb-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:1.1rem}.kkbab .kkb-mat{position:relative;border:1px solid var(--kkb-line);border-radius:14px;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(var(--kkb-line) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(90deg,var(--kkb-line) 1px,transparent 1px) 0 0/26px 26px,var(--kkb-mat)}.kkbab .kkb-mat svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;touch-action:none}.kkbab .kkb-slot{fill:transparent;stroke:var(--kkb-slot);stroke-width:2.5;stroke-dasharray:6 6;transition:.16s}.kkbab .kkb-slot.over{stroke:var(--kkb-accent);stroke-width:3.5}.kkbab .kkb-slot.filled{stroke:var(--kkb-green);stroke-dasharray:none;fill:color-mix(in srgb,var(--kkb-green) 12%,transparent)}.kkbab .kkb-slot.next{stroke:var(--kkb-cyan)}.kkbab .kkb-fr{stroke:var(--kkb-slot);stroke-width:3;fill:none;opacity:.5}.kkbab .kkb-eye{fill:var(--kkb-slot);transition:.25s}.kkbab svg.alive .kkb-eye{fill:var(--kkb-cyan);filter:drop-shadow(0 0 7px var(--kkb-cyan))}.kkbab svg.alive .kkb-built{animation:kkb-wiggle .55s ease 2}@keyframes kkb-wiggle{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.kkbab .kkb-tick{font-size:15px;fill:var(--kkb-green);text-anchor:middle;dominant-baseline:middle;font-family:var(--kkb-disp);font-weight:700}.kkbab .kkb-side{display:flex;flex-direction:column;gap:.85rem}.kkbab .kkb-tray{background:var(--kkb-mat);border:1px solid var(--kkb-line);border-radius:12px;padding:.7rem;display:flex;flex-wrap:wrap;gap:.45rem;align-content:flex-start;min-height:118px}.kkbab .kkb-part{-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;background:var(--kkb-card);border:1px solid var(--kkb-hair);border-radius:10px;padding:.45rem .6rem;display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:500}.kkbab .kkb-part .pic{width:20px;height:20px;display:grid;place-items:center;color:var(--kkb-accent-d);font-size:1rem}.kkbab .kkb-part.decoy .pic{color:var(--kkb-muted)}.kkbab .kkb-part.dragging{cursor:grabbing;z-index:99;box-shadow:0 18px 40px -12px #00000059}.kkbab .kkb-part.placed{opacity:.3;pointer-events:none}.kkbab .kkb-msg{font-size:.85rem;color:var(--kkb-muted);min-height:2.4em;margin:0}.kkbab .kkb-msg.bad{color:var(--kkb-red)}.kkbab .kkb-msg.good{color:var(--kkb-green)}.kkbab .kkb-btn{background:var(--kkb-accent);color:#3a2600;border:0;border-radius:10px;padding:.7rem 1.1rem;font-weight:700;cursor:pointer;font-size:.9rem;font-family:inherit;text-decoration:none;display:inline-block;text-align:center}.kkbab .kkb-btn:disabled{opacity:.45;cursor:not-allowed}.kkbab .kkb-btn.ghost{background:transparent;border:1px solid var(--kkb-line);color:var(--kkb-ink)}.kkbab .kkb-btn.big{width:100%;padding:.85rem;font-size:1rem}.kkbab .kkb-row{display:flex;gap:.5rem;flex-wrap:wrap}.kkbab-ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#14181c8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;place-items:center;padding:1.2rem;z-index:9998}.kkbab-ov.show{display:grid}.kkbab-ov .c{background:var(--kkb-card,#fff);color:var(--kkb-ink,#242b31);border-radius:18px;padding:1.7rem;max-width:400px;width:100%;text-align:center;box-shadow:0 40px 90px -20px #00000080;border:1px solid var(--kkb-hair,#e2ddd2);font-family:Inter,system-ui,sans-serif}.kkbab-ov .stars{font-size:2rem;letter-spacing:5px;color:var(--kkb-accent,#ffab1a)}.kkbab-ov h3{font-family:Bricolage Grotesque,sans-serif;font-size:1.35rem;font-weight:800;margin:.3rem 0}.kkbab-ov p{color:var(--kkb-muted,#6b7681);font-size:.9rem;margin:.3rem 0}.kkbab-ov .reward{margin:1rem 0;padding:1rem;border-radius:12px;background:color-mix(in srgb,var(--kkb-accent,#ffab1a) 14%,transparent);border:1px solid var(--kkb-accent,#ffab1a)}.kkbab-ov .reward .lab{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:1.05rem}.kkbab-ov .reward .code{font-family:IBM Plex Mono,monospace;font-weight:600;letter-spacing:.14em;font-size:1.02rem;margin:.35rem 0;color:var(--kkb-accent-d,#b9760d)}.kkbab-ov .kkb-claim-note{color:var(--kkb-muted,#6b7681);font-size:.82rem;margin:.2rem 0 .7rem}.kkbab-ov #kkbab_claim_form{display:flex;flex-direction:column;gap:.5rem}.kkbab-ov .kkb-claim-input{font:inherit;font-size:.95rem;padding:.65rem .8rem;border:1px solid var(--kkb-line,#cfd9e2);border-radius:9px;background:var(--kkb-bg,#f4f1ea);color:var(--kkb-ink,#242b31);text-align:center}.kkbab-ov .kkb-claim-input:focus{outline:2px solid var(--kkb-accent,#ffab1a);outline-offset:1px}.kkbab-ov .kkb-claim-fine{font-size:.72rem;color:var(--kkb-muted,#98a2ac);margin:.1rem 0 0}.kkbab-ov .kkb-claim-fine.err{color:var(--kkb-red,#e8654a)}.kkbab-ov .kkb-claim-result{font-size:.9rem;color:var(--kkb-ink,#242b31);margin:.4rem 0 0;line-height:1.5}.kkbab-ov .kkb-claim-result b{font-family:IBM Plex Mono,monospace;letter-spacing:.1em;color:var(--kkb-accent-d,#b9760d)}.kkbab-ov .bom{text-align:left;background:var(--kkb-mat,#eef4f8);border:1px solid var(--kkb-line,#cfd9e2);border-radius:12px;padding:.9rem 1rem;margin:1rem 0;font-size:.85rem}.kkbab-ov .bom ul{margin:.4rem 0 .7rem;padding-left:1.1rem;color:var(--kkb-muted,#6b7681)}.kkbab-ov .kkb-btn{background:var(--kkb-accent,#ffab1a);color:#3a2600;border:0;border-radius:10px;padding:.7rem 1.1rem;font-weight:700;cursor:pointer;font-size:.9rem;font-family:inherit;text-decoration:none;display:inline-block}.kkbab-ov .kkb-btn.ghost{background:transparent;border:1px solid var(--kkb-line,#cfd9e2);color:var(--kkb-ink,#242b31)}.kkbab-ov .kkb-btn.big{width:100%;padding:.85rem;font-size:1rem;margin-top:.2rem}.kkbab-ov .kkb-row{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.kkbab-confetti{position:fixed;width:9px;height:14px;top:0;left:0;z-index:9999;pointer-events:none;border-radius:1px}@media(max-width:780px){.kkbab .kkb-layout{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.kkbab *,.kkbab-ov *{animation-duration:.001ms!important;transition-duration:.001ms!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/kk-build-a-bot.css.map */