.flap-text{display:grid;min-width:0;height:100%;gap:clamp(1px,.14vw,3px)}.flap-character{position:relative;display:block;min-width:0;height:100%;overflow:hidden;border:1px solid #333;border-radius:.12em;perspective:300px;background:#090909;box-shadow:0 2px 5px #000}.flap-character:after{content:"";position:absolute;z-index:3;left:0;right:0;top:50%;height:1px;background:#000;box-shadow:0 1px #444;pointer-events:none}.flap-character-face{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;background:linear-gradient(#1c1c1c 0 49%,#101010 50% 100%);color:#f5f5f5;font-size:clamp(.62rem,1.55vw,1.65rem);font-weight:700;line-height:1;text-shadow:0 1px 1px #000;animation:flap-turn 84ms linear both;transform-origin:center;backface-visibility:hidden}@keyframes flap-turn{0%{transform:rotateX(0);filter:brightness(1.2)}49%{transform:rotateX(-88deg)}50%{transform:rotateX(88deg)}to{transform:rotateX(0);filter:brightness(1)}}@media (prefers-reduced-motion:reduce){.flap-character-face{animation:none}}