.kp-play{--kp-spring:cubic-bezier(.34, 1.56, .64, 1);--kp-out:cubic-bezier(.22, 1, .36, 1);overflow-x:clip}.kp-entry{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid}.kp-entry-side{display:contents}.kp-entry-hero{order:1}.kp-entry-games{order:2}.kp-entry-form{order:3}.kp-entry-steps{order:4}.kp-entry-board{order:5}@media (min-width:1024px){.kp-entry{grid-template-columns:minmax(0,1fr) minmax(0,22rem);grid-template-areas:"hero hero""form side""board board";align-items:start;column-gap:1.5rem}.kp-entry-hero{grid-area:hero}.kp-entry-form{grid-area:form}.kp-entry-board{grid-area:board}.kp-entry-side{flex-direction:column;grid-area:side;gap:1.25rem;display:flex}}.kp-letter{text-shadow:2px 2px #182f4b;animation:kp-letter .72s var(--kp-spring) both;animation-delay:calc(var(--i,0) * 55ms);display:inline-block}.kp-letters:hover .kp-letter{animation-name:kp-letter-again}.kp-doodle{pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;animation:3.4s ease-in-out infinite kp-bob;position:absolute}.kp-play input.kp-field{box-sizing:border-box;color:#182f4b;min-width:0;transition:box-shadow .2s ease, transform .2s var(--kp-spring);background-color:#fff;border:3px solid #182f4b;border-radius:.95rem;padding:.7rem .95rem;font-size:1rem;font-weight:700;line-height:1.4;box-shadow:inset 0 3px #182f4b12}.kp-play input.kp-field::placeholder{color:#182f4b73;opacity:1;font-weight:600}.kp-play input.kp-field:focus{outline:none;box-shadow:0 0 0 4px #93c5fd}.kp-play input.kp-field:-webkit-autofill{-webkit-text-fill-color:#182f4b;box-shadow:inset 0 0 0 1000px #fff}.kp-play input.kp-field:focus:-webkit-autofill{box-shadow:inset 0 0 0 1000px #fff,0 0 0 4px #93c5fd}.kp-play input.kp-field-sm{border-width:2px;border-radius:.8rem;padding:.5rem .75rem;font-size:.875rem}.kp-press{transition:transform .22s var(--kp-spring), box-shadow .18s ease, background-color .18s ease, filter .18s ease}.kp-press:hover:not(:disabled){filter:saturate(1.15);transform:translate(2px,2px);box-shadow:1px 1px #182f4b}.kp-press:active:not(:disabled){box-shadow:none;transform:translate(3px,3px)scale(.98)}.kp-call:not(:disabled){animation:1.8s ease-in-out infinite kp-call}.kp-chip,.kp-tool,.kp-swatch,.kp-idea,.kp-ready,.kp-lift{transition:transform .24s var(--kp-spring), background-color .18s ease, color .18s ease, box-shadow .2s ease}.kp-chip:hover:not(:disabled),.kp-idea:hover:not(:disabled){transform:translateY(-2px)rotate(-1.5deg)}.kp-chip:active:not(:disabled),.kp-idea:active:not(:disabled),.kp-tool:active:not(:disabled),.kp-swatch:active:not(:disabled){transform:scale(.92)}.kp-tool:hover:not(:disabled),.kp-ready:hover:not(:disabled){transform:translateY(-2px)scale(1.06)}.kp-tool[aria-pressed=true]{transform:translateY(-2px);box-shadow:2px 3px #182f4b}.kp-swatch:hover:not(:disabled){transform:scale(1.12)rotate(-8deg)}.kp-swatch[aria-pressed=true]{transform:scale(1.14);box-shadow:0 0 0 2px #fff,0 0 0 4px #182f4b}.kp-lift:hover{transform:translate(-2px,-3px)rotate(-.4deg);box-shadow:7px 8px #182f4b}.kp-ideas:not([data-open=true])>.kp-ideas-body{display:none}.kp-ideas-mark{transition:transform .26s var(--kp-spring)}.kp-ideas[data-open=true] .kp-ideas-mark{transform:rotate(45deg)}@media (min-width:1024px){.kp-ideas-toggle{display:none!important}.kp-ideas>.kp-ideas-body{display:block!important}}.kp-seg{transition:background-color .26s}.kp-seg[data-on=true]{animation:kp-seg .42s var(--kp-spring)}.kp-draw{flex-direction:column;gap:.6rem;display:flex}.kp-draw-panel{flex-direction:column;gap:.5rem;display:flex}.kp-draw-tools,.kp-draw-colors{grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;display:grid}.kp-draw-sizes{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.kp-draw-soft{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.kp-draw-colors>button{aspect-ratio:1;justify-self:center;width:100%;max-width:2.6rem}.kp-canvas-wrap{aspect-ratio:3/2;width:100%;min-width:min(100%,18rem);max-width:calc(150dvh - 22.5rem);margin-inline:auto;position:relative}.kp-canvas-wrap canvas{width:100%;height:100%;display:block}@media (min-width:640px) and (max-width:1023.98px){.kp-draw-panel{flex-flow:wrap;justify-content:center;align-items:center;gap:.6rem 1rem}.kp-draw-divider{display:none}.kp-draw-tools{grid-template-columns:repeat(6,2.75rem)}.kp-draw-sizes{grid-template-columns:repeat(4,2.75rem)}.kp-draw-soft{grid-template-columns:repeat(3,2.75rem)}.kp-draw-colors{grid-template-columns:repeat(11,2.1rem);gap:.3rem}}@media (min-width:1024px){.kp-draw{flex-direction:row-reverse;justify-content:center;align-items:flex-start}.kp-draw-panel{flex-shrink:0;width:6.75rem}.kp-draw-tools,.kp-draw-sizes,.kp-draw-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.kp-canvas-wrap{flex:1 1 0;min-width:0;margin-inline:0}}.kp-ring{flex-shrink:0;position:relative}.kp-ring svg{width:100%;height:100%;display:block}.kp-ring-arc{transition:stroke-dashoffset .25s linear,stroke .4s}.kp-ring-warn{animation:.52s ease-in-out infinite kp-shake}.kp-rays{isolation:isolate;position:relative;overflow:hidden}.kp-rays:before{content:"";z-index:-2;background:repeating-conic-gradient(#fde68a 0deg 10deg,#fff7d7 10deg 20deg,#bfdbfe 20deg 30deg,#fff7d7 30deg 40deg,#fbcfe8 40deg 50deg,#fff7d7 50deg 60deg,#bbf7d0 60deg 70deg,#fff7d7 70deg 80deg);animation:48s linear infinite kp-spin;position:absolute;inset:-70%}.kp-rays:after{content:"";z-index:-1;background:radial-gradient(closest-side,#fffffff5 35%,#ffffff8c 75%,#fff3);position:absolute;inset:0}.kp-rays-soft:before{opacity:.55}.kp-shine{position:relative;overflow:hidden}.kp-shine:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:40%;animation:2.8s ease-in-out .6s infinite kp-shine;position:absolute;inset:0 auto 0 0;transform:translate(-120%)skew(-20deg)}.kp-fx{z-index:70;pointer-events:none;position:fixed;inset:0;overflow:hidden}.kp-spark{left:var(--x);top:var(--y);animation:kp-burst var(--dur) both;animation-delay:var(--delay);will-change:transform, opacity;line-height:1;display:block;position:absolute}.kp-raindrop{top:0;left:var(--x);animation:kp-rain var(--dur) linear both;animation-delay:var(--delay);will-change:transform;line-height:1;display:block;position:absolute}.kp-raindrop>i{animation:kp-flutter var(--flutter) ease-in-out infinite alternate;display:block}.kp-toast{top:max(.85rem, env(safe-area-inset-top));z-index:80;pointer-events:none;justify-content:center;padding-inline:.75rem;animation:2.6s cubic-bezier(.22,1,.36,1) both kp-toast;display:flex;position:fixed;left:0;right:0}.kp-toast-emoji{animation:.62s ease-in-out 2 kp-wiggle;display:inline-block}.kp-load-fill{transition:width .25s linear,background-color .3s}@keyframes kp-phase{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes kp-pop{0%{opacity:0;transform:translateY(10px)scale(.9)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes kp-zoom{0%{opacity:0;transform:scale(.55)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes kp-tick{0%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes kp-flip{0%{opacity:0;transform:perspective(900px)rotateY(-75deg)scale(.9)}to{opacity:1;transform:none}}@keyframes kp-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes kp-bar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes kp-drop{0%{opacity:0;transform:translateY(-34px)scale(.8)rotate(-4deg)}to{opacity:1;transform:none}}@keyframes kp-msg{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@keyframes kp-crown{0%{opacity:0;transform:translateY(-22px)rotate(-16deg)scale(.6)}60%{opacity:1;transform:translateY(3px)rotate(6deg)scale(1.08)}to{opacity:1;transform:none}}@keyframes kp-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6px)rotate(3deg)}}@keyframes kp-voted{0%{transform:scale(.94)}55%{transform:scale(1.03)rotate(-.6deg)}to{transform:none}}@keyframes kp-star-in{0%{opacity:0;transform:translate(28px,-36px)scale(.35)rotate(-90deg)}to{opacity:1;transform:none}}@keyframes kp-star-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes kp-spin{to{transform:rotate(360deg)}}@keyframes kp-bob{0%,to{transform:translateY(0)rotate(-7deg)}50%{transform:translateY(-9px)rotate(7deg)}}@keyframes kp-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)scale(1.1)}75%{transform:rotate(12deg)scale(1.1)}}@keyframes kp-letter{0%{opacity:0;transform:translateY(18px)scale(.6)}60%{opacity:1;transform:translateY(-5px)rotate(-4deg)}to{opacity:1;transform:none}}@keyframes kp-letter-again{0%{transform:none}35%{transform:translateY(-9px)rotate(-6deg)}70%{transform:translateY(2px)}to{transform:none}}@keyframes kp-stamp{0%{opacity:0;transform:scale(2.3)rotate(-20deg)}60%{opacity:1;transform:scale(.92)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}@keyframes kp-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)scale(1.05)}75%{transform:rotate(7deg)scale(1.05)}}@keyframes kp-seg{0%{transform:scaleY(.4)}to{transform:none}}@keyframes kp-call{0%,to{box-shadow:3px 3px #182f4b,0 0 #16a34a80}50%{box-shadow:3px 3px #182f4b,0 0 0 9px #16a34a00}}@keyframes kp-shine{0%{transform:translate(-120%)skew(-20deg)}55%,to{transform:translate(320%)skew(-20deg)}}@keyframes kp-burst{0%{opacity:0;animation-timing-function:cubic-bezier(.15,.85,.35,1);transform:translate(-50%,-50%)scale(.3)}8%{opacity:1}42%{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(calc(var(--rot) * .45)) scale(1);animation-timing-function:cubic-bezier(.55,0,.9,.55)}78%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx) * 1.3), calc(-50% + var(--dy) + var(--fall))) rotate(var(--rot)) scale(.85)}}@keyframes kp-rain{0%{transform:translateY(-14vh)rotate(0)}to{transform:translate3d(var(--drift), 112vh, 0) rotate(var(--spin))}}@keyframes kp-flutter{0%{transform:rotateY(0)rotateX(10deg)}to{transform:rotateY(180deg)rotateX(-10deg)}}@keyframes kp-toast{0%{opacity:0;transform:translateY(-24px)scale(.75)}10%{opacity:1;transform:translateY(0)scale(1.06)}18%{transform:none}84%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px)scale(.95)}}.kp-phase{animation:kp-phase .38s var(--kp-out) both}.kp-pop{animation:kp-pop .42s var(--kp-spring) both}.kp-step{animation:kp-pop .46s var(--kp-spring) both}.kp-rank{animation:kp-rise .38s var(--kp-out) both}.kp-zoom{animation:kp-zoom .56s var(--kp-spring) both}.kp-tick{animation:kp-tick .26s var(--kp-spring);display:inline-block}.kp-reveal{animation:kp-flip .56s var(--kp-out) both}.kp-rise{animation:kp-rise .52s var(--kp-spring) both}.kp-bar{transform-origin:bottom;animation:kp-bar .64s var(--kp-spring) both}.kp-drop{animation:kp-drop .56s var(--kp-spring) both}.kp-msg{animation:kp-msg .26s var(--kp-out) both}.kp-crown{animation:kp-crown .7s var(--kp-spring) both, kp-float 2.6s ease-in-out .7s infinite}.kp-voted{animation:kp-voted .42s var(--kp-spring)}.kp-stamp{animation:kp-stamp .52s var(--kp-spring) both}.kp-bob{animation:2.4s ease-in-out infinite kp-bob;display:inline-block}.kp-wiggle{animation:.9s ease-in-out infinite kp-wiggle;display:inline-block}.kp-star-in{animation:kp-star-in .65s var(--kp-spring) both;display:inline-block}.kp-star-drift{animation:1.8s ease-in-out infinite kp-star-drift;display:inline-block}.kp-wait{animation:.7s linear infinite kp-spin}@media (prefers-reduced-motion:reduce){.kp-letter,.kp-doodle,.kp-call,.kp-seg,.kp-ring-warn,.kp-rays:before,.kp-shine:after,.kp-toast,.kp-toast-emoji,.kp-phase,.kp-pop,.kp-step,.kp-rank,.kp-zoom,.kp-tick,.kp-reveal,.kp-rise,.kp-bar,.kp-drop,.kp-msg,.kp-crown,.kp-voted,.kp-stamp,.kp-bob,.kp-wiggle,.kp-star-in,.kp-star-drift,.kp-wait{animation:none!important}.kp-fx{display:none}.kp-press,.kp-chip,.kp-tool,.kp-swatch,.kp-idea,.kp-ready,.kp-lift,.kp-ideas-mark,.kp-seg,.kp-ring-arc,.kp-play input.kp-field,.kp-load-fill{transition:none!important}.kp-press:hover:not(:disabled),.kp-chip:hover:not(:disabled),.kp-idea:hover:not(:disabled),.kp-tool:hover:not(:disabled),.kp-ready:hover:not(:disabled),.kp-swatch:hover:not(:disabled),.kp-lift:hover{transform:none}}