.flap{align-self:center;--tw:11px;--th:17px;--tf:12px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:8px;background:#12171f}
.flap-row{display:flex;gap:1.5px;justify-content:center}
.flap-cell{position:relative;flex:none;width:var(--tw);height:var(--th);border-radius:2px;background:#242a36;color:#ffd147;font:700 var(--tf)/var(--th) ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:center;overflow:hidden}
.flap-cell::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;margin-top:-.5px;background:#000000bf}
@media (min-width:768px){.flap{--tw:14px;--th:21px;--tf:15px}}