.kkcol{--k-paper:#fdfaf3;--k-ink:#241f16;--k-soft:#7b6f57;--k-line:#e6ddc7;--k-outline:#241f16;--k-accent:#ff5a5f;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--k-ink);border-radius:16px;overflow:hidden;border:1px solid var(--k-line);background:radial-gradient(120% 80% at 12% 0%,rgba(255,255,255,.7),transparent 50%),linear-gradient(170deg,#fdfaf3,#f4eddd)}.kkcol *,.kkcol *:before,.kkcol *:after{box-sizing:border-box}.kkcol__top{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.7rem .95rem;border-bottom:1px solid rgba(0,0,0,.05)}.kkcol__badge{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--k-soft)}.kkcol__topright{display:flex;align-items:center;gap:.6rem}.kkcol__pips{display:flex;gap:.32rem}.kkcol__pip{width:9px;height:9px;border-radius:50%;background:#0000001f;transition:.2s}.kkcol__pip.on{background:var(--k-accent)}.kkcol__pip.now{background:var(--k-ink);transform:scale(1.25)}.kkcol__skip{font-family:IBM Plex Mono,monospace;font-size:.6rem;font-weight:600;color:var(--k-soft);text-decoration:none;border:1px solid var(--k-line);border-radius:6px;padding:.22rem .45rem;white-space:nowrap}.kkcol__skip:hover{color:var(--k-ink);border-color:var(--k-accent)}.kkcol__stage{position:relative;padding:.8rem .8rem .3rem}.kkcol__paper{background:#fff;border:1px solid #ece3cd;border-radius:12px;box-shadow:inset 0 1px #ffffffb3,0 8px 22px -16px #3c2d1466;padding:.5rem}.kkcol__svg{display:block;width:100%;height:auto}.kkcol__rg{cursor:pointer;transition:fill .12s ease}.kkcol__rg:hover{filter:brightness(.97)}.kkcol__outline{fill:none;stroke:var(--k-outline);stroke-width:3.4;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}.kkcol__scene{transform-box:fill-box;transform-origin:50% 100%}.kkcol.alive .kkcol__scene{animation:kkcolBob 2.4s ease-in-out infinite}@keyframes kkcolBob{50%{transform:translateY(-5px) rotate(-1deg)}}.kkcol__light{transition:filter .5s ease,opacity .5s ease}.kkcol.alive .kkcol__light{filter:drop-shadow(0 0 6px #ffe08a) drop-shadow(0 0 16px #ffd24a);animation:kkcolPulse 1.6s ease-in-out infinite}@keyframes kkcolPulse{50%{opacity:.78}}.kkcol__spin{transform-box:fill-box;transform-origin:center}.kkcol.alive .kkcol__spin{animation:kkcolSpin 9s linear infinite}@keyframes kkcolSpin{to{transform:rotate(360deg)}}.kkcol__sway{transform-box:fill-box;transform-origin:50% 100%}.kkcol.alive .kkcol__sway{animation:kkcolSway 2.8s ease-in-out infinite}@keyframes kkcolSway{25%{transform:rotate(4deg)}75%{transform:rotate(-4deg)}}.kkcol__blink{transform-box:fill-box;transform-origin:center}.kkcol.alive .kkcol__blink{animation:kkcolBlink 2.2s steps(1) infinite}@keyframes kkcolBlink{46%{transform:scaleY(1)}50%{transform:scaleY(.15)}54%{transform:scaleY(1)}}.kkcol__puff{opacity:0}.kkcol.alive .kkcol__puff{animation:kkcolPuff 3s ease-out infinite}@keyframes kkcolPuff{0%{opacity:0;transform:translateY(0) scale(.4)}30%{opacity:.5}to{opacity:0;transform:translateY(-34px) scale(1.2)}}.kkcol__lift{transform-box:fill-box}.kkcol.alive .kkcol__lift{animation:kkcolLift 3.4s ease-in 1.2s forwards}@keyframes kkcolLift{to{transform:translateY(-260px)}}.kkcol__spark{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.kkcol__spark i{position:absolute;width:9px;height:9px;border-radius:2px;opacity:0}.kkcol.alive .kkcol__spark i{animation:kkcolSpark 1.1s ease-out forwards}@keyframes kkcolSpark{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(320deg)}}.kkcol__palette{display:flex;gap:.4rem;align-items:center;justify-content:center;flex-wrap:wrap;padding:.7rem .8rem .3rem}.kkcol__swatch{width:34px;height:34px;border-radius:50%;border:3px solid #fff;cursor:pointer;padding:0;box-shadow:0 0 0 1px #0000001f,0 3px 8px -3px #0006;transition:transform .12s ease}.kkcol__swatch:hover{transform:scale(1.08)}.kkcol__swatch.sel{transform:scale(1.16);box-shadow:0 0 0 3px var(--k-ink),0 3px 8px -3px #0006}.kkcol__swatch--erase{background:#fff;position:relative}.kkcol__swatch--erase:after{content:"\d7";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1rem;color:#b7ab93}.kkcol__foot{text-align:center;padding:.3rem .95rem 1rem}.kkcol__msg{font-size:.82rem;color:var(--k-soft);min-height:1.2em;margin-bottom:.5rem}.kkcol__go{-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:.98rem;border-radius:12px;padding:.7rem 1.5rem;background:var(--k-accent);color:#fff;transition:transform .14s,filter .14s}.kkcol__go:hover{transform:translateY(-1px);filter:brightness(1.05)}.kkcol.alive .kkcol__go{display:none}.kkcol__redo{display:none;margin:0 auto;-webkit-appearance:none;appearance:none;background:none;border:0;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.68rem;color:var(--k-soft);text-decoration:underline;text-underline-offset:3px}.kkcol.alive .kkcol__redo{display:inline-block}.kkcol__win{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;text-align:center;padding:1.3rem;background:radial-gradient(circle at 50% 42%,#fffaebf0,#f4edddf7)}.kkcol.won .kkcol__win{display:grid;animation:kkcolFade .3s ease}@keyframes kkcolFade{0%{opacity:0}to{opacity:1}}.kkcol__win h3{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback,system-ui,sans-serif;font-weight:800;font-size:clamp(1.2rem,3.4vw,1.75rem);margin:0 0 .4rem}.kkcol__win p{margin:0 0 1rem;font-size:.9rem;color:var(--k-soft);max-width:32ch}.kkcol__win .row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.kkcol__btn{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:.86rem;border-radius:9px;padding:.6rem 1.1rem;background:var(--k-accent);color:#fff;text-decoration:none;display:inline-block}.kkcol__btn--ghost{background:transparent;color:var(--k-soft);border:1.5px solid var(--k-line)}.kkcol__btn[hidden]{display:none}@media(prefers-reduced-motion:reduce){.kkcol.alive .kkcol__scene,.kkcol.alive .kkcol__light,.kkcol.alive .kkcol__spin,.kkcol.alive .kkcol__sway,.kkcol.alive .kkcol__blink,.kkcol.alive .kkcol__puff,.kkcol.alive .kkcol__lift,.kkcol.alive .kkcol__spark i{animation:none}.kkcol.alive .kkcol__light{filter:drop-shadow(0 0 8px #ffd24a)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/kk-colour.css.map */