@layer components{.flapboard{position:relative;margin-top:22px}.flapboard-input{position:absolute;inset:0;z-index:4;width:100%;height:100%;opacity:0;font-size:16px;cursor:text}.flapboard-tiles{display:flex;gap:8px}.flap{position:relative;flex:1;height:70px;border-radius:8px;perspective:360px;transition:box-shadow .18s}.flap:nth-child(4){margin-left:12px}.flap-half{position:absolute;left:0;right:0;height:50%;overflow:hidden;color:#f6f0f4;background:linear-gradient(#221e30,#19162a)}.flap-top{top:0;border-radius:8px 8px 0 0}.flap-bottom{bottom:0;border-radius:0 0 8px 8px;background:linear-gradient(#141120,#1d192b)}.flap-half span{position:absolute;left:0;right:0;height:70px;line-height:70px;text-align:center;font-family:var(--font-display);font-size:44px;font-weight:600;font-variant-numeric:tabular-nums}.flap-bottom span,.flap-leaf-bottom span{top:-35px}.flap-leaf-top span,.flap-top span{top:0}.flap-leaf{z-index:2;backface-visibility:hidden}.flap-leaf-top{top:0;border-radius:8px 8px 0 0;transform-origin:50% 100%;animation:flap-fall .14s ease-in both}.flap-leaf-bottom{bottom:0;border-radius:0 0 8px 8px;transform-origin:50% 0;background:linear-gradient(#141120,#1d192b);animation:flap-land .14s ease-out .14s both}.flap:after{content:"";position:absolute;left:0;right:0;top:50%;z-index:3;height:1px;margin-top:-.5px;background:rgba(0,0,0,.6)}.flap.is-caret{box-shadow:0 0 0 2px #e5237e,0 0 18px rgba(229,35,126,.35)}.flapboard.is-checking .flap{animation:flap-pulse .9s ease-in-out infinite}.flapboard.is-wrong .flapboard-tiles{animation:flap-shake .42s ease}.flapboard.is-wrong .flap-half{color:#ff7d8c}.flapboard.is-ok .flap-half{color:#6dffae}@keyframes flap-fall{0%{transform:rotateX(0deg)}to{transform:rotateX(-90deg)}}@keyframes flap-land{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}@keyframes flap-pulse{50%{opacity:.72}}@keyframes flap-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}}@media (prefers-reduced-motion:reduce){.flap-leaf-bottom,.flap-leaf-top,.flapboard.is-checking .flap,.flapboard.is-wrong .flapboard-tiles{animation:none}}