.bk{--bk-gap:clamp(.35rem, 1.2vh, .75rem);align-self:stretch;align-items:center;gap:var(--bk-gap);width:100%;min-height:0;color:var(--text-1,#fff);flex-direction:column;flex:auto;padding:.15rem 0 .35rem;display:flex;position:relative}.bk>.game-prompt{margin:auto}.bk-playing{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.bk-k-space{--bk-c1:#fde68a;--bk-c2:#fbbf24;--bk-c3:#b45309}.bk-k-enter{--bk-c1:#bbf7d0;--bk-c2:#4ade80;--bk-c3:#15803d}.bk-k-backspace{--bk-c1:#fecdd3;--bk-c2:#fb7185;--bk-c3:#be123c}.bk-k-left,.bk-k-right,.bk-k-up,.bk-k-down{--bk-c1:#bfdbfe;--bk-c2:#60a5fa;--bk-c3:#1d4ed8}.bk-hud{flex:none;justify-content:center;align-items:center;gap:.8rem;min-height:1.9rem;font-size:1rem;font-weight:800;display:flex}.bk-score strong{color:#fde68a;font-variant-numeric:tabular-nums;font-size:1.35rem}.bk-dots{gap:5px;display:inline-flex}.bk-dot{background:#ffffff24;border:1px solid #ffffff4d;border-radius:50%;width:12px;height:12px;transition:background-color .2s,transform .2s}.bk-dot.bk-on{background:#fbbf24;border-color:#fde68a;transform:scale(1.15)}.bk-main{align-items:center;gap:var(--bk-gap);flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.bk-scene{isolation:isolate;background:linear-gradient(#1b275c 0%,#33409a 46%,#7457c0 80%,#b27fd6 100%);border-radius:22px;flex:auto;width:100%;max-width:760px;min-height:120px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff1a,0 10px 28px #00000059}.bk-moon{aspect-ratio:1;background:radial-gradient(circle at 36% 34%,#fffbe6 0%,#fde68a 55%,#f5c451 100%);border-radius:50%;width:clamp(24px,8%,56px);position:absolute;top:6%;right:3%;box-shadow:0 0 22px 6px #fde68a4d}.bk-twinkle{opacity:.8;background:#fff;border-radius:50%;width:4px;height:4px;animation:3.2s ease-in-out infinite alternate bkTwinkle;position:absolute;box-shadow:0 0 6px #ffffffd9}.bk-hill{border-radius:50% 50% 0 0/100% 100% 0 0;position:absolute;bottom:12%}.bk-hill-a{background:#2b6656;width:72%;height:30%;left:-14%}.bk-hill-b{background:#347a62;width:78%;height:24%;right:-18%}.bk-ground{background:linear-gradient(#4dbb74 0%,#2e8752 100%);height:17%;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 3px #86e0a2}.bk-stone{background:#e9e1ff59;border-radius:50%;width:9%;max-width:70px;height:3.4%;min-height:6px;position:absolute;bottom:8%;transform:translate(-50%)}.bk-spot{width:0;transition:left .42s cubic-bezier(.3,.7,.4,1);position:absolute;top:0;bottom:0}.bk-body{aspect-ratio:1;height:min(38%,22vw,170px);position:absolute;bottom:11%;left:0;transform:translate(-50%)}.bk-shadow{background:#0c082261;border-radius:50%;height:8%;position:absolute;bottom:-2%;left:16%;right:16%}.bk-shadow-space{animation:.9s ease-in-out both bkShadowJump}.bk-shadow-enter{animation:1.4s ease-in-out both bkShadowAway}.bk-face{transition:transform .2s ease-out;position:absolute;inset:0}.bk-face.bk-flip{transform:scaleX(-1)}.bk-anim{transform-origin:50% 100%;position:absolute;inset:0}.bk-bunny{filter:drop-shadow(0 3px 4px #120a3059);width:100%;height:100%;display:block;overflow:visible}.bk-head{transform-box:fill-box;transform-origin:25% 92%}.bk-eye{transform-box:fill-box;transform-origin:50%;animation:4.6s ease-in-out infinite bkBlink}.bk-act-space{animation:.9s cubic-bezier(.33,0,.3,1) both bkJump}.bk-act-left,.bk-act-right{animation:.42s ease-out both bkHop}.bk-act-backspace{animation:.46s ease-out both bkBack}.bk-act-enter{animation:1.4s ease-in-out both bkGoIn}.bk-act-up{animation:1.3s ease-in-out both bkLeanUp}.bk-act-down{animation:1.3s ease-in-out both bkLeanDown}.bk-act-up .bk-head{animation:1.3s ease-in-out both bkHeadUp}.bk-act-down .bk-head{animation:1.3s ease-in-out both bkHeadDown}.bk-door{transform-origin:50% 100%;background:#6d3a1c;border-radius:48% 48% 6% 6%/32% 32% 4% 4%;width:66%;height:110%;margin-left:-33%;animation:1.4s ease-out both bkDoorShow;position:absolute;bottom:-2%;left:50%;box-shadow:inset 0 0 0 3px #3f2210,0 6px 14px #00000059}.bk-door-way,.bk-door-leaf{border-radius:46% 46% 0 0/30% 30% 0 0;position:absolute;inset:9% 12% 0}.bk-door-way{background:radial-gradient(at 50% 72%,#fff4c7 0%,#fbbf24 40%,#9a3412 100%)}.bk-door-leaf{transform-origin:0%;background:linear-gradient(90deg,#e08a1e 0%,#b45309 100%);animation:1.4s ease-in-out both bkDoorLeaf}.bk-door-knob{aspect-ratio:1;background:#fde68a;border-radius:50%;width:14%;position:absolute;top:56%;right:12%}.bk-sky-thing{font-size:clamp(1.8rem,8vh,3.4rem);line-height:1;animation:1.3s ease-out both bkSkyIn;position:absolute;top:6%;left:0;transform:translate(-50%)}.bk-ground-thing{font-size:clamp(1.1rem,4.6vh,2.2rem);line-height:1;animation:1.3s ease-out both bkGroundIn;position:absolute;bottom:-6%;left:64%}.bk-controls{align-items:center;gap:var(--bk-gap);flex-direction:column;flex:none;width:100%;display:flex}.bk-cue{justify-content:center;align-items:center;gap:.6rem;width:100%;max-width:600px;min-height:56px;display:flex}.bk-say{width:56px;height:56px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:2px solid #ffffff3d;border-radius:50%;flex:none;place-items:center;padding:0;font-size:1.45rem;line-height:1;display:grid}.bk-say:hover{background:#ffffff26}.bk-say:active{transform:scale(.94)}.bk-cue-text{flex:0 auto;min-width:0;margin:0;font-size:clamp(1rem,2.6vh,1.4rem);font-weight:800;line-height:1.4}.bk-chip{background:linear-gradient(180deg, var(--bk-c1) 0%, var(--bk-c2) 100%);box-shadow:0 3px 0 var(--bk-c3);color:#1b1030;white-space:nowrap;vertical-align:.08em;border-radius:.5em;align-items:center;gap:.25em;margin:0 .1em;padding:.05em .5em .1em;font-weight:900;line-height:1.2;display:inline-flex}.bk-chip svg{flex:none;width:.95em;height:.95em}.bk-chip.bk-done{opacity:.55;box-shadow:none;transform:translateY(2px)}.bk-chip-tick{color:#14532d;margin-left:.1em}.bk-cap{--bk-cap-h:clamp(72px, 12vh, 118px);height:var(--bk-cap-h);min-width:var(--bk-cap-h);background:linear-gradient(180deg, var(--bk-c1) 0%, var(--bk-c2) 100%);max-width:100%;box-shadow:inset 0 3px 0 #ffffff8c, inset 0 -6px 0 #0000001f, 0 8px 0 var(--bk-c3), 0 14px 24px #00000073;color:#1b1030;font:inherit;font-size:calc(var(--bk-cap-h) * .27);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:20px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.1em;margin:0 0 8px;padding:0 1rem 6px;font-weight:900;line-height:1;animation:.38s cubic-bezier(.3,1.4,.5,1) backwards bkCapIn;display:inline-flex;position:relative}.bk-cap-wide{width:min(100%, calc(var(--bk-cap-h) * 3.6))}.bk-cap-mid{width:min(100%, calc(var(--bk-cap-h) * 2.2))}.bk-cap-arrow{width:calc(var(--bk-cap-h) * 1.25)}.bk-cap-icon{width:1.35em;height:1.35em}.bk-cap-label{font-size:.78em}.bk-cap:active,.bk-cap.bk-done{box-shadow:inset 0 3px 0 #ffffff8c, inset 0 -6px 0 #0000001f, 0 2px 0 var(--bk-c3), 0 6px 12px #00000059;transform:translateY(6px)}.bk-cap.bk-done{cursor:default;animation:.26s ease-out both bkCapDone}.bk-cap-check{color:#fff;background:#22c55e;border-radius:50%;place-items:center;width:36px;height:36px;font-size:1.2rem;font-weight:900;animation:.32s cubic-bezier(.3,1.5,.5,1) backwards bkPop;display:grid;position:absolute;top:-12px;right:-12px;box-shadow:0 3px 8px #00000059}.bk-nudge-a .bk-cap{animation:.46s ease-in-out bkWiggleA}.bk-nudge-b .bk-cap{animation:.46s ease-in-out bkWiggleB}.bk-pad{--bk-arrow:56px;--bk-row:56px;grid-template-columns:repeat(4, minmax(0, 1fr)) repeat(3, var(--bk-arrow));grid-template-rows:repeat(2, var(--bk-row));flex:none;grid-template-areas:"bs bs en en.up.""sp sp sp sp lf dn rt";gap:6px;width:100%;max-width:470px;display:grid}.bk-pad-key{min-width:0;box-shadow:inset 0 1px 0 #ffffff38, 0 4px 0 var(--bk-c3);color:var(--bk-c1);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffffff26 0%,#ffffff0f 100%);border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 4px 3px;font-size:.7rem;font-weight:800;line-height:1.1;display:flex;position:relative}.bk-pad-key svg{flex:none;width:24px;height:24px}.bk-pad-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-1,#fff);opacity:.85;overflow:hidden}.bk-pad-key:active{box-shadow:inset 0 1px 0 #ffffff38, 0 1px 0 var(--bk-c3);transform:translateY(3px)}.bk-pk-backspace{grid-area:bs}.bk-pk-enter{grid-area:en}.bk-pk-up{grid-area:up}.bk-pk-space{grid-area:sp}.bk-pk-left{grid-area:lf}.bk-pk-down{grid-area:dn}.bk-pk-right{grid-area:rt}.bk-pad-key.bk-target{background:linear-gradient(180deg, var(--bk-c1) 0%, var(--bk-c2) 100%);color:#1b1030;box-shadow:inset 0 1px 0 #fff9, 0 4px 0 var(--bk-c3)}.bk-pad-key.bk-target .bk-pad-label{color:#1b1030;opacity:1}.bk-pad-key.bk-target:after{content:"";pointer-events:none;border:3px solid #ffffffeb;border-radius:16px;animation:1.6s ease-in-out infinite bkRing;position:absolute;inset:-5px}.bk-nudge-a .bk-pad-key.bk-target:after{animation:.7s ease-out bkRingFlashA,1.6s ease-in-out .7s infinite bkRing}.bk-nudge-b .bk-pad-key.bk-target:after{animation:.7s ease-out bkRingFlashB,1.6s ease-in-out .7s infinite bkRing}@media (min-width:600px){.bk-pad{--bk-arrow:60px;--bk-row:58px;gap:8px}.bk-pad-key{font-size:.8rem}.bk-pad-key svg{width:28px;height:28px}}@media (max-width:380px){.bk-pk-backspace .bk-pad-label,.bk-pk-enter .bk-pad-label{font-size:.62rem}}@media (max-height:700px){.bk-cap{--bk-cap-h:clamp(64px, 11vh, 88px)}}@media (orientation:landscape) and (max-height:540px){.bk-playing .bk-main{flex-direction:row;align-items:stretch}.bk-playing .bk-scene{flex:55%;min-height:0}.bk-playing .bk-controls{flex:45%;justify-content:center;min-width:0}.bk-playing .bk-hud{z-index:3;pointer-events:none;background:#0a081e80;border-radius:999px;min-height:0;padding:.1rem .6rem;font-size:.85rem;position:absolute;top:.45rem;left:.55rem}.bk-playing .bk-score strong{font-size:1.05rem}.bk-playing .bk-dot{width:9px;height:9px}.bk-cap{--bk-cap-h:clamp(56px, 17vh, 76px)}.bk-cue-text{font-size:.95rem;line-height:1.3}}html[data-theme=light] .bk-scene{box-shadow:inset 0 0 0 2px #ffffff24,0 8px 22px #0f0a284d}@keyframes bkTwinkle{0%{opacity:.25}to{opacity:.9}}@keyframes bkBlink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes bkJump{0%{transform:translateY(0)scale(1)}14%{transform:translateY(0)scale(1.12,.86)}44%{transform:translateY(-80%)scale(.94,1.07)}60%{transform:translateY(-80%)scale(1)}86%{transform:translateY(0)scale(1.1,.9)}to{transform:translateY(0)scale(1)}}@keyframes bkShadowJump{0%,14%,86%,to{opacity:1;transform:scaleX(1)}44%,60%{opacity:.45;transform:scaleX(.55)}}@keyframes bkHop{0%{transform:translateY(0)scale(1)}45%{transform:translateY(-26%)scale(1)}80%{transform:translateY(0)scale(1.06,.94)}to{transform:translateY(0)scale(1)}}@keyframes bkBack{0%{transform:translateY(0)rotate(0)}40%{transform:translateY(-14%)rotate(-9deg)}to{transform:translateY(0)rotate(0)}}@keyframes bkGoIn{0%,22%{opacity:1;transform:translateY(0)scale(1)}42%,58%{opacity:0;transform:translateY(-6%)scale(.4)}76%,to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bkShadowAway{0%,22%,76%,to{opacity:1}42%,58%{opacity:0}}@keyframes bkDoorShow{0%{opacity:0;transform:scaleY(.3)}12%,88%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.3)}}@keyframes bkDoorLeaf{0%,16%{transform:scaleX(1)}30%,70%{transform:scaleX(.14)}84%,to{transform:scaleX(1)}}@keyframes bkLeanUp{0%,to{transform:rotate(0)}22%,78%{transform:rotate(-5deg)}}@keyframes bkLeanDown{0%,to{transform:rotate(0)}22%,78%{transform:rotate(5deg)}}@keyframes bkHeadUp{0%,to{transform:rotate(0)}22%,78%{transform:rotate(-24deg)}}@keyframes bkHeadDown{0%,to{transform:rotate(0)}22%,78%{transform:rotate(22deg)}}@keyframes bkSkyIn{0%{opacity:0;transform:translate(-50%,40%)scale(.5)}22%{opacity:1;transform:translate(-50%)scale(1.12)}34%,80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-24%)scale(.9)}}@keyframes bkGroundIn{0%{opacity:0;transform:translateY(50%)scale(.3)}24%{opacity:1;transform:translateY(0)scale(1.15)}36%,80%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(0)scale(.85)}}@keyframes bkCapIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes bkCapDone{0%{transform:translateY(0)scale(1)}50%{transform:translateY(7px)scale(.97)}to{transform:translateY(6px)scale(1)}}@keyframes bkPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes bkWiggleA{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}@keyframes bkWiggleB{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}@keyframes bkRing{0%,to{opacity:.95;transform:scale(1)}50%{opacity:.35;transform:scale(1.05)}}@keyframes bkRingFlashA{0%{opacity:1;transform:scale(1.3)}to{opacity:.95;transform:scale(1)}}@keyframes bkRingFlashB{0%{opacity:1;transform:scale(1.3)}to{opacity:.95;transform:scale(1)}}@keyframes bkCalm{0%{opacity:.3}to{opacity:1}}@keyframes bkCalmAway{0%,20%{opacity:1}40%,60%{opacity:0}80%,to{opacity:1}}@keyframes bkFadeInOut{0%{opacity:0}20%,80%{opacity:1}to{opacity:0}}@keyframes bkLeafFade{0%,16%{opacity:1}30%,70%{opacity:0}84%,to{opacity:1}}@keyframes bkFlashA{0%,50%{opacity:.25}25%,75%,to{opacity:1}}@keyframes bkFlashB{0%,50%{opacity:.25}25%,75%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.bk-spot,.bk-face,.bk-dot{transition:none}.bk-act-space,.bk-act-left,.bk-act-right,.bk-act-backspace,.bk-act-up,.bk-act-down{animation:.6s ease-out both bkCalm}.bk-act-enter{animation:1.4s ease-in-out both bkCalmAway}.bk-act-up .bk-head,.bk-act-down .bk-head,.bk-eye,.bk-twinkle,.bk-shadow-space{animation:none}.bk-door{animation:1.4s ease-in-out both bkFadeInOut}.bk-door-leaf{animation:1.4s ease-in-out both bkLeafFade}.bk-sky-thing,.bk-ground-thing{animation:1.3s ease-in-out both bkFadeInOut}.bk-cap,.bk-cap-check,.bk-nudge-a .bk-cap,.bk-nudge-b .bk-cap{animation:none}.bk-cap.bk-done{animation:none;transform:translateY(6px)}.bk-pad-key.bk-target:after{animation:none}.bk-nudge-a .bk-pad-key.bk-target:after{animation:.7s ease-out bkFlashA}.bk-nudge-b .bk-pad-key.bk-target:after{animation:.7s ease-out bkFlashB}}